Crea una scena di biscotto di panpepato usando gli oggetti intelligenti

In questo tutorial, impareremo come costruire un cookie di pan di zenzero usando le copie di un singolo oggetto avanzato. Questa tecnica ci consentirà di aggiornare rapidamente la forma dei nostri cookie con pochissimo sforzo al fine di realizzare più cookie per una scena finale più complessa. Iniziamo!


Risorse Tutorial

Il seguente asset è stato utilizzato durante la produzione di questo tutorial.

  • Biscotto di panpepato

Passo 1

Crea un nuovo documento 2000 px x 1600 px. Riempi questo con un gradiente lineare. Questo sarà l'inizio della nostra teglia.


Passo 2

Crea un nuovo livello denominato "Texture foglio di cottura" e Riempi con bianco. Assicurati che i colori di primo piano e di sfondo siano impostati su Bianco e nero (oppure premi semplicemente il tasto D), quindi vai su Filtro> Rendering> Fibre. Usa le impostazioni come mostrato:


Passaggio 3

Trasforma (comando / Ctrl + T) questo livello in modo che appaia in prospettiva.

Cambia il metodo di fusione in Pin Light e Opacity al 14%. Questo darà alla teglia una bella variazione.


Passaggio 4

Il prossimo passo è disegnare la forma di un omino di marzapane su un nuovo livello. Seleziona lo strumento Penna e assicurati che sia impostato su Forma nel menu principale. Dopo aver disegnato la forma, denominare il livello "Gingerbread Shape".


Passaggio 5

Fare clic con il tasto destro su questo livello e selezionare Converti in oggetto avanzato. Questo è molto importante in quanto sarà la base su cui costruiamo il resto del nostro oggetto.


Passaggio 6

Inizieremo ora a costruire il cookie in scala di grigi usando solo le copie del nostro oggetto avanzato. Ciò consentirà alla forma del cookie di essere completamente modificabile alla fine.

Trasforma (comando / Ctrl + T) il livello oggetto avanzato in modo che appaia in prospettiva.


Passaggio 7

Crea una copia del livello "Gingerbread Shape" e posizionalo sotto l'originale. Aggiungi i seguenti stili di livello (lo useremo per dare al cookie alcune dimensioni).

Posiziona questo livello all'interno di un nuovo gruppo (o semplicemente premi Comando / Ctrl + G quando il livello è selezionato). Assegna un nome al gruppo "Bordi".

Usa i tasti freccia per spostare verso il basso il gruppo "Bordi". Questo aggiungerà l'illusione di spessore al nostro biscotto.


Passaggio 8

Il nostro prossimo passo è creare delle ombreggiature sui bordi del cookie. Crea un'altra copia dell'oggetto Smart "Gingerbread Shape" e posizionala direttamente sopra il gruppo "Bordi". Rinominare questo livello "Shading"

Aggiungi il seguente stile di livello

Vai a Filtro> Sfocatura> Sfocatura gaussiana con un raggio di 38,7 px.

Infine, trasforma questo livello in un livello di ritaglio nel gruppo "Bordi". In questo modo il livello "Shading" verrà ritagliato in modo che la sfocatura non sfugga oltre i bordi del cookie.


Passaggio 9

Come passaggio facoltativo, puoi creare un secondo livello "Ombreggiatura" che si aggancia al gruppo "Bordi".


Passaggio 10

Per organizzare il pannello del livello, seleziona il gruppo "Bordi" e i relativi livelli di ritaglio e premi Comando / Ctrl + G per creare un nuovo gruppo. Assegna un nome a questo gruppo "Bordi e ombreggiatura".


Passaggio 11

Ora ci concentreremo su alcune ombre per il nostro cookie. Inizia facendo tre copie dell'oggetto "Gingerbread Shape" e posizionale sotto il gruppo "Bordi e ombre". Assegna un nome ai livelli come mostrato:


Passaggio 12

Inizieremo con il livello "Casted Shadow": nascondiamo gli altri due.

Aggiungi il seguente stile di livello a quel livello

Sposta leggermente l'ombra fuori centro e trasforma (Comando / Ctrl + T) il livello leggermente per distorcere l'ombra.

Imposta il metodo di fusione su Moltiplica e l'opacità al 34%.


Passaggio 13

Scopri il livello "Base Shadow" spostalo verso il basso in modo che sia appena visibile sotto il cookie. Come passaggio facoltativo, puoi trasformare (Command / Ctrl + T) questa forma per adattarla al meglio sotto il cookie.


Passaggio 14

Successivamente andremo ad ammorbidire la "Base Shadow" usando più Smart Filters. Vai a Filtro> Sfocatura> Sfocatura movimento e applica le impostazioni mostrate.

Ora vai su Filtro> Sfocatura> Sfocatura gaussiana con le impostazioni mostrate.

Infine, imposta il metodo di fusione su Moltiplica.


Passaggio 15

Scopri il livello "Ambient Shadow" e spostalo sotto il cookie (proprio come abbiamo fatto con il precedente livello shadow).

Successivamente, applica i filtri Sfocatura movimento e Sfocatura gaussiana come abbiamo fatto nel passaggio precedente, tranne che con impostazioni diverse:

Infine, imposta il metodo di fusione su Moltiplica.


Passaggio 16

Seleziona i tre livelli "Ombra" e premi Comando / Ctrl + G per raggrupparli. Assegna un nome a questo gruppo "Ombre".


Passaggio 17

Creeremo ora il riflesso del cookie; tuttavia, si tratterà più di un riflesso stilizzato e meno di una riflessione speculare. Per iniziare, crea un'altra copia dell'oggetto Smart "Gingerbread Shape" e posizionala sotto il gruppo "Ombre". Assegna un nome a questo livello "Riflessioni".

Faremo uso della capacità di Smart Objects per aggiungere più istanze dello stesso filtro. Vai avanti e aggiungi il filtro Motion Blur (Filtro> Sfocatura> Sfocatura movimento) con le seguenti impostazioni.

Successivamente, aggiungi un altro filtro Motion Blur con queste impostazioni:


Passaggio 18

Posiziona questo livello in modo che assomigli al riflesso del cookie. Impostare il metodo di fusione su Moltiplica.


Passaggio 19

Per aggiungere più contrasto alla forma del cookie, seleziona il livello "Gingerbread Shape" e aggiungi il seguente stile di livello:

Successivamente, vai su Filtro> Sfocatura> Controllo sfocatura con le seguenti impostazioni:

Infine, trasforma questo livello in un livello di ritaglio nel gruppo "Bordi e ombre".


Passaggio 20

Come passaggio facoltativo, aggiungi un livello di regolazione luminosità / contrasto e regola le impostazioni in modo che il cookie appaia più luminoso. Rendi questo un livello di ritaglio.


Passaggio 21

Ora lavoreremo sulla trama del cookie. Apri il file Cookie.jpg.


Passaggio 22

Utilizzando qualsiasi strumento di selezione (ho usato lo strumento Lazo), seleziona la porzione interna del cookie e Copia (Comando / Ctrl + C) e Incolla (Comando / Ctrl + V) su un nuovo livello.


Passaggio 23

Con il livello "Sfondo" nascosto, posiziona il ritaglio nell'angolo in alto

Fai una copia del ritaglio e spostalo come mostrato.

Usa lo strumento Gomma impostato su Durezza 0% e cancella il livello copiato in modo che si fonde con lo strato dietro di esso.


Passaggio 24

Crea più copie di questo livello e posizionale in alto.


Passaggio 25

Seleziona tutti i livelli di ritaglio e Unisci tutti (Comando / Ctrl + E).


Passaggio 26

Copia il livello di texture appena unito e vai giù.

Proprio come prima, cancella la parte superiore del nuovo livello da sfumare, quindi Copia (Comando / Ctrl + C) e Incolla (Comando / Ctrl + V) nuovi livelli per riempire il resto della tela.

Appiattisci i livelli e salva il file.


Passo 27

Copia la trama nella nostra scena Gingerbread e dai il nome a questo livello "Texture".


Passaggio 28

Trasforma (Comando / Ctrl + T) il livello "Texture" in modo che segua la prospettiva della nostra scena. È importante che la texture copra l'intera tela.

Rendi questo livello un livello di ritaglio nel gruppo "Cookie".

Imposta il metodo di fusione su Luce soffusa per rendere l'oggetto più simile a un cookie.


Passaggio 29

Attualmente, la trama del cookie appare piatta. Lo risolveremo nei prossimi passaggi. Inizia facendo una copia del livello "Texture". Assicurati che questo sia anche un livello di ritaglio nel gruppo "Cookie".

Impostare il metodo di fusione su Normale. Questo ci permetterà di vedere cosa stiamo facendo al livello. Rinominare questo livello "Crepe".


Passaggio 30)

Desaturalo questo livello premendo Comando / Ctrl + Maiusc + U.

Usa livelli (Comando / Ctrl + L) per aumentare il contrasto del livello. Il risultato dovrebbe apparire come segue:

Cambia il metodo di fusione in Moltiplica e regola l'opacità come vuoi (l'ho impostato su 87%). Il risultato dovrebbe far emergere le crepe nella trama.


Passaggio 31

L'ultima cosa che possiamo fare per aggiungere più profondità alla trama è introdurre le luci attorno al cracking. Per fare ciò, crea una copia del livello "Cracks" e rendi anche questo un livello di ritaglio. Premi Comando / Ctrl + I per invertire il livello e rinominalo "In evidenza".

Imposta il metodo di fusione su Colore scherma e Opacità su 37%.

Successivamente, vai su Filtro> Sfocatura movimento sfocatura e

Infine, utilizza i tasti freccia per spostare il livello "Evidenziazioni" verso il basso fino a quando non vengono visualizzate le alte luci. Questo crea l'illusione che ci sia una fonte di luce proveniente da dietro il nostro biscotto.


Passo 32

I prossimi passi saranno focalizzati sulla creazione della glassa decorativa. Finora, abbiamo utilizzato più copie di un singolo oggetto avanzato per creare cookie. Questo ci permette di cambiare facilmente la forma dei nostri cookie (senza alcun lavoro extra) semplicemente cambiando la forma dell'oggetto Smart. Continueremo a utilizzare queste tecniche per creare la ciliegina in modo tale che anch'essa venga aggiornata automaticamente quando cambiamo la forma dell'oggetto Smart.

Per iniziare, crea una copia del livello "Gingerbread Shape". Sposta questa copia in cima alla nostra pila di livelli e rinominala "Glassa". Assicurati che i livelli di ritaglio che abbiamo impostato nei livelli precedenti siano ancora intatti.


Passaggio 33

Prima di fare qualsiasi cosa su questo livello, dovremo rimuovere gli stili di livello e gli Smart Filter. Basta fare clic e trascinare entrambi sull'icona del cestino nel pannello del livello.

Ecco come dovrebbe apparire la nostra scena:


Passaggio 34

Per creare la ciliegina, imposta Fill di questo livello su 0% e aggiungi il seguente stile di livello:


Passaggio 35

Proprio come abbiamo fatto con il cookie, abbiamo bisogno di dare alla glassa delle ombre. Crea una copia del livello "Glassa" e posizionalo direttamente sotto. Rinominarlo "Icing Casted Shadow"

Fare doppio clic sul livello per accedere agli stili di livello e apportare le seguenti modifiche all'effetto tratto.

Imposta l'opacità di questo livello al 58%. Sposta il livello verso il basso come mostrato. Tieni presente che la nostra fonte di luce fittizia proviene da qualche parte dietro il nostro cookie, come abbiamo deciso al punto 31.


Passaggio 36

Crea una copia del livello "Icing Casted Shadow" e rinominala "Icing Base Shadow". Sposta questo livello in modo che sia visibile sotto la glassa, tenendo presente la nostra fonte di luce.


Passaggio 37

Torna al livello "Glassa" e premi Comando / Ctrl + G per raggruppare questo livello. Rinominare il gruppo "Glassa". Il motivo per raggruppare questo livello è che possiamo applicare uno stile di livello che influirà sullo stile di livello del livello "Glassa".

Ora, aggiungi lo stile di livello Smusso e rilievo al gruppo "Glassa". Questo darà alla glassa un po 'di consistenza.


Passaggio 38

Per scopi organizzativi, raggruppa i livelli di Glassa insieme.


Passaggio 39

Ora che il nostro cookie è completo, possiamo cambiare la forma cambiando lo Smart Object. Per fare ciò, fai doppio clic sulla miniatura di ogni istanza dell'oggetto avanzato. Questo aprirà lo Smart Object in un'altra finestra.

Una volta all'interno del documento Oggetto avanzato, nascondi il livello esistente e crea una nuova forma di un nuovo livello. Per salvare le modifiche, premi Comando / Ctrl + S. Questo salverà solo l'oggetto avanzato, non il file di lavoro.

Tornando al nostro documento di pan di zenzero, possiamo vedere le modifiche. Potrebbe essere necessario apportare piccole modifiche agli strati di glassa e ombra a seconda della forma.


Passaggio 40

Abbiamo appena creato un cookie di pan di zenzero usando Smart Objects, ma possiamo fare ancora di più. Possiamo usare il cookie Oggetto intelligente per creare rapidamente più cookie da utilizzare in una nuova scena.

Inizia creando un nuovo documento con le stesse dimensioni e lo stesso effetto teglia per lo sfondo (fai riferimento ai passaggi 1-3).


Passaggio 41

Usando il nostro originale documento di pan di zenzero, seleziona tutti i livelli che compongono il nostro biscotto di pan di zenzero e premi Comando / Ctrl + E per unire. Copia questo nella nostra nuova scena.


Passaggio 42

Tornati nella nostra scena di pan di zenzero, premete Comando / Ctrl + Z per annullare i livelli uniti. Ora possiamo tornare al documento Oggetto avanzato e creare una nuova forma. Continua con queste tecniche per creare più cookie e posizionali nella nostra nuova scena. Ecco le forme che ho creato e copiato nel mio nuovo documento:

Ecco come appare il nuovo documento con tutti i nostri cookie.


Step 43

Posiziona questi cookie come vuoi, assicurandoti di ridimensionarli in modo appropriato. Li ho impostati per apparire sparsi sulla teglia.


Passaggio 44

Ora che abbiamo preparato la nostra scena, possiamo aggiungere alcuni effetti di finitura. Premi Comando / Ctrl + Alt + Maiusc + E per unire tutti i livelli in un nuovo livello. Assicurati che il nuovo livello si trovi in ​​cima alla pila di livelli.


Passaggio 45

Ora che abbiamo una versione appiattita della scena, possiamo aggiungere rapidamente alcuni effetti di base per migliorare l'immagine. Vai a Filtro> Sfocatura> Tilt-Shit per aggiungere alcune profondità di campo di base.


Passaggio 46

Successivamente, possiamo aggiungere un'atmosfera o scena. Immagino questi biscotti fatti durante le vacanze; con luci colorate nelle vicinanze che rifletterebbero la nostra teglia. Per iniziare, usa lo strumento Pennello per aggiungere macchie di colore su un nuovo livello.

Imposta il metodo di fusione su Scherma lineare (Aggiungi) e Opacità su 16%


Passaggio 47

Crea una copia di questo livello e modifica l'opacità al 72%

Vai a Filtro> Sfocatura> Sfocatura movimento e imposta l'angolo a 90 gradi e la Distanza a circa 1000 px.

Puoi anche trasformare (Comando / Ctrl + T) questo livello per allungare ancora di più questo livello. Questo darà l'aspetto di una luce più diffusa.

Infine, regola i cursori Blend If nel pannello Stili livelli per eliminare la luce nelle aree più scure.


Immagine finale