Jak zrobić pyszne frytki Ikona - samouczek programu Photoshop
Witamy w klasie Hongkiat Baking & Culinary Arts! Dzisiaj nauczymy Cię, jak ręcznie zrobić wizualnie smaczną ikonę frytki przy użyciu programu Photoshop!
Tak, nauczysz się tworzyć pyszną ikonę frytek z głównymi kreacjami kształtów i stylizacją warstw, a początkujący piekarz jest mile widziany! Ten samouczek na pewno cię zapełni.
Rozpoczęcie pracy
Aby wykonać ten samouczek, będziesz potrzebować następującego zasobu:
- Font Ballpark Weiner od Mickey Rossi
- Recycle Font-It od Bartka Nowaka
Ikona frytki
Krok 1: Narysuj ziemniak
Aktywuj narzędzie Pióro. Narysuj podstawowy kształt ziemniaka i ustaw jego kolor na # e1cc7a. Zauważ, że nie używamy narzędzia prostokąta, zamiast tego używamy narzędzia pióra, aby uzyskać naturalny wygląd.

W panelu Warstwy kliknij dwukrotnie warstwę, aby otworzyć okno dialogowe Styl warstwy. Dodaj następujące Wewnętrzne cienie i nakładkę gradientu.


Oto wynik.

Krok 2
Narysuj stronę ziemniaka.

Dodaj następujące style warstw.


To jest wynik.

Krok 3
Na koniec narysuj jego górną część.

Dodaj następujące style warstw.


Mamy teraz jeden frytki.

Krok 4
Umieść wszystkie warstwy w grupie. Powtórz te procesy, aby narysować więcej ziemniaków.

Krok 5: Wiadro
Narysuj kształt czerwonego wielokąta. Na dodatek dodaj ścieżkę eliptyczną i ustaw jej tryb na Odejmij.

Krok 6
Narysuj paski o kolorze # a60101 i # ff0302.

Krok 7
Umieść paski na wiadrze. Przekonwertuj ją na Maskę przycinającą, naciskając Ctrl + Alt + G. Wykonaj transformację (Ctrl + T), a następnie przeciągnij jej narożnik, przytrzymując klawisz Ctrl, aż paski będą pasować do perspektywy wiadra.

Zmniejsz krycie do 40%.

Krok 8
Zrób nową warstwę na szczycie wiadra. Pomaluj czarną plamę na dolnej części wiadra. Konwertuj warstwę na maskę przycinającą (Ctrl + Alt + G).

Krok 9
Powtórz poprzedni proces do górnej części wiadra.

Krok 10
Kliknij przednią warstwę łyżki, przytrzymując klawisz Ctrl, aby dokonać nowego wyboru na podstawie jej kształtu. Zrób nową warstwę i wypełnij ją czarną. Dodaj szum używając filtru, Filtr> Szum> Dodaj szum.

Zmień tryb mieszania warstw na ekran i zmniejsz jego krycie do 70%.

Krok 11
Powiel kształt przedniej łyżki i umieść ją ponad wszystkimi warstwami. Zmniejsz jego wypełnienie do 0%.

Dodaj Wewnętrzny cień z tym ustawieniem.

Oto wynik.

Krok 12
Narysujmy poziomy pasek na wiadrze. Duplikat ścieżki kształtu przedniej łyżki. Wybierz obie ścieżki i kliknij Połącz. Obie ścieżki zostaną połączone w jedną ścieżkę.

Krok 13
Kliknij ikonę Dodaj warstwę dopasowania i wybierz Kolor stały, aby przekształcić ścieżkę w kształt warstwy. Wybierz # fedd19, aby uzyskać jego kolor. Powiel ścieżkę i przesuń ją w dół o kilka pikseli. Ustaw jego tryb na Odejmij. Teraz powinieneś mieć żółty poziomy pasek na wiadrze.

Dodaj nakładkę gradientu i blask wewnętrzny.


Oto nasz wynik.

Krok 14
Narysuj czerwony wielokąt na lewą stronę wiadra.

Kliknij dwukrotnie warstwę i dodaj Wewnętrzny cień.

Krok 15
Ctrl-kliknij kształt strony wiadra. Utwórz nową warstwę i wypełnij ją czarną.

Krok 16
Kliknij Filtr> Hałas> Dodaj szum.

Ustaw tryb mieszania na ekran i zmniejsz jego krycie do 60%.

Krok 17
Narysuj żółty poziomy pasek po stronie łyżki.

Dodaj nakładkę gradientu i blask wewnętrzny. Używane tutaj ustawienie jest takie samo, jak poziomy pasek na przedniej ścianie łyżki (krok 13).


Oto wynik.

Krok 18
Użyj tej samej techniki, aby narysować więcej pasów w dolnej części wiadra.

Krok 19
Narysujmy wyróżnienie na wiadrze. Narysuj biały prostokąt na dolnej części wiadra i zmniejsz jego krycie do 43%. W panelu Warstwy kliknij ikonę Dodaj maskę warstwy i pomaluj oba końce kolorem czarnym.

Krok 20
Powtórz tę czynność, aby narysować kolejne wyróżnienie.

Krok 21
Narysuj grubość wiadra. Użyj czerwonego koloru.

Dodaj nakładkę gradientową.

Krok 22
Następnie cofnij wiadro. Możemy po prostu powielić przednią część wiadra i przesunąć pod wszystkie warstwy. Tym razem ustaw oba tryby ścieżki na Dodaj do kształtu.

Dodaj następujące style warstw.


To jest wynik.

Krok 23
Narysuj drugą stronę wiadra.

Dodaj następujące style warstw.


Krok 24: Dodaj ziemniaki
Przeciągnij Alt ziemniaków próbki, które stworzyliśmy wcześniej. Włóż je do wiadra. Ułóż je w naturalnej pozycji.

Krok 25
Zrób czarny cień między ziemniakami a wiadrem. Pomaluj kolor czarny, aby dodać cień ziemniaka do ziemniaków. Zmniejsz jego krycie do 12%.

Krok 26
Utwórz nową warstwę i indywidualnie narysuj cień na każdym ziemniaku. Ten subtelny cień doda głębi pozycji ziemniaków.

Poniżej możesz zobaczyć animację gif pokazaną przed i po dodaniu subtelnego cienia na każdym ziemniaku.

Krok 27: Dodaj więcej wyróżnień na wiaderku
Dodajmy kilka szczegółów do wiadra. Narysuj biały prostokąt na stronie przedniej okładki i zmniejsz jego krycie do 30%. Kliknij ikonę Dodaj maskę warstwy i pomaluj obie krawędzie na czarno.

Krok 28
Maluj więcej podświetlenia po innych stronach.

Krok 29: Logo
Narysuj elipsę na przedniej powierzchni wiadra z kolorem: # fcbe15.

Kliknij dwukrotnie warstwę i dodaj Drop Shadow.

Poniżej wynik subtelnego cienia na elipsie.

Krok 30
Dodaj tekst „Hk” na elipsie za pomocą czcionki, Ballpark Weiner. Naciśnij Ctrl + T, aby wykonać transformację. Przytrzymaj klawisz Ctrl i przeciągnij jego bok, aby pochylić tekst.

Krok 31
Dodaj następujące style warstw do logo tekstowego.



Poniżej znajduje się wynik.

Krok 32
Możesz trochę więcej rzeczy na wiadro. Możesz także dodać ikonę Kosza za pomocą znaku z bezpłatnej czcionki Recycle It.

Krok 33: Tło
Aktywuj narzędzie gradientowe. Narysuj gradient promieniowy od # f3f3f2 do # f4f5c9.

Krok 34: Cień
Użyj miękkiego i małego pędzla, aby narysować cień pod wiadrem.

Krok 35
Powiel warstwę cienia, naciskając Ctrl + J. Kliknij Filtr> Rozmycie> Rozmycie Gaussa, aby ją zmiękczyć. Możesz zmniejszyć jego krycie, jeśli cień stanie się zbyt ciemny.

Ostateczny wynik + Pobierz
Wreszcie jest to nasza ikona frytek. Mam nadzieję, że spodoba ci się ten tutorial. I pamiętaj, żeby nie jeść za dużo frytek, to po prostu nie jest zdrowe! :)
Kliknij tutaj, aby pobrać ostateczny PSD.

(Ten samouczek powstał we współpracy z Syaripem Yunusem.)