IKONA BUDZIKA
Tutorial
Witam, pokaże wam w tym tutorialu jak wykonać taki budzik. Prezentuje się on dość sympatycznie i nadaje się choćby do zastosowania na stronach www. Wykonanie go nie jest jakoś specjalnie trudne, wymaga od nas jednak odrobinę zmysłu estetycznego. Warto napomnieć tez że bardzo łatwo robić nowe wersje kolorystyczne. Wymagana jest
znajomość ścieżek.
Tutorial napisany w wersji GIMPa 2.4. W innych wersjach nazwy narzędzi i pojęć mogą się różnić.
Zaczynamy 1. Jeśli chodzi o wymiary obrazu to pracowałem na obszarze 100 pikseli szerokości i 150 wysokości. Zrób nową warstwę o nazwie "obręcz", zaczynamy od narysowania koła (narzędziem zaznaczenia eliptycznego
) o wymiarach 90 na 90 px. Wypełniamy je bielą
.
Tak wyglądają prowadnice:
2. Po stworzeniu warstwy "cień wewn. obręczy" Kliknij w oknie warstw
[Ctrl+L] prawym przyciskiem myszy i wybierz "Kanał alfa na zaznaczenie". Następnie je odwróć
[Ctrl+i] i wypełnij czernią
.
3. Teraz czas na rozmycie, zlikwiduj zaznaczenie [Ctrl+Shift+A], potem wybieramy
Filtry>Rozmywanie>Rozmycie.
4. Ponownie weź kanał alfa z warstwy "obręcz" i znów je odwróć
[Ctrl+i]. Przjdź do warstwy "cień wewn. obręczy" i wciśnij [Delete]. Spowoduje to usunięcie czerni poza kołem. Zmniejsz krycie tej warstwy ("cień wewn. obręczy") do 40%. Tę operacje nazywam "Dodawaniem cienia wewnętrznego". Będziemy stosować ją jeszcze kilka razy.
5. Zduplikuj warstwę "obręcz" i wybierz
Kolory>Inwersja. Nadaj jej teraz czarną maskę warstwy (PPM i "dodaj maskę warstwy"), wybierz teraz narzędzie gradient
i pociągnij nim na masce od dołu do góry koła. Po zmniejszeniu krycia powinieneś uzyskać coś takiego:
6. Stwórz warstwę o nazwie "tarcza". narysuj na niej koło
mniejsze od obręczy o 11px . Warto pomóc sobie prowadnicami. Wypełnij je tym kolorem
#87a400. Możesz wybrać inny (patrz, koniec tutoriala).
7. Mając to samo zaznaczenie co przed chwilą zrób nową warstwę, a następnie wybierz gradient
z trybem liniowym. Pociągnij by uzyskać coś takiego jak na rysunku i rozmyj go jeszcze przez
Filtry>Rozmycie>Rozmywanie.
8. Przenieś tę warstwę pod "tarczę", uzyskujemy tym samym taki efekt:
9. Zrobimy cień wewnętrzny dla warstwy "tarcza", pobieramy więc zaznaczenie przez "kanał alfa na zaznaczanie". Potem je odwracamy i wypełniamy czernią. Pamiętajmy by usunąć zaznaczenie
[Ctrl+Shift+A] i teraz rozmywamy,
Filtry>Rozmycie>Rozmycie Gaussa.
10. Usuwamy czerń dokoła tak jak to robiliśmy w punkcie 4. Dodajemy maskę warstwy i narzędziem gradient
z trybem liniowym (i kolorami czarny oraz biały) przeciągamy od jednego do drugiego boku by uzyskać taki efekt:
11. Dodaj nową warstwę którą nazwiemy "światło tarczy". Gradientem sferycznym ustawionym na biel i pozbawionym drugiego koloru (4 na liście wyboru gradientów). Od środka tarczy do okolic jego krawędzi (nawet nie do samej tylko trochę przed krawędzią) ciągniemy gradient.
12. duplikujemy 2 razy tę warstwę i ustawiamy ich krycie na miękkie-światło krycie jednej z nich zmniejszamy do 50%.
13. Teraz wykonaj duplikat warstwy z cieniem wewnętrznym tarczy i usuń jego maskę warstwy by uzyskać coś takiego:
14. Stwórz nową warstwę o nazwie "owal", powinna znajdować się na samej górze. Potem narysuj taki oto owal zaznaczaniem eliptycznym:
15. Dodaj do niego maskę i gradientem liniowym postaraj się uzyskać taki efekt. Przeźroczystość powinna być mniejsza na górze a większa na dole, jednak nie zalecam by dolna krawędź była całkowicie niewidoczna. Według mnie powinna być ledwo widoczna ale widoczna. Zobacz obrazek:
16. Jeszcze raz duplikujemy warstwę z cieniem.
17. Te elementy wykonamy na oddzielnym warstwach ("p1" i "p2") zaznaczeniem prostokątnym (zaokrąglenie na 5). Dopasuj oba prostokąty jak widzisz to poniżej narzędziem obracania
oraz przesuwania
. Ich kolor powinien być taki jaki wybrałeś w punkcie 6.
18. Od razu dobrze jest zrobić nóżki. Wykonane także na 2 warstwach ("n1" i "n2"). Wykonać należy je ścieżkami
, wystarczą do tego dwie linie które musimy tylko odpowiednio powyginać. Naprawdę nie jest to jakość specjalnie trudne, ten rysunek ci pomoże (oczywiście kolor taki jaki ma tarcza).
19. Dla każdego prostokąta zrobimy cienie. Pobieramy zaznaczenie z pierwszego i wypełniamy czarnym gradientem przechodzącym w przeźroczystość (pamiętamy, 4 na liście wyboru gradientów). Sposób w jaki należy to wykonać przedstawia rysunek.
20. Zmniejszamy krycie dla obu warstw z cieniem do 20%.
21. Robimy kolejne dwie nowe warstwy. Musimy znowu też pobrać zaznaczenie z tej samej warstwy co wcześniej (punkt 19). Krycie obu ustaw od razu na miękkie-światło. Następnie narzędziem gradient z trybem dwuliniowym staramy się uzyskać coś takiego jak widać poniżej. Jak widać należy zacząć gdzieś w okolicach 1/3 prostokąta.
22. Ten punkt będzie podobny do poprzedniego. Ustaw tryb gradientu na liniowy a gdy uzyskasz już efekt jaki chciałeś zmniejsz zaznaczenie o 1px (
Zaznaczenie>Zmniejsz). Zrób tak jak widzisz na zrzucie, jasne obszary nie powinny się pokrywać z wcześniejszymi. Po wszystkim zmień krycie na miękkie światło.
23. Zrobimy wewnętrzny cień dla prostokątów ale trochę inny. Kiedy pobierzemy zaznaczenie musimy zmniejszyć je o 1px, dopiero potem odwracamy i wykonujemy całą operacje. Stosujemy zwyczajne rozmycie (
Filtry>Rozmycie>Rozmywanie). Kiedy wycinamy czerń należy pamiętać by znowu zmniejszyć zaznaczenie. Cień nie może zakrywać tego co robiliśmy wcześniej (w punkcie nr. 22).kiedy już mamy cień pędzlem typu "Circle Fuzzy" usuwamy cień by uzyskać to co widać na 2 obrazku. Można powiedzieć że należy usunąć cień gdzieś do połowy. Trzeba dodać też lekki cień dla warstw z prostokątami, Filtry>Światło i cień>Rzucanie cienia. Przesunięcia ustaw na 0 a poziom rozmycia na 3.
24. Zajmijmy się nóżkami. Wystarczy zrobić 2 nowe warstwy, pobrać zaznaczenie z nóżki i pociągnąć gradientem
, o tak:
24. Zduplikuj te warstwy po czym krycie każdej zduplikowanej zmniejsz do 40%. Krycie wszystkich zmień na miękkie światło.
25. Dodaj cień wewnętrzny (zastosuj zwykłe "Rozmywanie") a jego krycie ustaw na 70%.
26. Wracamy do tarczy, duplikujemy "tarcze" i pobieramy zaznaczenie. Następnie narzędziem przesuwania z ustawioną opcją "Przesunięcie" na zaznaczenie przesuwamy je w prawo i lewo. następnie wciskamy
[Delete]. Usuwamy zaznaczenie i leciutko rozmywamy
rozmyciem Gaussa na 3.
27. Na nowej warstwie, narzędziem tworzenia ścieżek
robimy strzałki, a to centralne koło zaznaczeniem owalnym.
28. Teraz trzeba dodać dwa cienie. Wybieramy
Filtry>Światło i cień>Rzucanie cienia po kolei stosując takie ustawienia:
- Przesunięcie X: 0
- Przesunięcie Y: 0
- Promień rozmycia: 3
- Krycie: 100
- Dopuszczalne powiększenie: odznaczone
- Przesunięcie X: 1
- Przesunięcie Y: 1
- Promień rozmycia: 3
- Krycie: 60
- Dopuszczalne powiększenie: odznaczone
29. Dodaj 3 kropki po każdej stronie. Dodaj do nich też cień.
- Przesunięcie X: 0
- Przesunięcie Y: 0
- Promień rozmycia: 3
- Krycie: 100
- Dopuszczalne powiększenie: odznaczone
29. Narysuj teraz zrób owal
pod zegarkiem i rozmyj go
"rozmyciem gaussa" na 10. Potem zmniejsz jego krycie do 25%.
30. Możemy dodać jeszcze odblask, wystarczy wcisnąć
[Ctrl+D] i połączyć widoczne warstwy (tło i cień muszą być niewidoczne). Potem chyba wiadomo co trzeba zrobić, wkleić odwrócić no i dodać maskę z gradientem. Warto narysować też ścieżkami odbijające się światło (wystarczą dwie linie).
Koniec
| | | |
#a07543 | #d54600 | #6b6b6b | #0072ff |