Share
Scopri come progettare un'icona di calendario in Adobe Illustrator. Questo tutorial illustra la procedura dettagliata di progettazione di questa icona vettoriale in Illustrator utilizzando strumenti quali: strumenti per la creazione di forme, pennelli, uno script per angoli arrotondati e più colori sfumati. Questa icona del calendario può essere utilizzata nel prossimo progetto o sito Web che costruisci.
Crea un documento RGB 600 x 600 px. Innanzitutto, attiva la griglia (Visualizza> Griglia) e la Scatta alla griglia (Visualizza> Aggancia alla griglia). Successivamente, avrai bisogno di una griglia ogni 10px. Vai a Modifica> Preferenze> Guide e griglia, inserisci 10 nella griglia ogni casella e 1 nella casella Sottori.
Puoi anche aprire il pannello Informazioni (Finestra> Informazioni) per un'anteprima dal vivo con le dimensioni e la posizione delle tue forme. Non dimenticare di sostituire l'unità di misura in pixel da Modifica> Preferenze> Unità> Generale. Tutte queste opzioni aumenteranno significativamente la tua velocità di lavoro.
Seleziona lo strumento Rettangolo (M) e crea una forma 350 per 50 pixel. Riempi con il gradiente lineare mostrato di seguito e aggiungi un tratto di 0,75 pt. Imposta il suo colore su R = 255, G = 255, B = 250. Successivamente, è necessario aggiungere una certa rotondità per questa forma. Lo script di Round Any Corner ti tornerà utile. Puoi trovarlo nell'articolo Vectortuts + 20 Free e utili script di Adobe Illustrator.
Salvalo sul tuo disco rigido e prendi lo Strumento selezione diretta (A). Seleziona i punti di ancoraggio superiori (evidenziati nella prima immagine) e vai su File> Script> Altro script. Apri lo script Round Any Corner, inserisci un raggio di 5px e fai clic su OK. Alla fine la tua forma dovrebbe assomigliare alla seconda immagine mostrata.
Disabilitare lo snap alla griglia (Visualizza> Aggancia alla griglia), vai su Modifica> Preferenze> Generale e inserisci 1 nella casella Incremento tastiera. Riseleziona la forma creata nel passaggio precedente e vai su Oggetto> Tracciato> Tracciato offset. Inserisci un offset di -1px e fai clic su OK.
Seleziona la forma risultante e crea una copia in primo piano (Comando + C> Comando + F). Seleziona questa copia e premi la freccia giù una volta. Riselezionare queste due forme nuove e fare clic sul pulsante Minus Front dal pannello Pathfinder. Riempi la forma risultante con R = 238, G = 208, B = 157.
Riattiva lo snap alla griglia (Visualizza> Aggancia alla griglia). Seleziona lo strumento Rettangolo e crea un quadrato di 50 per 50 px. Riempilo con R = 238, G = 208, B = 157. Ora posizionalo come mostrato nella prima immagine e vai a Effetto> Distorci e trasforma> Trasforma. Inserisci 6 nella casella delle copie e trascina il cursore Sposta-Orizzontale al 50%.
Fai clic su OK e vai di nuovo su Effetto> Distorci e trasforma> Trasforma. Questa volta inserisci 4 nella casella delle copie e trascina il cursore verticale Move al 50%. Fare clic su OK e andare su Oggetto> Espandi aspetto. Vai al pannello Livelli e troverai un gruppo con trenta quadrati.
Seleziona il gruppo creato nel passaggio precedente e premi Shift + Comando + G tre volte. Questo separerà i tuoi quadrati. Seleziona i cinque quadrati della seconda immagine, raggruppali (Comando + G) e riempili con il gradiente lineare mostrato sotto.
Seleziona il resto dei quadrati, raggruppali e riempili con il gradiente lineare mostrato sotto.
Concentriamoci sui quadrati in basso, a sinistra e a destra. Di nuovo, avrai bisogno dello script Round Any Corner. Seleziona lo Strumento selezione diretta (A), seleziona i due punti di ancoraggio evidenziati nella prima immagine e vai su File> Script> Altro script. Apri lo script Round Any Corner, inserisci un raggio di 5px e fai clic su OK. Alla fine le tue forme dovrebbero assomigliare alla seconda immagine mostrata.
Disabilita lo snap alla griglia (Visualizza> Aggancia alla griglia). Seleziona tutte le forme create finora e fai una copia indietro (Comando + C> Comando + B). Selezionare queste copie, fare clic sul pulsante Unisci e riempire la forma risultante con R = 207, G = 200, B = 176. Sposta questa copia di 2 px verso il basso, quindi fai una copia indietro (Command + C> Command + B).
Seleziona questa nuova copia e spostala di tre pixel verso il basso. Riempilo con R = 181, G = 174, B = 138. Ora vai su Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati nell'immagine finale e fare clic su OK.
Concentrati sul riquadro in alto a sinistra. Selezionalo e crea due copie in primo piano (Comando + C> Comando + F> Comando + F). Seleziona la copia in alto e premi due volte la freccia giù e la freccia destra. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con il bianco.
Seleziona la forma creata nel passaggio precedente e vai a Effetto> Distorci e Trasforma> Trasforma. Inserisci 6 nella casella delle copie e trascina il cursore Sposta-Orizzontale al 50%. Fai clic su OK e vai di nuovo su Effetto> Distorci e trasforma> Trasforma. Questa volta inserisci 4 nella casella delle copie, trascina il cursore Sposta verticale al 50% e fai clic su OK.
Riattiva lo snap alla griglia. Successivamente, è necessario mascherare la forma modificata nel passaggio precedente. Seleziona lo strumento Rettangolo (M) e crea una forma 350 x 250 px. Riempilo di bianco e posizionalo come mostrato nella prima immagine. Lo snap alla griglia faciliterà il tuo lavoro qui. Seleziona lo Strumento selezione diretta (A), seleziona i punti di ancoraggio inferiori di questa forma bianca e vai a File> Script> Altri script.
Apri lo script Round Any Corner, inserisci un raggio di 5px e fai clic su OK. Alla fine le tue forme dovrebbero assomigliare alla seconda immagine mostrata. Riselezionare la forma bianca, insieme alla forma modificata nel passaggio precedente, e andare al pannello Trasparenza. Aprire il menu a comparsa e fare clic su Crea maschera di opacità.
Seleziona lo strumento Rettangolo (M), crea una forma 50 x 50 px e posizionalo come mostrato nell'immagine seguente. Riempilo con il gradiente lineare mostrato sotto e aggiungi un tratto bianco. Vai al pannello Aspetto e seleziona questo tratto. Rendilo largo 2pt, allinearlo all'interno e abbassare l'opacità al 30%.
Seleziona lo strumento griglia rettangolare e fai clic sulla tua tavola da disegno. Una nuova finestra dovrebbe aprirsi. Inserire i dati mostrati di seguito e fare clic su OK. Questo creerà una bella griglia. Aggiungi un tratto di 0,75 punti per questa griglia e imposta il colore su R = 169, G = 124, B = 80. Ora posizionalo come mostrato nell'immagine seguente.
Concentrati sulla parte inferiore della griglia. Afferra lo Strumento selezione diretta (A), seleziona i punti di ancoraggio inferiori (evidenziati nella prima immagine) e vai su File> Script> Altro script. Apri lo script Round Any Corner, inserisci un raggio di 5px e fai clic su OK.
Disabilita lo snap alla griglia. Seleziona lo Strumento testo (T), fai clic sulla tua tavola da disegno e inserisci "16". Usa il carattere Calibri con una dimensione di 23pt. Imposta il colore su R = 65, G = 64, B = 66. Ora vai su Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati di seguito e fare clic su OK.
Ora seleziona questo piccolo testo, insieme al quadrato arancione, e Passa allo strumento Selezione (V). Fai clic sul bordo del quadrato (dovrebbe essere enfatizzato) e vai al pannello Allinea. Fare clic sul Centro allineamento orizzontale e sui pulsanti Centro allineamento verticale. Alla fine il tuo testo dovrebbe essere centrato come mostrato nella terza immagine.
Riseleziona lo Strumento testo (T) e aggiungi il resto del testo. Le dimensioni del testo per le abbreviazioni dei mesi devono essere 20pt. Aggiungi lo stesso effetto ombra discendente per tutto il testo.
Vai al pannello Pennelli (Finestra> Pennelli), apri il menu a comparsa e vai a Apri Libreria pennelli> Artistico> Artistico_Calligrafico. È necessario aprire una nuova finestra con un set di pennelli incorporati. Seleziona il pennello Ovale 10pt, seleziona lo strumento Pennello e disegna alcune X, come mostrato. Imposta il colore per questi percorsi a R = 190, G = 30, B = 45.
Riattiva lo snap alla griglia. Seleziona lo strumento Rettangolo (M), crea una forma 370 x 380 px e riempilo con R = 35, G = 31, B = 32. Posizionalo come mostrato nell'immagine seguente, invialo indietro (Shift + Comando + tasto sinistro di parentesi), e vai a Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 5px, fai clic su OK e vai su Oggetto> Espandi aspetto.
Disabilita lo snap alla griglia (Visualizza> Aggancia alla griglia). Riseleziona la forma creata nel passaggio precedente e vai su Oggetto> Tracciato> Tracciato offset. Inserisci un offset di -1px e fai clic su OK. Seleziona la forma risultante e crea una copia in primo piano (Comando + C> Comando + F).
Seleziona questa copia e premi la freccia giù una volta. Riselezionare entrambe le forme e fare clic sul pulsante Minus Front dal pannello Pathfinder. Riempi la forma risultante con il bianco e abbassa la sua opacità al 30%.
Riattiva lo snap alla griglia. Seleziona lo strumento Ellisse (L), crea una forma 20 per 20 px e riempilo con R = 35, G = 31, B = 32. Vai al pannello Aspetto, seleziona il riempimento esistente e fai clic sul pulsante Duplica elemento selezionato nella parte inferiore del pannello Aspetto. Ovviamente, ciò creerà una copia del riempimento selezionato.
Seleziona questo nuovo riempimento e imposta il suo colore su R = 128, G = 130, B = 133. Ora vai su Effetto> Deformazione> Guscio inferiore. Trascina il cursore Bend a -100%, fai clic su OK, quindi vai su Effetto> Distorci e trasforma> Trasforma. Inserire i dati mostrati di seguito e fare clic su OK.
Tornare al pannello Aspetto, accertarsi che la forma sia ancora selezionata e aggiungere un tratto. Rendilo nero, largo 2 volte e allinearlo all'esterno. Crea una copia di questo tratto, rendilo largo 1pt e imposta il suo colore su R = 128, G = 130, B = 133. Riseleziona l'intero percorso e vai a Effetto> Stilizzazione> Sfalsa ombra. Ancora una volta, inserisci i dati mostrati di seguito e fai clic su OK.
Seleziona la forma creata nel passaggio precedente e duplicala. Sposta questa copia a destra, come mostrato nella seconda immagine. Successivamente, è necessario apportare alcune modifiche per questa copia. Selezionalo e vai al pannello Aspetto.
Apri l'effetto Trasforma e sostituisci i numeri esistenti con quelli mostrati nell'immagine seguente. Fare clic su OK e quindi aprire l'effetto Warp. Sostituisci l'effetto Lower Shell con un effetto Upper Shell e fai clic su OK. Alla fine la tua copia dovrebbe assomigliare alla terza immagine mostrata.
Seleziona il rettangolo scuro, crea una copia in primo piano (Comando + C> Comando + F) e afferra lo strumento Ellisse (L). Crea una forma da 450 x 90 px e posizionala come mostrato nella prima immagine. Seleziona questo cerchio schiacciato insieme alla copia del rettangolo e fai clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati.
Questo creerà un gruppo con due forme semplici. Rimuovi la forma inferiore, separa (Shift + Command + G) la forma rimanente e portala in primo piano (Shift + Command + tasto Right Bracket). Riempilo con il gradiente lineare mostrato nell'immagine finale e abbassa la sua Opacità al 15%. Lo zero giallo dall'immagine del gradiente indica la percentuale di opacità.
Disabilita lo snap alla griglia. Seleziona nuovamente lo Strumento testo (T), fai clic sulla tua tavola da disegno e inserisci "Settembre 2011." Posiziona questo testo come mostrato di seguito e usa il carattere Calibri con una dimensione di 23pt. Imposta il colore su R = 65, G = 64, B = 66. Ora vai su Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati di seguito e fare clic su OK.
Riseleziona il rettangolo scuro e crea una copia sul retro (Comando + C> Comando + B). Spostalo verso il basso di 5 pixel, abbassa l'opacità al 30% e vai a Effetto> Sfocatura> Sfocatura gaussiana. Inserisci un raggio di 10 px e fai clic su OK.
Riseleziona il rettangolo scuro e vai al pannello Aspetto. Aggiungi un secondo riempimento per questa forma, abbassa la sua opacità al 40% e usa la sfumatura radiale mostrata nell'immagine seguente. Non dimenticare che lo zero giallo dall'immagine del gradiente indica la percentuale di opacità. Aggiungi un tratto nero, ingrandisci 2 volte e allinearlo all'esterno.
Aggiungi un secondo tratto, rendilo largo 1pt, allinearlo all'esterno e impostarne il colore su R = 147, G = 149, B = 152. Infine, riseleziona l'intero percorso e vai a Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati di seguito e fare clic su OK.
Ora aggiungiamo un diverso set di colori per il frame. Inizia con la forma sottile e lunga. Selezionalo e sostituisci il bianco con R = 125, G = 143, B = 81. Ora aumenta la sua opacità al 70%. Ora vai ai pulsanti freccia. Selezionali, vai al pannello Aspetto e sostituisci i colori esistenti con quelli mostrati nell'immagine seguente.
Seleziona la cornice scura e vai al pannello Aspetto. Per prima cosa, sostituisci i colori piatti con i colori mostrati nell'immagine seguente. Quindi, seleziona il riempimento con il gradiente. Aumenta la sua Opacità al 100%, modifica la modalità di fusione su Sovrapponi e sostituisci la sfumatura esistente con quella mostrata sotto.
Ecco i colori che dovrai usare se preferisci una cornice marrone. In primo luogo, i colori per i pulsanti freccia e la forma sottile e lunga.
Successivamente, i colori per la cornice grande.
Finalmente lo sfondo. Seleziona lo strumento Rettangolo (M) e crea una forma delle dimensioni della tua tavola da disegno. Riempi con il gradiente lineare mostrato sotto, quindi vai al pannello Aspetto e aggiungi un secondo riempimento. Per questo nuovo riempimento avrai bisogno di un modello incorporato. Vai al pannello Campioni, apri il menu a comparsa e vai a Open Swatch Library> Patterns> Grafica di base> Basic Graphics_Textures.
Si dovrebbe aprire una nuova finestra con un set di pattern incorporati. Tornare al pannello Aspetto, selezionare il secondo riempimento e fare clic sul modello Inundation terra USGS 19. Ora che hai aggiunto il pattern per il tuo riempimento, abbassa la sua Opacità al 35%. Riseleziona il primo riempimento e vai a Effetto> Stilizzazione> Bagliore interno. Inserisci i dati mostrati di seguito, fai clic su OK e il gioco è fatto.
L'icona finale è sotto con più opzioni di colore mostrate.
Accentsconagua