Primo e Semplice tutorial con Illustrator, vediamo di realizzare una bella Icona RSS da inserire nel nostro Blog per farci seguire dai lettori.

Faremo una icona abbastanza semplice, poi appena avremo imparato a realizzarla potremo modificarla a piacere.

Abbiamo deciso di fare una Icona Tonda quindi prendiamo lo Strumento Ellisse (L) e ci posizioniamo in un punto del foglio, ricordatevi di tenere cliccato SHIFT in modo da avere un cerchio perfetto e non un ellisse.

Fatto il cerchio andremo a inserirgli una Sfumatura: selezionate il Cerchio, andate sul Menù sfumatura e facciamo una sfumatura circolare fra 2 Arancioni (colore classico dell’ icona RSS). Fatta la sfumatura attraverso lo Strumento Sfumatura (G) potrete andare a lavorare un pò sui parametri della sfumatura, noi scegliamo di spostare la sfumatura fuori dall’ asse del cerchio, un pò più in alto e a destra.

Adesso selezioniamo di nuovo il cerchio andiamo su OGGETTO -> TRACCIATO ->SCOSTAMENTO TRACCIATO e selezioniamo uno scostamento di -3px così da ottenere un nuovo Cerchio interno al primo di 3px.

Selezioniamo il cerchio esterno e lo facciamo ruotare di 180° rispetto al centro, così la sfumatura risulterà opposta a quello sopra e avremo l’effetto Bordo.

Adesso andiamo a disegnare il Simbolo dell’ RSS: le onde radio bianche stilizzate che simboleggiano la trasmissione del segnale e del contenuto, simbolo inventato da Mozilla Foundation che con Firefox ha sposato molto prima di Microsoft la filosofia RSS.

Prima di tutto disegniamo il cerchio esterno, prendiamo lo Strumento Ellisse (L) e prendendo come riferimento un punto qualsiasi all’ interno del nostro cerchio di sfondo tenendo premuto lo SHIFT e l’ ALT facciamo un Cerchio che abbia più o meno la stessa grandezza del Cerchio di Sfondo.

Facciamo in modo che sia disegnato solo il Tracciato e non il Riempimento con 40pt circa di spessore.

Selezioniamo con lo Strumento Selezione Diretta (A) i 2 punti del cerchio esterni all’ icona e li cancelliamo (Canc).

Adesso prendiamo il tracciato dell’ arco rimasto, lo copiamo (CTRL+C) e lo incolliamo sopra (CTRL+F) a questo punto lo dobbiamo scalare, però prima andate su MODIFICA -> PREFERENZE -> GENERALI e controllate che (CTRL+K) e controllate che sia selezionato Ridimensiona Traccia ed Effetti.

Fatto questo selezionate l’arco copiato e scalatelo verso il basso tenendo premuto SHIFT in modo da rimpicciolirlo e spostarlo sotto al primo arco.

Correggete lo spessore dandogli di nuovo i 40pt che avevamo scelto prima.

Adesso disegniamo il Cerchio alla base delle onde, selezioniamo lo Strumento Ellisse (L) e aiutandosi con 2 Guide (CTRL+R) facciamo in modo che iniziamo a disegnare il cerchio all’ intersezione esatta delle 2 Guide.

Adesso abbiamo disegnato il simbolo del RSS e lo andiamo a colorare, selezioniamo i 2 archi e andiamo su OGGETTO -> ESPANDI selezionando Traccia e così otterremo 3 tracciati per il simbolo RSS, selezioniamoli e andiamo sul Menù Sfumatura scegliendo una sfumatura da Bianco a Grigio facendo in modo che il grigio sia in basso a destra del simbolo.

Diamogli anche un pò di spessore dandogli come colore tracciato un grigio e come spessore 2pt.

Adesso diamo un effetto finale, disegniamo un tracciato a mano libera nella parte alta dell’ icona, selezioniamo il cerchio interno dello sfondo e duplichiamo (CTRL+C e poi CTRL+F) lo selezioniamo insieme al tracciato fatto a mano (tenendo premuto SHIFT) andiamo sul Menù Elaborazione Tracciati e selezioniamo Interseca.

Otteniamo così una forma che sta solo nella parte alta dell’icona, la selezioniamo andiamo al Menù Sfumatura e facciamo una sfumatura dal bianco al trasparente.

Attraverso lo Strumento Sfumatura (G) facciamo in modo che la sfumatura dia un effetto di illuminazione dell’ icona.

Ecco Pronta la Nostra Icona RSS.

Questo primo Tutorial serviva a capire anche le differenze fra Photoshop e Illustrator, come abbiamo visto attraverso Illustrator lavoriamo con la grafica vettoriale, andiamo a realizzare file molto meno pesanti per i nostri PC e solitamente avremo grafiche molto più limpide e nette.

Articoli Correlati:

• 
• 
• 
• 
•