Witamy, Gość. Zaloguj się lub zarejestruj.
Czy dotarł do Ciebie email aktywacyjny?


Zaloguj się podając nazwę użytkownika, hasło i długość sesji

Strony: [1] 2 3  Wszystkie
DrukujPobierz PDF
Autor Wątek: menu dla www (kwaku style?)  (Przeczytany 70194 razy)
0 użytkowników i 1 Gość przegląda ten wątek.
ozziuss
Gość
« : 29.08.2007, 22:36:25 »

wynik:

z hover'em:


--------------------
1. tworzymy nowy dokument.

2. kolor tła zmieniamy na #d9d9d9.

3. (nowa warstwa) zaznaczeniem eliptycznym zaznaczamy od krawędzi całość, wciaskamy ctrl + i, wypełniamy kolorem #606060. później Filtry>Rozmycie>Rozmycie Gaussa i ustawiamy obie wartości na 119. Zmieniamy krycie warstwy na 18,5.



4. (na nowych warstwach) rysujemy dwie przylegające do siebie linie (górną #606060 i dolną białą). na obie robimy maski (czarna, pełna przeźroczystość) i robimy przeźroczyste gradienty od zewnątrz.



5. (nowa warstwa) zaznaczeniem eliptycznym tworzymy elpisę. wypełniamy ciemniejszym kolorem niż tło (czyli #606060) i ustawiamy rozmycie gaussa aż otrzymamy wynik taki jak na obrazku. zaznaczeniem prostokątnym zaznaczamy od góry cały obrazek aż do 1px poniżej naszych dwóch linii i wciskamy magiczną kombinację ctrl + k.



6. teraz wklejamy render (w moim przypadku stąd) tak żeby nachodził na ciemniejszą kreskę i dodajemy tekst



fin.

BONUS!:
7. żeby zrobić efekt światełka jak w hoverze powtarzamy pkt 5, ale tym razem elipsa jest biała i jest powyżej linii białej (bez 1px przerwy!). no i oczywiście jest "za" listkiem.


wynik:



----
ikonka:
« Ostatnia zmiana: 06.06.2009, 12:32:58 wysłane przez Domaxi » Zapisane
Sebastian
√ ι ק

Reputacja: 36 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
Licencja: Copyright
Wiadomości: 728
Galeria Użytkownika



Zobacz profil
« Odpowiedz #1 : 30.08.2007, 01:15:59 »

Myślałem że listki też będą opisane. Mój out już pokazywałem w dziale test ale zapodam jeszcze raz:



A i napisz opis jakiś (dla indeksu).
Zapisane
dzialo9
Użytkownik

Reputacja: 8 Offline Offline

Płeć: Kobieta
GIMP: 2.4 + GAP
Licencja: Copyright
Wiadomości: 577
Galeria Użytkownika


Beztalencie.


Zobacz profil
« Odpowiedz #2 : 30.08.2007, 13:14:39 »

Zapisane

masiek
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: Copyright
Wiadomości: 17
Galeria Użytkownika



Zobacz profil
« Odpowiedz #3 : 02.02.2008, 22:45:13 »

bardzo fajny tutorial--świetny pomysł-----oto co wyszło Uśmiech




Zapisane



szujak
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 153
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #4 : 29.02.2008, 18:22:40 »

Bardzo fajny tutorial Mrugnięcie Dzięki Język


* menu.png (21.38 KB, 840x300 - wyświetlony 814 razy.)
Zapisane

----------------------------
http://www.pillart.pl
----------------------------
http://szujak.deviantart.com
http://szujak.digart.pl
b.luk
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4
Licencja: Copyright
Wiadomości: 33
Galeria Użytkownika

b.luk


Zobacz profil
« Odpowiedz #5 : 20.03.2008, 19:44:29 »

Zapisane
Wiola
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Kobieta
GIMP: 2.4
Licencja: Copyright
Wiadomości: 25
Galeria Użytkownika



Zobacz profil
« Odpowiedz #6 : 24.03.2008, 11:57:39 »

Świetny tutorial! Po prostu genialny! Autorowi należy się chyba jakaś nagroda ;P heh.

Oto, co mi wyszło:

Zapisane

Każda chwila istnieje po to, aby wszystko odmienić.
wojTrek
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4
JID: wojtrek@jabber.org
Licencja: Copyright
Wiadomości: 20
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #7 : 16.04.2008, 12:31:26 »

Ten tutorial doprowadził mnie do rozstroju nerwów. Ale przespałem się z tymi wszystkimi problemami. Gdy się obudziłem wiedziałem już co i jak zrobić.


Zapisane


Brak obrazków...
Padł mi serwer, reanimacja w toku. Pomyślności życzcie!
Morowis
Nowicjusz

Reputacja: 2 Offline Offline

Wiadomości: 6
Galeria Użytkownika

Morowis


Zobacz profil
« Odpowiedz #8 : 24.10.2008, 19:18:39 »

Mam takie pytanie:
Otóż chciałbym uzyskać podobny efekt jak w punkcie 4. Chodzi mi o tą kreskę. Niestety nie rozumiem jak to zrobić. Czy znalazłby się ktoś chętny, który mógłby mi to wytłumaczyć? Albo jeżeli już taka odpowiedź była to chociaż wskazać (oczywiście szukałem).

Z góry dziękuje i pozdrawiam
Morowis
Zapisane
ozziuss
Gość
« Odpowiedz #9 : 24.10.2008, 21:40:05 »

Morowis ta kreski to po prostu prostokąty o wysokości 1px. wybierasz 'zaznacznie prostokątne', zaznaczasz obszar o jakiejś szerokości i 1px wysokości, po czym wypełniasz kolorem. i gotowe Mrugnięcie
Zapisane
snufkin
Gość
« Odpowiedz #10 : 24.10.2008, 21:42:45 »

@up, wydaje mi się, że maski są bardziej groźno-brzmiące i to one stanowią problem. Mrugnięcie
Zapisane
Yanke$
Użytkownik

Reputacja: 0 Offline Offline

GIMP: 2.6 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 17
Galeria Użytkownika

Yanke$


Zobacz profil
« Odpowiedz #11 : 25.11.2008, 16:15:49 »

Mam taki problem bo nie wiem co to oznacza ctrl + k bo nie działa mi ten skrót.

Edit://

Już się z tym uporałem. Najtrudniejsze były dla mnie gradienty i maski ale sobie jakoś poradziłem Język. A i dodam jeszcze, że to fajny efekt.
A oto moja praca.


Pozdrawiam  Wilber.

P.S. Sebastian, mógłbyś powiedzieć co to za czcionka (lubię takie "odręczne")?
« Ostatnia zmiana: 25.11.2008, 19:33:01 wysłane przez Yanke$ » Zapisane
Brychu
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: Copyright
Wiadomości: 31
Galeria Użytkownika


Bless ya! ; D


Zobacz profil
« Odpowiedz #12 : 21.12.2008, 14:37:26 »

Zapisane


gatto
Nowicjusz

Reputacja: 0 Offline Offline

Wiadomości: 2
Galeria Użytkownika

gatto


Zobacz profil
« Odpowiedz #13 : 16.01.2009, 12:37:59 »

"robimy przeźroczyste gradienty od zewnątrz" gdzie to się robi?
Zapisane
Strony: [1] 2 3  Wszystkie
DrukujPobierz PDF
Polskie Forum Użytkowników GIMP-aTutorialePropozycje i prośby o tutorialeTutoriale do poprawyWątek: menu dla www (kwaku style?)
Skocz do: