Aggiunta di stile 3D Faux al tuo lavoro vettoriale

Questo tutorial tratta il tema della creazione di profondità nelle illustrazioni usando Adobe Illustrator. Personalmente mi riferisco a questo stile come Faux 3D. Cioè, gli oggetti hanno lo scopo di apparire tridimensionali; tuttavia, non sono necessariamente completamente accurati per quanto riguarda la luce e l'ombra.

Ho trovato questa tecnica estremamente utile nel dare alle mie illustrazioni un tocco in più. Questo richiederà circa un'ora a seconda della tua competenza con Adobe Illustrator.

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


Passo 1

Per prima cosa, apri le risorse fornite. Troverai l'oggetto che stiamo per colorare in un file chiamato "IMPOSTER_OBJECT.EPS" che si trova nei file "sorgente". Una volta aperto in Illustrator, prendi la libreria di campioni che ho fornito per aiutare a colorare l'oggetto. Ovviamente, se desideri scegliere i tuoi colori, ignora completamente questo passaggio. Per importare un campione andare su Finestra nella barra in alto e selezionare Librerie Swatch> Altra libreria per individuare il file.

Prenditi un minuto per familiarizzare con l'oggetto e i livelli di cui è composto.



Passo 2

Ora crea un nuovo livello, quindi aggiungi un oggetto che puoi usare come guida per la sorgente luminosa. Nonostante questo essere 'Faux 3D,'Trovo sempre utile questo passaggio quindi le cose non sono completamente fuori di testa.

Questa guida aiuta a definire come colorare le forme e dove dovrebbero essere designate le luci e le ombre. Considera questa fonte di luce guida un sole e usalo per valutare come applicare i gradienti. In questo caso ho semplicemente creato un cerchio su un livello separato nell'angolo in alto a sinistra e bloccato.



Passaggio 3

Iniziamo a colorare. Si noti che la forma non colorata che si vede è bianca con un tratto nero. Assicurati di rimuovere il tratto dall'oggetto mentre procedi con la colorazione, poiché non è necessario se non lo desideri. All'interno del livello del bordo inferiore troverai la faccia inferiore dell'oggetto. Nella libreria dei campioni di colori, trova il gradiente "OBJECT_BASEBOTTOM".

Seleziona la forma e poi questo campione. Seleziona lo strumento sfumatura dalla barra degli strumenti di sinistra o premendo (G) sulla tastiera. Sulla base della sorgente di luce che ho impostato, applico il gradiente lineare ad un angolo. Per fare ciò, fai clic e trascina per quanto tempo desideri che il gradiente si estenda. Assicurati che la parte chiara del gradiente sia quella più vicina alla fonte di luce. Ripeti lo stesso passaggio applicandolo alla forma nel livello "FORNER BASE SHAPE".



Passaggio 4

Usando la stessa summenzionata tecnica di gradienti basata sulla sorgente di luce, colora le forme all'interno del livello base usando "OBJECT_BASE" nella libreria di campioni. Fare attenzione a non colorare il rivestimento sottile, poiché è riservato al campione d'oro. Dovresti colorare tre forme, l'esterno, il medio e l'interno. Fare riferimento alle immagini.

Nelle immagini di processo vedrai che ho variato il tratto del gradiente. Questo è direttamente relativo alla superficie dell'oggetto e la sua relazione con la sorgente luminosa. Quindi lo strato più esterno è più grande e ha bisogno di un gradiente più lungo. Al contrario, il più interiore è il più piccolo e ha bisogno della minima estensione.





Passaggio 5

Seleziona la forma della dimensione media sul livello appena colorato; dal menu in alto applica Effetto> Stilizzazione> Bagliore interno e adattalo alle specifiche illustrate. Vogliamo rendere questo livello intermedio come se fosse leggermente più profondo rispetto al livello esterno.




Passaggio 6

Ancora usando le stesse tecniche di colorazione applicate alla base, coloriamo il rivestimento dell'oggetto. Usa il campione "OBJECT_GOLDTRIM" per colorare le linee sottili che corrono attorno all'esterno dei livelli interno, medio ed esterno come mostrato.





Passaggio 7

Ora, nel livello "SCREWS" troverai due gruppi per la tua convenienza. Uno è un gruppo per la faccia delle viti e l'altro è per il cuneo dove andrebbe un cacciavite. Fare clic sugli oggetti e stabilire quale è quale.

Seleziona le facce delle viti e applica il gradiente "OBJECT_GOLDTRIM" allo stesso modo in cui hai colorato il ritaglio. Mantenerli in un gruppo significa che possono essere facilmente selezionati e colorati come se fossero un pezzo unico. Inoltre, questo è un modo più accurato per colorare queste forme rispetto alla luce.

Applica questa stessa tecnica alla forma appuntita, che si trova all'interno dello strato interno sulla base. Questa forma può essere trovata nel livello "HUD".




Passaggio 8

All'interno del livello "VITI", seleziona le fette che devi ancora colorare. Compila questi con il campione "OBJECT_SCREWANCHOR" dalla libreria.




Passaggio 9

Ora coloreremo le forme nel livello "KNOBS" usando il campione "OBJECT_KNOBS". Primo colore quello più grande. Questo gradiente è radiale, il che significa che cambia da un punto verso l'esterno. Fai selezionare lo strumento Gradiente (G) e trascinalo dal centro del quarto superiore sinistro al centro del quarto inferiore destro. Questo gradiente più piccolo conferisce una forma più profonda.

Usa questo stesso metodo per le manopole inferiori. Le quattro manopole sono raggruppate; fare doppio clic per entrare nel gruppo. Se stai usando una versione più recente di Illustrazione, sarai in grado di regolare i gradienti. Per fare ciò, sulla linea tratteggiata punteggiata che appare su una forma, rastremare la sfumatura con la levetta nera come mostrato.





Passaggio 10

Mentre le manopole iniziano a sembrare un po 'più 3D, ci sono ancora un paio di cose che possiamo fare per aiutarle nel loro cammino. Innanzitutto, applichiamo un bagliore interno ai quattro quadranti più piccoli. Per fare ciò vai su Effetto nella barra in alto e seleziona Stilizzazione> Bagliore interno.


Dopodiché creeremo un'ombra esterna per i quadranti. Da Effetto nella barra in alto seleziona Stilizzazione> Sfalsa ombra e inserisci i seguenti valori:


Le quattro manopole in basso dovrebbero sembrare relativamente tridimensionali ora. Applichiamo questo effetto a quello più grande. Primo, il bagliore interno.


E segui questo con gli stessi valori di ombreggiatura che hai usato per i quattro più piccoli.


Passaggio 11

Sempre nel livello delle manopole, noterai che c'è uno spazio accanto a quello più grande in cui scivolerebbe. Per prima cosa colora la forma usando il campione "OBJECT_BASE".


Per far sembrare che sia un po 'più profondo nella superficie, aggiungeremo un bagliore interno. Usa i seguenti valori.




Passaggio 12

Ora passiamo al livello "HUD". Tutti i quadrati sono raggruppati in modo tale da accedervi, facendo doppio clic sulla forma. Utilizzando i campioni "HUD_Color 1 - 6" nella libreria, colorali come preferisci. Ho scelto un metodo non convenzionale di colorazione perché stavo mirando a un look casuale.




Passaggio 13

Vogliamo che i colori "HUD" sembrino illuminati da sotto. Per fare questo creeremo un bagliore interno di bianco. Ho un trucco pratico per applicare un effetto a un gruppo di oggetti; Entra nel gruppo, seleziona tutto (Comando + A), quindi mentre tieni premuto Maiusc, fai clic su una delle forme "HUD". Questo deseleziona uno di loro.

Quindi vai a Stylize> Inner Glow e usa i seguenti valori. Assicurati di applicare questo stesso effetto alla forma che dovevi deselezionare. La ragione per cui non è possibile selezionare tutto e applicare l'effetto è perché Illustrator presuppone che si desideri trattare tutto come un singolo oggetto. Quindi, per poter trattare gli oggetti singolarmente, è necessario eseguirli singolarmente (il che richiederebbe molto più tempo) o selezionare tutto tranne uno.




Passaggio 14

Il tuo oggetto dovrebbe ora essere unito molto bene. Ora dovrebbe esserci un sottile bagliore bianco al centro delle forme "HUD". Ripeti il ​​passaggio 13 per il più piccolo "HUD" nella parte superiore dell'oggetto. Se desideri semplicemente riutilizzare quello appena creato, ALT + trascina le forme "HUD" raggruppate che creano un duplicato. Quindi tieni premuto Shift mentre ridimensiona per abbinare la dimensione della parte superiore più piccola "HUD".



Passaggio 15

Siamo quasi arrivati. Ora per colorare le forme nel livello "EYE". Per prima cosa, seleziona la forma più esterna sul livello e colorala con "OBJECT_BASE" usando l'angolo gradiente familiare.

La forma successiva è il rivestimento in oro; usa "OBJECT_GOLDTRIM" per colorare questo. Una volta fatto ciò, dobbiamo creare una certa profondità per queste forme. Seleziona il livello più esterno (che hai appena colorato con "OBJECT_BASE") e applica un effetto ombra esterna. Questo viene fatto tramite Effetto nella barra in alto Stilizzazione> Sfalsa ombra. Usa i seguenti valori.





Passaggio 16

Rimani nel livello "EYE" e colora il bulbo oculare. Usa il gradiente "OBJECT_EYE" dalla libreria di campioni. È un gradiente radiale e quindi lo coloriamo nello stesso modo in cui hai colorato il pomello dorato più grande; cioè dal quarto in alto a sinistra al quarto in basso a destra, pur rimanendo nella forma.

Quindi colora la base della pupilla usando "HUD_Color5". Nell'ultimo pezzo ho usato il nero invece di questo, ma questa decisione è a tua discrezione. Per l'iride (parte colorata dell'occhio) ho usato "HUD_Color6".






Passaggio 17

Quindi, seleziona i due cerchi bianchi che rappresentano il riflesso della luce sul bulbo oculare. Con le forme selezionate, vai su Effetto> Sfocatura> Sfocatura gaussiana e usa i seguenti valori. Questo crea una luce sfocata piuttosto che un bordo duro.



Passaggio 18

Ancora negli occhi, colora le vene usando "HUD_Color2". Lascia l'opacità al 50% in modo che non siano così pronunciati.




Passaggio 19

Uno degli stadi finali è il potenziamento dell'ombra sull'HUD, poiché al momento appare un po 'troppo piatto. Crea un livello sopra il livello "HUD" ma sotto il livello "EYE". Quindi crea un'ellisse che corrisponda esattamente alle dimensioni della forma "HUD" come nella foto.

Una volta eseguita questa operazione, riempire l'ellisse con "OBJECT_SHADOWOVERLAY" e regolare la modalità di fusione su Moltiplica nel pannello Trasparenza. Inoltre, rilascia l'opacità al 70%. Di nuovo, usando lo stesso metodo usato in precedenza per i gradienti radiali, modificate il gradiente in modo che l'ombra si trovi nel quarto inferiore destro.





Passaggio 20

Alla fine daremo un "HUD" un po 'di lucentezza. In un nuovo livello sopra le Ombre, crea delle ellissi nel quarto in alto a sinistra come nella foto. Seleziona le forme e quindi scegli Effetto> Sfocatura> Sfocatura gaussiana e utilizza i valori sotto.

E hai finito!




Queste tecniche possono essere utilizzate in opere più grandi. Di seguito è riportato il progetto finale in cui è stato utilizzato questo oggetto.