Utilizzando la prospettiva e la profondità di campo nelle tue creazioni di personaggi

Quando si tratta di simulare la profondità tridimensionale nelle tue illustrazioni, lo strumento di fusione è il tuo nuovo migliore amico. Guarda e lasciati stupire dalla potenza di Illustrator CS3 che raggiunge il tuo monitor e, con sfida, ti schiaffeggia in faccia con il suo sottile fascino e versatilità.

È possibile trovare i file di origine nella directory denominata "origine" inclusa nei file scaricati. Potresti desiderare di esaminarli brevemente prima di iniziare.


Passo 1

Usando lo strumento Ellisse (L) crea un cerchio perfetto. Quindi applica una vibrante sfumatura a 4 colori (G) dalla luce al buio utilizzando i colori complementari. Command + F9 porterà la finestra Gradient sullo schermo. Assicurati di avere selezionato Mostra opzioni. Puoi aggiungere più punti alla sfumatura facendo clic sulla barra nella finestra Sfumatura. Aggiungere più punti e modificare leggermente la luminosità e la tonalità è un modo per ravvivare il colore dell'illustrazione.



Passo 2

Seleziona il tuo primo cerchio e tenendo premuto Alt trascina il mouse verso il basso per creare un'altra copia della tua cerchia. Quindi, ridimensiona (S) fino a 100 +% (tieni premuto Maiusc per mantenere le proporzioni).



Passaggio 3

Fare doppio clic sullo strumento di fusione (W). Cambia la distanza tra la distanza specificata e la distanza fino a 0,01 pollici. Mantenere l'orientamento su allineare alla pagina. Ora che hai le impostazioni per il tuo strumento di fusione, premi OK. Spero che tu abbia almeno 2 GB di RAM, una CPU decente e una buona scheda grafica, perché questo può diventare peloso. Illustrator può bloccarsi improvvisamente durante l'esecuzione di manovre di combattimento grafico come queste. Salva spesso da qui in poi. Nota a margine: prima di ogni utilizzo di Live Color ti consiglio anche di salvare. Questo è un altro strumento di Illustrator che si blocca spesso il programma.



Passaggio 4

Ora, con lo strumento di fusione, fai clic sul cerchio più piccolo, quindi sul cerchio più grande. Questo creerà la tua forma prospettiva tridimensionale! Puoi cambiare l'illuminazione delle tue cerchie facendo clic su ciascun cerchio separatamente e applicando il gradiente radiale con un'angolazione diversa a seconda della sorgente di luce della tua scena.



Passaggio 5

Come puoi vedere, l'applicazione dello strumento di fusione a due forme crea un percorso tra di loro. Puoi manipolare questo percorso aggiungendo punti ad esso! Selezionare il percorso usando lo strumento selezione diretta (A). Quindi, utilizzare lo strumento Penna (P) e quindi premere + per accedere allo strumento Aggiungi punto di ancoraggio. Una volta fatto, fai clic sul centro del tuo percorso. Dovrebbe apparire come l'immagine qui sotto - un punto di vertici solido.



Passaggio 6

Utilizza lo strumento Converti punto di ancoraggio (Maiusc + C), fai clic con il pulsante sinistro del mouse e tieni premuto, quindi trascina il mouse per creare braccia sui tuoi vertici. Tiralo in una forma fluida e lascia andare il pulsante del mouse. Dovresti ottenere qualcosa come l'immagine qui sotto. Puoi manipolare i tuoi punti / vertici in qualsiasi momento. Giocaci.



Passaggio 7

Spostando, ridimensionando, individualmente i due punti finali del cerchio e regolando i bracci del Punto di ancoraggio con lo strumento Converti punto di ancoraggio, puoi davvero aggiungere un po 'di vita al tuo tentacolo. Prova a spostare gli endpoint del tuo cerchio in giro. Per selezionare singolarmente ogni cerchio è necessario utilizzare lo strumento di selezione diretta (A).



Passaggio 8

Ripeti questa tecnica finché non hai abbastanza braccia per formare un polipo. Mantieni ogni braccio in prospettiva. Le braccia laterali non raggiungeranno il primo piano come le braccia anteriori. Sopra è la ripartizione delle diverse braccia che ho fatto e dei percorsi finali per ciascun braccio. È necessario posizionare i bracci dello sfondo dietro i livelli del braccio in primo piano. Per fare ciò è necessario selezionare l'intero braccio usando lo Strumento di selezione (S), quindi premere Comando + Tasto freccia sinistra o Tasto freccia destra per spostare il livello davanti o dietro altri livelli. Questo è chiamato stratificazione dei livelli (almeno questo è ciò che io chiamo ...).




Passaggio 9

Dopo aver sistemato i tuoi tentacoli dovrai mettere insieme delle ventose. Fare clic e tenere premuto il tasto sinistro del mouse sullo strumento Rettangolo per visualizzare le opzioni aggiuntive. Seleziona lo strumento Rettangolo arrotondato e crea un rettangolo. Se vuoi aumentare o diminuire la rotondità dei bordi, premi la freccia su o la freccia giù mentre stai posizionando il rettangolo sulla tavola da disegno.

Per il colore, usa lo stesso gradiente a 4 punti dei tentacoli; solo aumentare la luminosità di ogni punto fino ad ottenere un bel rosa caldo. Trascina il gradiente (G) dal punto un indicare B.



Passaggio 10

Ora usa lo strumento Warp (Shift + R) e trascina dal punto un indicare B. Assicurati che le dimensioni del tuo pennello siano abbastanza grandi da contenere la maggior parte del tuo rettangolo. Per cambiare la dimensione del tuo Pennello strumento Warp, tieni premuto Alt + Maiusc e trascina il mouse come faresti se ridimensionassi un oggetto più grande o più piccolo. Questo mi ha portato un po 'a capire e quindi è una preziosa informazione! Dovresti ottenere qualcosa come la seconda immagine.




Passaggio 11

Quindi, facciamo una ventosa dall'alto verso il basso, come se stessimo guardando nella tazza dall'alto. Crea un cerchio con lo strumento Ellisse (L), quindi copia quel cerchio (Comando + C) e incolla la copia sopra al primo cerchio (Comando + F).

Seleziona il cerchio appena creato e ridimensionalo della metà usando Scala (Comando + S). Dopo averlo fatto, seleziona entrambi i cerchi e usa l'opzione Pathfinder (Comando + Maiusc + F9) Sottrai dall'area della forma.

Quindi, riapplica il tuo gradiente per mostrare la rotondità della tua ventosa. Usa lo strumento Gradiente (G) e applica la sfumatura rosa dal punto un indicare B.



Passaggio 12

Ora che hai completato le tue due ventose diverse, applicale ai tentacoli copiandoli nei luoghi appropriati. Ho etichettato la vista laterale "Coppa 1" e la vista sopra "Coppa 2". Sarà necessario utilizzare Ruota (R), Scala (S) e anche lo Strumento di curvatura (Maiusc + R) più volte durante questo passaggio. Dovrai assicurarti che le ventose che si trovano dietro un tentacolo siano al di sotto dello strato di tentacolo in primo piano (fare riferimento al punto 8).

Tentacle 3 e 6 sono unici se non l'hai già indovinato. Alla punta del 3 e del 6, il tentacolo viola si sovrappone leggermente alle ventose rosa. Per ricreare questo devi Direct Select (A) il cerchio finale di un tentacolo, copia (Comando + C) e incolla un altro cerchio sopra di esso (Comando + F). Questo sarà separato dal gruppo tentacolo e ti consentirà di spostare quello strato verso l'alto, sovrapponendo così le ventose. Questo dimostrerà anche maneggevole più tardi! Alla fine, dopo molti cambiamenti, sono finito con alcuni tentacoli piuttosto feroci per il mio polpo! rARR!




Passaggio 13

Ora devi costruire una testa degna di "Mordor". Per fare ciò, ho utilizzato lo strumento Poligono che si trova facendo clic e tenendo premuto lo strumento Rettangolo (M). Trascinalo sulla tua tavola da disegno e falla diventare un pentagono (5 forma d'angolo). Puoi farlo premendo le frecce su o giù mentre stai posizionando la forma sulla tavola da disegno (vedi punto 9).

Dopo aver un bel pentagono, applica il gradiente radiale viola che hai usato sui tentacoli usando lo strumento Eyedropper (I). Fai clic su un cerchio dal tentacolo mentre hai selezionato il tuo pentagono.



Passaggio 14

Quindi, fai clic su Effetto> Stilizzazione> Angoli arrotondati e arrotondare i bordi rigidi. Ho le mie impostazioni impostate su 2,125 pollici, ma dipenderà dalle dimensioni del pentagono. L'obiettivo è renderlo come una palla.



Passaggio 15

Dai alla testa un personaggio ruotando la forma e muovendo leggermente ciascun punto. Mi piace se la parte superiore della cupola è più alta del normale. Usa lo Strumento selezione diretta (A) per selezionare i singoli punti e spostali. Probabilmente avresti potuto farlo molto più velocemente usando un cerchio ... Comunque, questo è quello che ho fatto e ho trovato che mi dava risultati interessanti e soddisfacenti.



Passaggio 16

Usando lo strumento Penna (P), disegna la testa sotto la cupola. Questo è dove i suoi occhi si siederanno. Ricordarsi di mantenere la sfumatura nella stessa direzione della sorgente di luce della scena, che in questo caso è la sinistra.



Passaggio 17

Per creare i bulbi oculari, crea un altro cerchio (L) e applica un gradiente luminoso di 5 colori (G) ad esso, come l'immagine in alto sopra. Fai il punto di partenza sul tuo gradiente vicino al bianco e darà al suo occhio una bella macchia luminosa. Ora prendi il tuo strumento di selezione diretta (A) e seleziona i vertici giusti del cerchio. Seleziona il braccio dei vertici etichettato un. Ora trascinalo nel punto luminoso del tuo gradiente. Successivo selezionare il braccio B. tieni premuto Alt + Maiusc e trascinalo verso il basso. Questo ti darà un bordo acuto invece di uno arrotondato. Continua a modificare i punti dei tuoi vertici fino a ottenere il perfetto bulbo oculare finito. Significa non è vero?



Passaggio 18

Posiziona il bulbo oculare sul lato sinistro della testa di polpo. Quindi copia il bulbo oculare, fai clic con il pulsante destro del mouse su di esso, quindi seleziona Trasforma> Rifletti e imposta le opzioni Rifletti su Verticale a 90 gradi. Inoltre, dovrai applicare la sfumatura per simulare l'angolo di abbagliamento dell'occhio sinistro.



Passaggio 19

Successivamente, ho disegnato una palpebra arrabbiata con il mio strumento penna e ho utilizzato lo strumento mesh (U) e fatto clic su ogni punto della palpebra. Puoi spostare i punti di mesh nello stesso modo in cui sposti i punti dei vertici (vedi i passi 6 e 17). Selezionando un punto puoi cambiare il suo colore individuale, questo creerà un gradiente tra più colori. Rendi i punti più alti della palpebra viola chiaro e gli sbalzi inferiori punti viola scuro.



Passaggio 20

Ora metti la palpebra sul bulbo oculare. Copia e incolla un'altra palpebra sull'altro occhio. Successivamente, Trasforma> Rifletti la palpebra come abbiamo fatto con il bulbo oculare al punto 18. Dovrai anche ruotare e ridimensionarla per farlo correttamente.



Passaggio 21

Raggruppa l'intera testa trascinando lo strumento di selezione (V) sopra la testa, il viso, gli occhi e le palpebre, quindi raggruppali tutti premendo il comando + G. Ora posiziona la testa raggruppata dove si incontrano tutti i tentacoli.



Passaggio 22

Questo è un passaggio facoltativo. Finora, penso che questo polpo sia piuttosto radioso. Tuttavia, se lo desideri, puoi costringerlo a maneggiare alcune armi letali o addirittura provare più rotoli di carta igienica. Per me, la mia arma preferita è la penna stilo Wacom. Ho rapidamente buttato questo insieme. Immagino che tu possa pensare a qualcosa di altrettanto grande per il tuo polpo da tenere e anche crearlo altrettanto facilmente senza alcun aiuto da parte mia ...



Passaggio 23

Ora posizioneremo l'oggetto delicatamente sulla mano del polpo. Sembra stupido posto sopra il tentacolo, quindi dobbiamo far sembrare che il nostro polpo stia afferrando l'oggetto. Per fare ciò, Seleziona Diretto (A) il cerchio del punto finale di un dato tentacolo.

Quindi, tieni premuto Alt e quindi trascina il cerchio per copiarlo. Quindi premi Shift + Command + Right Bracket Key per portare quel cerchio al livello frontale. Ora rimetti il ​​cerchio in cima al punto da cui lo hai copiato. Assicurati di ridimensionare (S) questo cerchio per coprire e sporgere dal cerchio originale. Sembrerà stupido se non lo fai. Ripeti questo passo per sempre tentacolo che si aggrappa all'oggetto.




Passaggio 24

Finalmente, hai un polpo davvero cool, tridimensionale, elegante e micidiale! Ma attenzione! I seguenti passaggi sono più spaventosi di altri, in parte perché non fornirò screenshot per i prossimi 3 passaggi! Inoltre, i passaggi richiedono molta potenza di elaborazione ...



Passaggio 25

Volevo dare a questo octopus una certa profondità di campo, ma sapevo che farlo in Illustrator avrebbe fatto esplodere il mio computer. Se applicassi una sfocatura a uno di questi mostri tentacoli mescolati, ci vorrebbero così tanta CPU e memoria che manderebbero in crash Illustrator. La soluzione? Photoshop!

Per ottenere i tuoi vettori in Photoshop è relativamente semplice. Per prima cosa dovrai raggruppare ogni tentacolo. Usa lo Strumento di selezione (V) e tieni premuto MAIUSC quindi seleziona ogni pezzo di un intero tentacolo. Ciò include ogni ventosa, la penna, il tentacolo della modalità di fusione e il cerchio copiato che sta afferrando la penna. Dopo averli selezionati tutti, raggruppali insieme (Comando + G). Fallo a ciascun tentacolo separatamente e anche alla testa in modo che siano tutti nei loro gruppi.


Passaggio 26

Ora apri Photoshop e crea un nuovo documento (Command + N). Volevo trasformare il mio polpo in un bellissimo sfondo del desktop, quindi ho impostato il documento a 1680 pixel per 1050 pixel a una risoluzione di 300. Una volta aperto il tuo nuovo documento in Photoshop, torna a Illustrator. Una volta in Illustrator, seleziona un gruppo tentacolo e trascinalo nel nuovo documento in Photoshop. Questo richiede un sacco di CPU e RAM quindi preparatevi ad aspettare un po '. Ripeti fino a quando non hai la tua intera illustrazione in Photoshop. Ogni volta che si rilascia un gruppo in Photoshop verrà creato un nuovo livello oggetto Smart vettoriale.


Passo 27

Assicurati di posizionare ciascun livello in modo appropriato sopra o sotto gli altri livelli in modo che i tentacoli in primo piano si trovino sugli strati superiori e che la testa sia il livello inferiore. Puoi trascinare i livelli attorno Fai clic e tieni premuto mentre trascini il mouse sopra o sotto l'altro nella finestra Livelli.


Passaggio 28

Voglio fare il punto focale della testa del polpo e anche il suo braccio sinistro che sta sollevando in violenta sfida. Li ho evidenziati nella foto in alto qui sotto. Per fare ciò, seleziona il livello tentacolo più grande e fai clic su Filtro> Sfocatura> Sfocatura gaussiana e dagli un buon 6 circa.




Passaggio 29

Come mostrato di seguito, seguiremo tre sottofasi qui:

  1. Fare clic sul filtro intelligente a cui è stata applicata la sfocatura gaussiana.
  2. Premi B per selezionare lo strumento Pennello, quindi cambia il pennello con un grande pennello sfumato e rendi nero il colore di primo piano.
  3. Dipingi dal punto un lungo il tentacolo fino a raggiungere il punto B. Questo ti darà un effetto di profondità di campo. Ripeti questo passaggio sull'altro grande tentacolo e farai in modo che gli occhi dello spettatore vengano attirati in testa ogni volta. Puoi anche applicare questo stesso passo ai tentacoli che sono nel mezzo, eccetto che usare solo un'opacità del pennello del 50% e apparirà più a fuoco ma ancora sfocato.


Passaggio 30

Per finire la mia Illustrazione ho creato delle ombre sullo sfondo bianco. Per fare ciò, crea un nuovo livello e trascinalo nella parte inferiore della pila di livelli, appena sopra il livello di sfondo bianco. Trasforma l'opacità di quel nuovo livello al 50% e usa il pennarello nero per dipingere nelle aree in cui i tentacoli proietteranno un'ombra.

Ho dipinto un'ombra primaria e un'ombra secondaria, entrambi sono livelli separati impostati al 50% di opacità. Ho anche aggiunto dell'ombreggiatura a vari tentacoli come avevano bisogno. Lo screenshot in alto mostra il livello di ombreggiatura principale applicato e le funzioni di screenshot in basso: 1. Livello di ombreggiatura primario; 2. Strato di ombreggiatura secondario, più dettagliato; 3. ombreggiatura aggiuntiva ai tentacoli appropriati. Non è perfetto, ma mi piace!




Passaggio 31

Per il passaggio finale, seleziona tutti i livelli (fai clic sul livello superiore, tieni premuto Maiusc, quindi fai clic sul livello inferiore) tranne il tuo livello di sfondo e Raggruppa (Comando + G) in una cartella. Fai clic sul tuo livello di cartella e poi usa lo strumento Sposta (V) per spostare il rendering finale in una posizione interessante sulla tua tavola da disegno per creare uno sfondo desktop accattivante.




Conclusione

Quindi, vedete, il potere di Illustrator è paragonabile a quello dell'Unione Sovietica degli anni '50. È in concorrenza anche con i più versatili programmi di rendering 3D disponibili. Spero che questo tutorial ti sia piaciuto, anche se l'ultima cosa di cui il mondo del design ha bisogno ora è un altro polpo. Non vedo l'ora di vedere queste tecniche messe in uso nel pool Vectortuts + Flickr. L'immagine finale è sotto. È possibile visualizzare le versioni grandi qui e qui.