Creare un logo con Illustrator

Come creare un logo per la propria attività

Autore: Andrea Pacchiarotti
Ultimo aggiornamento: 20 Maggio 2018
Categoria: Grafica

Landing Page

Il logo che rappresenta la propria attività è un elemento grafico importante non solo sotto l’aspetto estetico, definisce infatti l’identità di un’attività e se curato e riconoscibile ispira fiducia aiutando le persone a ricordarlo. Per comunicare efficacemente e con successo si parte dunque da un logo professionale.
Esso deve trasmettere l’essenza dell’azienda in un lampo e per farlo deve possedere delle caratteristiche ben precise; un logo di successo è semplice in modo da renderlo facilmente riconoscibile nonché facile da ricordare. I colori devono essere pochi, massimo 3, non troppo vivaci, ma neanche smorti (a meno che non ci si riferisca ad una società che costruisce prodotti per bambini). Se presenta testo, questo dovrebbe essere facilmente leggibile, è possibile scegliere un font adeguato da servizi quali ad esempio MyFonts o Dafont.
Va realizzato in grafica vettoriale per poter essere dimensionato liberamente senza deturparne la qualità, in tal senso si può utilizzare Adobe Illustrator. Tramite l’Ufficio Italiano dei Brevetti e dei Marchi e la Banca dati dell’Ufficio Europeo va controllato che non sia già utilizzato da qualche azienda o che non gli somigli troppo, ciò per evitare pericoli di plagio.

Il logo del presente sito, dalla forma vagamente triangolare con l'apice rivolto verso nord e le cui iniziali stanno per Andrea Pacchiarotti, esprime dinamicità, crescita e azione, una sorta di raffigurazione metaforica della direzione corretta da seguire.

Logo Andrea Pacchiarotti

Sommario Creare un logo con Illustrator

Consigli preliminari

Si è detto che per creare un logo con Illustrator bisogna usare la grafica vettoriale, ad esempio tramite un software come Adobe Illustrator che adopera equazioni matematiche per raffigurare le forme, ciò consente di creare dei loghi scalabili senza perdita di risoluzione e qualità occupano poca memoria, ma non sono adatte a rappresentare foto realistiche. Le immagini raster, a differenza di quelle vettoriali, sono formate dal prodotto di pixel che le compongono in altezza e larghezza: più la quantità e la densità di pixel è alta (i DPI), maggiore sarà la qualità dell’immagine; un esempio comune delle immagine raster sono le fotografie digitali e i documenti scannerizzati, rappresentano quindi foto realistiche, ma hanno il limite legato alla loro risoluzione originaria e allo stesso tempo immagini di alta qualità richiedono file di grandi dimensioni.

È utile fornire qualche consiglio prima di iniziare a creare un logo con Illustrator:

Ovviamente i 4 precedenti non sono passi indispensabili per creare un logo con Illustrator, ma possono far comodo.

Costruire un logo step by step

Introduzione

Da File/Nuovo è possibile specificare le dimensioni del logo, anche se salvandolo con il formato vettoriale sarà tranquillamente scalabile.
È possibile utilizzare le forme geometriche a disposizione cliccando dalla barra degli strumenti di sinistra l’icona Rettangolo (tenendo premuto il tasto sinistro del mouse è possibile scegliere altre forme quali Rettangolo con bordi arrotondati, Ellisse, Poligono, Stella, Riflesso); con lo strumento Riempimento è possibile colorare l’interno della forma, mentre con quello Traccia colorate il bordo.
Una volta creata la forma è possibile modificarla, a seconda della versione di Illustrator, con vari strumenti quali ad esempio Larghezza (e al suo interno Altera, Vortice, Risucchio, Gonfiamento, Smerlo, Cristallizza, Ruga), Trasformazione libera, Penna.
Creata la forma è possibile spostarla nel piano di lavoro usando lo strumento Selezione e cambiarne vari aspetti facendoci click con il tasto destro.
Oltre alle forme suddette da Finestra/Simboli si può accedere anche a dei simboli che basta trascinare sul piano di lavoro; per cambiarne il colore è possibile usare lo strumento Bomboletta Simboli con all’interno Sposta, Allontana/Avvicina, Ridimensiona, Ruota, Tonalità, Trasparenza, Stile. Per alterarne la conformazione, dopo averli selezionati con lo strumento Selezione (il puntatore nero), cliccare il pulsante in alto Modifica simbolo.
Ovviamente è anche possibile aggiungere il nome del sito o dell’azienda attraverso lo strumento Testo le cui caratteristiche (quali colore, opacità, carattere, allineamento, ecc.) sono impostabili dalla barra orizzontale in alto.

Pratica

Si supponga di voler creare un logo per una pizzeria che dovrà riprodurre una fetta di pizza con peperone, salamini ed olive e con una goccia di formaggio che cola da un’estremità.
Creare un nuovo documento orizzontale in Illustrator da File / Nuovo e dargli il nome LogoPizza assicurandosi che il profilo sia Stampa.
Scegliere Essenziali nell’area di lavoro in alto a destra, selezionare quindi Ripristina essenziali per ripristinare tutti i pannelli.
Eventualmente selezionare Visualizza / Adatta tavola da disegno a finestra per vedere l’intera tavola e, preferibilmente, importare un’immagine di riferimento per il logo (una fetta di pizza) da File / Inserisci e, con lo strumento Selezione attivato (freccia nera), trascinarla a sinistra
Aprire Finestra / Livelli. Doppio clic sul nome Livello 1 per rinominalo in Pizza e dare Invio.
Bloccare il livello dell’immagine dal lucchetto, a destra dell’occhio, per non spostarla accidentalmente.

Nella stessa finestra aggiungere un nuovo livello per la grafica tramite Crea nuovo livello, rinominarlo Logo e dare Invio.
Ora si hanno due livelli il primo è Logo, il secondo Pizza
Selezionare il livello Logo cliccandolo una volta e fare Salva
Assicurarsi che sia selezionato Visualizza / Guide sensibili

A destra dell’immagine, dagli strumenti, disegnare le forme per:

Logo Illustrator

Per colorare attivare Selezione e cliccare via via tutti gli oggetti per riempirli di colore (facendolo ad esempio dall’icona in alto a sinistra nella barra orizzontale superiore).
Tramite lo strumento Selezione disegnare un rettangolo onnicomprensivo che selezioni tutti gli oggetti e in alto selezionare lo spessore Traccia su 2 pt.
Ridurre eventualmente le dimensioni delle verdure e salumi per posizionarli all’interno della pizza con uno o due salamini che ne fuoriescono un po’ e ritagliare quelli fuoriusciti: selezionare tutto, icona Crea forme, tenendo premuto Opzione o Alt, quando si vede un segno cliccare sul riempimento (non sulla traccia) della forma da ritagliare.
Mantenendo sempre tutto selezionato, dal menu Oggetto / Raggruppa / Gruppo.
Attivare Selezione, posizionarsi ad un angolo del gruppo e quando compare la freccia curva ruotare tutta la pizza.

Logo Illustrator
Aggiungere del formaggio che cola (3 rettangoli dello stesso colore della pizza) attaccandoli alla punta inferiore del triangolo.
Accorciare quest’ultimo dal punto centrale inferiore.
Selezionarli tutti e tre da Crea forme trascinare il cursore su tutti e tre per unirli.
Attivare Selezione diretta, disegnare un rettangolo nella parte inferiore della forma raggruppata e trascinare uno dei widget angolari per arrotondare le estremità.
Sempre con Selezione diretta attivo, cliccare il punto in alto a destra del formaggio, rilasciare il mouse e ricliccarlo per trascinarlo verso l’alto fino ad agganciarlo al bordo dello spicchio.


Logo Illustrator

Ottimizzazione SEO

Salvataggio

Sono cinque i formati nativi con cui Illustrator salva un file: AI, PDF, EPS, FXG e SVG.
Nativi significa che mantengono tutti i dati (in PDF e SVG per conservarli tutti bisogna che però sia selezionata l’opzione Mantieni funzioni di modifica di Illustrator).
Nei formati non nativi il programma non recupera tutti i dati aprendo il file, quindi è consigliabile salvare i disegni in AI fino a quando non sono terminati e solo alla fine esportarli nel formato voluto.
Il formato EPS (Encapsulated PostScript) può contenere sia grafica vettoriale che bitmap e molti software di grafica, impaginazione ed elaborazione testi gestiscono proprio tale formato.
Il formato SVG (Scalable Vector Graphics) è il formato vettoriale per grafica di alta qualità; una sua variabile, l’SVG compresso (SVGZ, cioè zipped), può ridurre fino all’80% le dimensioni del file (anche se non può essere modificato con un editor di testi).

Rasterizzazione

La rasterizzazione converte da grafica vettoriale a bitmap, trasformando i tracciati in pixel.
È possibile rasterizzare oggetti vettoriali tramite Oggetto/Rasterizza (per creare l’aspetto di rasterizzazione senza cambiare la struttura dell’oggetto si opti per Effetto/Rasterizza). È altresì possibile rasterizzare un documento intero esportandolo in JPEG, GIF o TIFF.

Vettorializzazione

In Illustrator cliccare File/Nuovo… e impostare le dimensioni dell’immagine da vettorializzare, poi da File/Inserisci caricare l’immagine da cambiare in vettoriale; selezionarla cliccandola e dal menù Oggetto scegliere Ricalco immagine/Crea.
Se l’immagine non diventa in bianco e nero, selezionare da Finestra la voce Ricalco immagine/Modalità/Bianco e nero e cliccare Ricalca.
Quando l’immagine si è trasformata in vettoriale bianco e nera, potrebbe esser necessario colorata. Selezionarla e da Oggetto/Ricalco immagine cliccare Espandi. L’immagine sarà ricoperta da puntini di selezione blu: rimuoverli dal menu Seleziona/Deseleziona e cliccare sullo strumento Selezione diretta. Cliccare in un punto bianco del disegno e scegliere dal menu Seleziona la voce Simile/Colore di riempimento per isolare tutte le parti bianche dell’immagine da colorare; scegliere il colore da sostituire al bianco cliccando sul quadrato bianco in alto a sinistra (a destra di Oggetti misti) e l’immagine si colorerà. È possibile ripetere la stessa operazione anche per la parte nera.
Salvare in SVG da File/Salva con nome.

Usare Font Awesome e Glyphicons in Illustrator

Per installare gratuitamente i font Awesome (una libreria di font usata spesso nei siti web) ed utilizzarli in Adobe Illustrator come oggetti vettoriali, è necessario collegarsi al sito Awesome e scaricare il pacchetto cliccando su Download.
Scompattando il file suddetto si troverà al suo interno una cartella denominata Fonts contenente vari tipi di file; fare doppio clic su quello con formato ttf per installarlo.
Per usare Font Awesome in Illustrator è necessario collegarsi a http://fontawesome.io/cheatsheet/, copiare l’icona che interessa (non il codice) ed incollarlo sul documento Illustrator, successivamente va selezionato il tipo di carattere FontAwasome e il gioco è fatto.

Si può fare la stessa cosa con un’altra libreria molto usata, Glyphicons; infatti, dopo avere scaricato ed installato il file ttf, basta collegarsi a http://glyphicons.com/, copiare e incollare l’icona desiderata su Illustrator ed assegnarle il tipo di carattere GLYPHICONS Halflings Regular.
Generalizzando si può effettuare questa operazione anche prelevando altri tipi di font in giro per la Rete.

Per ricevere nella tua mail tips and tricks, ovvero suggerimenti e trucchi su Microsoft Office e Web in generale iscriviti gratuitamente alla newsletter


Richiedi un preventivo gratuito

Consento il trattamento dei dati personali ai sensi del GDPR 2016/679 - Privacy policy