Hemsida » Photoshop » Ritning Realistisk iPad2 - Photoshop Tutorial

    Ritning Realistisk iPad2 - Photoshop Tutorial

    iPad 2! Många älskar det, många vill ha det, men inte många kan dra det. Överraskande är att det inte är svårt att dra det och det smarta omslaget! I denna handledning kommer jag att visa dig hur du skapar en komplett iPad 2 med sitt smarta omslag, precis som resultatet nedan:

    Vi kommer att använda massor av lagerformat och vektorteckning, och kan vara lite passion för att slutföra denna snygga produkt. Låt oss börja!

    Steg 1: iPad Basic Shape

    Börja med att skapa en ny fil med storlek 1500 × 800 px. Aktivera avrundat rektangelverktyg. Ställ in sitt läge för att forma med radie 15 px och färg: # f5f5f5.

    Lägg till lagstil Inre glöd och Stroke.

    Steg 2: Skärm

    Rita en rektangel i iPad.

    Lägg till lagstil Stroke.

    Steg 3

    Låt oss skapa en enkel bild för skärmens innehåll. Skapa nytt lager och se till att det ligger ovanpå skärmlagret. Måla några färger med en mjuk borste. Konvertera lager till klippmask genom att trycka på Ctrl / Cmd + Alt + G. Allt du målar är nu inne i skärmen.

    Steg 4: Hemknapp

    Rita en ellips på den nedre delen av iPad. Ställ in fyllningen till 0%.

    Lägg till lagstil Inre skugga, Bevel och Emboss, och Gradientöverlägg.

    Steg 5

    I mitten av knappen ritar du en rundad rektangel. Ställ in fyllningen till 0%. Lägg till lager Style Stroke.

    Steg 6: Kamera

    Rita en liten svart på toppen av iPad för kameran.

    Steg 7: Dock

    Rita en rektangel täckning på den nedre delen av skärmen. Ställ in färgen till # b1a9a9. Lägg till lagstil.

    Steg 8

    Hit Ctrl / Cmd + T för att utföra transformation. Högerklicka och välj Perspektiv.

    Steg 9

    Dra in övre hörnet inåt tills vi får en dockform.

    Steg 10

    Rita vit form som sedd nedan. Hit Ctrl / Cmd + Alt + G för att konvertera den till Clipping Mask. Minska dess opacitet till 50%.

    Denna form kommer att bli en reflektion över kajen.

    Steg 11

    Ta en trevlig iPhone ikoner uppsättning, Aquaticus från marcelomarfil. Placera fyra av dem på skärmen.

    Steg 12

    Placera ikonerna på en grupp som heter ikoner. Markera alla ikonlager genom att klicka på den första ikonen och sedan Skift + klicka på den sista ikonen. Aktivera flyttverktyg. Från ikonen för alternativfältet Distribuera horisontellt center och Justera vertikalt centrum. Du kommer att ha en fin anpassning och distribuerade ikoner på skärmen.

    Steg 13

    Upprepa föregående steg för att lägga till fler ikoner på skärmen och på dockan.

    Steg 14

    Välj ikonlager på docka. Tryck Ctrl / Cmd + E för att slå ihop dem i ett lager. Hit Ctrl / Cmd + T för att utföra transformation. Högerklicka och välj Flip Vertical.

    Steg 15

    Lägg till lagermask. Rita linjär gradient från vit till svart tills reflektionen avtar.

    Steg 16: Skärmreflektion

    Använd Lasso-polygonverktyget för att skapa ett triangulärt urval längst upp till höger på skärmen. Fyll markeringen med vit.

    Steg 17

    Lägg till lagermask. Rita linjär gradient från vit till svart tills reflektionen på skärmen döljer bort. Sätt reflektionsskiktet i en grupp och namnge det Skärm reflektion.

    Steg 18

    Ctrl / Cmd + klicka på iPad-lagret för att skapa ett urval baserat på dess form. Lägg lagmask på gruppen. På så sätt är skärmreflektionen inuti skärmen.

    Steg 19: Smart Cover

    Rita följande form. Använd # 6ebced för dess färg.

    Lägg till lagstilar Gradientöverlägg.

    Steg 20

    Ovanför smart lock ritar du en rundad rektangelform och ställer in fyllningen till 0%.

    Lägg till Bevel och Emboss.

    Steg 21

    Dubbla formen.

    Steg 22

    Hit Ctrl / Cmd + T för att utföra transformation. Högerklicka och välj Perspektiv. Dra upp övre högra hörnet tills formen matchar smart cover perspektiv.

    Steg 23

    Rita en rundad rektangel med färg: # 82858a. Utför perspektivomvandling igen tills vi har yttre sidan av smart coveret.

    Steg 24

    Lägg till lagstilar Bevel och Emboss och Gradientöverlägg.

    Steg 26

    Rita en annan rundad rektangel och placera den inuti form som vi just skapat.

    Steg 27

    Lägg till lagstil Bevel och Emboss och ställ dess fyllning till 0%.

    Steg 28

    Hit Ctrl / Cmd + Alt + G för att konvertera form till klippmask och placera effekten inuti omslaget.

    Steg 29: gångjärn

    Rita en rektangel på vänster sida av locket. Ställ in färgen till # 6bced.

    Lägg till Gradientöverlägg.

    Steg 30

    Rita en mindre rektangel bakom tidigare form med färg: # e6e6e6.

    Lägg till lagstil Gradientöverlägg att lägga tredimensionella utseenden på formen.

    Steg 31: Skugga

    Håll Ctrl / Cmd och klicka sedan på det grundläggande grundskiktet i iPad för att skapa ett urval baserat på dess form. Skapa nytt lager och placera det under smart cover. Måla en mjuk skugga på skärmens yta med en stor mjuk borste.

    Steg 32

    Ta inte bort valet. Dra sedan en mjuk skugga med låg opacitetborste på undersidan av iPad. Detta kommer att bli en mjukgjuten skugga från golvet.

    Steg 33

    Skapa nytt lager och placera det under alla lager. Måla mörkare skugga under iPad med en stor mjuk borste. Minska dess opacitet till 50%.

    Steg 34

    Rita större och mjukare skugga. Minska dess opacitet till 5%.

    Steg 35

    Sätt nu borsten i mindre storlek, men håll hårdheten till 0% för att behålla mjukheten. Rita en mörkare skugga precis under iPad. Sätt sin opacitet till 50%.

    Steg 36

    Zooma in för att se smart cover närmare. Rita en mörk skugga precis under smarta omslaget.

    Steg 37

    Rita skugga på golvet bakom smart lock.

    Så här ser skuggan ut om vi gömmer det smarta omslaget.

    Steg 38: Slutresultat

    Detta är resultatet av vår handledning. Jag hoppas att du lär dig ny teknik och ha kul när du följer den här handledningen. Tack för att du läste. Om du har några frågor är du välkommen 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.

    • iPad 2 handledning PSD-fil