Share
Nel seguente tutorial imparerai come creare un'icona semplice negli appunti. Usa un flusso di lavoro completo Illustrator CS5, tecniche di costruzione di forme vettoriali ed effetti vettoriali per progettare questa icona. Iniziamo.
Premi Comando + N per creare un nuovo documento. Immettere 600 nelle caselle larghezza e altezza, quindi fare clic sul pulsante Avanzate. Seleziona RGB, schermo (72ppi) e assicurati che la casella Allinea nuovi oggetti a griglia pixel sia deselezionata prima di fare clic su OK. Ora, attiva la griglia (Visualizza> Griglia) e lo snap alla griglia (Visualizza> Aggancia alla griglia).
Successivamente, avrai bisogno di una griglia ogni 5px. Vai a Modifica> Preferenze> Guide> Griglia, inserisci 5 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 di 240 per 325 pixel. Snap to Grid faciliterà il tuo lavoro. Ricorda di guardare nel pannello Informazioni per l'anteprima dal vivo con le dimensioni e la posizione della tua forma. Una volta creato, riempi la forma con R = 195, G = 153, B = 108. Rimuovi il colore dal tratto. Passare al pannello Livelli, fare doppio clic su questa nuova forma e denominarlo "Supporto".
Riseleziona "Supporto" e vai al pannello Aspetto. Seleziona il riempimento esistente e vai a Effetto> Stilizzazione> Bagliore interno. Inserire i dati mostrati di seguito e fare clic su OK.
Riseleziona "Supporto" e fai clic sul pulsante Aggiungi nuovo riempimento. È l'icona quadrata bianca dal fondo del pannello Aspetto. Ovviamente, questo aggiungerà un nuovo riempimento per la tua forma. Selezionalo dal pannello Aspetto, imposta il suo colore su R = 35 G = 31 B = 32, abbassa l'opacità al 5%, modifica la modalità di fusione su Moltiplica e vai a Effetto> Schizzo> Penna grafica. Inserire i dati mostrati di seguito e fare clic su OK.
Riseleziona "Supporto" e aggiungi un terzo riempimento. Trascina questo nuovo riempimento nella parte inferiore del pannello Aspetto, riempilo con il gradiente lineare mostrato sotto e vai a Effetto> Distorci e Trasforma> Trasforma. Inserire i dati mostrati di seguito e fare clic su OK. I numeri bianchi dall'immagine del gradiente indicano la percentuale di posizione.
Riseleziona "Supporto" e concentrati sul pannello Aspetto. Seleziona il riempimento aggiunto nel passaggio precedente e fai clic su Duplica elemento selezionato. È la piccola icona del file che si trova nella parte inferiore del pannello Aspetto. Questo aggiungerà una copia del riempimento.
Seleziona questo nuovo riempimento, imposta il suo colore a R = 35 G = 31 B = 32, abbassa la sua Opacità al 5%, cambia la modalità di fusione in Moltiplica e vai a Effetto> Schizzo> Penna grafica. Inserire i dati mostrati di seguito e fare clic su OK.
Riseleziona "Supporto" e aggiungi un quinto riempimento. Trascinalo nella parte inferiore del pannello Aspetto, riempilo con R = 117 G = 76 B = 41 e vai a Effetto> Distorci e Trasforma> Trasforma. Inserire i dati mostrati di seguito e fare clic su OK.
Riseleziona "Supporto" e aggiungi un sesto riempimento. Trascinalo nella parte inferiore del pannello Aspetto, riempilo con R = 35 G = 31 B = 32, abbassa la sua Opacità al 20% e vai a Effetto> Distorci e Trasforma> Trasforma. Inserire i dati mostrati di seguito e fare clic su OK.
Riseleziona "Supporto" e aggiungi un primo colpo. Imposta il suo colore a R = 212 G = 183 B = 150, rendilo largo 2pt e allinearlo all'interno. Concentrati sul pannello Aspetto e aggiungi un secondo tratto utilizzando il pulsante Aggiungi nuova traccia. È il quadratino nero dalla parte inferiore del pannello Aspetto. Seleziona questo nuovo tratto, imposta il suo colore a R = 138 G = 94 B = 60, rendilo largo 1pt e assicurati che sia allineato all'interno.
Riseleziona "Supporto", assicurati che nessun riempimento o tratto sia selezionato, e vai a Effetto> Stilizzazione> Sfalsa ombra. Inserisci i dati mostrati di seguito, fai clic su OK e vai a Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 7px e fai clic su OK. Dai uno sguardo più da vicino al pannello Aspetto e assicurati che l'effetto Arrotondati sia nella parte superiore del pannello.
Per i seguenti passaggi avrai bisogno di una griglia ogni 1 pixel. Quindi, vai a Modifica> Preferenze> Guide> Griglia e inserisci 1 nella griglia ogni casella. Seleziona lo strumento Rettangolo (M), crea una forma 210 x 290 px e riempilo con il bianco. Passa allo strumento Ellisse (L), crea un cerchio di 7px, riempilo con un colore casuale e posizionalo come mostrato nell'immagine seguente.
Riseleziona il cerchio creato nel passaggio precedente e vai a Effetto> Distorci e Trasforma> Trasforma. Immettere i dati mostrati di seguito, fare clic su OK e applicare Oggetto> Espandi aspetto.
Seleziona il gruppo di cerchi creato nel passaggio precedente, insieme al rettangolo bianco, e fai clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati.
Riselezionare la forma bianca (risultato del passaggio precedente) e posizionarla come mostrato nel passaggio seguente.
Riselezionare la forma bianca e aggiungere un tratto. Imposta il suo colore a R = 229 G = 230 B = 231, rendilo largo 2pt e allinearlo all'interno. Aggiungi un secondo tratto per questa forma, imposta il colore a R = 255 G = 255 B = 255, rendilo largo 1pt e allinearlo all'interno.
Seleziona lo strumento Rettangolo (M) e crea una forma 202 per 1 pixel. Riempilo con R = 152, G = 199, B = 219. Ora posizionalo come mostrato nell'immagine seguente.
Riseleziona la forma blu creata nel passaggio precedente e vai a Effetto> Distorci e Trasforma> Trasforma. Inserire i dati mostrati di seguito e fare clic su OK.
Seleziona lo strumento Rettangolo (M) e crea una forma 1 per 282 pixel. Riempilo con R = 246, G = 186, B = 186. Ora posizionalo come mostrato.
Riseleziona la forma rosa creata nel passaggio precedente e vai a Effetto> Distorci e trasforma> Trasforma. Inserire i dati mostrati di seguito e fare clic su OK.
Seleziona la forma bianca, insieme alle forme blu e rosa, quindi raggruppale (Comando + G). Seleziona questo nuovo gruppo e vai a Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati di seguito e fare clic su OK.
Riseleziona il gruppo creato nel passaggio precedente e vai a Effetto> Distorci e Trasforma> Trasforma. Inserire i dati mostrati di seguito e fare clic su OK.
Seleziona lo strumento Rettangolo (M) e crea una forma 95 per 24 pixel. Rimuovi il colore dal riempimento e aggiungi un tratto 3pt. Imposta il suo colore su R = 109, G = 110, B = 113. Assicurati che questa nuova forma sia ancora selezionata e vai a Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 5px e fai clic su OK. Alla fine la tua forma dovrebbe assomigliare alla prima immagine mostrata.
Riseleziona e fai una copia in primo piano (Comando + C> Comando + F). Seleziona questa copia, aumenta la dimensione del tratto a 5 pt e vai su Oggetto> Traccia> Traccia contorno. Seleziona il percorso risultante e crea una copia in primo piano (Comando + C> Comando + F).
Seleziona lo Strumento Rettangolo (M), crea due quadrati da 17 px e posizionali come mostrato nella prima immagine. Seleziona il riquadro a sinistra, insieme a uno dei percorsi creati alla fine del passaggio precedente e fai clic sul pulsante Interseca dal pannello Elaborazione tracciati. Seleziona il quadrato corretto, insieme all'altro percorso creato alla fine del passaggio precedente, e fai di nuovo clic sul pulsante Intersezione dal pannello Elaborazione tracciati.
Concentrati sulle due forme create nel passaggio precedente. Per prima cosa, avrai bisogno dello script Round Any Corner. Puoi trovarlo nell'articolo Vectortuts + 20 Articolo gratuito e utile di Adobe Illustrator Scripts. Salvalo sul tuo disco rigido e prendi lo Strumento selezione diretta (A).
Seleziona gli otto punti di ancoraggio evidenziati nella prima immagine e vai su File> Script> Altro script. Apri lo script Round Any Corner, inserisci un raggio di 1px e fai clic su OK. Alla fine le tue forme dovrebbero assomigliare alla seconda immagine mostrata.
Riselezionare le due forme modificate nel passaggio precedente e sostituire il colore piatto dal riempimento con il gradiente radiale mostrato di seguito.
Di nuovo, seleziona nuovamente le forme create nel passaggio precedente e aggiungi i due tratti semplici mostrati nel pannello Aspetto.
Riseleziona il rettangolo arrotondato creato nel passaggio 22. Aggiungi un secondo tratto per questo tracciato, rendilo largo 2.5pt e imposta il colore sul bianco. Aggiungi un terzo tratto per questo percorso, rendilo largo 1,75 e imposta il suo colore su R = 229, G = 230, B = 231.
Riselezionare la forma modificata nel passaggio precedente e aggiungere un nuovo tratto. Selezionalo dal pannello Aspetto, rendilo largo 0,5pt, imposta il suo colore su R = 166, G = 168, B = 171. Ora vai su Effetto> Distorci e trasforma> Trasforma. Inserire i dati mostrati di seguito e fare clic su OK.
Seleziona lo strumento Rettangolo (M) e crea due forme di 13 per 1 pixel. Riempi entrambe le forme con R = 250 G = 250 B = 250 e posizionale come mostrato nell'immagine seguente.
Seleziona tutte le forme create negli ultimi otto passaggi e raggruppale (Comando + G). Seleziona questo nuovo gruppo e vai a Effetto> Stilizzazione> Sfalsa ombra. Inserire i dati mostrati di seguito e fare clic su OK.
Seleziona lo strumento Ellisse (L) e crea un cerchio di 14px. Riempilo con la sfumatura lineare mostrata sotto e posizionala come mostrato nell'immagine seguente. Aggiungi un tratto 2pt per questa forma, allineatela all'interno e imposta il suo colore a R = 245, G = 245, B = 245. Aggiungi un secondo tratto per questo percorso, imposta il suo colore su R = 166, G = 168, B = 171, rendilo largo 1pt e allineatelo verso l'interno. Aggiungi un terzo tratto per questo percorso, imposta il suo colore su R = 88 G = 89 B = 91, rendilo largo 0.3pt e allineatilo all'esterno.
Seleziona lo strumento Rettangolo (M), crea una forma di 85 x 11 px, riempila con R = 229, G = 230, B = 231. Ora posizionalo come mostrato nell'immagine seguente. Spostati nel pannello Aspetto e aggiungi i tre tratti mostrati di seguito.
È lo stesso insieme di tratti utilizzati per la forma creata nel passaggio precedente. Assicurati che questa forma sia ancora selezionata e vai a Effetto> Stilizzazione> Angoli arrotondati. Inserisci un raggio di 3 pixel e fai clic su OK.
Seleziona lo strumento Rettangolo (M), crea una forma di 83 per 3 px e riempila con R = 166, G = 168, B = 171. Ora posizionalo come mostrato nella prima immagine. Continuare con lo strumento Rettangolo (M) e creare due forme da 81 x 1 pixel. Riempili con R = 245 G = 245 B = 245 e R = 128 G = 129 B = 132, quindi posizionali come mostrato nella seconda immagine mostrata sotto.
Seleziona tutte le forme e i gruppi creati negli ultimi dodici passaggi e raggruppali (Comando + G). Seleziona questo nuovo gruppo e posizionalo come mostrato nella seconda immagine.
Seleziona lo strumento Rettangolo (M), crea una forma di 83 per 8 pixel, riempila con il gradiente lineare mostrato sotto e posizionalo come mostrato nell'immagine seguente. Concentrati sul pannello Aspetto e aggiungi i tre tratti mostrati di seguito. Passa al pannello Livelli e trascina questo rettangolo fresco sotto i due gruppi.
Infine, se puoi modificare la forma di "Supporto". Nelle seguenti immagini puoi trovare due diversi set di proprietà che puoi usare per questa forma.
Ora il tuo lavoro è finito. Ecco come dovrebbe apparire.
Accentsconagua