Sådan laver du lækker pommes frites ikon - Photoshop Tutorial
Velkommen til Hongkiat Baking & Culinary Arts Class! I dag skal vi lære dig, hvordan man laver en visuelt lækker pommes fritesikon, der kun bruger Photoshop!
Ja, du vil lære at skabe lækker pommes frites ikon med hovedsagelig nogle form skabninger og lag styling involveret, begynder baker velkommen! Denne vejledning vil helt sikkert gøre dig fuld.
Kom i gang
For at følge denne vejledning skal du have følgende ressource:
- Font Ballpark Weiner fra Mickey Rossi
- Font Recycle-It fra Bartek Nowak
Pommes frites ikon
Trin 1: Tegn kartoffel
Aktiver pen værktøj. Tegn kartoffelens grundlæggende form og sæt farve til # e1cc7a. Bemærk, at vi ikke bruger rektangelværktøj, men i stedet bruger vi penværktøj til at få et naturligt udseende.
Dobbeltklik på lag i panelet Lag for at åbne dialogboksen Lagstil. Tilføj følgende Indre skygge og Gradient Overlay.
Her er resultatet.
Trin 2
Tegn kartoffelsiden.
Tilføj følgende lag stilarter.
Dette er resultatet.
Trin 3
Til sidst tegner du den øverste del.
Tilføj følgende lag stilarter.
Vi har en pommes frites nu.
Trin 4
Sæt alle lag i en gruppe. Gentag disse processer for at trække flere kartofler.
Trin 5: Bucket
Tegn en rød polygonform. Oven på det skal du tilføje elliptiske stier og indstille sin tilstand til at trække fra.
Trin 6
Tegn striber med farve # a60101 og # ff0302.
Trin 7
Placer striber oven på spanden. Konverter det til Clipping Mask ved at trykke på Ctrl + Alt + G. Udfør transformation (Ctrl + T), og træk derefter Ctrl-træk i hjørnet, indtil strimlerne matcher skovlens perspektiv.
Reducer opacitet til 40%.
Trin 8
Lav nyt lag oven på spanden. Mal den sorte plet på den nederste del af skovlen. Konverter lag til Clipping Mask (Ctrl + Alt + G).
Trin 9
Gentag den tidligere proces til den øverste del af spanden.
Trin 10
Ctrl-klik på front skovl lag for at gøre nyt valg baseret på sin form. Lav et nyt lag og udfyld det med sort. Tilføj støj ved hjælp af filter, Filter> Støj> Tilføj støj.
Skift lag blandingstilstand til skærm og reducer dens opacitet til 70%.
Trin 11
Duplicate front bucket lag form og placere det over alle lag. Reducer fyldningen til 0%.
Tilføj Inderskygge med denne indstilling.
Her er resultatet.
Trin 12
Lad os tegne vandret strimmel på spanden. Duplikat sti til frontskovlens lagform. Vælg begge stier og klik på Kombiner. Begge stier vil blive slået sammen i en enkelt sti.
Trin 13
Klik på Add Adjustment Layer-ikonet, og vælg Solid Color for at konvertere stien til en lagform. Vælg # fedd19 for dens farve. Duplikér sti og flyt det ned et par pixel. Indstil dens tilstand til at trække fra. Nu skal du have en gul vandret strimmel på spanden.
Tilføj Gradient Overlay og Inner Glow.
Her er vores resultat.
Trin 14
Tegn røde polygon til venstre side af spanden.
Dobbeltklik lag og tilføj Indre skygge.
Trin 15
Ctrl-klik bucket side form. Lav nyt lag og udfyld det med sort.
Trin 16
Klik på Filter> Støj> Tilføj støj.
Indstil blandingstilstand til skærm og reducer opacitet til 60%.
Trin 17
Tegn gul vandret strimmel på buksiden.
Tilføj Gradient Overlay og Inner Glow. Den her anvendte indstilling er den samme som den vandrette strimmel på skovlens forside (trin 13).
Her er resultatet.
Trin 18
Brug den samme teknik til at tegne flere striber på den nederste del af spanden.
Trin 19
Lad os tegne fremhævning på spanden. Tegn et hvidt rektangel på den nederste del af spanden og reducer dens opacitet til 43%. Klik på Tilføj lagmask-ikon i panelet Lag, og far begge sider med sort.
Trin 20
Gentag dette for at træde for at tegne et andet højdepunkt.
Trin 21
Tegn skovlens tykkelse. Brug rød til dens farve.
Tilføj Gradient Overlay.
Trin 22
Træk derefter bagsiden af spanden tilbage. Vi kan simpelthen kopiere fronten af spanden og flytte den under alle lag. Denne gang skal du indstille både dens vejtilstand til Tilføj til Form.
Tilføj følgende lag stilarter.
Dette er resultatet.
Trin 23
Tegn den anden side af spanden.
Tilføj følgende lag stilarter.
Trin 24: Tilsæt kartofler
Alt-træk prøve kartofler, som vi har lavet tidligere. Sæt dem inde i spanden. Arranger dem i en naturlig position.
Trin 25
Lav sort skygge mellem kartofler og spand. Mal sort for at tilføje skovskygge på kartoflerne. Reducer opacitet til 12%.
Trin 26
Lav nyt lag og individuelt tegne skygge på hver kartoffel. Denne subtile skygge vil øge dybden på kartoflernes position.
Nedenfor kan du se gif animation viser før og efter tilføjer subtil skygge på hver kartoffel.
Trin 27: Tilføj flere højdepunkter på bucket
Lad os tilføje nogle højdepunkter på spanden. Tegn et hvidt rektangel på forsiden og reducer dets opacitet til 30%. Klik på Add Layer Mask-ikonet, og far begge sider med sort.
Trin 28
Maler mere fremhævning på sine andre sider.
Trin 29: Logo
Tegn en ellipse på spandenes forside med farve: # fcbe15.
Dobbeltklik lag og tilføj Drop Shadow.
Nedenfor er resultatet af subtile Drop Shadow på ellipsen.
Trin 30
Tilføj tekst "Hk s" på toppen af ellipse ved hjælp af skrifttype, Ballpark Weiner. Tryk Ctrl + T for at udføre transformation. Hold Ctrl og træk sin side for at skævre teksten.
Trin 31
Tilføj følgende lag stilarter på tekstlogoet.
Nedenfor er resultatet.
Trin 32
Du kan nogle flere ting på spanden. Du kan også tilføje genbrugsikon ved hjælp af tegn fra gratis skrifttype Genbrug.
Trin 33: Baggrund
Aktivér gradientværktøj. Tegn en radial gradient fra # f3f3f2 til # f4f5c9.
Trin 34: Skygge
Brug blød og lille børste til at tegne en skygge under spanden.
Trin 35
Duplicate shadow layer ved at trykke på Ctrl + J. Klik på Filter> Blur> Gaussian Blur for at blødgøre det. Du kan måske reducere sin opacitet, hvis skyggen bliver for mørk.
Endelig Resultat + Download
Endelig er dette vores pommes frites ikon. Jeg håber du nyder denne tutorial. Og husk ikke at spise for meget pommes frites, det er bare ikke sundt! :)
Klik her for at downloade den endelige PSD.
(Denne vejledning blev udført i samarbejde med Syarip Yunus.)