Bruk Photoshop CS6 til å lage en mikroinspirert scene

Photoshop CS6 er fullpakket med nye funksjoner og effekter som du kan bruke i arbeidet ditt. I denne opplæringen vil vi utnytte Photoshops nye 3D-evner, så vel som dets nye innholdsbevisste funksjoner for å skape en Micro Machines-inspirert komposisjon. La oss komme i gang!


Tutorial Assets

Følgende eiendeler ble brukt under produksjonen av denne opplæringen.

  • Desktop Scene
  • Leke bil
  • Asfalttekstur

Trinn 1

Åpne bildet på skrivebordet. Siden vi skal legge til en baner på tvers av skrivebordet, gå videre og skisser veien på veien på et midlertidig lag. Dette vil identifisere problematiske områder opp foran.


Steg 2

Bruk Content-Beware Move Tool (J) for å fikse problematiske områder slik at veien vår vil ha nok plass. Med verktøyet aktivert, tegne et valg rundt viskelæreren, klikk deretter og dra valget til et nytt område på skjermen. Tillat at Photoshop beregner endringen

Resultatene dine skal vises på samme måte som følgende bilde:


Trinn 3

Bruk også innholdsverktøyet på blyanten.


Trinn 4

Vi skal nå lage veien. Velg pennverktøyet (P) og angi modusen til form. Dette vil tillate oss å bruke alternativene Fyll og strøk. For nå, sett fyllingen til No Color og Stroke to Black. Bruk bare skissen som referanse, drag løst en ny sti fra en topp ned-visning på et nytt lag kalt "Road". Merk: Ikke trekk denne banen i perspektiv av scenen vår, vi vil bruke 3D-modusen senere for å matche perspektivet.


Trinn 5

Still strøkbredden til 130 pt. Åpne også Stroke Options og angi Juster til senter. Skjul "Bakgrunnslaget" for nå.


Trinn 6

Vårt neste skritt er å strukturere "Road" -laget. For å starte, må vi åpne bildet av asfaltet.


Trinn 7

Bruk et av Marquee Tools-verktøyene til å velge sykkelsymbolet og gå til Rediger> Fyll. Pass på at du stiller inn Bruk til innhold-Aware. Hvis nødvendig, bruk Patch Tool til å rydde opp bildet.


Trinn 8

Vi må korrigere bildeperspektivet for å kunne prøve tekstur på riktig måte. Velg Perspective Crop Tool (C), som du finner ved å klikke og holde på Crop Tool.


Trinn 9

Med det valgte Perspective Crop Tool, klikk på fire punkter i et rektangel som samsvarer med vårt asfaltperspektiv. Bruk kan manipulere håndtakene for å få en bedre kamp.

Trykk Enter eller Return for å forplikte seg til avlingen.


Trinn 10

Nå som vi har en fin, ren tekstur, må vi gjøre det sømløst. Gå til Filter> Other> Offset og juster glidebryterne slik at begge sømmer er synlige.


Trinn 11

Bruk søppelverktøyet, fjern sømene. Det kan være nødvendig å bruke Patch Tool flere ganger

Resultatene skal ligne bildet nedenfor:


Trinn 12

Trykk på Kommando / Ctrl + A for å velge hele bildet og gå til Rediger> Definer mønster. Navn dette mønsteret "Asfalt." Til slutt, med valget fortsatt aktivt, trykker du på Command / Ctrl + C for å laste dette bildet til utklippstavlen. Vi vil klistre det i vår scene i et senere trinn.


Trinn 13

Gå tilbake til vår opprinnelige scene og dobbeltklikk "Road" -laget for å få tilgang til lagstilene. Påfør asfalttekstur som et mønsteroverlegg. Still skalaen til 25%

Høyreklikk laget og velg Rasterize Layer Style.


Trinn 14

Lag et nytt lag og trykk på Kommando / Ctrl + V for å Lim inn bildet vårt som vi kopierte i trinn 12. Endre størrelsen på teksten slik at den dekker veien.


Trinn 15

Gi nytt navn til det nye laget til "Texture" og gjør det til en Clipping Mask til "Road" -laget.

Ved å bruke en større, myk Eraser (E), slett innsiden av veien slik at den større teksten bare vises på kantene på veien.

Angi blandemodus til overlegg


Trinn 16

Velg begge lagene som utgjør veien, og høyreklikk og velg Konverter til smart objekt. Gi nytt navn til Smart Object til "Road."


Trinn 17

Nå som vi har opprettet en topp-nedvisning av veien, kan vi begynne å lage en topp-nedvisning av konstruksjonskeglene. Lag et nytt lag kalt "Cones." Velg pennverktøyet og endre innstillingene som følger:


Trinn 18

Sett forgrunnsfarge til en fin konstruksjon oransje og tegne to baner som følger hver side av veien. De resulterende banene skal likne følgende bilde:


Trinn 19

Høyreklikk både formlag og Rasterize Layer. Velg begge rasteriserte lag og Merge (Command / Ctrl + E). Gi nytt navn til "Cones."


Trinn 20

Vi kan nå begynne å lage våre 3D-objekter. For å konvertere vårt "Road" Smart Object til 3D, velg laget og gå til 3D> New 3D Extrusion fra Selected Layer. Dette vil automatisk lage et ekstrudert 3D-objekt, samt åpne 3D-panelet.


Trinn 21

I 3D-panelet, velg "Road" -objektlaget (betegnet med et ekstrudert stjerneikon) for å få tilgang til egenskapene. Kontroller at Mesh-delen er aktivert i Egenskaper-panelet, og still inn ekstruderingsdybden til 0.


Trinn 22

Deretter går du til Koordinater-delen og setter X-vinkelen til 90 grader.


Trinn 23

Gå tilbake til 3D-panelet og klikk på uttrekksmenyen for ytterligere 3D-alternativer og velg Snap Object til Ground Plane.


Trinn 24

Gå tilbake til Lagpanelet og skjul bakgrunnsbildet. Dette vil gjøre det lettere for oss å se 3D-objektene. Deretter høyreklikker du på "Cones" -laget og velger Ny 3D Ekstrusjon fra valgt lag. Merk at "Cones" -objektet er på et unikt rutenett. Vi vet dette siden det er bare ett objekt ("Cones" -objektet) i vår scene. Photoshop har i hovedsak opprettet en egen 3D-plass for hvert objekt. Vi kombinerer begge objektene slik at de begge er i samme 3D-plass.

Gå tilbake til lagpanelet og kontroller at "Cones" -laget ligger på toppen av stabelen. Velg både 3D-lag og Merge (Command / Ctrl + E).

Siden disse er 3D-lag, kombinerer lagene bare dem til samme 3D-plass. Vi kan sjekke dette ved å gå tilbake til 3D-panelet.


Trinn 25

Bruk samme metoder som vi gjorde veien, sett ekstruderingsdybden til null, bytt X-Angle-koordinatet til 90 grader og klikk til bakken. Objektene kan ikke ordne seg riktig, vi vil flytte dem inn i deres endelige posisjoner senere.

Det er også viktig å merke seg at siden vi har kombinert flere 3D-objekter i en scene, er objektene inneholdt i nye grupper (vanligvis ved bruk av suffixet "_layer"). Bare bor deg ned for å finne objektlaget (betegnet med ekstrudert stjerneikon).


Trinn 26

På dette punktet skal vi legge til en skråning i vårt "Cones" -lag, slik at de ligner konstruksjonskegler. Velg først "Current View" -kameraet, og bruk navigasjonsverktøyene i toppmenyen til å plassere kameraet slik at det ligger nær kjeglene.


Trinn 27

Velg "Cones" -objektlaget og gå til Cap-delen i Egenskapspanelet.

Bruk skjermdisplayet til å forme konusen.


Trinn 28

Deretter velger du Konturkart for å redigere og legge til en tilpasset kontur som vist i Egenskaper-panelet.

Resultatene skal likne følgende:


Trinn 29

Nå kan vi jobbe for å flytte kameraet til posisjon. Vi vil bruke nettet på bakken flyet for å hjelpe oss med å samsvare perspektivet av vår scene. Gå tilbake til Lagpanelet og avslør bakgrunnsbildet.


Trinn 30

Gå tilbake til 3D-panelet og skjul lagene "Road" og "Cones". Vi trenger ikke dette nå.


Trinn 31

Velg "Current View" -laget, og bruk 3D-verktøyene på toppmenyen, Roter, Dra, Slid og Skal rutenettet slik at den samsvarer med scenens perspektiv. Det kan kreve mye forsøk og feil for å få dette til rette, selv om det ikke trenger å være perfekt. Det hjelper å finne noen rette vinkler som allerede finnes i scenen, for eksempel knappene på kalkulatoren.


Trinn 32

Unhide objektene "Road" og "Cones". Velg "Road" -objektet og klikk på Mesh-delen i Egenskapspanelet.

Bruk widgets til å flytte / rotere veien manuelt til ønsket posisjon.

Gjør det samme med "Cones" -objektet.


Trinn 33

Vi er nesten ferdige med 3D. Den siste delen er å berøre belysningen. For tiden samsvarer ikke skyggene til vårt objekt med vår scene. For å fikse dette, klikk lysfilteret i 3D-panelet og velg det ene lyset i vår scene.


Trinn 34

Hold skift, klikk og dra på skyggen i scenen for å plassere den slik at den samsvarer med skyggens retning i det opprinnelige bildet.


Trinn 35

La oss gå videre til gjengivelse. Vi ønsker å gjengi hvert stykke separat, så vi trenger å skjule objekter vi ikke gjengir. I 3D-panelet klikker du på Filter by Mesh-ikonet og skjuler "Road" -objektet. Pass også på å unclick Cast Shadows for "Cones" -objektet.

For å gjengi våre objekter som gjennomsiktige lag gjemmer alle våre bakgrunnslag som vist nedenfor:

Gå til 3D> Render (Command / Ctrl + Alt + Shift + R). La Photoshop gjøre noen passeringer, og trykk deretter Enter for å stoppe gjengivelsen. Vær oppmerksom på at hvis du er i lagpanelet, må scenen velges for å starte en gjengivelse.


Trinn 36

I lagpanelet (3D-laget skal allerede utheves), velg alt (kommando / Ctrl + A), kopier (Ctl + C) og lim inn (kommando / Ctrl + V) gjengivelsen på et nytt lag. Navn dette laget "Cones Rendered." Skjul dette laget for nå.


Trinn 37

Gjenta denne prosessen for "Road" -objektet.


Trinn 38

Nå som veien og kjeglene er blitt utgitt, skal vi gjøre noen ekstra renders med "Cones" -objektet. Unhide "Cones" objektet og skjul "Road" objektet. Med "Cones" -objektet valgt, gå til Mesh-delen av Egenskapspanelet og slå på Cast Shadows, Slå på Usynlig og Slå av Catch Shadows.

Gi dette ut og kopier det til et nytt lag, akkurat som vi gjorde i de tidligere trinnene.

For den siste gjengivelsen, slå av Invisible and Cast Shadows. Gå til Cap-delen og klikk på Reset deformation. Dette vil resultere i flate plater.

Igjen, Render (Command / Ctrl + Alt + Shift + R) ut scenen og kopier til et nytt lag.


Trinn 39

Gi de tre gjengitte filene riktig navn og skjul 3D-laget. Om nødvendig, omorganiser lagene slik at det vises riktig i bildet.


Trinn 40

Velg "Road Rendered" -laget og legg til følgende lagestiler for å få det til å virke som om veien faktisk hviler på bordet.


Trinn 41

Velg "Shadows Rendered" -laget og gi det en Gaussisk sløring (Filter> Blur> Gaussian Blur) på 4 px. Still blandingsmodus for å multiplisere og opasiteten til 4%.


Trinn 42

Velg "Base Render" -laget og flytt det ned slik at det er knapt synlig under kjeglene. Juster nivåene til platene er rene, svarte.

Gi dette en Gaussisk uskarphet (Filter> Blur> Gaussisk uskarphet) på 1,7 px og sett Blending-modusen til Multiply


Trinn 43

Lag en kopi av "Base Rendered" -laget og bruk Gaussian Blur-filteret igjen, men denne gangen med en innstilling på 5,5 px. Still blandemodus til Multiply og Opacity til 55%


Trinn 44

Grupper alle våre kegelag sammen og legg til en lagmaske til gruppen.

Bruk masken til å skjule noen kjegler som overlapper blyanten og den blå viskelæren.


Trinn 45

For å organisere vår scene, fortsett og grupper alle våre komposittlag.


Trinn 46

Vår neste skritt er å legge til en bil til vår scene. Åpne bilbildet og merk at det allerede har en fin skygge under den. Vi vil prøve å utnytte denne skyggen. Bruk pennverktøyet (med modusen satt til sti) for å tegne en sti rundt bilen.


Trinn 47

Med pennverktøyet (P) fortsatt aktivt, høyreklikker du banen og velger Lag valg. Kopier og lim inn bilen til et nytt lag. Topplaget vil være fullfargebilen, mens bunnlaget skal brukes til skyggene.

Grupp disse to lagene sammen. Det kan være nødvendig å dobbeltklikke på "Bakgrunn" -laget for å låse opp det.


Trinn 48

Dra "Bil" -gruppen inn i vår scene og endre størrelsen for å passe.


Trinn 49

Inne i "Bil" -gruppen, sett bunnlaget til Multiply. Endre navn på lagene også. Legg merke til at bilens perspektiv ikke samsvarer med vår scene. Vi vil forsøke å rette opp dette i neste trinn.


Trinn 50

Velg "Car" -laget og Transform (Command / Ctrl + T) bilen for å bedre passe til perspektivet. Bruk Warp Mode (aktivert ved å klikke på Warp Icon i øverste menylinje) for å finjustere transformasjonene.

Legg merke til at dette forårsaker uønskede deler av "Car Shadows" -laget som skal vises. Bruk Eraser Tool (E) for å fjerne.


Trinn 51

Bruk nivåer (Command / Ctrl + L) for å justere "Car" -laget.


Trinn 52

I tillegg kan du male i flere skygger som du ser nødvendig


Trinn 53

Det neste trinnet er å få våre komponenter til å passe til dybden av feltet i vårt opprinnelige bilde. Begynn med å slå sammen gruppen "Komposittlag" til et nytt lag.


Trinn 54

Før vi legger til et uskarphet, bruker du Brennverktøyet til å mørke hjørnene til vårt nye lag


Trinn 55

Nå legger du til Iris Blur (Filter> Blur> Iris Blur). Angi mengden Blur til 4 px og juster skjermdisplayet slik at uskarpheden samsvarer med det opprinnelige bildet så tett som mulig.


Trinn 56

Bildet vårt er teknisk ferdig, men vi kan gå litt lenger med det. Lag en fusjonert kopi av alle lag ved å trykke på Kommando / Ctrl + Alt + Skift + E.

Bruk dette nye fusjonerte laget for å legge til flere korreksjoner. I dette tilfellet har jeg lagt til en ekstra uskarphet ved hjelp av Tilt-Shift-uskarphet (Filter> Slør> Tilt-Shift). Dette gir litt mer dybde mens du blander komponentene bedre.

Jeg har også lagt til et fotofilter. Dette vil bidra til å blande fargene bedre.

Til slutt har jeg lagt til et mykere utseende på scenen. Dette gjøres ved å kopiere laget, øke nivåene, og gi det en moderat høy Gaussisk uskarphet. Når dette er gjort, må du sette blendemodus til mykt lys og justere opasiteten til din preferanse.


Trinn 57

Det siste trinnet er å bruke Beskjæringsverktøyet (C) for å beskjære bildet litt ned. Dette vil skjule eventuelle lagstiler som er synlige rundt kantene på bildet vårt. Pass på å fjerne merket for Slett beskjærte piksler.


Endelig bilde

Du er ferdig. Det endelige bildet skal likne følgende.