Inizio della barra di navigazione
Salta direttamente al contenuto della pagina
Fine della Barra di Navigazione
NEWS
- 27/10/2009
- Sondaggio per TopoRaduno 2010
- 22/10/2009
- Auguri TopoLinux
- 20/10/2009
- Linux Day a Bologna
- 16/10/2009
- Manutenzione NewsLetter
STAFF
| cod | OFFLINE  |
| dndvault | OFFLINE |
| Joernano | OFFLINE |
| klaudia | OFFLINE |
| Lemoeb | OFFLINE |
| tuttoeniente | OFFLINE |
ULTIMO NUMERO
-
Vuoi lavorare per Topolinux?
Stiamo ricercando: Giornalisti
Manda una mail o il tuo articolo a:
redazione[at]topolinux.org -
Sostieni Topolinux!
Aiutaci a fornire servizi sempre
migliori con una donazione -
Ricerche
Inkscape tutorial, parte 3
Benvenuti alla terza parte del tutorial su Inkscape.
Oggi faremo la conoscenza dei tre strumenti di disegno linee presenti nel nostro adorato programma di grafica vettoriale: "disegna linee a mano libera" (F6) 
, "disegna tracciati e linee diritte" (SHIFT F6) 
e "disegna linee calligrafiche (CTRL-F6) 
e lo faremo ovviamente in maniera sperimentale, lanciandoci nella creazione di due loghi.
Il primo logo: Monti e Valli
Il primo lavoro che inizieremo sarà qualcosa di molto semplice: un logo per un'associazione che si occupa di escursioni.
Chiameremo questa ipotetica entità "Monti e Valli".
Prima di disegnare un logo è sempre necessario fare un minimo di brainstorming e pensare a cosa si vuole comunicare.
Qual è lo scopo dell'associazione Monti e Valli? Probabilmente spingere la gente a fare delle scampagnate e a visitare le bellezze del territorio in cui si trovano.
Quindi dovremo tenere presente le seguenti cose:
- sole
- prati
- cielo azzurro
- monti
- valli
Pensiamo poi un attimo al target di questa associazione. Molto probabilmente si tratterà di famiglie, quindi dovremo rendere il nostro logo "simpatico" e "amichevole" anche ai più piccini.
Bene: ora che abbiamo le idee un po' più chiare su cosa disegnare, iniziamo!
Nome del progetto: logo per "Monti e Valli"
Scopo del progetto: creare un logo simpatico per una associazione
Durata: 10/15 minuti
Livello: facile
Requisiti: conoscenza di base dell'interfaccia di Inkscape
Passo 1: impostiamo la pagina
Partiamo tracciando un rettangolo di base e dandogli come dimensioni 495 x 300 pixel. I colori che sceglieremo saranno bianco per il riempimento e nero per il bordo (1px di spessore). Poi premiamo CTRL-SHIFT-D e clicchiamo sul pulsante "adatta la pagina delle selezione" (sì, non ho ancora avvertito i traduttori italiani dell'errore).
Tornando al disegno andiamo sul menù livello -> rinomina livello e diamo il nome "sfondo", poi blocchiamo il livello premendo sul lucchetto a fianco del nome, in basso a sinistra nella finestra.
Passo 2: il nome dell'associazione
Un logo è un simbolo "parlante", quindi deve avere al suo interno il nome dell'associazione, possibilmente bello grosso.
Prima di tutto ci servirà un nuovo livello: creiamolo (menù livello -> aggiungi livello) e diamogli nome "logo".
Ora prendiamo lo strumento testo (F8) e scriviamo "Monti e Valli" all'interno del nostro disegno.
Io ho scelto come font "MgOpen Modata", un font senza grazie e abbastanza tondeggiante, come dimensione ho usato 64 e ho impostato il grassetto per renderlo più ciccioso.
Il risultato lo vedete in questa immagine:
Passo 3: monti e valli
Può un logo che parla di monti e valli non raffigurare dei monti e delle valli?
Direi di no, quindi prendiamo il primo dei nuovi strumenti che conosceremo oggi: "disegna tracciati e linee diritte" (SHIFT-F6).
Lo strumento che ci apprestiamo a usare è molto simile a "crea e modifica tracciati" di The Gimp: ci permette di creare delle linee di tipo "bezier" ovvero dei tracciati che possono essere distorti in un secondo momento.
Tutto ciò che dobbiamo fare e cliccare in un punto e poi cliccare nuovamente in un altro per ottenere una linea retta.
Proviamo a realizzare qualcosa di simile alla figura qui sotto:
Passo 4: rendiamo il logo simpatico
Un logo appare simpatico se ci ricorda cose piacevoli, ma anche se ha qualcosa di simile a un cartone animato: linee buffe e poco spigolose.
Non potendo fare dei monti poco spigolosi (non sarebbero monti) possiamo optare per qualcosa di un po' diverso: dei monti storti.
Prendiamo lo strumento "modifica nodi del tracciato o maniglie di controllo" (F2) e clicchiamo (tenendo premuto) proprio nel mezzo di una delle linee appena tracciate.
Trascinando con attenzione la linea noterete che questa si incurverà, seguendo il vostro mouse, contemporaneamente compariranno delle righe (dette "maniglie") in ciascuno dei due vertici del segmento che stiamo modificando.
Provate a realizzare qualcosa di simile a questo:
Abbiamo reso i monti un po' più simpatici, non sembra anche a voi?
Passo 5: prati e neve
Un monte è un monte senza la neve? Ovviamente no.
Ora, il nostro problema è che i monti devono anche avere un po' di prato e non è possibile riempire una forma con due colori diversi, quindi dovremo usare un piccolo trucchetto.
Ma andiamo con ordine: prima di tutto creiamo il prato, cioè diamo un colore di riempimento ai nostri monti.
Io ho scelto il colore 338000.
Ora che l'erba è cresciuta sui nostri monti, dobbiamo coprire le loro cime con la neve.
La scelta più semplice è spezzare la forma che abbiamo creato in due forme: una riempita di verde e una di bianco, quindi creeremo delle forme che comprendano le tre cime e poi useremo l'azione "divisione" per separarle dal resto del monte.
Prendiamo il secondo strumento di cui ci occupiamo oggi: "disegna linee a mano libera" (F6). Questo strumento fa esattamente quello che dice il suo nome: ci permette di scarabocchiare sullo schermo, ma in vettoriale.
Ciò significa che tutto ciò che disegneremo, per quanto brutto possa essere, sarà ingrandibile all'infinito senza perdita di qualità.
Realizziamo qualcosa di questo tipo:
Poi selezioniamo i monti ed una delle forme appena create e andiamo sul menù Tracciato -> divisione (CTRL-/). Vedete? Abbiamo appena separato la cima del monte dal resto. Ora selezioniamola e diamole come colore di riempimento un bel bianco.
Facciamo lo stesso con le altre due, otterremo qualcosa di simile a questo:
Passo 6: recuperiamo il testo
Il testo è rimasto dietro a tutto mentre dovrebbe essere molto ben visibile.
Portiamolo in primo piano col tasto (o premendo HOME).
Certo, la scritta nera non è molto gioiosa. Proviamo a eseguire un'azione "esclusione" tra i monti e il testo.
Selezioniamo i nostri monti e il testo, poi andiamo su Strumenti -> esclusione ed ecco cosa otteniamo:
Passo 7: sole e cielo
Per finire aggiungiamo un bel sole dietro ai monti e un bel cielo.
Sul sole niente da dire: si tratta di un semplice cerchio giallo che porteremo in secondo piano rispetto al resto.
Per il cielo useremo un gradiente: blocchiamo il livello "logo" e sblocchiamo il livello "sfondo", ora selezioniamo il rettangolo di sfondo e diamogli come colore un bel azzurro, io ho scelto 00a7ff.
Ora attiviamo lo strumento "crea e modifica i gradienti" (CTRL-F1), verifichiamo nella barra di controllo dello strumento che sia selezionato il gradiente lineare:
e infine tracciamo il gradiente dall'alto in basso sul rettangolo.
Premendo sul tasto modifica nella barra di controllo dello strumento attiveremo l'editor di gradiente.
Scegliamo il secondo "stop" dal menù a tendina e diamogli come colore un bianco totalmente opaco: ffffffff.
Abbiamo finito: Il logo completo della nostra fantomatica associazione Monti e Valli dovrebbe apparire così:
Vi siete divertiti? Aspettate di vedere il prossimo logo...
Il secondo logo: Optical
Il secondo progetto che ci accingiamo a creare sarà molto diverso: realizzeremo il logo di un altro ipotetico cliente, ma questa volta si tratterà di una grande azienda che si occupa di supporti ottici (CD, DVD, ecc) e siccome non ho molta fantasia ho deciso di chiamarla "Optical".
Iniziamo come sempre pensando a cosa vogliamo comunicare col nostro logo.
Si tratta di una azienda che produce materiale per il mondo digitale, quindi dovremo dare di sicuro un'idea di:
- efficienza
- precisione
il che esclude, molto probabilmente, qualunque forma di logo "amichevole" e cartoonistico.
L'azienda, poi, si occupa di supporti ottici digitali, e cosa vi viene in mente se dico DVD? Ma è ovvio: riflessi!
Quindi ricapitolando dovremo tenere a mente:
- efficienza e precisione
- digitale
- riflessi
Finita la fase di brainstorming è il momento di metterci al lavoro
Nome del progetto: logo per "Optical"
Scopo del progetto: creare un logo per una azienda di supporti ottici
Durata: 30 minuti
Livello: medio
Requisiti: conoscenza di base dell'interfaccia di Inkscape, dei gradienti, buona capacità manuale
Passo 1: impostiamo la pagina
Come al solito partiamo creando un rettangolo che useremo come sfondo.
Diamogli come dimensioni: 490 x 175 px, 1 pixel di bordo (colore 999999) e come riempimento... beh, che colori vi vengono in mente pensando ad un DVD? Blu e viola? Anche a me!
Riempiamo il nostro rettangolo con un gradiente, dal blu 1200aa al viola 6800dc, come mostrato in questa figura:
Selezioniamo il nostro rettangolo e premiamo CTRL-SHIFT-D, poi diciamo alla pagina di adattarsi alle dimensioni del nostro sfondo.
Se a questo punto il vostro gradiente è sparito non allarmatevi, molto probabilmente avete disattivato i 4 pulsanti in fondo alla barra di controllo dello strumento "seleziona e trasforma oggetti":
Annullate l'operazione e attivateli tutti e 4, poi riprovate e vedrete che il gradiente seguirà le nuove coordinate dell'immagine.
Blocchiamo come al solito il livello e diamogli nome "sfondo", poi creiamo il livello "logo" sopra di esso.
Passo 2: riflessi
È giunto il momento di giocare un po' col nome della ditta.
Scriviamo "Optical" nel nostro livello "logo".
Io ho scelto un font con le grazie, e per la precisione un Bitstream Vera Serif grandezza 72, senza grassetti o corsivi e gli ho dato un colore bianco.
Non che sia molto bello da vedere così, quindi dobbiamo pensare a qualche effetto carino.
Visto che una delle cose da tenere in considerazione era "riflessi", creiamo una copia riflessa del nome della nostra ditta.
Per farlo duplichiamo il testo (seleziona e poi CTRL-D) e trasciniamo in diagonale l'angolo in alto a sinistra verso l'angolo in basso a destra e poi oltre. Tenendo premuto CTRL faremo sì che il ridimensionamento sia proporzionale.
Diamo a questa copia specchiata un colore 999999 e disponiamoli come in questa figura:
Passo 3: bit
Digitale significa bit, quindi perché non aggiungere un po' di 1 e di 0 al nostro logo? Prendiamo ancora lo strumento testo e realizziamo una serie di righe di lunghezza variabile composte da 0 e 1. Io ho usato un font Monospace, dimensione 10:
Posizioniamo questo lungo testo ai margini del disegno ed attiviamo lo strumento "gradiente". Selezioniamo il pulsante che abilita i gradienti radiali:
e creiamo un gradiente come nella figura sottostante:
Usiamo come colore di partenza ffffff96 (cioè un bianco con un livello di trasparenza 150) e come colore di arrivo ffffff00, cioè trasparente.
Il nostro logo inizia ad essere un po' meno vuoto.
Duplichiamo il nostro blocco di bit e trasciniamolo nell'angolo in basso a destra dell'immagine. Prima di farlo assicuriamoci di aver attivato i 4 tasti in fondo alla barra di controllo dello strumento "seleziona e trasforma oggetti", come all'inizio di questo disegno.
Ora cambiamo l'allineamento del testo: premiamo F8 e, nella barra di controllo dello strumento testo, scegliamo "allinea a destra" poi attiviamo lo strumento gradiente, ci assicuriamo che "crea un gradiente radiale" sia attivato e rovesciamo il gradiente che dovrebbe già esistere:
Passo 4: movimento
Prima di continuare guardiamo un attimo il nostro disegno. Non lo trovate un po' statico?
Bit, scritte, nulla che esprima la dinamicità di un'azienda leader nel settore e la Optical è un'azienda leader, o almeno abbiamo deciso che lo sia. Anzi (se dobbiamo fantasticare almeno facciamolo in grande) la Optical è la più grande azienda del settore e ci pagherà milioni di euro per il logo che stiamo realizzando.
Vi sentite più motivati ora?
Bene, perché ci aspetta un bel lavorone: rendere il logo più movimentato.
Per farlo introdurremo una serie di "onde" create con lo strumento "disegna tracciati e linee diritte" (SHIFT-F6).
Provate a realizzare qualcosa di simile a questa figura:
Ora, con molta attenzione, selezionate tutte le linee appena create (click del mouse + SHIFT) e assegnate a tutte il colore bianco. Poi, sempre con tutte le linee selezionate, impostate la trasparenza a 30, scrivendo questo valore nella casella in basso a sinistra, chiamata "Opacità generale". Come ultima azione spostate tutte queste linee in fondo a questo livello premendo il tasto.
Passo 5: il tocco finale
Manca ancor qualcosa al nostro logo, non vi pare?
È ora di fare la conoscenza del terzo strumento di questo tutorial: "disegna linee calligrafiche" (CTRL-F6) che permette di disegnare linee simili a quelle che lascia il pennino del calligrafo.
Usare questo strumento è davvero difficile: dovete avere una mano molto rapida e precisa, oppure molta pazienza e una vera passione per il tasto "annulla".
Io, che rientro nella seconda categoria, ho provato parecchie volte prima di ottenere la linea che vedete nella figura qui sotto. Provateci anche voi: ho usato un giallo ffff00 per il riempimento e ho ovviamente rimosso il bordo.
Che ve ne pare? Vi piace il logo che abbiamo realizzato?
Vi assicuro che è piaciuto anche agli alti dirigenti dell'ipotetica ditta Optical, che mi hanno pagato, per questo logo, un sacco di milioni... ipotetici ovviamente!
Conclusione
In questa puntata abbiamo fatto la conoscenza dei tre strumenti di disegno linee di Inkscape, abbiamo inoltre imparato a lavorare con i gradienti e progettare dei semplici loghi.
Vi è venuta voglia di lanciarvi in qualche disegno assurdo?
Perfetto: sono sicuro che vi divertirete un sacco nella prossima puntata, in cui parleremo di...
no, non ve lo dico :P