Oggi daremo un'occhiata a come usare la prospettiva Grid in Adobe Illustrator. Questo fantastico e abbastanza nuovo strumento ti permette di far scorrere automaticamente gli elementi vettoriali su una griglia tridimensionale pre-costruita.
Potresti pensare di aver bisogno di essere un artista per usare questo strumento, ma di fatto ci sono tutti i tipi di usi pratici per questo nel design di ogni giorno. Lo useremo per delineare alcuni tipi come nell'esempio sopra.
Qual è lo strumento di griglia in prospettiva?
Perspective Grid Tool è stato rilasciato come parte di Illustrator CS5. Per vedere di cosa si tratta, apri un nuovo documento vuoto e premi Maius + P per selezionare lo strumento. Questo dovrebbe apparire automaticamente come un angolo di un cubo grande nel bel mezzo del tuo documento.
Questi piani rendono la creazione di opere d'arte di prospettiva un gioco da ragazzi. È importante notare che sono più che guide, che forniscono solo indicazioni visive, questa griglia è in realtà un elemento vivo che distorce le tue opere d'arte per te in tempo reale. È uno strumento davvero fantastico che può farti risparmiare un sacco di problemi provando ad inclinare manualmente qualcosa in una prospettiva realistica.
Come lo uso?
La prima cosa che dovresti sapere è che la griglia è completamente regolabile. Con lo strumento griglia prospettica selezionato, puoi fare clic su una delle tante maniglie sulla griglia e regolarlo a tuo piacimento. Puoi spostare il punto di fuga, scavare gli aerei, è tutto sotto il tuo controllo.
Vicino al centro inferiore della griglia, troverai le maniglie per spostare ciascun piano in avanti e indietro nello spazio 3D. Ognuna di queste maniglie ha tre possibili stati che possono essere attivati tramite un'opzione + clic (controllo + clic su un PC). I tre stati sono a tinta unita, a griglia o invisibili. Qui ho impostato ciascuno degli handle in uno stato diverso in modo da poter vedere la differenza. Il piano sinistro è un colore solido, il diritto è invisibile e il fondo è impostato sulla griglia.
Attingendo alla griglia
Disegnare sulla griglia è abbastanza facile, ma il processo è un po 'eccentrico, quindi puoi facilmente essere frustrato e confuso se non sai cosa stai facendo. Diciamo che vogliamo posizionare un rettangolo lungo uno dei piani, per prima cosa dobbiamo selezionare il piano corretto facendo clic su di esso nel piccolo widget Prospettiva griglia che dovresti vedere fluttuante sopra la tua tavola da disegno. Nello screenshot qui sotto ho selezionato l'aereo giusto, quindi tutto ciò che disegno sarà automaticamente conforme a questo angolo.
E sicuramente, se prendo il mio strumento Rettangolo e inizi a creare una forma, questa viene automaticamente distorta sulla griglia. Nota che sto disegnando la forma come sempre, Illustrator sta facendo il 100% del sollevamento pesante per i calcoli e le regolazioni della prospettiva.
Funziona con qualsiasi cosa tu voglia creare. Rettangoli, cerchi, stelle, persino forme personalizzate. Tutta la grafica vettoriale può facilmente adattarsi alla scena tridimensionale che stai cercando di creare.
Trascinando gli oggetti sulla griglia
Se hai mai provato a creare opere d'arte con una prospettiva tridimensionale, sai che spesso succede che è molto più facile creare ciò che vuoi in una versione piatta e poi inclinarlo in prospettiva in seguito. Fortunatamente, Illustrator ti permette anche di seguire questa strada.
Per vedere come funziona, iniziamo creando un insieme di semplici elementi vettoriali. Ecco un gruppo di stelle che funzionerà perfettamente:
A questo punto è bene assicurarsi che il layout sia approssimativamente come lo si vorrà nella versione finale. In effetti puoi spostare i pezzi in modalità Prospettiva, ma è molto più facile da qui. Una volta che hai allineato le tue stelle, è ora di premere Comando + Maiusc + I per far apparire la griglia prospettica.
Con il tuo Strumento per la prospettiva in prospettiva selezionato, potresti pensare di poter semplicemente trascinare gli oggetti, ma ciò non funziona. È necessario tenere premuto il tasto Comando per attivare lo strumento di selezione della prospettiva (o spostarsi manualmente e selezionare questo strumento nella tavolozza). Ora puoi fare clic sul tuo disegno (assicurati che sia selezionato il piano corretto) e trascinarlo sulla griglia. A questo punto si inclinerà automaticamente nello spazio 3D.
Per tornare indietro e modificare la grafica dopo averla posizionata, assicurati di afferrare nuovamente lo strumento Selezione prospettiva, utilizzando lo strumento Selezione diretta si espande il disegno nella prospettiva originale, che non vogliamo a questo punto . Da qui, puoi fare clic e trascinare o utilizzare i tasti freccia per spostare la grafica vettoriale attorno. Se hai collocato diversi pezzi separati come ho fatto io, saranno raggruppati automaticamente. Basta fare triplo clic su un elemento per modificarlo singolarmente a parte il gruppo.
Lavorare con il tipo
Una delle cose che preferisco di questo strumento è che rende il tipo di skewing così facile. Anche se si desidera utilizzare il tipo storto in Photoshop, può essere più facile iniziare da qui e portare l'oggetto sopra come oggetto avanzato.
Per avere un'idea di questo processo, costruiamo l'immagine del titolo per questo post. Inizia usando la conoscenza che hai già acquisito per disegnare una scatola 3D come quella qui sotto. Fondamentalmente ho afferrato il mio strumento rettangolo e ho disegnato una scatola sul piano destro, e poi ho creato un altro rettangolo leggermente più scuro sul piano sinistro.
Successivamente, in un livello o documento separato, inizia a lavorare su un bel blocco di testo. Ho usato Franchise Bold e Adobe Garamond Pro Italic per i miei due caratteri tipografici e ho gettato una semplice linea di demarcazione. Si noti che questo è in effetti un testo selezionabile dal vivo combinato con la grafica vettoriale. Tutti questi oggetti possono essere gettati in prospettiva tutto in una volta.
Incolla il blocco del testo nel tuo documento o livello con il cubo di prima e attiva lo strumento Griglia prospettica. Prima di procedere, assicurati di cliccare sul piano destro nel piccolo widget.
Ora attiva lo strumento di selezione della prospettiva (tieni premuto il comando) e fai clic / trascina il testo sul piano. Voilà, il tuo testo dovrebbe scorrere direttamente sulla tua forma cubica.
Ripeti questi passaggi con del testo per l'altro lato del cubo e sarai pronto per partire! Una volta che hai finito, nascondi la griglia prospettica con Command-Shift-I (ricorda questa scorciatoia, è davvero fastidioso quando non riesci a far sparire quella griglia!).
Lavorare in Photoshop
La nostra grafica è fantastica, ma voglio portarla al livello successivo con un po 'di contrasto mentre esagero l'effetto 3D con una sfocatura di profondità di campo. Per iniziare, è sufficiente incollare il cubo in Photoshop su uno sfondo scuro. Per dargli una bella vignetta, metto un'ombra interna sul livello di sfondo.
Successivamente, copia il livello del cubo e vai su Filtro> Sfocatura> Sfocatura obiettivo e gira il raggio finché non ti piace l'intensità complessiva dell'effetto sfocatura.
Questa parte è un po 'complicata quindi fai molta attenzione. Dovresti avere uno strato cubo ora che è tutto sfocato e uno che non è affatto sfocato. Applicare una maschera al livello sfocato e utilizzare una sfumatura a specchio per mascherare il centro del livello in modo che solo i lati siano sfocati. La tua maschera dovrebbe apparire in questo modo:
Da qui, duplica nuovamente il livello non sfocato, quindi fai Command-clic sulla maschera di livello appena creata per trasformarla in una selezione. Con questa selezione attiva, premi Comando-F per eseguire nuovamente il filtro sfocatura, questa volta solo per l'area selezionata. Ora elimina il tuo sfocatura originale con la maschera.
La ragione per cui abbiamo fatto questo è che mascherare una sfocatura dell'obiettivo può produrre effetti disordinati. Nella mia esperienza, è meglio costruire una selezione, quindi applicare la sfocatura solo all'area selezionata.
Tutto finito
Ecco fatto, la tua immagine dovrebbe ora assomigliare a quella qui sotto. Hai costruito un oggetto 3D ben squadrato senza il dolore di provare manualmente a trasformare i tuoi oggetti in una prospettiva convincente. Bel lavoro!
Conclusione
Se non sai cosa stai facendo, lavorare con lo strumento della griglia prospettica può effettivamente sembrare più un problema che non ne vale la pena. Dopo tutto, una trasformazione manuale non è così difficile in Photoshop se hai un buon occhio per la prospettiva. Tuttavia, tieni presente che questo è stato un semplice esempio e che i vantaggi dell'uso di questo strumento aumentano in modo esponenziale man mano che la grafica diventa sempre più complessa.
La cosa grandiosa dello strumento Prospettiva griglia è che tutto il materiale grafico e il testo rimangono completamente modificabili, anche in base al punto per punto. È anche incredibilmente facile tornare più tardi e cambiare idea sulla posizione di un oggetto, spingendolo avanti o indietro nella scena. Questo non è affatto facile con un oggetto tradizionalmente distorto.
Se ti è piaciuto questo tutorial, lascia un commento qui sotto e facci sapere. Hai mai usato lo strumento Prospettiva griglia prima? Questo articolo ti ha aiutato a comprendere alcuni potenziali usi di questo strumento?