Utilizzare Photoshop CS6 per creare una scena ispirata alle macchine micro

Photoshop CS6 è dotato di nuove funzionalità ed effetti che è possibile utilizzare nel proprio lavoro. In questo tutorial utilizzeremo le nuove funzionalità 3D di Photoshop e le sue nuove funzionalità di content aware per creare una composizione ispirata a Micro Machines. Iniziamo!


Risorse Tutorial

Le seguenti risorse sono state utilizzate durante la produzione di questo tutorial.

  • Scena del desktop
  • Macchina giocattolo
  • Struttura dell'asfalto

Passo 1

Apri l'immagine del desktop. Dal momento che stiamo per aggiungere una pista sul desktop, andare avanti e delineare il percorso della strada su un livello temporaneo. Questo identificherà le aree problematiche in anticipo.


Passo 2

Usa lo strumento di spostamento del contenuto (J) per correggere le aree problematiche in modo che la nostra strada abbia spazio sufficiente. Con lo strumento attivato, disegna una selezione intorno alla gomma, quindi fai clic e trascina la selezione in una nuova area sul nostro schermo. Consenti a Photoshop di calcolare la modifica

I risultati dovrebbero apparire simili all'immagine seguente:


Passaggio 3

Usa lo strumento Content-Aware anche sulla matita.


Passaggio 4

Ora stiamo andando a creare la strada. Seleziona lo strumento Penna (P) e imposta la Modalità su Forma. Questo ci permetterà di usare le opzioni Riempi e Traccia. Per ora, imposta il riempimento su Nessun colore e Traccia su nero. Utilizzando lo schizzo solo come riferimento, disegnare liberamente un nuovo percorso da una vista dall'alto in basso su un nuovo livello denominato "Strada". Nota: non disegnare questo percorso in prospettiva della nostra scena, useremo la modalità 3D in seguito per abbinare la prospettiva.


Passaggio 5

Impostare la larghezza del tratto su 130 pt. Inoltre, apri le Opzioni tratto e imposta l'allineamento al centro. Nascondi il livello "Sfondo" per ora.


Passaggio 6

Il nostro prossimo passo è quello di strutturare il livello "Strada". Per iniziare, dovremo aprire l'immagine dell'Asphalt.


Passaggio 7

Utilizzare uno dei Marquee Tools per selezionare il simbolo Bike e andare su Modifica> Riempi. Assicurati di impostare Use to Content-Aware. Se necessario, utilizzare lo strumento di correzione per pulire l'immagine.


Passaggio 8

Abbiamo bisogno di correggere la prospettiva dell'immagine per campionare correttamente la trama. Selezionare lo strumento Ritaglio prospettico (C), che può essere trovato facendo clic e tenendo premuto sullo strumento Ritaglia.


Passaggio 9

Con lo strumento Ritaglio prospettico selezionato, fai clic su quattro punti di un rettangolo che corrisponde alla prospettiva del nostro asfalto. L'uso può manipolare le maniglie per ottenere una corrispondenza migliore.

Premere Invio o A capo per confermare il ritaglio.


Passaggio 10

Ora che abbiamo una trama bella e pulita, dobbiamo renderla perfetta. Vai a Filtro> Altro> Offset e regola i cursori in modo che entrambe le cuciture siano visibili.


Passaggio 11

Utilizzando lo strumento Patch, rimuovere le cuciture. Potrebbe essere necessario utilizzare lo strumento Patch più volte

I risultati dovrebbero essere simili all'immagine qui sotto:


Passaggio 12

Premi Command / Ctrl + A per selezionare l'intera immagine e vai a Modifica> Definisci modello. Nome questo modello "Asfalto". Infine, con la selezione ancora attiva, premi Comando / Ctrl + C per caricare questa immagine negli Appunti. Lo incolleremo nella nostra scena in un secondo momento.


Passaggio 13

Torna alla scena originale e fai doppio clic sul livello "Strada" per accedere agli stili di livello. Applica la trama dell'asfalto come Sovrapposizione modello. Imposta la scala al 25%

Fai clic con il pulsante destro del mouse sul livello e seleziona Rasterizza stile livello.


Passaggio 14

Crea un nuovo livello e premi Comando / Ctrl + V per incollare la nostra immagine che abbiamo copiato nel passaggio 12. Ridimensiona la trama in modo che copra la strada.


Passaggio 15

Rinominare il nuovo livello in "Texture" e trasformarlo in una maschera di ritaglio sul livello "Strada".

Usando una gomma più grande e morbida (E), cancella l'interno della strada in modo che la trama più grande appaia solo sui bordi della strada.

Impostare il metodo di fusione su Sovrapposizione


Passaggio 16

Seleziona entrambi i livelli che compongono la nostra strada e fai clic con il pulsante destro del mouse e seleziona Converti in oggetto avanzato. Rinominare l'oggetto avanzato su "Strada".


Passaggio 17

Ora che abbiamo creato una vista dall'alto della nostra strada, possiamo iniziare a creare una vista dall'alto dei coni di costruzione. Crea un nuovo livello denominato "Coni". Seleziona lo strumento Penna e modifica le impostazioni come segue:


Passaggio 18

Imposta il colore di primo piano su una bella struttura arancione e traccia due percorsi che seguono ciascun lato della strada. I percorsi risultanti dovrebbero essere simili alla seguente immagine:


Passaggio 19

Fai clic con il tasto destro su entrambi i livelli di forma e Rasterizza livello. Seleziona entrambi i livelli rasterizzati e Unisci (comando / Ctrl + E). Rinominare in "Coni".


Passaggio 20

Ora possiamo iniziare a realizzare i nostri oggetti 3D. Per convertire il nostro oggetto Smart "Road" in 3D, seleziona il livello e vai a 3D> New 3D Extrusion dal Selected Layer. Questo creerà automaticamente un oggetto 3D estruso e aprirà il pannello 3D.


Passaggio 21

Nel pannello 3D, seleziona il livello dell'oggetto "Strada" (indicato con un'icona a stella estrusa) per accedere alle sue proprietà. Nel pannello Proprietà, assicurati che la sezione Mesh sia attivata e imposta Profondità di estrusione su 0.


Passaggio 22

Successivamente, vai alla sezione Coordinate e imposta l'angolo X su 90 gradi.


Passaggio 23

Tornare al pannello 3D e fare clic sul menu a comparsa per ulteriori opzioni 3D e selezionare Snap Object to Ground Ground.


Passaggio 24

Torna al pannello dei livelli e nascondi l'immagine di sfondo. Questo renderà più facile per noi vedere gli oggetti 3D. Quindi, fai clic con il pulsante destro del mouse sul livello "Coni" e seleziona Nuova estrusione 3D dal livello selezionato. Si noti che l'oggetto "Coni" si trova su una griglia univoca. Lo sappiamo perché c'è un solo oggetto (l'oggetto "Coni") nella nostra scena. Photoshop ha essenzialmente creato uno spazio 3D separato per ogni oggetto. Combineremo entrambi gli oggetti in modo che siano entrambi nello stesso spazio 3D.

Torna al pannello Livelli e assicurati che il livello "Coni" sia in cima allo stack. Seleziona entrambi i livelli 3D e Unisci (comando / Ctrl + E).

Poiché si tratta di livelli 3D, l'unione dei livelli li combina semplicemente nello stesso spazio 3D. Possiamo verificarlo tornando al pannello 3D.


Passaggio 25

Utilizzando gli stessi metodi utilizzati per la strada, impostare la profondità di estrusione su zero, modificare la coordinata dell'angolo X su 90 gradi e agganciarla al piano di terra. Gli oggetti potrebbero non allinearsi correttamente, li sposteremo nelle loro posizioni finali più tardi.

Inoltre, è importante notare che poiché abbiamo combinato più oggetti 3D in una scena, gli oggetti sono contenuti in nuovi gruppi (in genere usando il suffisso "_layer"). È sufficiente eseguire il drill down per trovare il livello dell'oggetto (indicato con l'icona stella estrusa).


Passaggio 26

A questo punto, aggiungeremo una smussatura al nostro livello "Coni" in modo che assomiglino ai coni di costruzione. Innanzitutto, seleziona la telecamera "Current View" e, utilizzando gli strumenti di navigazione nel menu in alto, posiziona la videocamera in modo che sia vicina ai coni.


Passo 27

Seleziona il livello dell'oggetto "Coni" e vai alla sezione Cap nel pannello Proprietà.

Usa il widget sullo schermo per modellare il cono.


Passaggio 28

Quindi, nel pannello Proprietà, selezionare la Mappa contorno per modificare e aggiungere un contorno personalizzato come mostrato.

I risultati dovrebbero essere simili ai seguenti:


Passaggio 29

Ora possiamo lavorare per spostare la videocamera in posizione. Useremo la griglia sul piano terra per aiutarci a far corrispondere la prospettiva della nostra scena. Torna nel pannello Livelli e mostra l'immagine di sfondo.


Passaggio 30

Torna al pannello 3D e nascondi i livelli "Strada" e "Coni". Non abbiamo bisogno di questo ora.


Passaggio 31

Seleziona il livello "Vista corrente" e, utilizzando gli strumenti 3D nel menu in alto, ruota, trascina, scorri e ridimensiona la griglia in modo che corrisponda alla prospettiva della scena. Potrebbe essere necessario un sacco di tentativi ed errori per farlo correttamente, anche se non deve essere perfetto. Aiuta a trovare alcuni angoli retti che esistono già nella scena come i pulsanti sulla calcolatrice.


Passo 32

Scopri i livelli di oggetti "Strada" e "Coni". Seleziona l'oggetto "Strada" e fai clic sulla sezione Maglie nel pannello Proprietà.

Usa i widget per spostare / ruotare manualmente la strada nella posizione desiderata.

Fai lo stesso con l'oggetto "Coni".


Passaggio 33

Abbiamo quasi finito con il 3D. L'ultima parte è di ritoccare l'illuminazione. Attualmente, le ombre del nostro oggetto non corrispondono alla nostra scena. Per risolvere il problema, fai clic sul Filtro luci nel pannello 3D e seleziona l'unica luce nella scena.


Passaggio 34

Tenendo premuto Maiusc, fai clic e trascina l'ombra nella scena per posizionarla in modo che corrisponda alla direzione delle ombre nell'immagine originale.


Passaggio 35

Passiamo al rendering. Vogliamo rendere ogni pezzo separatamente, quindi avremo bisogno di oggetti nascosti che non stiamo rendendo. Nel pannello 3D, fai clic sull'icona Filtra per rete e nascondi l'oggetto "Strada". Inoltre, assicurati di rimuovere le ombre su Cast Shadows per l'oggetto "Coni".

Per rendere visibili i nostri oggetti come livelli trasparenti, nascondiamo tutti i nostri livelli di sfondo come mostrato di seguito:

Vai a 3D> Render (comando / Ctrl + Alt + Maiusc + R). Lascia che Photoshop esegua alcuni passaggi, quindi premi Invio per interrompere il rendering. Si noti che se si è nel pannello Livelli, è necessario selezionare la scena per avviare un rendering.


Passaggio 36

Nel pannello Livelli (il livello 3D dovrebbe già essere evidenziato), Seleziona tutto (Comando / Ctrl + A), Copia (Ctrl + C) e Incolla (Comando / Ctrl + V) il rendering su un nuovo livello. Denominare questo livello "Coni resi". Nascondi questo strato per ora.


Passaggio 37

Ripeti questo processo per l'oggetto "Strada".


Passaggio 38

Ora che la strada e i coni sono stati resi, faremo alcuni rendering aggiuntivi con l'oggetto "Coni". Scopri l'oggetto "Coni" e nascondi l'oggetto "Strada". Con l'oggetto "Coni" selezionato, vai alla sezione Mesh del pannello Proprietà e attiva Cast Shadows, attiva Invisible e disattiva Catch Shadows.

Renderlo presente e copiarlo su un nuovo livello, proprio come abbiamo fatto nei passaggi precedenti.

Per l'ultimo rendering, disattiva Invisible e Cast Shadows. Vai alla sezione Cap e fai clic su Ripristina Deformazione. Ciò si tradurrà in dischi piatti.

Ancora una volta, Render (Command / Ctrl + Alt + Shift + R) esce dalla scena e copia su un nuovo livello.


Passaggio 39

Assegna un nome appropriato ai tre file renderizzati e nascondi il livello 3D. Se necessario, riordinare i livelli in modo che appaia corretto nell'immagine.


Passaggio 40

Seleziona il livello "Road Rendered" e aggiungi i seguenti stili di livello per farlo apparire come se la strada fosse effettivamente appoggiata sul tavolo.


Passaggio 41

Seleziona il livello "Ombre rese" e assegnagli una sfocatura gaussiana (Filtro> Sfocatura> Sfocatura gaussiana) di 4 px. Imposta il metodo di fusione su Moltiplica e l'opacità al 4%.


Passaggio 42

Seleziona il livello "Base Render" e spostalo verso il basso in modo che sia appena visibile sotto i coni. Regola i livelli fino a quando i dischi sono neri.

Assegna a questo un Gaussian Blur (Filtro> Sfocatura> Controllo sfocatura) di 1,7 px e imposta il metodo di fusione su Moltiplica


Step 43

Crea una copia del livello "Base Rendered" e applica nuovamente il filtro Gaussian Blur, ma questa volta con un'impostazione di 5,5 px. Imposta il metodo di fusione su Moltiplica e l'opacità al 55%


Passaggio 44

Raggruppa tutti i nostri strati di cono e aggiungi una maschera di livello al gruppo.

Usa la maschera per nascondere tutti i coni che si sovrappongono alla matita e alla gomma blu.


Passaggio 45

Per organizzare la nostra scena, vai avanti e raggruppa tutti i nostri livelli compositi.


Passaggio 46

Il nostro prossimo passo è aggiungere una macchina alla nostra scena. Apri l'immagine dell'auto e nota che ha già una bella ombra sotto di essa. Cercheremo di utilizzare questa ombra. Usa lo strumento Penna (con la Modalità impostata su Tracciato) per tracciare un percorso attorno all'auto.


Passaggio 47

Con lo strumento Penna (P) ancora attivo, fare clic con il pulsante destro del mouse sul percorso e selezionare Crea selezione. Copia e incolla l'auto su un nuovo livello. Lo strato superiore sarà l'auto a colori, mentre lo strato inferiore sarà usato per le sue ombre.

Raggruppa questi due strati. Potrebbe essere necessario fare doppio clic sul livello "Sfondo" per sbloccarlo.


Passaggio 48

Trascina il gruppo "Car" nella nostra scena e ridimensiona per adattarlo.


Passaggio 49

All'interno del gruppo "Car", imposta il livello inferiore su Moltiplica. Rinominare anche i livelli. Si noti che la prospettiva della macchina non corrisponde alla nostra scena. Cercheremo di correggere questo nel prossimo passaggio.


Passaggio 50

Seleziona il livello "Car" e trasforma (Comando / Ctrl + T) l'auto in modo sottile per adattarsi meglio alla prospettiva. Usa la Modalità Warp (attivata facendo clic sull'icona Warp nella barra dei menu in alto) per mettere a punto le trasformazioni.

Si noti che questo fa sì che le parti indesiderate del livello "Car Shadows" siano visibili. Utilizzare lo strumento Gomma (E) per rimuovere.


Passaggio 51

Usa i livelli (Comando / Ctrl + L) per regolare il livello "Car".


Passaggio 52

Inoltre, puoi dipingere in più ombre come ritieni necessario


Passaggio 53

Il prossimo passo è fare in modo che i nostri componenti corrispondano alla profondità di campo nella nostra immagine originale. Inizia unendo il gruppo "Composite Layers" a un nuovo livello.


Passaggio 54

Prima di aggiungere una sfocatura, usa lo strumento Brucia per scurire gli angoli del nostro nuovo livello


Passaggio 55

Ora, aggiungi Iris Blur (Filtro> Sfocatura> Sfocatura Iris). Imposta la quantità di Sfocatura su 4 px e regola il widget sullo schermo in modo che la sfocatura corrisponda all'immagine originale il più fedelmente possibile.


Passaggio 56

La nostra immagine è tecnicamente finita, ma possiamo andare un po 'oltre. Crea una copia unita di tutti i livelli premendo Comando / Ctrl + Alt + Maiusc + E.

Usa questo nuovo livello unito per aggiungere ulteriori correzioni. In questo caso, ho aggiunto una sfocatura aggiuntiva utilizzando la sfocatura Tilt-Shift (Filtro> Sfocatura> Tilt-Maiusc). Ciò aggiunge un po 'più di profondità mentre si mescolano meglio i componenti.

Ho anche aggiunto un filtro fotografico. Questo aiuterà a sfumare meglio i colori.

Infine, ho aggiunto un aspetto più morbido alla scena. Questo viene fatto copiando il livello, aumentando i livelli e dandogli un sfocatura gaussiana moderatamente alta. Una volta eseguita questa operazione, imposta il metodo di fusione su Luce soffusa e regola l'opacità secondo le tue preferenze.


Passaggio 57

L'ultimo passaggio consiste nell'utilizzare lo strumento Ritaglia (C) per ritagliare leggermente l'immagine. Ciò nasconderà tutti gli stili di livello visibili attorno ai bordi dell'immagine. Assicurati di deselezionare Elimina pixel ritagliati.


Immagine finale

Hai finito. L'immagine finale dovrebbe essere simile alla seguente.