Hjemmeside » Photoshop » Sådan laver du lækker pommes frites ikon - Photoshop Tutorial

    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.)