Cum se face un logo simplu cu InkScape

Come creare un logo semplice con InkScape

⌛ Reading Time: 6 minutes

Inkscape è una delle migliori applicazioni SVG (Scalable Vector Graphics) gratuite. Questo lo rende ideale per creare grafiche che mantengano il loro aspetto indipendentemente dalle dimensioni e, soprattutto, dai loghi. Sebbene Inkscape offra una raccolta considerevole di strumenti, puoi creare un semplice logo usandone solo uno o due.

Poiché Inkscape è una delle applicazioni grafiche open source più popolari, molte distribuzioni Linux vengono fornite con esso preinstallato. Se il tuo non lo include, cercalo nell’App Store ufficiale della tua distribuzione. Se non ti dispiace usare i comandi e ti trovi su una distribuzione basata su Debian, puoi installarla con:

Orientamento della pagina

La modalità predefinita di Inkscape per i nuovi documenti li ha in orientamento verticale. La maggior parte dei loghi ha una larghezza maggiore dell’altezza, quindi è meglio impostare l’impostazione della pagina come orizzontale.

Creazione di loghi con l'orientamento della pagina Inkscape

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

Strumento linea

Creazione di loghi con lo strumento Inkscape Line

Seleziona il dodicesimo strumento dalla barra degli strumenti dell’applicazione, raffigurante una piccola matita con una linea che sembra un’ombra sotto. In alternativa, premere Cambio + F6. Questo strumento consente di disegnare linee rette e curve di Bézier.

Guide magnetiche

Inkscape – e la maggior parte dei suoi strumenti – ti consentono di progettare quello che vuoi, dove vuoi, a partire da qualsiasi punto della pagina vuota. A volte, come nel caso della progettazione di un logo, alcune restrizioni a tutta questa libertà sono molto utili. E con “restrizioni”, stiamo parlando di “guide”,

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

Creazione di loghi con le guide di Inkscape

La creazione di guide in InkScape (così come in molte altre applicazioni dello stesso genere) è accessibile tramite una scorciatoia nascosta: tieni premuto il tasto sinistro del mouse su uno dei due righelli che compaiono ai bordi della pagina e trascinalo nel punto dove vuoi una guida. A seconda che tu abbia tirato il righello dalla parte superiore o 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 incroci

Nel nostro caso, abbiamo progettato un logo “Routech.ro” alternativo per Routech.ro – solo quelle tre lettere. Molto probabilmente, vorrai creare qualcosa di diverso, quindi invece di dare istruzioni rigorose e specifiche su dove e come fare clic, descriveremo cosa abbiamo fatto e perché lo abbiamo fatto.

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

Abbiamo cliccato su un incrocio con una guida orizzontale in basso a sinistra. Abbiamo quindi cliccato su un incrocio con una guida orizzontale in alto a sinistra. Il risultato è stato una linea verticale sulla guida verticale, che inizia e termina alle sue giunzioni con le guide orizzontali.

Creazione di loghi con linee di disegno Inkscape sulle guide

Nonostante avessimo creato la nostra prima linea, non avevamo ancora finito: lo strumento selezionato è rimasto attivo e in attesa, in attesa della nostra prossima mossa. Spostandoci in diverse parti dello schermo, potremmo vedere un’anteprima dal vivo dei risultati del nostro prossimo clic. Almeno, se il nostro prossimo clic si traducesse in un’altra linea retta invece di una curva.

Definizione di una forma

Lo strumento Linee e curve di Bézier selezionate crea una sequenza di linee e curve. Ogni nuovo clic specifica la fine della riga precedente e l’inizio di quella successiva.

Per creare una curva invece di una linea, tieni premuto il pulsante sinistro del mouse invece di fare clic e premerlo. Quindi, con il pulsante sinistro ancora premuto, trascina il mouse. Vedrai sullo schermo che la linea si trasforma in una curva, con la sua curvatura e il suo angolo definiti dalla posizione del cursore.

Il processo di disegno di una forma viene completato tornando al punto in cui tutto è iniziato, con un ultimo clic sullo stesso punto esistente da cui sei partito.

Creazione di loghi con forma definita da Inkscape

Definendo linee e curve attraverso una serie di clic sequenziali, puoi disegnare quasi tutto ciò che puoi immaginare. Non è questione di talento ma pazienza, volontà e determinazione. Anche se, come nel nostro caso visto nella nostra foto, questa era solo la lettera “m”.

Aggiunta di colore

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

Per dare un colore a qualsiasi forma, selezionala, quindi scegli il colore che desideri che abbia. È facile come sembra, almeno quando sai quale pulsante fa cosa. Fare clic sul primo degli strumenti disponibili, che mostra una freccia, oppure premere F1 sulla tastiera. Questo è lo strumento di selezione. Con esso attivo, puoi fare clic su qualsiasi forma che desideri selezionare, fare clic con il pulsante sinistro del mouse e trascinare un rettangolo attorno ad essa.

Puoi selezionare più forme contemporaneamente trascinando un rettangolo attorno a tutte o facendo clic in sequenza su di esse con Cambio premuto.

Creazione di loghi con l'aggiunta di colore di Inkscape

Per assegnare un colore a qualsiasi forma selezionata / attiva, fai clic sulla forma desiderata nella tavolozza dei colori nella parte inferiore dello schermo o fai clic e trascinala sull’oggetto a cui desideri assegnarla. Nota che, in questo caso specifico, il secondo metodo assegnerà solo un colore al contorno delle lettere poiché sono, per il momento, vuote.

Logo effettivo

Il nostro logo era quasi pronto. Utilizzando lo strumento di selezione, abbiamo raccolto le lettere una per una e le abbiamo avvicinate. Abbiamo quindi sostituito la stravaganza multicolore dall’aspetto divertente che abbiamo usato nel nostro passaggio precedente, ad esempio, con un tipico nero dall’aspetto più serio. Infine, abbiamo nascosto le guide disabilitandone la visualizzazione da “Visualizza -> Guide”, per poter vedere chiaramente il risultato del nostro lavoro senza fastidiose righe su tutta la pagina.

Creazione di loghi con la visualizzazione delle guide di Inkscape

Ricordati di salvare!

Il passaggio finale quando si progetta qualcosa è quasi sempre l’ultima visita a “File -> Salva”. Inkscape non utilizza alcun formato di archiviazione strano ed è completamente compatibile con il formato di grafica vettoriale scalabile ampiamente utilizzato, meglio noto come “SVG”.

Realizzare loghi con Inkscape salvando il nostro lavoro

I file di questo tipo memorizzano la grafica come equazioni matematiche, quindi hanno un aspetto incontaminato 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, “dall’aspetto più pulito” e più intuitivo per la compressione rispetto al tuo file JPEG o PNG medio.

How useful was this post?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.