Crea un'icona del calendario vettoriale 3D

Impara a creare un'icona del calendario a portata di mano da utilizzare sul tuo blog, sito Web o progetti di stampa. Useremo Illustrators Path e strumenti 3D per creare questo design. Inoltre, verrà dimostrato anche un semplice effetto di arricciatura della pagina. Facciamo un salto in questo tutorial.

Anteprima dell'immagine finale

Ecco l'ultimo sguardo che raggiungeremo. Per completare con successo questo tutorial dovresti avere una conoscenza fondamentale degli strumenti di Illustratori.

Passo 1

Inizia disegnando un quadrato usando lo strumento Rettangolo (M).

Passo 2

Ruota il quadrato andando su Effetto> 3D> Ruota. Non devi inserire questi valori esatti, ma assicurati di prendere nota dei valori che inserisci perché dovrai aggiungere nuovamente il testo quando aggiungiamo del testo. Dopo aver fatto clic su OK, espandi la forma andando su Oggetto> Espandi aspetto.

Passaggio 3

Per simulare la profondità del calendario utilizzeremo le opzioni 3D Estrusione e smusso di Illustrator. Vai a Effetto> 3D> Estrusione e smusso. Immettere 1 grado per la rotazione dell'asse X (prima casella). Nella casella Profondità Estrusione inserire un numero elevato, come mostrato di seguito. Maggiore è il numero dell'asse X, minore sarà il valore per Profondità estrusione.

Preferisco questo metodo perché distorce la faccia del calendario molto meno che inserire un grande numero di asse X e un piccolo numero di profondità di estrusione. Fare clic su OK, quindi andare su Oggetto> Espandi aspetto. Infine, vai su Oggetto> Separa. Nota, potresti dover separare l'oggetto più volte in modo che ogni forma possa essere gestita individualmente.

Passaggio 4

Ripeti il ​​passaggio 3 per creare la base del calendario. Ingrandisci la forma in modo che sia leggermente più larga della parte superiore. Ricordarsi di espandere e separare la forma in modo da poter colorare ciascun lato dell'oggetto in un secondo momento.

Passaggio 5

Crea un piccolo bordo attorno a ciascuno dei bordi della parte superiore del calendario andando su Oggetto> Tracciato> Tracciato offset. Inserisci i valori mostrati di seguito. Questo piccolo bordo ci permetterà di dare al lato di ogni lato del calendario un po 'di evidenziazione o sfumatura alternativa, che è un piccolo dettaglio, ma aggiunge alla qualità complessiva del pezzo.

Passaggio 6

Dai alle forme interne che hai appena fatto un leggero gradiente. Osserva come la parte sinistra del calendario ha una sfumatura leggermente più leggera della destra.

Usando lo strumento Penna (P), traccia delle linee all'interno delle forme interne che hai appena creato per simulare il bordo di alcune pagine del calendario. Non c'è matematica coinvolta in questo passo. Basta usare l'occhio e farlo sembrare bello. Notare come le linee si assottigliano in un punto.

Passaggio 7

Una volta che hai disegnato tutte le linee, usa la palette di distribuzione per rendere perfetto lo spazio tra ciascuna delle linee.

Passaggio 8

Inoltre, puoi selezionare tutte le linee contemporaneamente e dare loro una sfumatura per aiutarle a fondersi un po 'di più nelle forme dietro di loro.

Date alla base del calendario un po 'di colore assicurandovi di applicare un colore leggermente più chiaro a sinistra e un colore più scuro a destra.

Usando la stessa forma della linea che hai disegnato per creare il bordo delle pagine, aggiungilo come evidenzia in basso per dare l'impressione di un'ombra e un punto saliente.

Passaggio 9

Seleziona un carattere che ti piace (ho usato Din) e digita le parole che vorresti apparire nella parte anteriore del calendario. Ruota il tipo in modo che corrisponda all'angolo della superficie del calendario andando su Effetto> 3D> Ruota. Immettere i valori utilizzati nel passaggio 2, quindi fare clic su OK.

Passaggio 10

Aggiungi il tipo alla faccia del calendario e cambia il colore in bianco.

Passaggio 11

Disegna un rettangolo sulla faccia del calendario che corrisponde al rettangolo blu mostrato sotto. Dagli un leggero gradiente.

Passaggio 12

Crea il numero sulla faccia del calendario usando la stessa tecnica che abbiamo fatto per il nome VECTORTUTS. Dare al numero un contorno bianco sottile.

Passaggio 13

Ottieni un aspetto della pagina arricciata disegnando una forma fluida simile a quella sottostante. Più liscia è la forma, più realistico sarà il ricciolo della pagina.

Passaggio 14

Per garantire che il ricciolo sia il più credibile possibile, dovremo modificare la parte del foglio direttamente a sinistra del ricciolo. Inizia selezionando la faccia del calendario e l'arricciatura della pagina. Nella tavolozza degli itinerari, fare clic su Dividi. Ora vai su Oggetto> Separa. Nota, potrebbe essere necessario regolare la disposizione delle forme dopo aver usato il filtro Dividi, poiché alcune forme potrebbero ora essere coperte.

Passaggio 15

Selezionare entrambe le metà della curvatura della pagina e utilizzare l'opzione Aggiungi alla forma dell'area nella tavolozza degli itinerari. Fai clic su Espandi nella tavolozza degli itinerari. Ora, entrambe le metà della curvatura della pagina vengono combinate di nuovo e la faccia del calendario è suddivisa in due parti (una a sinistra della pagina arricciata e l'altra a destra).

Passaggio 16

Utilizzando lo strumento di selezione diretta (A), fai clic sul punto mostrato sotto e spostalo leggermente verso destra e verso l'alto.

Passaggio 17

Elimina il bordo dritto della pagina tracciando una forma curva su di essa e usando la tavolozza Pathfinder per tagliare l'immagine. Tagliare la forma selezionando entrambe le forme e utilizzando l'opzione Sottrai dalla forma dell'area, evidenziata di seguito. Quindi completa questo facendo clic su Espandi.

Passaggio 18

Duplica l'arricciatura della pagina e riposizionala leggermente per ottenere un'arricciatura della pagina aggiuntiva.

Passaggio 19

Dare al bordo destro del calendario una sfumatura che crei l'illusione di trovarsi in ombra.

Passaggio 20

Dare i gradienti dei riccioli della pagina. Assicurati di dare al curl di pagina sulla sinistra un gradiente un po 'più scuro dato che ha un oggetto molto vicino. Aggiungi un po 'più di interesse al bordo della pagina arricciatura compensando i loro percorsi come abbiamo fatto nel passaggio 5 andando su Oggetto> Percorso> Percorso offset.

Passaggio 21

Ora puoi dare alla nuova forma un leggero cambiamento nel suo gradiente, che aiuta a evidenziare il bordo del foglio.

Passaggio 22

Crea facilmente un'ombra esterna utilizzando la forma dalla superficie superiore del calendario e squadrandone l'angolo inferiore. Vai a Effetto> Sfocatura> Sfocatura gaussiana e inserisci un valore che produca una sfocatura abbastanza morbida da implicare un'ombra.

Immagine finale

Posiziona l'ombreggiatura dietro il calendario e assegna alla superficie superiore del calendario una leggera sfumatura e la pratica icona del calendario è completa!

Questa icona è versatile e può essere utilizzata per una varietà di applicazioni. Diventa creativo, puoi cambiare il volto del calendario per adattarlo a molte esigenze.

Iscriviti al feed RSS di VECTORTUTS per rimanere aggiornato con le ultime esercitazioni e articoli vettoriali.