Come creare un tipo 3D in prospettiva in Illustrator CS6

In questo tutorial imparerai a creare la tipografia 3D usando lo Strumento Prospettiva, le Miscele e alcune delle nuove funzionalità di Adobe Illustrator CS6.


Passo 1

Inizia creando il testo o le forme in 2D. Questo particolare effetto funziona meglio con testo più audace con una superficie più ampia. Se stai usando il testo, è importante fare clic con il tasto destro del mouse> Crea profili per cambiare il carattere in tracciati. Ho creato il mio font creato con lo strumento Rettangolo (M) e gli strumenti Pathfinder (Shift + Ctrl + F9). È più facile utilizzare le guide intelligenti per aiutarti a farlo. Usa Ctrl + U per mettere le guide


Passo 2

Seleziona ogni parola e raggruppa le lettere insieme (Ctrl + G).


Passaggio 3

Su un nuovo livello, disegna un rettangolo più grande della tavola da disegno che sarà il nostro sfondo. Applica un gradiente radiale che passa da un centro di luce ad uno più scuro esterno. Rinominare questo livello "Sfondo" e inviarlo indietro, dietro il primo livello.


Passaggio 4

Seleziona tutte le forme di parole e aumenta il peso del tratto a 4pt.

Seleziona Allinea tratto a Interno, quindi aggiungi un gradiente lineare al tratto. Modifica la sfumatura in modo che i due colori siano esattamente uguali e modifica l'opacità di uno dei colori su 0%. Il gradiente dovrebbe passare dal 100% (opaco) allo 0% (trasparente) dall'alto verso il basso.


Passaggio 5

Seleziona il Riempimento e aggiungi una sfumatura da scura a leggera verticalmente, in modo che il tratto contrasti con il riempimento e ci dia un effetto di luce.


Passaggio 6

Ora creeremo un semplice effetto lucido su ciascuna delle lettere. Prima seleziona il gruppo di lettere e premi Ctrl + C per copiare, quindi Ctrl + F per incollare direttamente in avanti una volta, quindi fai clic con il pulsante destro del mouse> Separa.

Usa lo strumento Penna (P) per disegnare una forma sopra le lettere che tagliano diagonalmente (come sotto).

Seleziona la forma e premi Ctrl + C per copiarla. Seleziona una lettera quindi tieni premuto Maiusc e seleziona la forma nella parte anteriore. Usa il Pathfinder Intersect per tagliare la parte in eccesso della forma.

Ripeti questo per ogni lettera.


Passaggio 7

Seleziona tutte le nuove forme create con il Pathfinder e seleziona Allinea tratto a Interno. Cambia lo schermo Trasparenza in Blending e con il tratto selezionato, premi il pulsante Gradiente inverso per rendere il tratto trasparente in alto anziché in basso. Con loro ancora selezionati premi Ctrl + C per copiare poi Ctrl + F per incollare in primo piano.


Passaggio 8

Con lo strumento Selezione diretta (A), seleziona il nodo in alto a destra della forma che hai appena copiato e spostalo leggermente. È utile attivare le guide intelligenti (Ctrl + U) e Visualizza> Aggancia al punto per questo. Ripeti questo per tutte le lettere


Passaggio 9

Assicurarsi che tutte le forme di effetto lucido siano selezionate e raggrupparle (Ctrl + G).


Passaggio 10

Attiva lo strumento griglia prospettiva (Shift + P), quindi usa lo strumento Selezione prospettiva (Shift + V) per regolare i nodi della griglia e rendere la griglia simile a quella sottostante.


Passaggio 11

Ora abbiamo bisogno di spostare le lettere in prospettiva. Lo strumento Griglia prospettica utilizza tre griglie che possono essere utilizzate per creare una faccia sinistra, una faccia destra e una faccia orizzontale su uno pseudo oggetto 3D. Ogni faccia può essere selezionata usando l'icona che appare quando viene attivata la griglia della prospettiva.

Dobbiamo mettere la nostra parola su uno di questi volti. Usa lo strumento Selezione (V) per selezionare tutta la parola, quindi scegli lo Strumento selezione prospettiva (Maiusc + V) per trascinare la parola nell'angolo in basso a sinistra della griglia destra. Nota come la parola è stata inclinata alla griglia prospettica.


Passaggio 12

Successivamente faremo il pseudo effetto 3D. Seleziona la parola meno l'effetto lucido raggruppato sul lato anteriore, quindi copialo e incollalo in primo piano, (Ctrl + C poi Ctrl + F).

Usando lo strumento Selezione prospettiva (Shift + V), tieni premuto il tasto '5' e trascinando la parola per spostarla all'indietro in prospettiva. Questo diventerà la faccia posteriore della parola 3D (anche se non sarà visibile). Invia indietro (Ctrl + [) finché non si trova dietro la parola originale.


Passaggio 13

Cambia il tratto e riempilo con un colore solido che è leggermente più scuro del colore dell'originale.


Passaggio 14

Seleziona entrambe le parole (senza l'effetto lucido) e scegli Oggetto> Miscela> Crea. Successivamente vai su Oggetto> Miscela> Opzioni di fusione. Modificare la spaziatura per i passaggi specificati e impostare l'importo su 50.


Passaggio 15

Fare doppio clic sulla fusione per accedere alla modalità di isolamento, quindi selezionare e copiare la parte anteriore della parola (meno il lucido). Quindi uscire dalla modalità di isolamento e incollarlo davanti al gruppo di forme lucide, quindi inviare indietro (Ctrl + [) una volta. Cambia il metodo di fusione in Luce soffusa.


Passaggio 16

È possibile ripetere i passaggi precedenti per qualsiasi altra parola che si desidera nella composizione. Ho usato gli stessi metodi con colori diversi e li ho impilati uno sopra l'altro. Per la bella parola ho iniziato dalla griglia di prospettiva di sinistra.

È una buona idea mettere ogni parola su un livello diverso per facilitare la selezione


Passaggio 17

Ora usa lo strumento Penna (P) per aggiungere ulteriori luci e dettagli ombra. Questa parte è praticamente la tua creatività e il modo in cui vuoi che il tuo tipo guardi. Ho disegnato forme triangolari sul lato sinistro di ogni lettera e impostato il metodo di fusione su schermo.

Poi ho aggiunto un evidenziatore più piccolo all'interno di quello con un colore più chiaro e anche impostato il metodo di fusione su schermo.

Usa lo strumento Penna (P) con l'aiuto delle Smart Guides per aggiungere un'evidenziazione al lato di ogni parola (come sotto) e impostarla su Sovrapposizione modalità di fusione, quindi aggiungi un'altra forma con lo stesso colore e le impostazioni di Trasparenza per renderla più forte evidenziare.

Puoi anche aggiungere un po 'di ombra con lo strumento Penna (P). Usa una tonalità più scura, imposta il metodo di fusione su Moltiplica e abbassa l'opacità al 60% per renderla leggermente trasparente.


Passaggio 18

Ora stiamo per fare una riflessione sul pavimento. Selezionare le diverse parti può risultare un po 'complicato qui, quindi potrebbe essere utile usare il pannello Livelli. Prima di tutto, con lo Strumento selezione diretta (A), seleziona la fusione della parola in basso e premi Ctrl + C, Ctrl + F per copiare e incolla in primo piano. Quindi usa lo strumento Selezione prospettiva (Maiusc + V) per spostare la sfumatura verso il basso appena sotto la parola.


Passaggio 19

Nel pannello Livelli, Crea nuovo livello e rinominalo "Riflessione", quindi trascina la nuova fusione nel livello e posizionala davanti al livello "Sfondo"


Passaggio 20

Per capovolgerlo, useremo lo Strumento di selezione della prospettiva (Maiusc + V). Seleziona la faccia anteriore, tieni premuto Alt e trascina dalla maniglia medio-alta verso il basso per allineare con il fondale in modo che sia speculare (non è necessario che sia perfetto). Fallo di nuovo per la parte posteriore della miscela.


Passaggio 21

Fare doppio clic sulla fusione per accedere alla Modalità isolamento, quindi con lo Strumento selezione diretta (A), selezionare il gruppo fronte anteriore e invertire i gradienti sia sul tratto che sul riempimento.


Passaggio 22

Esci dalla modalità di isolamento, quindi seleziona i punti salienti sul lato della parola e raggruppali (Ctrl + G).

Accendi la griglia in prospettiva e attiva la griglia che corrisponde alle alte luci (nel mio caso la griglia di sinistra), quindi fai clic con il tasto destro del mouse> Prospettiva> Attacca al piano attivo.

Con lo strumento Selezione prospettiva (Maiusc + V) ora dovresti essere in grado di spostare il gruppo in prospettiva. Spostalo in prospettiva finché non è allineato nel punto giusto sul riflesso (anche in questo caso non è necessario che sia perfetto). Come prima, tieni premuto Alt e trascina dalla maniglia centrale per capovolgere i punti salienti al contrario.


Passaggio 23

Gruppo successivo i punti salienti sulla parte anteriore della parola, quindi come prima attivare la griglia corrispondente (destra) e scegliere Fare clic destro> Prospettiva> Collega al piano attivo.

Le altre evidenziazioni e la parola dovrebbero essere già allegate al piano prospettico corretto, quindi tieni premuto Maiusc e seleziona anche loro.

Con lo Strumento di selezione della prospettiva dovresti essere in grado di spostarli in prospettiva per essere in linea con il riflesso e poi trascinare dalla maniglia centrale e capovolgerli come prima.


Passaggio 24

Anche i gradienti su questi devono essere invertiti, quindi fai doppio clic per entrare nel gruppo in modalità isolamento e invertirli nel pannello Gradiente.


Passaggio 25

Ora raggruppa tutti gli elementi del riflesso e nel pannello Trasparenza, fai doppio clic sulla casella a destra dell'anteprima di selezione per creare una maschera di opacità.

Usa lo Strumento Rettangolo (M) per disegnare un rettangolo che va dal centro dell'immagine verso l'esterno come sotto.


Passaggio 26

Aggiungi un gradiente dal nero al bianco e con lo strumento Gradiente (G) dirigilo in modo che il gradiente sia approssimativamente parallelo all'angolo del fondo del riflesso


Passo 27

Premi Ctrl + C quindi Ctrl + F e trascina la maniglia medio-destra a sinistra finché il rettangolo copre l'altra metà del riflesso e regola il gradiente in modo che sia parallelo al fondo del riflesso su questo lato.

Quindi, nel pannello Trasparenza, fai clic sulla casella di anteprima della selezione per uscire dall'editor Opacity Mask.


Passaggio 28

Per aggiungere un effetto lucido al pavimento, prima disegnare un rettangolo. Attiva la griglia prospettica e ridimensionala per incontrare la linea dell'orizzonte della griglia. Aggiungi un gradiente lineare come sotto e imposta il metodo di fusione su Schermo con un'opacità del 20%.


Passaggio 29

Copia e incolla in primo piano, quindi passa a un gradiente radiale da bianco a nero e lascia l'opacità al 20% e il metodo di fusione come schermo


Passaggio 30

Come tocco finale seleziona tutti gli elementi tranne lo sfondo e ruotali leggermente.


Immagine finale

E hai finito ... queste tecniche possono essere utili per disegnare la prospettiva 3D in altri stili, quindi continua a sperimentare!