Sådan tegner du Apple iCloud Icon - Photoshop Tutorial
iCloud, den nyeste cloud storage service introduceret af Apple har et ret simpelt, men smukt logo. Ikonet er lavet af metallisk materiale og har et ekstruderet skyikon på toppen af det. Du kan muligvis ikke vide det, men at oprette denne type ikon er faktisk meget let, og nedenunder er iCloud-ikonet, at vi vil lære dig, hvordan du tegner i dette indlæg ved hjælp af Photoshop!
Ser lidt kompliceret ud, men faktisk er alt, hvad vi behøver, nogle lagformater, grundlæggende vektorformer og lidt manuel tegning. Lad os komme ind i det!
Trin 1
Start med at oprette en ny fil med størrelse 512 x 512 px. Aktivér afrundet rektangelværktøj. Indstil radius til 75 px på valglinjen. Klik og træk for at tegne et afrundet rektangel. Indstil farven til # 5d5d5d.
Dobbeltklik på laget for at åbne dialogboksen Lagstil. Tilføj Gradient Overlay med standardgradient, sort til hvid, og reducer dens opacitet til 76%.
Trin 2
Tryk på Ctrl + J for at duplikere lagformen. Klik på Rediger> Free Transform, eller tryk Ctrl + T for at udføre transformation. Fra indstillingslinjen indstilles størrelsen til 98%.
I lagpanelet skal du slette Lagstil ved at trække fx-ikonet på papirkurvikonet, som er nederst til højre på panelet Lag. Dernæst dobbeltklik på lagens miniaturebillede for at hente dialogboksen Lagstil. Tilføj Inderskygge og Gradient Overlay.
Indstil gradientens stil til vinkel i indstillingen Gradientoverlay. Klik på gradientens forhåndsvisningsboks for at åbne gradienteditor og brug farvekombination af # 8e8e8e, # a5a4a4 og # d8d8d8. Du er velkommen til at spille rundt med hver markørposition, bare sørg for at indstille samme farve i den første og den sidste markør.
Dette er resultatet efter tilføjelse af lagstile.
Trin 3
Opret nyt lag. Fyld den med radial gradient fra hvid til sort.
Hold Alt og træk vektor maske fra foregående lag til nuværende lag. Graden er nu placeret inden for ikonet.
Åbn lagstilen og skift blandingstilstand til skærm.
Trin 4
Tegn et afrundet rektangel inde i ikonet. Indstil sin radius til 75px med farve # 2a2a2a.
Tilføj 2 mere cirkelform (Vælg Ellipse-værktøj, hold derefter Shift og træk det). Fra indstillingslinjen skal du indstille kurvetilstand til Tilføj til formområde.
Dobbeltklik skyens lag, og tilføj derefter Inderskygge, Bevel og Emboss og Stroke.
Trin 5
Duplikere skyens lag ved at trykke på Ctrl + J. Fjern dets lagstil ved at trække fx ikon fra dets lagminnebillede på papirkurvikonet. Ændre størrelsen på det (Ctrl + T) til 89%.
Skift formens farve til # 5d5d5d. Bestil hver formes position, indtil den lille skystørrelse er proportional med den større sky.
Dobbeltklik skyens lag og tilføj følgende lagstiler.
For Gradient Overlay skal du sørge for at bruge den nøjagtige indstilling fra Gradient Overlay i Trin 2.
Her er hvad vi har efter at have tilføjet Lag Styles til den lille sky.
Trin 6: Tilføj metalstruktur
Nuværende design er meget fladt og for rent. Lad os tilføje en subtil metalstruktur på overfladen. Opret nyt lag. Klik på Rediger> Fyld og vælg Brug: Sort for at udfylde det nye lag med sort.
Klik på Filter> Støj> Tilføj støj.
Klik på Filter> Blur> Radial blur. Vælg Blur Metode: Spin og Kvalitet: Best.
Dette filter vil dreje støj og skabe en cirkulær bølge.
Trin 7
Klik på Billede> Justeringer> Niveau eller tryk på Ctrl + L. I dialogboksen skal du trække sort skyder i udgangsniveauerne til midten for at lette den cirkulære bølge.
Hold Alt og træk vektor maske fra ikonets basislag til det nuværende lag. Den cirkulære bølge er nu inde i ikonet.
Aktivér Path Selection værktøj og vælg sky sti, som vi oprettede i trin 4. Tryk på Ctrl + C for at gemme det til udklipsholder. Tryk på Ctrl + V for at indsætte den på den cirkulære bølge vektormaske. Indstil dens vejtilstand til at trække fra.
Endelig skal du kopiere og indsætte mindre skyvej, som vi har oprettet i trin 5. Angiv dens vejtilstand til Tilføj til Form.
Her er resultatet. Den cirkulære bølge er inde i ikonets overflade.
Skift lagets blendtilstand til skærm.
Trin 8: Skygge
Opret nyt lag og placere bag alle lag. Opret et elliptisk valg (ved hjælp af ellipse værktøj) under ikonet. Udfyld markering med sort.
Blødgør skygge ved hjælp af filter, Gaussian Blur. Klik på Filter> Blur> Gaussian Blur.
Dupliker skygge ved at trykke på Ctrl + J. Tilføj en anden Gaussian Blur, for denne gang brug større Radius for at få en blødere skygge. Hvis skyggen stadig er for hård, kan du skrue ned lagets opacitet.
Endeligt resultat
Dette er resultatet af vores vejledning. Som du kan se, er processen med at skabe dette ikon meget nemt. Vi skal bare bruge nogle grundlæggende vektorformer og lagstiler. Jeg håber du nyder denne tutorial. Hvis du har spørgsmål, er du velkommen til at spørge!
Download PSD
Kan man ikke nå et bestemt trin? Her er resultatet PSD-fil, som du kan teste og spille med.
- iCloud Icon Tutorial PSD File
