Disegna un poster di Sin City Style

Sin City è stato un film davvero interessante, almeno visivamente. Mi sono piaciute molto le scene e i colori alla moda. Alcuni mesi fa ho visto un poster di un altro film di Frank Miller intitolato "The Spirit". Il poster è intitolato "My City Screams". Ha davvero attirato la mia attenzione a causa del modo in cui il design ha giocato con la tipografia per ricreare gli edifici. Inoltre, la prospettiva era davvero ben fatta.

In questo tutorial, ti mostrerò come creare quell'effetto in Photoshop, ma questa volta utilizzeremo Illustrator per creare le prospettive e il testo. Passerò attraverso il processo di creazione dell'effetto; Tuttavia, è sempre utile giocare e testare diverse impostazioni per vedere come funziona. Questo per me è il modo migliore per imparare.

Anteprima dell'immagine finale

Per prima cosa, diamo un'occhiata all'immagine che creeremo. Come sempre, il file Photoshop a più livelli è disponibile tramite la nostra iscrizione Psdtuts + Plus.

Passo 1

Crea un nuovo documento in Photoshop, usa 1000 pixel per 1300 pixel. Riempi il livello di sfondo con il nero e siamo pronti a sporcarci le mani.

Passo 2

Useremo Illustrator per creare il testo nella giusta prospettiva. È meglio perché avremo bisogno di un'area enorme per posizionare i punti di fuga. Una volta in Illustrator, posiziona l'immagine dell'edificio nel documento. Puoi trovarlo a questo link. Quindi seleziona lo strumento Segmento di linea (\) e crea una linea seguendo la prospettiva dell'edificio. Avremo bisogno di due linee perché quando attraversano è dove si troverà il nostro punto di fuga.

Passaggio 3

Ora che abbiamo il punto di fuga, è facile creare più linee. Puoi farlo uno per uno o utilizzare lo strumento di fusione. Ho usato lo strumento di fusione. Basta ruotare la linea superiore mantenendo il punto di rotazione sul punto di svanire. Renderlo molto più alto rispetto all'edificio perché ci sarà del testo in alto. Dopodiché, ripeti la stessa procedura per trovare un altro punto di annullamento, quello verticale. Avrai bisogno di questi due soli. Tuttavia, se vuoi, potresti trovare il terzo, quello a destra.

Passaggio 4

Con la nostra griglia, è facile applicare la prospettiva corretta a tutto ciò che vuoi. Digitiamo il testo "PSD" e lo posizioniamo sopra l'edificio. Quindi vai su Oggetto> Distorsione busta> Crea con mesh. Quindi modifica le impostazioni di Envelop Mesh su 1 riga e colonna. Dopodiché, sposta i vertici 1-4 usando la griglia come riferimento. La mesh creerà delle curve, per evitare che muovano semplicemente i controlli per seguire anche la griglia.

Passaggio 5

Seleziona il testo "PSD" e vai su Oggetto> Espandi e fai semplicemente clic su OK. Duplica il testo "PSD" e spostalo in basso a destra, come nell'immagine qui sotto. Quindi seleziona lo strumento di fusione (W) e applicalo ai due testi "PSD". Per le opzioni di fusione usa Distanza specificata per la spaziatura con 4pt.

Passaggio 6

Adesso scrivi "TUTS". Quindi vai su Effetti> 3D> Opzioni estrusione e smusso. Questo testo deve andare nella direzione opposta rispetto al testo "PSD". Invece di usare le linee sparite useremo il filtro 3D. Usa le impostazioni dall'immagine qui sotto. Si noti che i valori sono: X = 6º, Y = -35º, Z = -3º, Prospettiva 51º, e la Profondità dell'estrusione è 288pt.

Passaggio 7

Posiziona la stessa immagine nel nostro documento di Photoshop. Dopodiché, con lo strumento bacchetta magica (W) seleziona ed elimina il cielo blu. Quindi con lo strumento Lazo poligonale (L) tagliamo una parte dell'edificio in modo che abbia la stessa larghezza del testo "PSD".

Passaggio 8

Copia la miscela "PSD" da Illustrator. Quindi incollalo sopra e dietro l'edificio. Quindi crea un nuovo livello e seleziona lo strumento Timbro clone (S). Per le opzioni di Timbro, modifica il campione su Tutti i livelli in modo da poter clonare da tutti i livelli a quello nuovo. Tuttavia, vogliamo solo clonare la parte dei mattoni. Dovrai riempire il testo "PSD" con i mattoni.

Passaggio 9

Con lo strumento bacchetta magica (W) seleziona la parte scura della miscela "PSD" ed eliminala. Lascia solo la parte anteriore della miscela.

Passaggio 10

Qui regoliamo i colori dei mattoni. Seleziona il livello "mattoni". Quindi vai su Livello> Nuovo livello di riempimento> Colore solido. Usa # 715b1f per il colore e cambia la modalità di miscelatura a Colore. Quindi vai a Livello> Creazione maschera di ritaglio. Successivamente, vai su Livello> Nuovo livello di regolazione> Tonalità e saturazione. Crea nuovamente una maschera di ritaglio. Quindi modifica i valori di Tonalità e Saturazione su Tonalità 0, Saturazione -85 e Luminosità -1.

Passaggio 11

Ora ripeti la stessa procedura per il livello di costruzione, tuttavia usa un valore diverso per Tonalità e saturazione, usa Tonalità 0, Saturazione -65, Luminosità -43.

Passaggio 12

Seleziona lo strumento Penna (P) e crea una forma per coprire il lato dell'edificio. Usa l'opzione Forma strati per lo strumento Penna, così sarai in grado di creare un livello con un colore di riempimento. Usa il nero per il riempimento e cambia il metodo di miscelatura per Color Burn. Quindi vai su Livello> Maschera livello> Mostra tutto. Quindi seleziona lo strumento pennello (B) con un pennello normale con durezza 0. Quindi dipingi la maschera con il nero in modo da rendere le finestre visibili.

Passaggio 13

Incolla il testo "TUTS" da Illustrator. Quindi ottenere una trama di mattoni, è possibile scaricare l'immagine che ho usato. Fondamentalmente, duplica la texture, ruotala orizzontalmente e spostala a destra. Ripeti per creare un grande rettangolo. Successivamente, vai a Modifica> Trasforma> Distorci. Sposta i vertici per aggiungere una prospettiva. usa il testo "TUTS" come riferimento.

Passaggio 14

Con lo strumento Magic Want (W), seleziona solo la parte anteriore del layer e la parola "TUTS". Quindi con il livello di mattoni selezionato, vai su Livello> Maschera> Mostra selezione. Successivamente, vai a Immagine> Regolazioni> Tonalità e saturazione. Per le impostazioni, utilizzare Tonalità 0, Saturazione -89 e Luminosità -19.

Ora vai su Livello> Nuovo livello di riempimento> Colore pieno, usa # 16150b per il colore. Quindi cambia il metodo di miscelatura in Sovrapponi con un'opacità del 22%. L'ultima cosa qui, seleziona la parola> TUTS>, non il livello del mattone, e vai a Immagine> Regolazione> Livelli. Per le impostazioni, usare 86, 1 e 255.

Passaggio 15

Crea un nuovo livello dietro il livello> TUTS>. Quindi seleziona lo strumento pennello (B). Scegli nero per il colore e un pennello con durezza 0%. Quindi dipingi un'ombra, come nell'immagine qui sotto. Inoltre, modifica l'opacità del livello al 90%.

Passaggio 16

Usiamo un'altra immagine, scarica questa immagine e inseriscila nel documento dietro tutti i livelli. Sarà lo sfondo. Quindi prendi lo strumento Lazo poligonale (L) e seleziona quell'area con le finestre nella parte superiore dell'immagine ed eliminala. Quindi vai su Immagine> Regolazioni> Tonalità / Saturazione. Per le impostazioni, utilizzare Tonalità 0, Saturazione -63 e Luminosità -83. Successivamente, vai su Immagine> Desatura.

Passaggio 17

Ora aggiungiamo il cielo. Puoi scaricare un'immagine che ho scattato. Posizionalo sotto tutti gli strati. Quindi cambia il metodo di miscelatura in Luce intensa al 55%. Successivamente, vai su Immagine> Regolazioni> Livelli. Per le impostazioni, utilizza 16, 1.00 e 255. Quindi vai a Livello> Nuovo colore di riempimento> Colore solido. Usa # 0f0d08 per il colore e modifica la modalità di miscelatura su Colore.

Passaggio 18

Scarica un'immagine della lampada. Elimina lo sfondo usando lo strumento Lazo. Quindi vai su Immagine> Regolazione> Desatura. Quindi con lo strumento Pennello (B), crea un nuovo livello e dipingi un'ombra come nell'immagine sottostante. Cambia l'opacità al 60% e usa Color Burn per la modalità di fusione.

Passaggio 19

Posiziona l'immagine della lampada che abbiamo appena modificato. Quindi seleziona lo strumento Penna (P) e crea un triangolo (figura 1). Quindi vai su Filtro> Sfocatura> Sfocatura gaussiana. Usa 3,5 per l'importo. Quindi duplica il livello. Basta ruotarlo un po 'e spostarlo a destra (figura 2). Dopo questo duplica nuovamente il livello. Mettilo tra i due strati. Vai a Filtro> Sfocatura> Sfocatura gaussiana e usa 4 per l'importo questa volta.

Raggruppa i tre livelli e rinomina il gruppo in "Raggi". Quindi vai su Livello> Maschera livello> Mostra tutto. Seleziona lo strumento sfumatura (G) e utilizza il bianco e nero per i colori. Usa lo strumento Sfumatura per sfumare la luce (immagine 3)

Passaggio 20

Raggruppa il livello "Lampada" con il gruppo "Raggi". Quindi rinomina il nuovo gruppo in "Lampada". Quindi duplicare il gruppo due volte con il ridimensionamento e posizionarli in modo che ne avremo uno sulla "D", l'altro sulla "S" e l'ultimo sulla "P."

Passaggio 21

Sopra gli altri livelli vai su Livello> Nuovo livello di riempimento> Colore solido. Usa # 292615 e cambia il metodo di miscelazione in Saturazione.

Passaggio 22

Aggiungi un nuovo livello, nuovamente in cima agli altri. Assicurati di avere bianco e nero per i colori e vai a Filtro> Rendering> Nuvole. Cambia il metodo di fusione in Sovrapposizione e Opacità al 90%. Dopodiché vai su Immagine> Regolazioni> Tonalità / Saturazione. Selezionare l'opzione Colorize, e per i valori utilizzare: Tonalità 53, Saturazione 29 e Luminosità -12.

Passaggio 23

Aggiungi un nuovo livello ancora una volta e riempilo di nero. Quindi vai su Filtro> Disturbo> Aggiungi disturbo. Usa il 10% per l'importo e il gaussiano per la distribuzione. Dopodiché, modifica il metodo di miscelatura in Luce soffusa e Opacità al 35%.

Passaggio 24

Ora puoi aggiungere più dettagli all'immagine, come alcuni graffiti o segni, tocca a te. Ricorda solo di giocare con i metodi di fusione e l'ordine dei livelli.

Conclusione

In questo tutorial, abbiamo esaminato diverse tecniche per creare testo 3D e mescolarle con le foto. Inoltre, abbiamo creato delle trame usando lo strumento Timbro. La cosa più importante in questo tutorial sono le regolazioni dell'immagine. È molto importante quando crei un disegno per manipolare immagini diverse di vari colori. Spero che questo tutorial ti piaccia tanto quanto l'ho creato io.