TUTORIAL - Il logo ATi con Inkscape (Parte I).
Descrizione: Creazione del logo.
Data prima pubblicazione: 20.08.2006
Rev.: C (29.09.2006)
Sviluppato su: InkScape 0.44

1. Cominciate con il salvare l'immagine del logo ATi sul vostro desktop tramite il link presente in fondo alla pagina. Fatto questo trascinate con il tasto sinistro del mouse l'icona del file PNG sull'icona di Inkscape.
Grazie a questo semplice gesto saremo sicuri che il programma aprendosi, oltre a caricare il file, adatti automaticamente il proprio layout di pagina a quello dell'immagine. In questo modo le vostre misure e quelle discusse nel tutorial saranno le medesime.

In alternativa potete anche caricare l'immagine come di consueto e una volta selezionata, dalla finestra 'Proprietà del Documento' sotto la cartella 'Pagina', cliccate su 'Adatta la pagina alla selezione'.


2. Una volta importata l'immagine andremo a creare due livelli separati che chiameremo rispettivamente 'sfondo' e 'logo'. Per far ciò avremo bisogno della finestra predisposta alla gestione dei livelli. Per attivarla andate nel menu 'Livello' > 'Livelli' oppure usate la combinazione di tasti 'Maiusc+Ctrl+L'. Per aggiungere un livello cliccate sul simbolo '+', inserite un nome e cliccate su aggiungi.


3. Una volta selezionata e 'tagliata' l'immagine tramite il classico 'Ctrl+X' andremo ad incollarla usando 'Maiusc+Ctrl+V' (*) nel livello 'sfondo'. Ora per terminare la fase preparatoria non resta che bloccare il livello 'sfondo' tramite il lucchetto e portare l'opacità a circa 0.150 (vedi figura).

(*) L'uso aggiuntivo del tasto 'Maiusc.' insieme al classico 'Ctrl+V' è molto importante in quanto permette di incollare oggetti e tracciati nella medesima posizione di origine.


4. Bene, ora finalmente possiamo cominciare con la creazione vera e propria del logo.
Dopo esserci assicurati di aver selezionato il livello 'logo', tramite l'uso dello strumento 'disegna tracciati' andiamo a disegnare una linea retta come in figura. Una volta disegnata la linea confermate con il tasto 'INVIO'.


5. Fatto questo aprite la finestra 'Riempimento e Contorni' (Maiusc+Ctrl+F) e immettete i seguenti valori: Larghezza: 49, Spigoli: Spigolo arrotondato, Estremi: Estremo arrotondato, Opacità generale: 0.500. Otterrete così la prima stanghetta della lettera 'T'.


6. Ora duplicate la geometria appena creata (Maiusc.+D) e tramite i tasti cursore (*) posizionate la copia in modo da farla combaciare con la lettera 'I' del nostro logo.
Fatto questo sempre per mezzo dello strumento 'disegna tracciati' create una linea spezzata in modo da formare la lettera 'A'. Nella finestra 'Riempimento e Contorni' inserite i soliti parametri noti.

(*) L'uso dei tasti cursore è fortemente raccomandato per effettuare modifiche di precisione. In questo caso se ne consiglia l'uso in abbinamento ai tasti 'Alt' (spostamenti molto precisi) e 'Maiusc.' (spostamenti grossolani).


7. Ora completeremo la lettera 'T'. Duplicate la stanghetta verticale (Ctrl+D) e cliccate sulla forma. In questo modo le maniglie cambieranno aspetto permettendo la rotazione dell'oggetto. Per facilitare l'operazione aiutatevi con il tasto 'Ctrl' che una volta premuto vincola la rotazione di 15° per volta. Ruotato il tutto adattatelo fino a farlo coincidere con la forma sottostante.


8. A questo punto non ci resta che creare le due circonferenze che andranno a completare le lettere 'A' e 'I'.
Per fare ciò utilizzate lo strumento 'Crea cerchi, ellissi e archi' (F5). Come misure utilizzate quelle rappresentate in figura e cioè: W:33 e H:33 (px).


9. Il passo successivo (fondamentale) sarà quello di trasformare lo spessore delle linee in geometrie vere e proprie. Per fare questo selezionate tutta la scritta e dal menu 'Tracciato' date il comando 'Da linea a tracciato' (Ctrl+Alt+C).


10. Ora per mezzo delle operazioni booleane uniremo le due geometrie che compongono la lettera 'T' impartendo dal menu 'Tracciato' il comando 'Unione' (Ctrl++). La lettera 'T' è ora completa.


11. Per la 'I' useremo lo stesso procedimento solo che questa volta dovendo creare un foro useremo il comando 'Differenza' detto anche di 'Sottrazione'.(*)

(*) Normalmente nei programmi di grafica 2D/3D che implementano le booleane è fondamentale l'ordine di selezione, in questo caso Inkscape lavora in modo leggermente diverso. Non è l'ordine di selezione ad influenzare l'operazione ma la posizione degli oggetti sul piano di lavoro. Nel caso della 'sottrazione' l'oggetto superiore verrà sempre sottratto a quello inferiore.


12. Bene, il nostro logo è quasi finito. Per concludere ripristinate tutti i valori di trasparenza a '1' e nascondete il livello 'sfondo' ora non più necessario. Per farlo vi basterà cliccare sull'occhio presente alla sinistra del nome livello della finestra 'Livelli' (vedi figura).
Come ultimi ritocchi create uno rettangolo rosso da posizionare sotto la scritta 'ATi', rendete la scritta bianca e salvate il lavoro perchè verrà ripreso nella II parte del tutorial.


13. Ecco come dovrebbe apparirvi il tutto a lavoro completato.

ATi è un marchio registrato di proprietà della 'ATI Technologies Inc.'


FINE I parte.

Scarica il files per il tutorial.


Home Commenta il tutorial

Risorse Inkscape © 2006