Hur man ritar Apple iCloud Icon - Photoshop Tutorial
iCloud, den nyaste cloud storage-tjänsten introducerad av Apple har en ganska enkel men vacker logotyp. Ikonen är gjord av metalliskt material och har en extruderad molnikon ovanpå den. Du kanske inte vet det, men att skapa den här typen av ikon är faktiskt väldigt lätt, och nedanför är ikCloud-ikonen som vi lär dig hur du ritar i det här inlägget, med Photoshop!
Ser lite komplicerat ut, men faktiskt allt vi behöver är några lagstilar, grundläggande vektorgrader och lite manuell ritning. Låt oss komma in i det!
Steg 1
Börja med att skapa en ny fil med storlek 512 x 512 px. Aktivera rundad rektangelverktyg. På alternativfältet ställer du in radie till 75 px. Klicka och dra för att rita en rundad rektangel. Ställ in färgen till # 5d5d5d.
Dubbelklicka på lagret för att öppna dialogrutan Lagstil. Lägg till Gradient Overlay med standardgradient, svartvit, och minska dess opacitet till 76%.
Steg 2
Tryck Ctrl + J för att duplicera skiktformen. Klicka på Redigera> Gratis transformera eller tryck Ctrl + T för att utföra transformation. Från alternativfältet ställer storleken till 98%.
I Layer-panelen raderar du Layer Style genom att dra fx-ikonen på papperskorgen, som ligger längst ned till höger på panelen Lager. Därefter dubbelklickar du på lagens miniatyrbild för att hämta dialogrutan Lagstil. Lägg till inre skugga och graderingsöverlägg.
Ange gradientens stil till vinkel i inställningen Övertoningsöverläggning. Klicka på lutningens förhandsgranskningsfält för att öppna gradientredigeraren och använd färgkombinationen av # 8e8e8e, # a5a4a4 och # d8d8d8. Känn dig fri att leka med varje markörposition, var noga med att ställa in samma färg i den första och sista markören.
Detta är resultatet efter att du lagt till lagstilar.
Steg 3
Skapa nytt lager. Fyll den med Radial Gradient från vit till svart.
Håll Alt och dra vektormask från föregående lager till nuvarande lager. Graderingen är nu passad inuti ikonen.
Öppna lagstilen och ändra dess blandningsläge till skärmen.
Steg 4
Rita en rundad rektangel inuti ikonen. Ställ in radie till 75px med färg # 2a2a2a.
Lägg till 2 mer cirkelformat (Välj Ellipse-verktyg, håll sedan Skift och dra det). Från alternativfältet ställer du in banläge till Lägg till i formområde.
Dubbelklicka molnens skikt och lägg sedan till Inre skugga, Stopp och Emboss och Stroke.
Steg 5
Duplicera molnslagret genom att trycka på Ctrl + J. Ta bort dess lagstil genom att dra fx-ikonen från dess lagerminnebild på papperskorgen. Ändra storlek på det (Ctrl + T) till 89%.
Ändra formens färg till # 5d5d5d. Omordna varje forms position tills den lilla molnstorleken är proportionell mot det större molnet.
Dubbelklicka molnens lager och lägg till följande lagstilar.
För Gradient Overlay, se till att du använder exakt inställning från Gradient Overlay i steg 2.
Här är vad vi har efter att du lagt till Layer Styles i det lilla molnet.
Steg 6: Lägg till metallstruktur
Nuvarande design är mycket platt och för ren. Låt oss lägga en subtil metallstruktur på ytan. Skapa nytt lager. Klicka på Redigera> Fyll och välj Använd: Svart för att fylla det nya lagret med svart.
Klicka på Filter> Buller> Lägg till buller.
Klicka på Filter> Oskärpa> Radiell suddning. Välj Blurmetod: Spinn och kvalitet: Bäst.
Detta filter kommer att snurra bruset och skapar en cirkulär våg.
Steg 7
Klicka på Bild> Justeringar> Nivå eller tryck Ctrl + L. I dialogrutan drar du svarta reglaget i utmatningsnivåerna till mitten för att lätta den cirkulära vågen.
Håll Alt och dra vektormask från ikonens grundlager till det aktuella lagret. Den cirkulära vågen finns nu inne i ikonen.
Aktivera sökvalsverktyget och välj molnväg som vi skapade i steg 4. Tryck Ctrl + C för att spara det till Urklipp. Tryck Ctrl + V för att klistra in den på den cirkulära vågens vektormask. Ställ in dess sökvägsläge för att subtrahera.
Slutligen kopiera och klistra in mindre molnväg som vi har skapat i steg 5. Ange dess vägläge till Add to Shape.
Här är resultatet. Den cirkulära vågen är inne i ikonens yta.
Ändra lagrets blandningsläge till skärm.
Steg 8: Skugga
Skapa nytt lager och placera bakom alla lager. Skapa ett elliptiskt urval (med hjälp av ellipsverktyget) under ikonen. Fyll markering med svart.
Mjuka skuggan med hjälp av filter, Gaussian Blur. Klicka på Filter> Blur> Gaussian Blur.
Duplikera skuggan genom att trycka på Ctrl + J. Lägg till en annan Gaussisk suddighet, för den här tiden använd större Radius för att få mjukare skugga. Om skuggan fortfarande är för hård kan du sänka lagrets opacitet.
Slutresultat
Detta är resultatet av vår handledning. Som du kan se är processen med att skapa denna ikon väldigt lätt. Vi behöver bara använda några grundläggande vektorformer och lagstilar. Jag hoppas att du tycker om denna handledning. Om du har några frågor, tveka att fråga!
Hämta PSD
Kan inte nå vissa steg? Här är resultatet PSD-fil för att du ska testa och spela med.
- iCloud Icon Tutorial PSD-fil