Lag en pepperkake-kake-scene ved hjelp av smarte objekter

I denne opplæringen lærer vi hvordan du bygger en pepperkakekake med kopier av et enkelt smart objekt. Denne teknikken vil tillate oss å raskt oppdatere formen på vår informasjonskapsel med svært liten innsats for å lage flere cookies for en mer komplisert sluttfil. La oss komme i gang!


Tutorial Assets

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

  • Gingerbread Cookie

Trinn 1

Opprett et nytt dokument 2000 px x 1600 px. Fyll dette med en lineær gradient. Dette vil være starten på bakervaren.


Steg 2

Lag et nytt lag med navnet "Baking Sheet Texture" og fyll med hvitt. Kontroller at Forgrunns- og bakgrunnsfarger er satt til Svart-hvitt (eller trykk bare på D-tasten), og gå deretter til Filter> Render> Fibers. Bruk innstillingene som vist:


Trinn 3

Transform (Command / Ctrl + T) dette laget slik at det ser ut til å være i perspektiv.

Bytt blandemodus til Pin Light og opacity til 14%. Dette vil gi bakervarer litt fin variasjon.


Trinn 4

Det neste trinnet er å tegne formen på en pepperkake mann på et nytt lag. Velg pennverktøyet og pass på at det er satt til Form på toppmenyen. Etter å ha tegnet formen, nevne laget "Gingerbread Shape."


Trinn 5

Høyreklikk på dette laget og velg Konverter til smart objekt. Dette er veldig viktig da det vil være grunnlaget for at vi bygger resten av objektet vårt.


Trinn 6

Vi vil nå begynne å bygge informasjonskapselen i gråtoner ved hjelp av bare kopier av vårt smarte objekt. Dette gjør at informasjonskapselens form kan bli fullt redigerbar i slutten.

Transform (Command / Ctrl + T) Smart Object-laget slik at det vises i perspektiv.


Trinn 7

Lag en kopi av "Gingerbread Shape" -laget og legg det under originalen. Legg til følgende lagstilter (vi vil bruke dette til å gi informasjonskapsel noen dimensjon).

Plasser dette laget i en ny gruppe (eller trykk bare på Command / Ctrl + G når laget er valgt). Navngi gruppen "Kanter".

Bruk piltastene til å kutte "Kantene" -gruppen ned. Dette vil legge til illusjonen om tykkelse til vår informasjonskapsel.


Trinn 8

Vårt neste skritt er å skape litt skygge på kakens kanter. Lag en annen kopi av "Gingerbread Shape" Smart Object og legg det direkte over "Kanter" -gruppen. Gi nytt navn til dette laget "Shading"

Legg til følgende lagstil

Gå til Filter> Uklarhet> Gaussisk uskarphet med en radius på 38,7 px.

Til slutt lager dette laget et kliplag til gruppen "Kanter". Dette vil klippe "Shading" -laget slik at uskarpheten ikke bløder forbi kanten av kaken.


Trinn 9

Som et valgfritt trinn kan du opprette et annet "Shading" -lag som klipper til "Kantene" -gruppen.


Trinn 10

For å organisere vårt lagspanel, velg "Kanter" -gruppen og klippearkene og trykk på Kommando / Ctrl + G for å lage en ny gruppe ut av disse. Navngi denne gruppen "Kant og skyggelegging."


Trinn 11

Vi vil nå fokusere på å lage noen skygger for vår informasjonskapsel. Begynn med å lage tre kopier av "Gingerbread Shape" Smart Object og plasser dem under "Kanter og skygge" -gruppen. Navn lagene som vist:


Trinn 12

Vi starter med "Casted Shadow" -laget - gjem de andre to.

Legg til følgende lagstil til det laget

Flytt skyggen litt fra midten og Transform (Command / Ctrl + T) laget litt for å forvride skyggen.

Sett blandemodus for å multiplisere og opaciteten til 34%.


Trinn 13

Unhide "Base Shadow" -laget flytter det ned slik at det er knapt synlig under informasjonskapsel. Som et valgfritt trinn kan du Transform (Command / Ctrl + T) denne formen for å bedre passformen under kaken.


Trinn 14

Deretter skal vi myke "Base Shadow" ved hjelp av flere smarte filtre. Gå til Filter> Blur> Motion Blur og bruk innstillingene som vises.

Gå nå til Filter> Blur> Gaussian Blur med de viste innstillingene.

Til slutt, sett blandingsmodus for å multiplisere.


Trinn 15

Unhide "Ambient Shadow" laget og flytte det under kaken (akkurat som vi gjorde med det forrige skyggelaget).

Deretter bruker du Filusblur og Gaussian Blur-filter som vi gjorde i forrige trinn, unntatt med forskjellige innstillinger:

Til slutt, sett blandingsmodus for å multiplisere.


Trinn 16

Velg de tre "Shadow" -lagene og trykk på Command / Ctrl + G for å gruppere dem. Gi denne gruppen navnet "Shadows."


Trinn 17

Vi skal nå lage cookieets refleksjon; Det vil imidlertid være mer av en stilisert refleksjon og mindre av en speillignende refleksjon. For å starte, lag en annen kopi av "Gingerbread Shape" Smart Object og legg det under "Shadows" -gruppen. Navn dette laget "Refleksjoner."

Vi vil benytte seg av en Smart Objects evne til å legge til flere forekomster av samme filter. Gå videre og legg til filteret for bevegelseshudding (filter> uskarphet)> bevegelsesskarphet) med følgende innstillinger.

Deretter legger du til et annet bevegelsesslokkfilter med disse innstillingene:


Trinn 18

Plasser dette laget slik at det ser ut som informasjonskapselens refleksjon. Sett blandemodus for å multiplisere.


Trinn 19

For å legge til mer kontrast til informasjonskapselens form, velg "Gingerbread Shape" -laget og legg til følgende Lagstil:

Deretter går du til Filter> Blur> Gaussian Blur med følgende innstillinger:

Til slutt, gjør dette laget til et kliplag til gruppen "Kanter og skygger".


Trinn 20

Som et valgfritt trinn legger du til et lysstyrke / kontrastjusteringslag og justerer innstillingene slik at informasjonskapselen vises lysere. Gjør dette til et kliplag.


Trinn 21

Vi vil nå jobbe med cookieens tekstur. Åpne Cookie.jpg-filen.


Trinn 22

Ved hjelp av et valgverktøy (jeg brukte Lasso Tool), velg innsiden av kaken og Kopier (Command / Ctrl + C) og Lim inn (Command / Ctrl + V) til et nytt lag.


Trinn 23

Med "Bakgrunns-laget" skjult, plasser utsnittet i øverste hjørne

Lag en kopi av utklippet og flytt det over som vist.

Bruk Eraser Tool sett til 0% Hardness og slett det kopierte laget slik at det blander seg inn i laget bak det.


Trinn 24

Lag flere kopier av dette laget og plasser dem over toppen.


Trinn 25

Velg alle cutout lagene og slå sammen dem (Command / Ctrl + E).


Trinn 26

Kopier det nylig sammenslåtte teksturlaget og flytt nedover.

På samme måte som før, slett toppen av det nye laget for å blande, og kopier deretter (Command / Ctrl + C) og Lim inn (Command / Ctrl + V) nye lag for å fylle ut resten av lerretet.

Flat lagene og lagre filen.


Trinn 27

Kopier tekstur til vår Gingerbread scene og nevne dette laget "Texture."


Trinn 28

Transform (Command / Ctrl + T) "Texture" laget slik at det følger perspektivet av vår scene. Det er viktig at teksten dekker hele lerretet.

Lag dette laget et kliplag til "Cookie" -gruppen.

Sett blandemodus til mykt lys for å gjøre objektet ser mer ut som en informasjonskapsel.


Trinn 29

For øyeblikket vises cookieens tekstur flat. Vi vil fikse dette i de neste trinnene. Start med å lage en kopi av "Texture" -laget. Pass på at dette også er et kliplag til "Cookie" -gruppen.

Sett blandemodus tilbake til Normal. Dette vil tillate oss å se hva vi gjør med laget. Gi nytt navn til dette laget "Sprekk".


Trinn 30)

Desaturér dette laget ved å trykke på Command / Ctrl + Shift + U.

Bruk nivåer (Command / Ctrl + L) for å øke lagets kontrast. Resultatet skal vises som følger:

Endre blandemodus for å multiplisere og juster opaciteten slik du passer (jeg har satt den til 87%). Resultatet skal bringe ut sprekkene i tekstur.


Trinn 31

Det siste vi kan gjøre for å legge til mer dybde i tekstur er å introdusere høydepunkter rundt springen. For å gjøre dette, lage en kopi av "Cracks" -laget og gjør dette til et kliplag også. Trykk på Command / Ctrl + I for å vende om laget og gi nytt navn til "Høydepunkter."

Still Blending-modusen til Color Dodge og Opacity til 37%.

Deretter går du til Filter> Blur Motion Blur og

Til slutt, bruk piltastene til å kutte "Highlights" -laget ned til høydepunktene vises. Dette skaper illusjonen om at det er en lyskilde som kommer bak vår cookie.


Trinn 32

De neste trinnene vil være fokusert på å skape dekorative glasur. Så langt har vi brukt flere kopier av et enkelt smart objekt for å lage cookie. Dette gjør at vi enkelt kan endre formen på vår cookie (uten ekstra arbeid) ved å endre formen på Smart Object. Vi vil fortsette å bruke disse teknikkene for å lage isingen, slik at den også vil bli oppdatert automatisk når vi endrer Smart Objects form.

For å starte, lag en kopi av "Gingerbread Shape" -laget. Flytt denne kopien til toppen av lagstakken og gi den navnet "Icing". Pass på at klipping lagene vi satt opp i de forrige lagene, fortsatt er intakte.


Trinn 33

Før vi gjør noe for dette laget, må vi fjerne lagstiler og smarte filtre. Bare klikk og dra begge til papirkurvikonet i lagers panel.

Her er hvordan vår scene skal se ut:


Trinn 34

For å lage isingen, sett dette lagets Fyll til 0% og legg til følgende Lagstil:


Trinn 35

Akkurat som vi gjorde med informasjonskapselen, må vi gi isen noen skygger. Lag en kopi av "Icing" -laget og legg det direkte under. Gi nytt navn til "Icing Casted Shadow"

Dobbeltklikk laget for å få tilgang til lagstilene, og gjør følgende endringer på Stroke Effect.

Sett dette lagets opasitet til 58%. Flytt laget ned som vist. Husk at vår fiktive lyskilde kommer fra et sted bak vår informasjonskapsel, slik vi bestemte oss i trinn 31.


Trinn 36

Lag en kopi av "Icing Casted Shadow" -laget og gi nytt navn til "Icing Base Shadow." Flytt dette laget slik at det bare er synlig under glasset, med tanke på vår lyskilde.


Trinn 37

Gå tilbake til "Icing" -laget og Press Command / Ctrl + G for å gruppere dette laget. Gi nytt navn til gruppen "Icing". Årsaken til å gruppere dette laget er at vi kan bruke en lagstil som påvirker "lagringslagets lagslag".

Nå legger du til kommandoen og Emboss Layer-stilen til "Icing" -gruppen. Dette gir isingen litt tekstur.


Trinn 38

For organisasjonsformål grupperer Icing-lagene sammen.


Trinn 39

Nå som vår informasjonskapsel er fullført, kan vi endre formen ved å endre det smarte objektet. For å gjøre dette, dobbeltklikk på miniatyrbildet for en hvilken som helst forekomst av Smart Object. Dette åpner det smarte objektet i et annet vindu.

Når du er inne i Smart Object-dokumentet, skjuler du det eksisterende laget og lager en ny form for et nytt lag. For å lagre endringene, trykk på Kommando / Ctrl + S. Dette lagrer bare det smarte objektet, ikke arbeidsfilen.

Bytter tilbake til våre pepperkake-dokumenter, vi kan se endringene. Det kan være nødvendig å lage små tweaks til glasur og skygge lag, avhengig av form.


Trinn 40

Vi har nettopp opprettet en pepperkakekake med Smart Objects, men vi kan ta dette enda lenger. Vi kan bruke Smart Object-informasjonskapselen til å raskt opprette flere informasjonskapsler som skal brukes i en ny scene.

Begynn med å opprette et nytt dokument med samme dimensjoner og samme bakkearkseffekt for bakgrunnen (se trinn 1-3).


Trinn 41

Ved å bruke vårt originale pepperkake-dokument, velg alle lagene som utgjør vår pepperkakekake og trykk på Kommando / Ctrl + E for å fusjonere. Kopier dette til vår nye scene.


Trinn 42

Tilbake i vår pepperkake-scene, trykk på Command / Ctrl + Z for å angre de sammenslåtte lagene. Vi kan nå gå tilbake til Smart Object-dokumentet og lage en ny form. Fortsett med disse teknikkene for å lage flere informasjonskapsler og plasser dem i vår nye scene. Her er de figurene jeg har laget og kopiert til mitt nye dokument:

Slik ser det nye dokumentet ut med alle våre cookies.


Trinn 43

Plasser disse cookies, men du vil, sørg for å skalere dem på riktig måte. Jeg har satt dem opp for å vises spredt ut på bakeplaten.


Trinn 44

Nå som vi har lagt ut vår scene, kan vi legge til noen etterbehandlingseffekter. Trykk på Kommando / Ctrl + Alt + Skift + E for å fusjonere alle lagene til et nytt lag. Pass på at det nye laget ligger på toppen av lagstakken.


Trinn 45

Nå som vi har en flat versjon av vår scene, kan vi raskt legge til noen grunnleggende effekter for å forbedre bildet. Gå til Filter> Blur> Tilt-Shit for å legge til noen grunnleggende dybdeskarphet.


Trinn 46

Deretter kan vi legge til litt atmosfære på eller scene. Jeg viser at disse informasjonskapslene er laget i løpet av ferien; med fargede lys i nærheten som ville reflektere fra vår bakeplate. For å starte, bruk børsteverktøyet for å legge til flekker av farge på et nytt lag.

Still blandingsmodus til Linjær Dodge (Add) og Opacity til 16%


Trinn 47

Lag en kopi av dette laget og endre Opacity til 72%

Gå til Filter> Uklarhet> Bevegelsesskarphet og sett vinkelen til 90 grader og Avstanden til rundt 1000 px.

Du kan også Transform (Command / Ctrl + T) dette laget for å strekke dette laget enda mer. Dette vil gi utseendet til et mer diffust lys.

Til slutt, juster Blend If-glidebryterne i Layer Styles Panel for å slå ut lyset i mørkere områder.


Endelig bilde