Come creare l’icona di un calendario con Illustrator

Ricevo molte mail dove mi si chiede di realizzare un tutorial sulla creazione di icone personalizzate! Anche se l’argomento non riguarda propriamente il logo design, voglio accontentarvi! D’altronde….quando mai non l’ho fatto!! Così oggi impareremo come creare l’icona classica di un calendario con Adobe Illustrator. Niente di difficile, si tratta di un tutorial molto semplice e veloce, adatto a tutti. Avrete solo bisogno di conoscere come utilizzare gli strumenti di base e alcuni effetti come il bagliore interno, l’ombra, l’effetto transforma, l’effetto angoli arrotondati o l’effetto distorsione. Bene, iniziamo!

Passo 1

Innanzitutto, create un nuovo documento di 256 per 256px. Poi, selezionate lo strumento Rettangolo (M) e create un quadrato di 180 per 180px. Riempitelo con questi valori di colore R = 242 G = 242 B = 242 e aggiungete la traccia a 1pt (R = 230 G = 230 B = 230). Selezionate il riempimento dalla tavolozza Aspetto e aggiungete un’ombra da Effetto-Stilizzazione-Ombra esterna come mostrato nell’immagine qui sotto. Chiamate questa forma “paper” o come meglio desiderate.

creazione documento illustrator

Passo 2

Duplicate il livello “Paper”. In primo luogo, eliminate l’effetto Ombra esterna per la copia appena creata, poi ridimensionatela come mostrato nell’immagine #2 sotto (la nuova forma dovrebbe avere un’altezza di 60px). Riempitela con R = 193 G = 39 B = 45 e aggiungete una traccia a 1pt all’interno (R = 152 G = 1 B = 0). Quindi, dal menu a discesa della tavolozza Aspetto, aggiungete due nuovi riempimenti. Utilizzare dei gradienti come mostrato nelle immagini # 4 e # 5:

aggiunta gradienti

Passo 3

Selezionate lo strumento Ellisse (L) e create un cerchio perfetto come quello mostrato nell’immagine sottostante. Aggiungete un nuovo riempimento. Riempite il primo con R = 242 G = 242 B = 242 e il secondo con i gradienti indicati di seguito. Successivamente, aggiungete due nuovi riempimenti e spostarli sotto gli altri riempimenti. Poi riempite lo sfondo con R = 199 G = 27 B = 31 e poi fate clic su di esso (nella tavolozza Aspetto) e andate su Effetto-Distorci e Trasforma-Trasforma. Selezionate l’altro riempimento e riempirlo con R = 99 G = 9 B = 10 e poi andate di nuovo su Effetto-Distorci e Trasforma-Trasforma e fate come indicato sotto….

distorci e trasforma illustrator

Passo 4

Continuiamo con gli “anelli” del nostro calendario. Selezionate lo strumento Rettangolo (M), create una forma simile a quella mostrata nell’immagine # 1 e poi riempitela con R = 230 G = 230 B = 230. Allineatela all’ellisse creata nel passaggio precedente (selezionare entrambe le forme con lo strumento di selezione (V), fate clic sul bordo dell’ellisse quindi fare clic sul pulsante Allineamento Orizzontale al centro dall paletta Allinea). Ora che l’allineamento è stato fatto, potete continuare con gli anelli. Selezionate il rettangolo, aggiungete un effetto Angolo arrotondato di 5px dalla paletta Traccia e andate poi su Oggetto-Espandi Aspetto. Selezionate il riempimento di questa forma (dalla tavolozza Aspetto), quindi aggiungete il bagliore interno come mostrato nella figura # 3. Successivamente, aggiungete tre nuovi riempimenti e utilizzate i gradienti come mostrato nella foto # 4, # 5 e # 6. Non dimenticate di cambiare il metodo di fusione per l’ultimo riempimento in Sovrapponi.

creazione anelli illustrator

Passo 5

Selezionare le forme del passaggio # 3 e # 4 e raggruppatele (Ctrl + G). Selezionate questo gruppo, andate su Effetto-Distorci e Trasforma-Trasforma e seguite le impostazioni mostrate nell’immagine sotto….

effetto distorci e trasforma

Passo 6

Selezionate lo strumento Rettangolo (M) e create un quadrato come mostrato nell’immagine # 1. Ruotate questa forma di 45 ° (è possibile farlo manualmente oppure si può andare in Oggetto-Trasforma-Ruota) e riempitelo con qualunque colore desiderato. Create una copia del livello “Paper” e spostatela sopra questa forma (dalla tavolozza Livelli). Selezionate questa copia insieme alla forma precedente e fate clic sul pulsante Ritaglia dalla tavolozza Elaborazione Tracciati. Si dovrebbero ottenere due forme (immagine # 3). Selezionate la forma più piccola e chiamatela “Flip”, poi riempitela con il gradiente mostrato nella figura # 4, abbassate la sua opacità al 50% e cambiate il metodo di fusione in Moltiplica. Poi, selezionate la forma più grande, riempitela con il gradiente indicato nella immagine # 5 e aggiungete una traccia di 1pt all’interno (R = 230 G = 230 B = 230). Aggiungete un nuovo riempimento per questa forma e utilizzate il gradiente radiale come indicato nell’immagine # 6.

rotazione illustrator

Passo 7

Duplicate il livello “Flip” (Ctrl + F – Ctrl + V). Selezionate questa copia, portatela in primo piano (Shift + Ctrl +]), ruotatela di 180 ° (Oggetto-Trasforma-Ruota), poi utilizzate lo strumento di Selezione diretta (A), selezionate il punto di ancoraggio in alto a sinistra, tenete premuto il tasto Maiusc e spostatela come mostrato nell’immagine # 2. Riempite questa forma con R = 242 G = 242 B = 242 e con il gradiente indicato nella immagine # 3. Selezionate di nuovo questa forma e aggiungete un gonfiamento da Effetto-Altera-Gonfia e poi Effetto-Altera-Arco prospettiva inferiore, come mostrato nella figura seguente.

effetto arco illustrator

Passo 8

Infine, aggiungiamo un testo. Selezionate lo strumento Testo (T), fate clic sulla tavola da disegno e scrivete qualsiasi numero desiderato. Selezionate il testo e andare su Oggetto-Espandi. Questo dovrebbe creare un nuovo gruppo. Selezionatelo e fate clic sul pulsante Aggiungi Nuovo livello di riempimento dal menu a discesa della tavolozza Aspetto. Riempitelo con il gradiente indicato nella immagine # 3. Ripetete queste istruzioni per il testo con il nome del mese. Comunque, basterà seguire le informazioni date dalle immagini # 4, # 5 e # 6.

aggiunta testo illustrator

Risultato Finale

Ora l’icona del calendario è fatta! Se avrete lavorato bene, ecco come dovrebbe apparire:

icona illustrator

Add a Comment

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.