Как да направим вкусна френска картофка икона - Photoshop инстркцията
Добре дошли в класа за печене и кулинарно изкуство Hongkiat! Днес ще ви научим как да правите визуално вкусна френска икона, използвайки само Photoshop!
Да, ще се научите да създавате вкусна икона с пържени картофки с предимно някои творения на форма и въвлечени слоеве, начинаещи пекари посрещнаха! Този урок определено ще ви направи пълен.
Приготвяме се да започнем
За да следвате този урок, ще ви е необходим следният ресурс:
- Шрифт Шрифт Weiner от Mickey Rossi
- Шрифт Recycle-It от Бартек Новак
Икона от френски картофи
Стъпка 1: Нарисувайте картофи
Активирайте инструмента за писалка. Начертайте основната форма на картофите и настройте цвета си на # e1cc7a. Забележете, че ние не използваме правоъгълник, вместо това използваме инструмент за писане, за да постигнем естествен вид.

В панела Layers, кликнете два пъти върху слоя, за да отворите диалоговия прозорец Layer Style. Добавете следното Inner Shadow и Gradient Overlay.


Ето и резултатът.

Стъпка 2
Нарисувайте картофите.

Добавете следните стилове на слоя.


Това е резултатът.

Стъпка 3
Накрая изчертайте горната му част.

Добавете следните стилове на слоя.


Сега имаме един пържени картофки.

Стъпка 4
Поставете всички слоеве в група. Повторете тези процеси, за да привлечете повече картофи.

Стъпка 5: Кофа
Начертайте червена форма на многоъгълник. Освен това добавете елипсовиден път и настройте режима му да изважда.

Стъпка 6
Начертайте ивици с цвят # a60101 и # ff0302.

Стъпка 7
Поставете ивици върху кофата. Конвертирайте го в Clipping Mask като натиснете Ctrl + Alt + G. Извършете трансформация (Ctrl + T) и след това натиснете Ctrl-плъзнете ъгъла, докато ивиците съответстват на перспективата на кофата..

Намаляване на непрозрачността до 40%.

Стъпка 8
Направете нов слой върху кофата. Нанесете черно петно на долната част на кофата. Конвертиране на слоя в Clipping Mask (Ctrl + Alt + G).

Стъпка 9
Повторете предишния процес до горната част на кофата.

Стъпка 10
Ctrl-кликнете върху предния слой на кофата, за да направите нов избор въз основа на неговата форма. Направете нов слой и го напълнете с черно. Добавете шум, използвайки филтър, Filter> Noise> Add Noise.

Променете режима на смесване на слоя на екран и намалете непрозрачността му до 70%.

Стъпка 11
Дублирайте формата на слоя на предната кофа и я поставете над всички слоеве. Намаляване на запълването му до 0%.

Добавете вътрешна сянка с тази настройка.

Ето и резултатът.

Стъпка 12
Нека нарисуваме хоризонтална ивица върху кофата. Дублирайте пътя на формата на слоя на предната кофа. Изберете двата пътя и кликнете върху Комбинирай. И двата пътя ще бъдат обединени в един път.

Стъпка 13
Щракнете върху иконата Добавяне на слой за корекция и изберете Цвят на цвета, за да конвертирате пътя в форма на слой. Изберете # fedd19 за цвета му. Дублирайте пътя и го преместете надолу с няколко пиксела. Настройте режима му да извади. Сега трябва да имате жълта хоризонтална ивица на кофата.

Добавете градиентен слой и вътрешно сияние.


Ето нашия резултат.

Стъпка 14
Начертайте червен полигон за лявата страна на кофата.

Кликнете два пъти върху слоя и добавете Inner Shadow.

Стъпка 15
Ctrl-щракнете върху формата на страничната част на кофата. Направете нов слой и го напълнете с черно.

Стъпка 16
Кликнете върху Филтър> Шум> Добавяне на шум.

Задайте режим на смесване на екран и намалете непрозрачността му до 60%.

Стъпка 17
Начертайте жълта хоризонтална ивица от страната на кофата.

Добавете градиентен слой и вътрешно сияние. Използваната тук настройка е същата като хоризонталната ивица на предната страна на кофата (стъпка 13).


Ето и резултатът.

Стъпка 18
Използвайте същата техника, за да начертаете повече ивици на долната част на кофата.

Стъпка 19
Нека нарисуваме на кофата. Начертайте бял правоъгълник в долната част на кофата и намалете непрозрачността му до 43%. В панела „Слоеве“ кликнете върху „Добавяне на икона на маска на слоя“ и рисувайте и двата края с черно.

Стъпка 20
Повторете това, за да направите стъпка, за да начертаете друг акцент.

Стъпка 21
Начертайте дебелината на кофата. Използвайте червено за цвета му.

Добавяне на наслагване върху градиента.

Стъпка 22
След това изтеглете обратната страна на кофата. Можем просто да дублираме предната страна на кофата и да я преместваме под всички слоеве. Този път, настройте и двата му пътя към Add to Shape.

Добавете следните стилове на слоя.


Това е резултатът.

Стъпка 23
Начертайте другата страна на кофата.

Добавете следните стилове на слоя.


Стъпка 24: Добавете картофи
Alt-плъзнете пробата картофи, които сме създали по-рано. Сложете ги вътре в кофата. Подредете ги в естествено положение.

Стъпка 25
Направете черна сянка между картофите и кофата. Боядисайте черно, за да добавите сянката на кофата върху картофите. Намаляване на непрозрачността му до 12%.

Стъпка 26
Направете нов слой и индивидуално изтеглете сянка върху всеки картоф. Тази фина сянка ще придаде дълбочина на позицията на картофите.

По-долу можете да видите gif анимация, която се показва преди и след добавяне на фина сянка върху всеки картоф.

Стъпка 27: Добавете още акценти върху кофата
Нека добавим някои акценти в кофата. Начертайте бял правоъгълник на предната страна на корицата и намалете непрозрачността му до 30%. Кликнете върху Добавяне на иконата на маска на слоя и рисувайте двата края с черно.

Стъпка 28
Боядисвайте повече от друга страна.

Стъпка 29: Лого
Начертайте елипса на лицевата страна на кофата с цвят: # fcbe15.

Кликнете два пъти върху слоя и добавете Drop Shadow.

По-долу е резултат от изтънчено падане на сянка върху елипсата.

Стъпка 30
Добави текст "Hk си" на върха на елипсата, използвайки шрифта, Ballpark Weiner. Натиснете Ctrl + T, за да извършите трансформация. Задръжте Ctrl и плъзнете неговата страна, за да изкривите текста.

Стъпка 31
Добавете следните стилове на слоя върху логото на текста.



По-долу е резултатът.

Стъпка 32
Можете да добавите още нещо към кофата. Можете също да добавите икона за рециклиране, използвайки характер от свободен шрифт Recycle It.

Стъпка 33: Фон
Активирайте градиентния инструмент. Начертайте радиален градиент от # f3f3f2 до # f4f5c9.

Стъпка 34: Сянка
Използвайте мека и малка четка, за да нарисувате сянка под кофата.

Стъпка 35
Дублирайте слой shadow, като натиснете Ctrl + J. Кликнете върху Filter> Blur> Gaussian Blur, за да го омекотите. Може да искате да намалите неговата непрозрачност, ако сянката стане твърде тъмна.

Краен резултат + изтегляне
И накрая, това е иконата ни от пържени картофи. Надявам се да ви хареса този урок. И не забравяйте да не ядете прекалено много пържени картофи, просто не е здравословно! :)
Щракнете тук, за да изтеглите окончателния PSD.

(Този урок е направен в сътрудничество със Syarip Yunus.)