Oggi torno con un altro episodio del mio spazio dedicato alla costruzione di graphic design e all'uso di Inkscape. Di solito tratto sia la creazione di loghi ipotetici a titolo di esempio sia l'utilizzo del programma di grafica vettoriale Inkscape. Oggi mi soffermerò sulla parte che assomiglia a un tutorial, andando poi ad applicare il tutto al logo ipotetico creato nel precedente appuntamento.
Vediamolo più nello specifico.

Questa volta voglio focalizzare l'attenzione sugli strumenti più semplici nella modifica di vettoriali, vale a dire lo strumento UNIONE. Sì, perché Inkscape ha una sezione che permette di agire sugli elementi vettoriali creati in precedenza, agendo su più elementi allo stesso tempo. Il caso più semplice è appunto quello dello strumento "Unione". Questa utilissima azione permette – come dice il termine – di unire più elementi vettoriali in un unico elemento grafico. Per fare un esempio della sua utilità: unendo più elementi assieme, ci basterà impostare il colore una volta soltanto, e tutti gli elementi (in precedenza singoli) assumeranno quel colore in contemporanea. Lo svantaggio principale: purtroppo sarà molto più difficile separare l'elemento finale nei suoi elementi di partenza. Ma andiamo per gradi e vediamo come utilizzare questo strumento.

Per prima cosa, ho creato una scritta e l'ho trasformata in un elemento vettoriale. In un PRECEDENTE POST ho mostrato in dettaglio come poterlo fare.

La mia idea era di rivisitare questa scritta creando delle spigolosità abbastanza geometriche. Ho così creato dei rettangoli e altre figure di contorno, facendo toccare i bordi di queste figure ad alcuni nodi spigolosi della scritta iniziale.

Qual'era la mia intenzione? Semplice: creare delle forme o degli elementi da unire successivamente alla scritta iniziale, usando le forme viste sopra come "guide"; lo scopo era avvicinarmi il più possibile al modello che avevo ideato nella mia testa. Perciò ho selezionato il pulsante mostrato sulla colonna più alla nostra sinistra, a circa metà colonna. Sto parlando dello strumento di "Disegno di tracciati e linee dritte": lo puoi trovare nell'immagine sottostante contornato da un doppio cerchio rosso e nero (le forme dal contorno rosso-nero e le altre frecce che vedrai sono il modo che userò per evidenziare le zone a cui prestare maggior attenzione).

Ho quindi usato questo strumento per creare il primo rettangolo (che vedi riempita di giallo). Questo strumento – in breve – si utilizza così: dopo averlo selezionato nella colonna sulla sinistra, posizioniamo il cursore all'interno della pagina Inkscape; clicchiamo con il tasto sinistro del mouse per creare un primo nodo; a questo punto spostiamoci e clicchiamo un'altra volta per creare un secondo nodo e ripetiamo l'operazione quante volte vogliamo. Tra ogni nodo e il successivo creato comparirà una linea di unione.

Una volta terminata la creazione dei nodi dovremo effettuare un doppio clic con il tasto sinistro del mouse: quello che avremo disegnato diventerà un elemento vettoriale unico formato dai nodi e dalle linee ottenute. Per creare una forma chiusa (come un triangolo o un rettangolo) dovremo posizionare l'ultimo nodo esattamente sopra il primo nodo creato (con un doppio clic del tasto sinistro del mouse).

Io ho poi utilizzato la funzione "DUPLICA": clic con tasto destro del mouse mentre il cursore è puntato sopra la forma da duplicare; quindi clic con tasto sinistro sopra la voce "Duplica". Comparirà un elemento copia che potremo spostare dopo averlo selezionato. Infine, ho utilizzato uno degli strumenti "RIFLESSIONE" (in questo caso, orizzontale): lo puoi trovare evidenziato nell'immagine qui sotto, in alto, all'interno di una delle righe più a ridosso del bordo della schermata; un pulsante che è contrassegnato da due frecce orizzontali adese ma dirette in senso opposto. Selezionando un elemento e cliccando con tasto sinistro sopra quel pulsante, l'effetto sull'elemento vettoriale sarà quello visibile nell'immagine sotto: ci saranno due copie speculari che potremo spostare dove vorremo.

A questo punto entra in scena il vero protagonista di questo episodio. Per prima cosa, selezioniamo i due elementi: strumento selezione, poi clic con tasto sinistro sopra la prima figura, poi clic con tasto sinistro sul secondo elemento, MA TENENDO PREMUTO il TASTO MAIUSC della tastiera.
Rechiamoci ora sulla barra in alto e clicchiamo (tasto sinistro del mouse) sopra la voce "TRACCIATO"; sul menù a discesa appena aperto, clicchiamo sulla voce "UNIONE".

A questo punto, ripetiamo l'operazione, selezionando assieme la scritta "Boom" con l'elemento formato dai due rettangoli. Se vuoi, puoi anche effettuare gli ultimi due step assieme, andando a selezionare tutti quanti gli elementi (selezione del primo, poi selezione del secondo premendo MAIUSC, poi selezione del terzo premendo MAIUSC, e così per quanti elementi vorrai unire assieme).

Il risultato finale è questo:

E adesso passiamo alla parte meno impegnativa: la creazione del logo finale. Il logo a cui avevo pensato era destinato a un servizio di assistenza caldaie, giocando su uno dei concetti più importanti in questo settore: il rischio, purtroppo a volte attuale e tragico, dell'esplosione di caldaie difettose o non ben controllate.

I primi passi li abbiamo visti in precedenza. A questo punto ho aggiunto due stanghe oblique di colore giallo dalle fattezze spigolose.

Ho poi cambiato il colore delle stanghe provando diversi abbinamenti, ma questa modifica era soltanto provvisoria. Ho invece deciso di rielaborare la scritta, rendendo le lettere molto più grasse di quelle inizialmente utilizzate. Ho anche modificato alcune zone per rendere la grafica delle parole più accattivante. In figura ho provato a indicare le zone con delle frecce (modifiche sulla B, sulle O, sulla M, ecc):

Ho quindi creato un pittogramma con cui addobbare le semplici parole, centrandolo orizzontalmente poco sopra gli elementi testuali del logo. Era impossibile non aggiungere poi una scritta descrittiva dell'attività, poco sotto la dicitura "Bim Boom Bam".

Ho infine creato una doppia sagoma bianca e nera intorno alla scritta principale e ho aggiunto delle zone di colore, dalle sfumature di rosso agli estremi e una specie di occhio arancio all'interno della parola "Boom". Il risultato è quello che trovi qui sotto, spero che ti piaccia

E anche per oggi abbiamo concluso. Spero che tu abbia compreso dove trovare gli strumenti con cui intrecciare le forme vettoriali che utilizzerai. Se hai domande, usa pure la sezione commenti. Io ti saluto e ti lascio i link dei miei precedenti post:

• l'articolo introduttivo
• FONT e CARATTERI
• LINEE CURVE semplici
• VETTORIALIZZARE PAROLE
• Strumenti FORME
• Strumento GRADIENTI