Progetta un'illustrazione digitale retrofuturistica alimentata a razzo

Il retrofuturismo è un argomento che mi ha sempre affascinato. In questo tutorial, vedremo come ricreare il mio esperimento in questo stile. Dopo aver realizzato la tipografia 3D in Illustrator, utilizzeremo Photoshop per creare un'illustrazione digitale fuori dal mondo sull'argomento esplorazione dello spazio.

introduzione

Come dice Wikipedia, "il design retrofuturistico è un ritorno e un entusiasmo per le rappresentazioni del futuro prodotte nel passato (più spesso dagli anni '20 fino agli anni '60), sia nella fantascienza che nel futurismo non-fiction del tempo, che spesso sembra datato secondo gli standard moderni. " io amo datato!

Questo è quello che stiamo facendo; una retro interpretazione del futuro basata sul tema dell'esplorazione dello spazio. I soliti sospetti su questo argomento sono razzi retrò ed eleganti satelliti. Come hai potuto progettare una scena spaziale retrò senza un razzo funky, comunque? Per finire, aggiungeremo il famoso Sputnik 1 sattelite.

Video Tutorial

Il nostro editor video Gavin Steele ha creato questo video tutorial per completare questo tutorial di testo + immagine.

Passo 1

Apri Illustrator, avvia un nuovo documento Web e ottieni questo carattere, chiamato Airstream. È un font retrò che funziona bene con lo stile desiderato. È importante capire che è piuttosto difficile ottenere un risultato 3D identico al mio. Digitando gli stessi numeri potrebbe non funzionare abbastanza bene, quindi potrebbe essere necessario apportare alcune modifiche da soli. La dimensione del mio font è di circa 700 pt, il che consente di ottenere risultati più accurati in modalità 3D (più grande è meglio). Tieni presente che ciò può mettere a dura prova il tuo sistema. Il colore del carattere è 5d2239.

Passo 2

È ora di aggiungere l'effetto 3D. Vai a Effetto> 3D> Estrusione e smusso. Utilizzare approssimativamente le stesse impostazioni come mostrato di seguito. Apporta le modifiche se necessario e copia la lettera (Comando + C). Non chiudere ancora il file di Illustrator.

Passaggio 3

Avvia Photoshop e ottieni questa foto galassia. Ho scaricato la dimensione massima, quindi la dimensione del progetto Photoshop corrisponde al formato XL di questa immagine. Vai a Livello> Nuovo livello di regolazione> Mappa sfumatura e applica una mappa a tre colori: rosa (ab6984), blu (253039) e nero.

Passaggio 4

Incolla la lettera (Comando + V) e, usando lo strumento Bacchetta magica (W), fai una selezione del volto della lettera. Vai a Seleziona> Modifica> Contratto. Usa un valore di 10 pixel per rendere la selezione più piccola.

Passaggio 5

Riempi la selezione con il bianco in un nuovo livello e applica uno stile di smusso e rilievo. Usa le impostazioni mostrate sotto.

Passaggio 6

Come una maschera di ritaglio applicata alla faccia bianca appena creata, quindi incollare una versione duplicata dello sfondo (con la mappa gradiente inclusa). Cambia l'opacità del livello dell'immagine al 50%. Ciò darà l'impressione di un vetro semitrasparente.

Passaggio 7

Torna a Illustrator e seleziona la lettera E. Apri il pannello Aspetto e modifica le impostazioni 3D facendo doppio clic sull'effetto 3D trovato nel menu. Basta cambiare il Cap per la seconda opzione: Turn Cap Off. Questo imita un effetto trasparente. Copia di nuovo (Comando + C) e, per il tuo RAM, chiudi Illustrator.

Passaggio 8

Incollalo come maschera di ritaglio, proprio come al punto 6. Modifica l'opacità dei livelli al 40%.

Passaggio 9

Crea un altro livello di maschera di ritaglio e dipingi con un pennello grande e morbido un riflesso bianco. Naturalmente, l'ho fatto dopo aver creato il razzo, ma allo scopo di completare la lettera nel tutorial, ci penseremo noi ora. Tieni a mente il posizionamento dei razzi mentre fai questo.

Passaggio 10

Crea una selezione (fai clic con il tasto Comando sul livello) dell'intera lettera e crea un nuovo livello sopra tutti gli altri livelli, senza essere troncato. Disegna un'ombra sottile con un colore scuro sul lato opposto del riflesso.

Passaggio 11

Ripeti questo estenuante processo con il resto delle lettere ...

Passaggio 12

Io uso un mixer di canali abbastanza spesso. È un ottimo modo per ottenere determinati effetti e manipolare i colori nel tuo design. In questo design, lo useremo per dare intensità dinamica a colori vivaci. I valori bianchi ora si illuminano e danno l'impressione di calore. Aumenta i valori di rosso e verde per creare un eccesso di colore di circa il 200 e il 145 percento.

Oltre a creare un effetto fuoco, lo usiamo per dare al design un'autentica sensazione vintage. Una parte importante è l'assenza di nero puro.

Vai a Livello> Nuovo livello di regolazione> Mixer canali. Modificare i valori rosso e verde. D'ora in poi, continueremo a utilizzare i colori blu e viola che cambieranno a causa del Mixer canali. Quando scegli i colori con il selettore dei colori, assicurati di disattivare la visibilità del Mixer canali.

Passaggio 13

Lavorando mano nella mano con il mixer del canale (altera visibile / invisibile), crea il flusso del razzo. Per fare questo, ho usato una pen tablet che mi permette di usare la pressione della penna. Con un pennello grande e morbido e la pressione della penna attivata, dipingi un flusso. Inizia dalla parte superiore con un tocco gentile, e con un colpo rapido e gradualmente più pressione, trascina il resto del corpo del flusso. Dissolvi la fine con lo strumento Gomma (E). Continua a campionare i colori trovati nella scena con Mixer canali disabilitato, in questo caso, blu (4a6d82).

In alternativa, è possibile crearli con un percorso tracciato. Crea un tracciato che ha il doppio delle dimensioni della lunghezza desiderata con lo strumento Penna (P). Seleziona un grande pennello morbido e imposta le dimensioni del pennello in base alla parte più spessa del flusso. Quindi accedilo facendo clic con il pulsante destro del mouse sulla tela e selezionando Traccia percorso. Seleziona la casella Simula pressione e tracciala. Ora basta cancellare la metà supplementare con lo strumento Gomma (E) a partire dal punto più spesso. Non è esattamente lo stesso risultato, ma simile.

Passaggio 14

La cosa grandiosa di questo livello di regolazione è che dà un'intensità completamente nuova ai valori bianchi. Aggiunge un bagliore e crea l'impressione di calore. Crea altri due flussi con bianco e viola (66445b).

Passaggio 15

Più blu per rinfrescarlo un po 'e anche una sfumatura blu più chiara.

Passaggio 16

E il tocco finale, più bianco.

Passaggio 17

Ora prendi questa foto di un razzo retrò. Vai a Livello> Nuovo livello di regolazione> Colore selettivo e modifica i valori rossi in modo che i colori del razzo corrispondano al colore del disegno. Rendilo una maschera di ritaglio, quindi le regolazioni interessano solo il razzo.

NOTA: la foto contiene una maschera di ritaglio. Basta aprire la foto scaricata e controllare il menu Path. Selezionalo e trasformalo in una selezione usando l'icona della linea tratteggiata. Per fortuna, questo lo rende molto più semplice. Questi percorsi creati dall'autore si trovano di solito in oggetti isolati collocati su sfondi bianchi, come questo.

Passaggio 18

E questo è tutto per il razzo. Dovrebbe assomigliare a quello qui sotto. L'ho posizionato a metà strada tra l'ordine degli strati, in modo che alcuni dei flussi coprano il bordo.

Passaggio 19

Ora aggiungi una versione simile nella parte superiore, che darà l'impressione di un secondo razzo itinerante.

Passaggio 20

L'ultimo elemento da aggiungere è questa replica 3D satellitare Sputnik 1.

Passaggio 21

Per creare una combinazione di colori simile, ho creato alcune forme vettoriali con lo strumento Penna (P) e le ho impostate su Color Dodge e circa il 60% di Opacità.

Passaggio 22

Duplica il livello di sfondo e la Mappa sfumatura che hai applicato. Mettili sopra tutti gli strati, tranne il mixer del canale. Imposta il metodo di fusione dell'immagine su Schermo e 70% di opacità. Cambia la Mappa sfumatura in modo che abbia solo un blu scuro e non più viola.

Passaggio 23

Scarica questa texture di carta da BittBox e aumenta notevolmente il contrasto con un effetto Curve (Comando + M). Imposta la sua opacità all'80% e desaturalo (comando + MAIUSC + U). La foto è più piccola della dimensione del progetto, ma la rispecchia e la dissolvenza nell'altra lo correggerà.

Passaggio 24

Imposta il livello su Luce soffusa.

Immagine finale

Bene, è così! Compositivamente, non è un pezzo complicato, ma è l'attenzione ai dettagli che lo completa. Spero che ti sia piaciuto tanto quanto me!

Abbonati a Psdtuts + Feed RSS per i migliori tutorial e articoli di Photoshop sul Web.