NOTA! Questo sito utilizza i cookie e tecnologie simili.

Se non si modificano le impostazioni del browser, l'utente accetta. Per saperne di piu'

Approvo

Tutorial figure e gradienti in Inkscape; esempio pratico: "palla 8", I parte

 

Tutorial figure e gradienti in Inkscape; esempio pratico: "palla 8", I parteINTRODUZIONE

VIDEOTUTORIAL (YOUTUBE)

VIDEOTUTORIAL (DOWNLOAD)

VERSIONE TESTUALE

LINK E ALTRE RISORSE UTILI

 


 

INTRODUZIONE

Questa è la prima parte di due tutorial sul disegno vettoriale con Inkscape nei quali vedremo come realizzare la "palla 8" del biliardo, inquadrata frontalmente; al di là del caso pratico che realizzeremo, sarà un modo per trattare argomenti come il gradiente, l'allineamento degli elementi e lo spostamento su Layer diversi, cambiando anche le tecniche di miscelazione.

 

 


 

VIDEOTUTORIAL (YOUTUBE)

 

 


 

VIDEOTUTORIAL (DOWNLOAD)

 


 

VERSIONE TESTUALE

Ink Palla8 Ip 00001 

Avviamo Inkscape e partiamo da un progetto completamente vuoto.

  Ink Palla8 Ip 00002

La prima cosa da fare è disegnare un cerchio, per cui scegliamo lo strumento Cerchi ed Ellissi (shortcut F5) e clicchiamo in un punto del foglio per disegnare il cerchio.

  Ink Palla8 Ip 00003

Tenendo premuto CTRL mentre trasciniamo il mouse, potremo mantenere uguali larghezza ed altezza del cerchio, ottenendo appunto un cerchio perfetto (e non un ellisse, che possiamo disegnare trascinando il mouse senza tenere premuto CTRL insieme al tasto sinistro).

 

Il riempimento del cerchio dovrebbe essere nero e ci va bene così; in ogni caso, possiamo cambiarlo selezionando l'oggetto (strumento freccia nel menù a sinistra) e cambiando il colore della casella "Riempimento", in basso a sinistra.

  Ink Palla8 Ip 00004

Su questa figura vogliamo disegnare un cerchio bianco con dentro un numero 8, inoltre vogliamo realizzare due effetti gradiente: il primo per simulare un'illuminazione spot in alto a destra, il secondo per dare una gradazione o sfumatura a tutto il cerchio, per cercare di simulare la forma sferica, tridimensionale.

 

Iniziamo dal cerchio bianco interno: si tratta semplicemente di selezionare lo strumento cerchio, disegnare appunto un cerchio all'interno di quello nero e cambiare successivamente il colore in bianco; non preoccupatevi, per il momento, dell'allineamento delle figure: ci penseremo tra poco, allineando anche l'elemento testuale.

  Ink Palla8 Ip 00006

Per realizzare il cerchio teniamo premuto CTRL mentre trasciniamo il mouse col tasto sinistro premuto; inoltre, per sfocare leggermente il bordo di questo cerchio bianco (per non renderlo proprio un cerchio netto, troppo preciso) clicchiamo su Contorno, in basso a sinistra: nella finestra che apparirà, potremo impostare il tipo di contorno in "colore uniforme" e un valore a piacere per il campo Sfocatura, per sfocare appunto i bordi della figura.

  Ink Palla8 Ip 00007

Fatto questo, creiamo il testo del numero 8 selezionando lo strumento Testo (shortcut F8), cliccando su un punto all'interno del cerchio bianco e digitando appunto "8".

  Ink Palla8 Ip 00008

Cambiamo dimensione, tipo ed effetti del Font mediante gli strumenti della barra in alto.

 

Ottenuto un testo che ci va bene, passiamo agli allineamenti: con lo strumento Freccia (seleziona oggetti, shortcut F1) selezioniamo tutti e tre gli elementi, col click sinistro, quindi apriamo la scheda "Allinea e distribuisci" (che possiamo trovare cliccando sulle frecce in basso a destra e scegliendo tale scheda dal menù che apparirà).

  Ink Palla8 Ip 00009

Ink Palla8 Ip 00010

 

Ink Palla8 Ip 00011

In questa scheda, clicchiamo sulle caselle "Centra sull'asse verticale" e "Centra sull'asse orizzontale": fatto!

  Ink Palla8 Ip 00012

Ink Palla8 Ip 00013

Deselezioniamo tutto (con click sinistro su un punto vuoto), quindi selezioniamo solo il cerchio nero e scegliamo lo strumento "Gradiente" (shortcut CTRL F1), in basso a sinistra.

  Ink Palla8 Ip 00015

Facciamo click su un punto in alto a destra del cerchio nero e, tenendo premuto il tasto sinistro, allarghiamo, orientando le due maniglie che appariranno in modo da simulare la direzione dei raggi luminosi (quindi una maniglia perpendicolare alla superficie, immaginandola sferica, mentre l'altra tangente... ci vuole un piccolo sforzo di immaginazione: dovete pensare di aver toccato una sfera, col click sinistro).

  Ink Palla8 Ip 00016

Ink Palla8 Ip 00017

Nella barra degli strumenti scegliamo, in alto a sinistra, la modalità "radiale" per il nostro gradiente.

  Ink Palla8 Ip 00018

Clicchiamo sulla maniglia perpendicolare al punto e trasciniamola, avvicinandola al centro del gradiente: questo avrà l'effetto di restringere e schiacciare un po' lo spot su quell'asse, sempre per simulare l'illuminazione su una superficie sferica, tridimensionale, non piatta – come in effetti è il nostro disegno 2D!

  Ink Palla8 Ip 00019

Avviciniamo anche la maniglia "tangente", per restringere lo spot; in generale, per ottenere l'effetto schiacciato la lunghezza delle due maniglie dovrà essere differente (con quella perpendicolare più corta di quella tangente, in questo caso), mentre la loro inclinazione determinerà l'orientamento.

  Ink Palla8 Ip 00020

Clicchiamo su "Modifica", nella barra degli strumenti del gradiente in alto, per modificare le caratteristiche dell'elemento.

  Ink Palla8 Ip 00021

Come potete vedere cliccando sul menù a tendina degli "Stops", il gradiente di default è composto da due bande individuate appunto dagli "Stops"; selezionando uno Stop potremo modificarne colore e trasparenza (parametro A, per Alpha, l'opacità).

  Ink Palla8 Ip 00022

Selezioniamo lo Stop relativo al colore centrale (quello che ha posizione 0.0) e impostiamone il colore in bianco con Alpha al massimo (quindi, in realtà, opacità completa, nessuna trasparenza).

  Ink Palla8 Ip 00023

Passiamo al colore delle estremità (posizione 1.0) e impostiamone il colore in nero (lo stesso della pallina) con Alpha 255 (quindi, anche qui, nessuna trasparenza per la figura.

  Ink Palla8 Ip 00024

Notate quindi che in realtà non ha più importanza il nero originale della figura cerchio di partenza: l'ho impostato come riferimento, ma adesso il riempimento è dato dal gradiente, posizionato in alto a destra e con transazione da uno spot bianco (con dimensione impostata tramite le maniglie) e tutto il resto nero.

 

NOTA: il gradiente non è certo l'unico metodo disponibile per ottenere un effetto "spot", anche con sfocatura, su un oggetto; ad esempio, potete ricorrere a una forma geometrica o un tracciato, sfocandone poi il contorno e modificandone il riempimento, come fatto con le due figure viste in questo stesso tutorial... in generale, esistono sempre più strade per arrivare allo stesso risultato.

 

Per migliorare la transizione del gradiente tra il centro e i bordi è possibile inserire degli Stop intermedi, spostandone la posizione per introdurre sfumature di colore o rendere più o meno brusco il passaggio tra uno Stop e un altro.

  Ink Palla8 Ip 00025

Ink Palla8 Ip 00026 

Degli Stop intermedi e di altri effetti relativi alla miscelazione del gradiente sulle figure parleremo comunque nella II parte (cliccare qui); per questo tutorial, invece, è tutto!

Alla prossima!

 


 

LINK E ALTRE RISORSE UTILI

 

COMMENTI, DOMANDE, ALTRE RISORSE, ...

Per commenti, domande o altro, accedere al Forum del sito (cliccare qui); per informazioni sulla Registrazione al sito, cliccare qui.

 

 

 
Vai all'inizio della pagina