Come Creare un Logo Semplice con InkScape

InkScape è una delle migliori applicazioni gratuite per grafica vettoriale scalabile (SVG). Questo la rende ideale per creare grafiche che mantengono il loro aspetto indipendentemente dalle dimensioni, e soprattutto, loghi. Anche se InkScape offre una notevole collezione di strumenti, puoi creare un logo semplice utilizzando solo uno o due di essi.

Poiché InkScape è una delle applicazioni grafiche open-source più popolari, molte distribuzioni Linux lo includono preinstallato. Se la tua non lo include, cercalo attraverso l’App Store ufficiale della tua distribuzione. Se non ti dispiace usare comandi e sei su una distribuzione basata su Debian, puoi installarlo con:

sudo apt-get install inkscape

Leggi anche: 8 Migliori Editor Grafici Gratuiti per Creare Immagini Vettoriali

Orientamento della Pagina

La modalità predefinita di InkScape per i nuovi documenti ha un orientamento verticale. La maggior parte dei loghi ha una larghezza maggiore dell’altezza, quindi è meglio impostare la configurazione della pagina in orizzontale.

Per fare ciò, seleziona “File -> Proprietà Documento” e cambia l’orientamento, proprio sotto l’elenco delle Dimensioni della Pagina, in orizzontale.

Leggi anche: Come Creare un Logo Utilizzando Google Drawings

Strumento Linea

Seleziona il dodicesimo strumento dalla barra degli strumenti dell’applicazione, che rappresenta una piccola matita con una linea che sembra un’ombra sotto. In alternativa, premi Shift + F6. Questo strumento ti consente di disegnare linee rette e curve bezier.

Guide Magnetiche

InkScape – e la maggior parte dei suoi strumenti – ti consente di progettare ciò che vuoi, ovunque tu voglia, partendo da qualsiasi punto sulla pagina vuota. A volte, come nel caso di progettare un logo, alcune restrizioni su tutta questa libertà sono piuttosto utili. E con “restrizioni”, parliamo di “guide”,

L’uso delle guide può aiutare a controllare la geometria di un disegno. Agendo come magneti, un clic accanto a loro cambia dove un punto sarà posizionato, “teletrasportandolo” su di esse. Il posizionamento corretto delle guide può trasformarle in uno “scheletro” grezzo su cui creare il design finale.

Creare guide in InkScape (così come in molte altre applicazioni dello stesso genere) è accessibile tramite una scorciatoia nascosta: tieni premuto il pulsante sinistro del mouse su uno dei due righelli che appaiono ai bordi della pagina e trascinalo fino al punto in cui desideri una guida. A seconda che tu abbia tirato il righello dall’alto o dalla sinistra della pagina, creerai una guida orizzontale o verticale.

Per rendere la progettazione del tuo logo molto più comoda, ti suggeriamo di creare una matrice di guide non molto diversa da quella che puoi vedere nel nostro screenshot.

Linee, curve e giunzioni

Nel nostro caso, abbiamo progettato un logo alternativo “MTE” per Make Tech Easier – solo quelle tre lettere. Molto probabilmente, vorrai creare qualcosa di diverso, quindi invece di dare istruzioni rigorose e specifiche su dove e come cliccare, descriveremo ciò che abbiamo fatto e perché lo abbiamo fatto.

Abbiamo iniziato disegnando la lettera “m.” Come per la maggior parte delle lettere, avremmo bisogno sia di linee rette che di curve. È più facile – o, almeno, così pensiamo – iniziare con una semplice linea retta. Abbiamo (mentalmente) selezionato una guida verticale a sinistra della pagina su cui ci piacerebbe posizionare la nostra prima linea verticale.

Abbiamo cliccato su una giunzione con una guida orizzontale in basso a sinistra. Poi abbiamo cliccato su un’intersezione con una guida orizzontale in alto a sinistra. Il risultato è stata una linea verticale sulla guida verticale, che inizia e finisce alle sue giunzioni con le guide orizzontali.

Anche se avevamo creato la nostra prima linea, eravamo lontani dalla conclusione: lo strumento selezionato rimaneva attivo e in attesa, pronto per la nostra prossima mossa. Spostandoci in diverse parti dello schermo, potevamo vedere un’anteprima dal vivo dei risultati del nostro prossimo clic. Almeno, se il nostro prossimo clic avrebbe portato a un’altra linea retta invece di una curva.

Definire una Forma

Lo strumento linee & curve Bezier selezionato crea una sequenza di linee e curve. Ogni nuovo clic specifica la fine della linea precedente e l’inizio della successiva.

Per creare una curva invece di una linea, tieni premuto il pulsante sinistro del mouse invece di cliccare e rilasciarlo. Poi, con il pulsante sinistro ancora premuto, trascina il mouse. Vedrai sullo schermo che la linea cambia in una curva, con la sua curvatura e angolo definiti dalla posizione del cursore.

Il processo di disegno di una forma si completa tornando al punto in cui tutto è iniziato, con un ultimo clic sullo stesso punto esistente da cui hai iniziato.

Definendo linee e curve attraverso una serie di clic sequenziali, puoi disegnare quasi qualsiasi cosa tu possa immaginare. Non è una questione di talento, ma di pazienza, volontà e determinazione. Anche se, come nel nostro caso visto nella nostra immagine, questo era solo la lettera “m.”

Aggiungere Colore

Ripetendo i passaggi precedenti, abbiamo progettato altre due lettere per completare il nostro logo. Ma erano bianche, o per essere precisi, vuote, su uno sfondo bianco. Non il massimo per un logo.

Per dare a qualsiasi forma un colore, selezionala e poi scegli il colore che desideri che abbia. È facile come sembra, almeno quando sai quale pulsante fa cosa. Clicca sul primo degli strumenti disponibili, che mostra una freccia, o premi F1 sulla tastiera. Questo è lo strumento di selezione. Con esso attivo, puoi cliccare su qualsiasi forma tu voglia selezionare o cliccare e trascinare un rettangolo attorno ad essa.

Puoi selezionare più forme contemporaneamente trascinando un rettangolo attorno a tutte o cliccando su di esse in sequenza tenendo premuto Shift.

Per assegnare un colore a qualsiasi forma selezionata / attiva, clicca sul colore desiderato nella tavolozza dei colori in fondo allo schermo oppure clicca e trascina su l’oggetto a cui desideri assegnarlo. Nota che, in questo caso specifico, il secondo metodo assegnerà solo un colore al contorno delle lettere poiché sono, per il momento, vuote.

Logo Reale

Il nostro logo era quasi pronto. Utilizzando lo strumento di selezione, abbiamo preso le lettere una per una e le abbiamo avvicinate. Abbiamo poi sostituito l’eccentrico e multicolore extravaganza che abbiamo usato nel nostro passaggio precedente per esempio, con un nero più serio. Infine, abbiamo nascosto le guide disabilitando la loro visualizzazione da “Visualizza -> Guide,” per poter vedere chiaramente il risultato del nostro lavoro senza linee fastidiose in tutta la pagina.

Ricorda di Salvare!

L’ultimo passo quando si progetta qualcosa è quasi sempre una visita finale a “File -> Salva.” InkScape non utilizza alcun formato di archiviazione strano ed è completamente compatibile con il formato di grafica vettoriale scalabile ampiamente utilizzato, meglio conosciuto come “SVG.”

I file di questo tipo memorizzano grafiche come equazioni matematiche, quindi appaiono impeccabili indipendentemente dalle dimensioni del display. Vale anche la pena notare che tutti i browser attuali sono compatibili con esso. e lo sono stati per la maggior parte dell’ultimo decennio, il che significa che puoi utilizzare il tuo logo direttamente in formato SVG sul tuo sito. Sarà più veloce da visualizzare, “più pulito” e più adatto alla compressione rispetto a un file JPEG o PNG medio.