Tutorial Art

I denne tutorial, vil jeg vise dig, hvordan du illustrere en USB-nøgle svævende i luften og afspejler på en overflade. Vi vil løbende tilføje flere detaljer, der vil gøre denne illustration skinne. Bemærk, hvordan PSDTUTS navn afspejler fra gulvet i illustrationen. Det er de små detaljer, der tilføjer en grad af realisme til dit arbejde.

Trin 1

Lad os starte med at oprette et nyt dokument, som er 1000 pixels i bredden og 1000 pixels højt, indstille resolution til 300 pixels / inch, og Background til hvid. Grab Rektangulært Marquee Tool, sæt den stil til fast størrelse med en Bredde af 100 px og højde 240 px. Træk fire guider rundt om udvælgelse, som vist i nedenstående billede, så Fravælg ved at trykke Command + D.

Trin 2

Opret et nyt lag og kald det "Front B." Sæt forgrundsfarven til 55% grå. Få Afrundet rektangel Tool, sæt den til Fill Pixels og Radius til 30 px i Tool Options sæt. Tegn et afrundet rektangel, som vist nedenfor.

Trin 3

Nu vil vi rydde guider ved at gå til Vis> Ryd guider. Hit Command + T for at indtaste Free Transform funktionen, indstilles lodret Skew til -30 grader, og anvende den. Hit Command + T igen og indstille Rotation til -30 grader. Vi kunne have drejet og roteres laget på samme tid. Grunden til, at vi gjorde det i to trin er, at det giver renere resultater. Du kan have et kig på nedenstående billede for en sammenligning.

Nu har vi brug for to vandrette guider. Træk og snap et til toppen og en i bunden af den ombyggede rektangel. Det er ikke vores endelige perspektiv vinkel, men det er lettere at opbygge USB nøgle på denne måde, så vi rotere det hele igen for at nå vores endelige perspektiv look.

Trin 4

Dubler "Front B" lag og navngiv den "Front A." Flyt "Front A" lag 30 pixels til venstre. Du kan gøre det ved at bruge piletasterne på tastaturet, når Flyt Tool er valgt. Mens du holder Shift, skal du trykke på venstre piletast tre gange. Påfør et Gradient Overlay lag Style med disse indstillinger: Blend Mode indstillet til Multiplicer, Opacitet på 100%, Gradient fastsat til sort til hvid, sæt Style af Linear, Vinkel til 90 grader, og Scale sættes til 130%.

Trin 5

Nu skal vi forbinde disse to afrundede rektangler. Gå tilbage til "Front B" lag i Layers-paletten. Få polygon Lasso Tool og foretage et valg, som vist på billedet nedenfor. Sørg for, guider er synlige. Fyld markeringen med 55% grå, så Fravælg ved at trykke Command + D.

Trin 6

Der er nogle uønskede pixels, lader slippe af med dem. Grab det Rektangulært Marquee Tool, indstille Style til Normal, og foretage en udvælgelse, som vist nedenfor. Flyt markeringen 1 px ned og ramte Slet for at rydde området. Du kan flytte markeringer ved at bruge piletasterne på tastaturet, så længe en Marquee Tool er aktiv. Nu gør en rektangulær markering denne gang i bunden. Flyt markeringen 1 px op og ramte Slet igen.

Trin 7

Nu vil vi anvende en Gradient Overlay Layer Style til "Front B" i lag med disse indstillinger: Blend mode sættes til Multiply, Opacitet på 65%, Gradient sat til "Steel Bar" (som er i Metals Set), med en Style af Linear, Vinkel indstillet til -30 grader, og Scale på 110%. Du kan også justere placeringen af gradient ved at trække mens Farveforløbsmaske dialogen er stadig åben. Juster positionen som i billedet også.

Trin 8

Kommando-klik på "Front A" lag på miniature for at indlæse markeringen. Jeg flyttede udvælgelsen 400 pixels til højre. Dette vil definere længden af din USB nøgle, så du kan ændre det, hvis du ønsker en længere eller en kortere. Opret et nyt lag og navn den "Back". Jeg fyldte markeringen med farve # ee3232, men du kan vælge en anden farve efter din egen smag.

Nu opretter et nyt lag og navn den "Body." Fyld markeringen med 15% grå. Fravælg ved at trykke på Kommando + D. Lav "Tilbage" lag usynlige, som vi skal bruge det senere. Træk og placer "Body" lag over "Baggrund" lag i Layers-paletten.

Trin 9

Nu vil vi presse kroppen, som vi gjorde for den forreste del. Få polygon Lasso Tool og foretage et valg, som vist, så fyld den med 15% grå. Hit Command + D for at fravælge.

Trin 10

Få Rektangulær Marque Tool og foretage et valg tilpasset til den øverste guide, som på billedet nedenfor. Flyt markeringen 1 px ned og klare ved at trykke Delete. Foretag en anden rektangulær markering, denne gang i bunden, flytte markeringen 1 px op, og ramte Slet igen for at klare den foruroligende række af pixels.

Trin 11

Nu vil vi anvende en Gradient Overlay Layer Style til "Body" lag for at opnå den runde hjørne. Brug disse indstillinger: Blend mode sættes til Multiply, Opacitet på 65%, Gradient fastsat til sort til hvid, med en stil af Linear, Vinkel sat til 90 grader, og Skala fastsat til 18%. Flyt gradient ned, som i nedenstående billede. Du kan gøre det ved at trække mens Farveforløbsmaske dialogboksen er åben.

Trin 12

Gå til Layer Palette, derefter trække og placere "Tilbage" lag lige over "Baggrund" lag. Flyt "Tilbage" lag 20 px ret ved brug af højre piletast. Dernæst får polygon Lasso Tool og foretage et valg, som vist nedenfor, så fyld markeringen med røde (eller din egen farve) at presse den bageste del af USB nøglen. Hit Command + D for at fravælge.

Få Rektangulær Marque Tool og foretage et valg tilpasset til den øverste guide, som vi gjorde før. Flyt markeringen 1 px ned og klare ved at trykke Delete. Foretag en anden rektangulær markering, denne gang i bunden. Flyt markeringen 1 px op og ramte Slet igen for at klare den foruroligende række af pixels.

Trin 13

Vi har brug for at anvende en Gradient Overlay til "Tilbage" i lag med de samme indstillinger som vi brugte til "Body." Nu skal du højreklikke på "Body" lag i Layers Palette og vælg Kopier Layer Style. Højreklik på "Tilbage" lag og vælg Paste Layer Style.

Trin 14

Opret et nyt lag over det "Front B" lag og navngiv den "Fremhæv". Grab Line Tool, sæt den til Fill Pixels, og sæt Vægt til 8 px. Vælg hvid som din forgrundsfarve, og trække en lige linje, som i nedenstående billede. Gå til Filter> Blur> Gaussian Blur, anvendes med en radius på 5 px.

Nu har vi fremhæve, men vi bør slette mere end en del. Kommando-klik på "Body" Layer Thumbnail til at indlæse det valg. Vi bør også vælge den bageste del, så Command + Shift-klik på "Tilbage" Layer Thumbnail for at tilføje til markeringen. Gå til Vælg> Inverse og tryk på Slet for at slette. Fravælg ved at trykke Command + D.

Trin 15

Opret et nyt lag over det "Body" lag og navngiv den "Reflection". Grab Gradient Tool, sæt Farveforløb til sort til hvid, og fyld laget med gradient fra venstre mod højre. Gå til Image> Justeringer> Kurver og tweak kurven som vist nedenfor. Dette er min foretrukne måde at gøre refleksioner. Så hit Command + T og rotere "Reflection" lag 30 grader. Du vil se, hvorfor vi gør dette senere.

Nu, fordi vi ønsker, at overvejelser skal ses på "Body" del, er vi nødt til at slippe af med resten. Kommando-klik på "Body" Layer Thumbnail til at indlæse markeringen. Command + Alt-klik på "Front B" Layer Thumbnail at trække det fra den aktuelle markering. Gå til Vælg> Inverse og tryk på Slet for at slette. Hit Command + D for at fravælge. Sæt Layer blandingstilstand til Overlay.

Nu får Eraser Tool. Sørg for, at tilstanden i Tool Options er sat til Brush. Jeg indstiller Brush Master Diameter 215 og hårdhed til 25%. Slet området under de afrundede hjørner.

Der er nogle malede pixels uden for lærredet, fordi vi fyldte hele siden og derefter roteres forløbet. Vi kan ikke se dem i øjeblikket. I sidste skridt, vi vil rotere USB nøgle og disse pixels vil være et problem så at slippe af med dem. Gå til Vælg> Alle, derefter gå til Image> Beskær.

Trin 16

Vi starter trække stikket ud. Kommando-klik på "Front A" lag til at indlæse markeringen. Opret et nyt lag over det "Front A" og navngive den "Plug." Fyld markeringen med 25% grå. Fravælg ved at trykke på Kommando + D. Hit Command + T for at indtaste Fri transformering mode, indstilles vertikal og horisontal Scales til 56%, og anvende.

Trin 17

Dubler "Plug" lag og navngiv den "Plug Front." Flyt "Plug Front" lag 150 pixels til venstre. Træk to guider fra den øverste lineal og snap dem til toppen og bunden af "Plug" lag. Gå tilbage til "Plug" lag på paletten Lag, får polygon Lasso Tool, og foretage et valg, som i nedenstående billede. Fyld markeringen med 25% grå, så fravælge ved at trykke Command + D.

Trin 18

Få Rektangulær Marque Tool og foretage et valg tilpasset til den øverste guide, som vist nedenfor. Flyt markeringen 1 px ned og klare ved at trykke Delete. Foretag en anden rektangulær markering, denne gang i bunden, flytte markeringen 1 px op, og ramte Slet igen for at klare den foruroligende række af pixels.

Trin 19

Kommando-klik på "Plug" lag Thumbnail, vil denne belastning valget. Få Gradient Tool, sæt Forløb som forgrund til Transparent, der forgrundsfarven til sort, og Gradient Style til Linear. Træk den, som vist nedenfor, for at fylde markeringen med en sort til gennemsigtig gradient. Dette vil gøre den øverste del af stikket mørkere, som vil hjælpe os med at nå metallisk look.

Hit Command + D for at fravælge. Påfør et Gradient Overlay Layer Style med disse indstillinger: Blent Mode indstillet til Multiplicer, Opacitet på 50%, Gradient fastsat til sort til hvid, Style af Linear, Vinkel sat til 90 grader og Scale sættes til 18%. Flyt Gradient ned, indtil den passer på den runde hjørne, som i nedenstående billede, mens Farveforløbsmaske dialogen er stadig åben.

Trin 20

Opret et nyt lag over det "Plug" lag og navngiv den "Plug Reflection." Get the Rektangulær Marque Tool og foretage et valg, som på billedet nedenfor. Få Gradient Tool. Sæt Gradient til Silver (det er i Metals Set.) Sæt Gradient Style til Afspejlet og fyld markeringen fra midten til venstre. Hit Command + D for at fravælge. Gå til Image> Justeringer> Invert at få negative.

Trin 21

Hit Command + T, så Scale overvejelserne en smule vandret og rotere 30 grader. Nu vil vi overveje kun synligt på stikket. Så vil vi definere "Plug" lag som en udsnitsmaske for "Plug Reflection." Du kan gøre det ved Alt-klikke på linjen mellem de to lag i lagpaletten. Få Eraser Tool. Slet området under den afrundede hjørne af stikket. Indstil også lag blandingstilstand til Skærm.

Trin 22

Opret et nyt lag over det "Plug Reflection" lag og navngiv den "Plug Highlight." Get the Line Tool, sæt den til Fill Pixels, og sæt Vægt til 4 px. Indstil også hvid som din forgrundsfarve. Tegn en lige linje, der Vægt til 2 px og trække en anden linje, som i nedenstående billede.

Gå til Filter> Blur> Gaussian Blur, anvendes med en radius på 1,5 px. Kommando-klik på "Plug" lag til at indlæse markeringen, derefter gå til Vælg> Inverse og klar ved at trykke Delete. Indstil "Plug Highlight" Layer Opacitet på 60%.

Trin 23

Nu vil vi gøre hullet på stikket. Kommando-klik på "Plug Front" lag til at indlæse markeringen. Gå til Vælg> Rediger> Kontrakt og kontrakt udvælgelse af 2 pixels. Opret et nyt lag over det "Plug Front" lag og navngiv den "Plug Hole".

Fyld markeringen med 25% grå og anvende en Gradient Overlay Layer Style med disse indstillinger: Blend Mode indstillet til Multiplicer, Opacitet på 40%, Gradient fastsat til sort til hvid, med en stil af Linear, Vinkel indstillet til -90 grader, og målestok på 13%. Flyt gradient, indtil det passer på den afrundede hjørne af stikket.

Trin 24

Opret et nyt lag med navnet "Plug Hole Shadow" lige over "Plug Hole" lag. Fange den polygon Lasso Tool, skal du vælge et område som i nedenstående billede, og fyld med sort. Hit Command + D for at fravælge. Gå til Filter> Blur> Gaussian Blur. Indstil Radius til 15 pixels. Kommando-klik på "Plug Hole" lag, skal du gå til Vælg> Inverter til inverse markeringen. Ryd ved at trykke Delete. Du bør justere lagets opacitet til din smag så godt.

Trin 25

Opret et nyt lag over det "Plug Hole" lag og navngiv den "Hvide". Kommando-klik på "Plug Hole" lag. Få Rektangulær Marque Tool og flytte markeringen, som vist nedenfor. Command + Alt + Shift-klik på "Plug Hole" Layer Thumbnail at de skaerer de valg, derefter udfylde markeringen med hvid, og ramte Command + D for at fravælge. Flyt "White" lag 5 pixels til højre. Træk vandret vejledninger og snap dem til toppen og bunden af "White" lag.

Trin 26

Opret endnu et lag under "White" lag og navngiv den "White Top." Get the polygon Lasso Tool og foretage et valg, som vist nedenfor. Fyld markeringen med 20% grå. Kommando-klik på "Plug Hole" lag, derefter gå til Vælg> Inverter til inverse den indlæste markering. Hit Slet for at klare den del udenfor hullet. Gå til "White" lag i Layers Palette og ramte Slet igen. Hit Command + D for at fravælge.

Trin 27

Vælg Lag i Layer Palette, som vist nedenfor. Gå til Layer> Gruppe Lag (Kommando + G.) Navn gruppen "Plug Bund." Nu overlappe "Plug Bottom" gruppe og navngive den "Plug Top." Gå til Layer> Merge Group. Gør "Plug Bottom" gruppe usynlig for nu.

Trin 28

Nu vil vi gøre en afspejling af stikket på kroppen. Dubler "Plug Top" lag, kald det "Plug Reflection", og træk den over "Front A" lag i Layers-paletten. Flyt det højre, som vist nedenfor. Gå til Filter> Blur> Gaussian Blur og anvende med en radius på 3 pixels. For at maskere refleksion,-Alt klikke på linjen mellem de "Plug Reflection" og "Front A" lag på paletten Lag. Du kan ændre lagets opacitet som du ønsker.

Trin 29

Lad os fortsætte tiding vores lag. Vælg alle lagene undtagen "Baggrund" og "Plug Top" lag og "Plug Bottom" Group. Gå til Layer> Merge Layers (Command + E) Omdøb den fusionerede lag som "Body".

Trin 30

Nu vil vi gøre de to små huller på stikket. Opret et nyt lag på toppen af lagstakken navnet "Hole." Get the Rektangulært Marque Tool, sæt Style til fast størrelse, og Bredde og Højde både til 26 px. Foretag et valg, som vist nedenfor. Fyld markeringen med 65% grå. Hit Command + D for at fravælge.

Hit Command + T og indstille den horisontale Skew til 30 grader. Dette vil passe med udgangspunkt i de huller på udsigten til at de stik. Få polygon Lasso Tool og foretage et valg, som vises i nederste venstre billede nedenfor. Gå til Image> Justeringer> Farvetone / mætning (Command + U), og indstil lethed på +100% for at gøre den valgte del hvide.

Kommando-klik på "Hole" lag til at indlæse markeringen. Flyt markeringen 1 px venstre og 1 px ned. Command + Alt + Shift-klik på "Hole" lag igen skærer markeringen med lag. Fyld markeringen med sort. Også fravælge ved at trykke Command + D.

Trin 31

Dubler "Hole" lag. Nu har vi to huller, og de bør tilpasses korrekt. Du kan få hjælp fra højre eller venstre kant af stikket. Efter at tilpasse ordentligt, skal du vælge både hul lag og placere dem som vist nedenfor.

Trin 32

Nu får Tekstværktøj. Jeg indstille skrifttype som Trebuchet MS med en størrelse på 35 pt. Gør din forgrundsfarve # ee0055, og skriv derefter din tekst. Hit Command + T og indstille den horisontale Skew til 30 grader og anvende. Omdøb din tekst layer som "Tekst". Anvend en Farveforløbsmaske til "Tekst" lag ved hjælp af disse indstillinger: Blend Mode indstillet til Screen, Opacitet på 50%, Gradient fastsat til Silver, med en stil af Linear, Vinkel indstillet til 30 grader, og Scale fastsat til 75%.

Vi vil også anvende en Drop shadow med følgende indstillinger: Blend Mode i Multiplicer, Ugennemsigtighed fastsat til 60%, Angle sat til 90 grader, og Afstand og Størrelse sat til 2 px.

Trin 33

Det, vi har nu, er vores USB-nøgle. Hvad vi ikke er de overvejelser. Vores nøgle vil være flydende i luften, og bunden af den vil blive reflekterende på overfladen. Og den nederste del af nøglen er lidt anderledes fra toppen af det.

Dubler "Body" lag og navngiv den "Body Bund." Nu skal du vælge "Hole Kopier", "Hole", "Text", "Plug Top" og "Body" lag, derefter gå til Layer> Merge. Navngiv fusionerede lag "USB" og gøre "USB" lag usynlig for nu.

Trin 34

Vi får Tekstværktøj igen, gør din forgrundsfarve # ee0055, og skriv din tekst. Hit Command + T og skala teksten til at passe på stikket. Gå til Rediger> Transformer> Flip Vertical at spejle teksten. Hit Command + T og indstille den horisontale Skew til 30 grader og anvende. Omdøb din tekst layer som "Tekst".

Anvend en Gradient Overlay til "Text" lag ved hjælp af disse indstillinger: Blend Mode indstillet til Screen, Opacitet på 50%, Gradient fastsat til Silver, med en stil af Linear, Vinkel indstillet til 30 grader, og Skala fastsat til 75%.

Vi vil også anvende en Drop shadow med følgende indstillinger: Blend Mode i Multiplicer, Ugennemsigtighed fastsat til 60%, Angle sat til 90 grader, og Afstand og Størrelse sat til 2 px.

Sørg for, at en af de synlige lag er valgt på paletten Lag, derefter gå til Layer> Merge Visible. Navngiv fusionerede lag "Reflection." Nu skal du have tre lag: "Baggrund", "USB Final" og "Reflection." Nu er vi næsten færdig.

Trin 35

Nu gør "Plug Bottom" gruppe synlig. Åbn gruppen, og slet "White Top" lag. Gå til "White" lag, og flyt den op, som vist nedenfor. Kommando-klik på "Plug Hole" lag til at indlæse markeringen, skal du gå til Vælg> Inverter. Hit Slet for at klare uden for hullet. Fravælg ved at trykke på Kommando + D. Gå til "Plug Hole Shadow" lag i Layers-paletten. Hit Command + T og drej lag 180 grader, og sørg for, at det stadig passer i hullet.

Trin 36

Vi vil nu sætte USB tegn på stikket. Jeg tegnede en og du kan få det her . Åbn "USBsign.png" fil og få Flyt Tool og træk logoet til din "USB Refleciton.psd."

Hit Command + T for at indtaste Fri transformering mode, rotere logoet -90 grader, skala til at passe på stikket, og anvende. Gå til Rediger> Transformer> Flip Vertical at spejle det. Hit Command + T igen og sæt den horisontale Skew til 30 grader. Placer den på stikket og indstille Layer Opacitet til 60%.

Trin 37

Luk "Plug Bottom" gruppe. Vælg "Plug Bottom", "Body Bottom" og "Tekst" i Layers Palette og gå til Layer> Merge Layers. Navngiv fusionerede lag "USB Reflection". Sørg for, at "USB" lag er på toppen og alle lag er synlige.

Trin 38

Vælg både "USB" og "USB Reflection" lag på paletten Lag, hit Command + T, og Roter -30 grader. Grab the Move Tool, flyt derefter "USB Reflection" lag ned, som vist nedenfor. Gå til Filter> Blur> Gaussian Blur og anvende med en radius på 3 px. Indstil også Layer Opacitet på 20%.

Trin 39

Dubler "USB Reflection" lag og navngiv den "Shadow". Hit Command + U for at opdrage den Hue / Saturation dialog. Indstil lysstyrke til -100 til at gøre skyggen sort. Gå til Filter> Blur> Gaussian Blur og anvende med en radius på 40 px. Sæt Layer Opacitet til 50%, og flytte "Shadow" lag op, som på billedet nedenfor.

Kommentarer RSS TrackBack Identifier URI