Nyheter, Prylar, Android, Mobiler, Appnedladdningar, Android

Rita ett 3D-paraply med Photoshop

Följande artikel hjälper dig: Rita ett 3D-paraply med Photoshop

Förhandsvisning

Det här är vad vi kommer att skapa i den här handledningen.

Steg 1: Konfigurera dokumentet

Skapa en ny 512 x 512 pixlar duk och fyll bakgrundslagret med en nyans av grått (#666666). Att ha en grå bakgrund låter oss se vårt arbete bättre i motsats till den traditionella vita bakgrunden.

Dricks: För att hjälpa dig rita symmetriska former och göra perfekta justeringar skapar du två stödlinjer i mitten av duken.

Steg 2: Skapa paraplyhandtagets form

Välj Pennverktyg (P) från verktygspanelen och rita en handtagsliknande form som visas nedan. Ge paraplyhandtaget några lagerstilar genom att dubbelklicka på dess lager i panelen Lager för att öppna dialogrutan Lagerstilar.

Lägg till en lagerstil för inre skuggor med dessa inställningar: Fortsätt att lägga till en lagerstil för inre glöd med de föreslagna inställningarna som visas nedan. Lägg sedan till en Gradient Overlay som är orienterad horisontellt – detta ger paraplyhandtaget dess trästrukturerade, tredimensionella form. Här är vårt paraplyhandtag efter att ha lagt till lagerstilarna.

Steg 3: Ge paraplyhandtaget några ränder

Låt oss rita några detaljer på handtaget för att få det att se så nära ett riktigt paraply som möjligt. Vi kommer att skapa 1px horisontella ränder på handtaget; många paraplyer har dessa ränder för att ge användaren ett bättre grepp om handtaget. Skapa ett nytt lager (Ctrl/Cmd + Shift + N) ovanpå det aktuella lagret.

Ctrl/Cmd + klicka på handtagsformlagret för att ladda ett urval som omger det. Flytta markeringen 4px upp med Move Tool (V) och dina piltangenter på tangentbordet. Fyll det valda området med svart (#000000).

Med markeringen fortfarande laddad, tryck på uppåtpilen på tangentbordet för att flytta markeringen 1 px upp. Rensa nu området under markeringen genom att trycka på Delete-tangenten. Med remsan fortfarande markerad, kopiera den (Ctrl/Cmd + C) och klistra in (Ctrl/Cmd + V) den på lagret några gånger för att göra fler ränder, flytta de kopierade ränderna uppåt paraplyhandtaget så att alla är på lika avstånd från varandra (ca 5 px mellan dem är bra).

Ändra blandningsläget för ränderlagret till och minska dess opacitet till ungefär 30 %. Som en extra touch, ge ränderna ett lagerstil med Drop Shadow med hjälp av de föreslagna inställningarna nedan.

Steg 4: Rita toppen av paraplyhandtaget

Välj Ellipsverktyget (U) från verktygspanelen och rita en oval på den övre delen av handtaget på vårt paraply; se till att ställa din förgrund till svart (#000000) innan du ritar formen.

Lägg nu till ett par lagerstilar genom att dubbelklicka på det ovala formlagret i panelen Lager för att öppna dialogfönstret Lagerstilar. Först kan du lägga till en Drop Shadow-lagerstil för att ge formen lite djup. Ge sedan formen en Gradient Overlay för att matcha gradienten på vårt handtag.

Skapa ett nytt lager (namnge det “tjock“, som jag kommer att hänvisa till senare i denna handledning) och placera den under det ovala formlagret. Ctrl/Cmd + klicka på det ovala lagret för att ladda ett urval runt det och flytta sedan markeringen 1 px nedåt med hjälp av nedåtpilen. Fyll nu (Ctrl/Cmd + F5) markeringen med en svart färg (#000000).

Utan att avmarkera ännu, flytta markeringen 1px längre ner och fyll den igen med svart. Fortsätt göra detta tills du får en 5px tjock form. När du har skapat formen, ge den en övertonad lagerstil med hjälp av de föreslagna inställningarna som visas nedan för att ge den övre delen av vårt handtag ett snyggt 3D-utseende som matchar trähandtaget.

Steg 5: Ge det övre handtaget en subtil skuggeffekt

Skapa ett nytt lager och placera det under det “tjocka” lagret. Ctrl/Cmd + klicka på det “tjocka” lagret för att göra ett urval runt det och flytta sedan markeringen 2px ner. Fyll (Ctrl/Cmd + F5) det markerade området med en mycket mörkbrun färg (#1A0B00).

Applicera nu ett filter för rörelseoskärpa på lagret (Filter > Oskärpa > Rörelseoskärpa) i en vinkel på 90o och med Avståndet till 3 px. Tryck på Ctrl/Cmd + F (Filter > Senaste filter) för att använda samma filter för rörelseoskärpa igen med samma inställningar. Använd Rectangular Marquee Tool (M) och ta bort den del av lagret som ligger utanför handtaget. Som du kan se har vi gett det övre handtaget lite av en skugga för att göra belysningen av vårt paraply realistisk – det är dessa detaljer som verkligen gör eller bryter en ritning.

Steg 6: Skapa paraplystången

Välj rektangelverktyget (U) i verktygspanelen och skapa en form som visas nedan. Namnge detta formlager som “Pol” (Jag kommer att hänvisa till det som sådant från och med nu). Ge “pol”-formlagret en Gradient Overlay-lagerstil som består av mörka nyanser.

Som du kan se ger en enkel gradientöverlagring vår stolpe en 3D-metallisk effekt som överensstämmer med paraplyets handtag. Med “pol”-formlagret markerat, gå till Lager > Lägg till lagermask > Visa alla. Använd det rektangulära markeringsverktyget (M), dra en markering runt handtaget som visas och fyll den med en grå färg (#828282).

Du kan använda olika nyanser av grått för att justera opaciteten för den valda delen.

Steg 7: Rita paraplyets baldakin

Nästa steg i vår handledning är baldakinen (eller “draperiet”) på paraplyet – den del som skyddar dig från regnet (eller solen beroende på hur du använder paraplyer). För den här handledningen kommer jag att använda fem paneler för att komplettera paraplyets draperi.

Börja rita baldakinen genom att först skapa en ny lagergrupp (Ctrl/Cmd + G) och namnge den “draperi“. Rita en form för den vänstra mittenpanelen i vårt draperi som visas nedan med Photoshops pennverktyg (P). Det är här dina Photoshop-guider kan komma till nytta för att hjälpa dig rita formen. Därefter kommer vi att färglägga vår panel med två lagerstilar.

Låt oss ge panelen en skugga inuti den med en Inner Shadow-lagerstil (föreslagna inställningar visas nedan). Därefter kommer vi att ge panelen dess blå nyanser med hjälp av en Gradient Overlay lagerstil med följande inställningar. När du lägger till ett övertoningsöverlägg med stilalternativet inställt på , kommer du att märka att mitten av övertoningsutstrålningen är placerad i mitten av panelen som standard.

För att fixa det, medan du fortfarande är i övertoningsdialogrutan, klicka och håll på panelen på duken för att flytta mitten av den radiella övertoningen; flytta den mot den högra botten av draperiet. Nedan visas hur den vänstra mittenpanelen på vårt draperi ser ut med de två lagerstilarna vi har applicerat ovan.

Steg 8: Duplicera panelerna på baldakinen

Gör två paneler till med Pen Tool (P).

Lagerstilarna för var och en av panelerna är flexibla så lek med dem tills du får en effekt som du gillar. Du kan till exempel ändra opaciteten för Inner Shadow och positionen för den radiella övertoningen som du vill. För att slutföra baldakinen måste en vänd kopia läggas till på höger sida av vår duk.

Lagergruppen som vi gjorde för de vänstra panelerna gör det här jobbet mycket enklare. Istället för att duplicera alla tre panellagren som vi gjorde på vänster sida, högerklicka bara på gruppen “draperi” och välj från den kontextuella menyn som visas. Med dubblettgruppen markerad i lagerpanelen trycker du på Ctrl/Cmd + E för att slå samman alla dess synliga lager till ett enda lager.

Gå nu till Redigera > Transformera > Vänd horisontellt för att omorientera de duplicerade panelerna och flytta dem sedan åt höger för att avsluta vår baldakins form.

Steg 9: Lägg till en skugga till stolpen

Det finns ett behov av att lägga till en skugga på stolpen av paraplyet för att få det att verka som om baldakinen kastar en skugga på den. För att lägga till skuggan, skapa ett nytt lager ovanför “pol”-lagret och Ctrl/Cmd + klicka på “pol”-lagret för att ladda ett urval runt det.

Välj övertoningsverktyget (G) från verktygspanelen och välj sedan övertoningsförinställningen. Skapa övertoningen enligt bilden nedan, med början från toppen. Ställ in blandningsläget för lagret till och minska dess opacitet till 95 %.

Steg 10: Rita baldakinen

Skapa ett nytt lager ovanför draperiet och rita en liten vertikal rektangel ovanpå den. Ge den samma Gradient Overlay som användes på “pole” -lagret. En genväg här skulle vara att högerklicka på “pol”-lagret och sedan välja e från kontextmenyn.

Efter att ha kopierat lagerstilen från “pol”-lagret högerklickar du på lagret där rektangeln ritades och väljer sedan . Skapa ett nytt lager och lägg sedan till en mörkgrå oval form överst som presenteras nedan. Skapa ett nytt lager och rita en form med Pen Tool (P) som kommer att fungera som basen på baldakinen.

Ge basen av baldakinen en stil med Inner Shadow-lager med hjälp av de föreslagna inställningarna nedan. För att avsluta basen av baldakinen, lägg till ytterligare en lagerstil – en övertoning med inställningarna som visas nedan. Lägg till en subtil skugga för att hålla belysningen konsekvent.

Steg 11: Lägg till en skugga till basen av handtaget

Låt oss avsluta vår ritning med att ge handtaget en fin detaljkänsla: en skugga. Skapa ett nytt lager och placera det under “handtag”-lagret. Välj Elliptical Marquee Tool (M) och fyll markeringen med svart (#000000) som visat.

Minska opaciteten för lagret till 70 %. Vi kommer att applicera tre filter på detta skuggskikt:

  • Filter > Oskärpa > Rörelseoskärpa (Vinkel: 0Distans: 30 pixlar)
  • Filter > Oskärpa > Rörelseoskärpa (Vinkel: 0Distans: 30 pixlar)
  • Filter > Oskärpa > Gaussisk oskärpa (Radius: 1,5 pixlar)

Slutsats

Det är allt! I den här handledningen ritade vi ett paraply med några grundläggande Photoshop-former och pennverktyget. Vi använde många lagerstilar för att färglägga vår ritning.

Vi lade till några realistiska ljuseffekter som skuggor med en mängd olika tekniker. Jag hoppas att du tyckte om handledningen och lärde dig något nytt av den. Om den här handledningen har inspirerat dig, vänligen dela i grupppoolen Design Instruct Flickr.

Ladda ner källfiler