Efekt "Long Shadow"
Tutorial
Opracowanie: Madzialena
Poziom trudności: Łatwy
Tutorial powstał na bazie moich własnych umiejętności wspieranych masą referencji. Nie jest to łatwy poradnik, ze względu na brak umiejętności autorki w tłumaczeniu komuś czegoś. Większość kolorów użytych w tym poradniku pochodzi z palety
Flat UI. Nie będę pisała ich kodów tylko nazwy pod jakimi występują na tej stronie. Korzystanie z tej strony jest proste, klikasz na dany kolor i kod tego koloru ci się kopiuje. Kursywą są zaznaczone jakieś nic nie znaczące porady dla laików.
Tutorial napisany w wersji GIMP 2.8.8. W innych wersjach nazwy narzędzi i pojęć mogą się różnić.
Zaczynamy
1. Na początku tworzymy
nowy dokument , np:
500x
500px
Przy tworzeniu ikon raczej nie będzie ci potrzebne coś tak dużego ale na razie się tylko uczysz więc prościej jest ćwiczyć na czymś większym.
2.Wypełniamy je kubełkiem [Shift+B]. U mnie jest to Midnight Blue.
3. Tworzymy nową, przezroczystą warstwę. Nazwijmy ją
Tło 1. Wybieramy
zaznaczenie prostokątne [R] i tworzymy kwadrat o wymiarach, np:
300 x
300px Ustawiamy to zaznaczenie na środku.
Zrób gdzieś małe zaznaczenie. W opcjach narzędzia będziesz mógł wpisać rozmiar i położenie zaznaczenia.
4. Wypełniamy je kubełkiem [Shift+B] jakimś kolorem. Tym razem jest to Sun Flower.
5. Tworzymy nową warstwę o nazwie
kształt i zaznaczamy na niej dowolny kształt np: kwadrat. Znów dajemy go na środek.
Metoda pierwsza
1. Teraz robimy cień.
Nowa warstwa i na niej
zaznaczeniem prostokątnym tworzymy prostokąt. Szerokość nieco większa od szerokości naszego kwadratu, musi być też dość długi.
Wypełniamy go czarnym kolorem. Warstwę z tym prostokątem ustawiamy
pod naszym kształtem!
2. Prostokąt za pomocą
narzędzia obrót obracamy o [/b]45 stopni (lub -45 stopni w zależność w którą stronę nam się ten prostokąt obróci) Ustawiamy ten prostokąt tak, jak na obrazku. Jeżeli prostokąt nie styka się z tym drugim wierzchołkiem
duplikujemy warstwę z prostokątem i przesuwamy ją wedle potrzeb. Potem na duplikacie tej warstwy dajemy
Warstwa -> Połącz w dół 3. Na warstwie z pierwszym kwadratem (tym żółtym) stosujemy:
Warstwa -> Kanał alfa na zaznaczenie -> Zaznaczenie -> Odwróć -> Delete 4. Krycie warstwy z cieniem możemy ustawić na dwa sposoby:
-Pokrywanie, na jakieś 50%
-Zwykły, na 10%
Metoda druga
Zalecana przy bardziej skomplikowanych kształtach.
1. Duplikujemy warstwę z kształtem. Na duplikacie stosujemy kolejno
Kolory -> Inwersja Jeżeli mamy inny kolor kształtu niż biały Warstwa (ustawiamy pod warstwą z naszym pierwotnym kształtem) -> Kanał alfa na zaznaczenie -> delete -> wypełnienie -> zdejmujemy zaznaczenie (Ctrl + Shift + A) . Na warstwie z czarnym kształtem (cieniem) stosujemy:
Warstwa -> Kanał alfa na zaznaczenie i kopiujemy jej zawartość
(ctrl + C) . Zdejmujemy zaznaczenie
(Ctrl + Shift + A) Powinniśmy mieć taki układ warstw:
2. Mając skopiowany czarny kształt ustawiamy go jako pędzel o następujących właściwościach
(wykonywać po kolei):
1) Pierwszy pędzel od lewej strony u góry to zawartość schowka (dla tych co nie wiedzą).
2) Odstęp ustawiony na wartość minimalną.
3) Trzeba kliknąć na ten zaznaczony przycisk, wtedy rozmiar pędzla będzie zgadzał się z autentycznymi wymiarami skopiowanej przez nas figury.
3. Mając tak przygotowany pędzel ustawiamy go na środku naszej figury i klikamy. Teraz żeby wyszło to w miarę prosto malujemy cień mając wciśnięte cały czas przyciski
shift + ctrl. Wyglądać to powinno tak:
Koniecznie musi być on "ciągnięty" w stronę któregoś z rogów. Efekt powinien być taki:
4. W zależności od tego jaki długi wyszedł nam ten cień stosujemy ponownie Na warstwie z pierwszym kwadratem (tym żółtym) stosujemy:
Warstwa -> Kanał alfa na zaznaczenie -> Zaznaczenie -> Odwróć -> Delete 5. Ustawiamy krycie jak w metodzie pierwszej.
Metoda trzecia
1. Tworzymy nową warstwę którą umieszczamy
pod obiektem. Dajemy:
kanał alfa na zaznaczenie na warstwie z obiektem, następnie
zaznaczenie -> powiększ o 1 px. Przełączmy pusta na warstwę,
wypełniamy ją czarnym kolorem. Zdejmujemy zaznaczenie
(Shift+Ctrl+A) 2. Na warstwie z czarnym kształtem stosujemy:
Filtry -> Rozmycie->Rozmycie w ruchu o podanych wartościach:
Efekt:
3. Na tej samej warstwie stosujemy:
Kolory-> krzywe
O takich wartościach:
Czynność powtarzamy.
4. Na warstwie z cieniem dajemy:
Warstwa -> Kanał alfa na zaznaczenie -> Zaznaczenie -> Zmniejsz (o 1px.) -> Odwróć -> Delete .
Na warstwie z pierwszym kwadratem (tym żółtym) stosujemy:
Warstwa -> Kanał alfa na zaznaczenie -> Zaznaczenie -> Odwróć -> Delete 5. Ustawiamy krycie jak w metodzie pierwszej.
Inny przykład
Efekt przydatny głównie przy tworzeniu logotypów, ikon, przycisków czy nawet tapet w stylistyce Flat.
Miłej zabawy