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", II parte

 

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

VIDEOTUTORIAL (YOUTUBE)

VIDEOTUTORIAL (DOWNLOAD)

VERSIONE TESTUALE

LINK E ALTRE RISORSE UTILI

 


 

INTRODUZIONE

In questa seconda parte (cliccare qui per la prima) del tutorial sul disegno della "palla 8" in Inkscape vedremo come realizzare un secondo Layer, da utilizzare esclusivamente come riempimento gradiente da miscelare con una modalità particolare al disegno ottenuto nel tutorial precedente, in modo da realizzare un effetto tridimensionale sul nostro disegno 2D.

 


 

VIDEOTUTORIAL (YOUTUBE)

 


 

VIDEOTUTORIAL (DOWNLOAD)

 


 

VERSIONE TESTUALE

Quello che vogliamo fare, in particolare, è partire da una forma circolare, come quella presente, creandone una copia da posizionare in un Layer (un livello) sovrapposto a quello corrente. A questa forma vogliamo dare un riempimento gradiente non lineare (vedremo presto cosa significa) da utilizzare per schiarire certe parti del disegno sottostante (in particolare, dal centro verso l'esterno).

 Ink Palla8 IIp 00001

Per prima cosa, selezioniamo il cerchio nero di base, provvisto di un suo gradiente (quello dello spost bianco in alto a destra) e duplichiamolo, con click destro e "Duplica" dal menù che apparirà, ottenendo così un nuovo disegno con le stesse caratteristiche.

 Ink Palla8 IIp 00002

Ink Palla8 IIp 00003

Di base, il progetto presenta un solo Layer, quello corrente, quindi tutti gli elementi che creiamo si trovano su tale Layer.

 

Possiamo aprire la finestra dei Layers con CTRL SHIFT L (o dal menù Livello – Livelli).

 Ink Palla8 IIp 00004

Creiamo quindi un nuovo livello, chiamandolo ad esempio "Livello illuminazione", da posizionare sopra al livello corrente.

 Ink Palla8 IIp 00005

Ink Palla8 IIp 00006

Tutti gli oggetti presenti nella scena fanno ancora parte del livello base.

 

Per spostare il cerchio ottenuto tramite copia nel livello superiore, selezioniamolo e premiamo SHIFT PAGSU (pagina superiore), o in alternativa scegliamo, dal menù "Livelli", la voce "Sposta selezione al livello superiore".

 Ink Palla8 IIp 00007

 

Nella maschera dei livelli, vedremo passare la selezione da "Livello 1" (quello di base) a "Livello illuminazione", a indicare che appunto la copia si trova su tale livello, sovrapposto al primo; possiamo averne ulteriore conferma cliccando sul simbolo dell'occhio accanto a "Livello superiore", che indica la visibilità o meno di tale livello: disattivandolo, vedremo solo il Livello 1, con il disegno originale.

Ink Palla8 IIp 00008

Riattiviamolo e, per evitare di selezionare erroneamente il gradiente del livello base e modificarlo, "blocchiamo" il Livello1 cliccando sul simbolo del lucchetto nella maschera del livello; se vogliamo, possiamo anche disattivare la visualizzazione di tale livello, per concentrarci unicamente sul Livello Illuminazione.

 Ink Palla8 IIp 00009

Ink Palla8 IIp 00010

Selezioniamo proprio il "Livello Illuminazione" e, sempre per evitare problemi con il gradiente dell'oggetto originale, clicchiamo su "Riempimento" in basso a sinistra, scegliendo poi "Colore uniforme" nella finestra che apparirà, in modo da avere un riempimento nero uniforme.

 Ink Palla8 IIp 00011

A questo punto, sempre con il nuovo cerchio copia selezionato, scegliamo lo strumento Gradiente e facciamo click al centro e allargando per definire un nuovo riempimento gradiente, che di default sarà da nero opaco a trasparente, per il nuovo oggetto.

 Ink Palla8 IIp 00012

Spostiamolo al centro della figura e ingrandiamo le maniglie fino a far prendere loro tutta la dimensione del cerchio, sia in altezza che in larghezza.

 Ink Palla8 IIp 00013

Noi vogliamo schiarire le parti ai bordi e lasciare scure quelle al centro, per cui apriamo la scheda del gradiente (è sufficiente fare doppio click sul centro dello stesso, per aprire la finestra) e impostiamo colore bianco puro con opacità massima per lo stop in posizione 1.0, che identifica i bordi del gradiente radiale.

 Ink Palla8 IIp 00014

Ink Palla8 IIp 00015

Il gradiente di base ha una progressione della sfumatura lineare, dal centro ai bordi, ma nel nostro caso non va bene per simulare la tridimensionalità; immaginate, infatti, di tagliare a metà una sfera: la curvatura che va dal polo nord all'equatore è, appunto, una curva, non una linea, e allo stesso modo la progressione del gradiente da un'estremità (che nel nostro caso è il centro della sfera) all'altra (che qui è il bordo) non può essere lineare ma deve cercare di approssimare quell'andamento.

 

Per questo motivo, inseriamo almeno tre Stops tra i due estremi, cliccando tre volte su "Aggiungi Passaggio"; come potete vedere aprendo il menù a tendina degli Stops, Inkscape crea automaticamente le tre suddivisioni con valori di grigi intermedi, che ci vanno benissimo (visto che qui non dobbiamo inserire sfumature con colori diversi), mentre quello che dobbiamo sistemare è la posizione di ciascuno Stop intermedio.

 Ink Palla8 IIp 00016

Dal momento che non li vogliamo lineari, possiamo posizionare ad esempio lo Stop più scuro a 0.2 (in una scala di posizione che, per tale elemento, non andrà più da 0.0 a 1.0 ma da 0.0 a 0.25, per far spazio agli altri Stops), impostare il medio a 0.4 e portare il grigio chiaro a 0.75, comunque questi sono solo valori d'esempio, ovviamente potete personalizzarli e provarne altri, se preferite un risultato diverso.

 Ink Palla8 IIp 00017

Ink Palla8 IIp 00018

 

Ink Palla8 IIp 00019

Ad ogni modo, non abbiamo ancora finito: questa maschera gradiente, applicata in un Layer sovrapposto a quello di partenza, con le impostazioni di default porterà ad un risultato finale diverso da quello voluto, perché la modalità di applicazione del Layer è "Normale".

 Ink Palla8 IIp 00020

Riattiviamo la visualizzazione del Livello1, quello base, quindi selezioniamo di nuovo "Livello Illuminazione" e, nella scheda dei Livelli, cambiamo la modalità da Normale a "Illumina": questo livello, quindi, schiarirà gli elementi sottostanti nelle parti chiare, mentre lascerà inalterati gli elementi nelle parti scure o nere.

 Ink Palla8 IIp 00021

Ink Palla8 IIp 00022

Non solo: possiamo regolare l'intensità dell'effetto agendo sul parametro "Opacità", cosa che in effetti vi consiglio di fare per ottenere un effetto più leggero.

 Ink Palla8 IIp 00023

Il livello di illuminazione gradiente non ha quindi a che fare con quello della colorazione base dell'oggetto, per cui è possibile cambiare il testo e il colore degli elementi al Livello 1 mantenendo comunque l'effetto "Illumina-Schiarisci" del livello superiore, creando oggetti diversi con facilità.

 Ink Palla8 IIp 00024

Ricapitolando, in questa seconda e ultima parte abbiamo visto come spostare una figura – dotata di un suo riempimento gradiente – su un Layer sovrapposto a quello del disegno di partenza, cambiandone poi la modalità in "Illumina" e agendo sul parametro Opacità per regolare l'intensità dell'effetto, il tutto con lo scopo di fornire un'ombreggiatura al cerchio per dare l'illusione di avere a che fare con una sfera tridimensionale.

 Ink Palla8 IIp 00025

Bene, per questo tutorial è tutto! A presto!

 


 

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