Creare l`effetto CHE GUEVARA

Creare l’effetto CHE GUEVARA (detto anche effetto STENCIL)
in Photoshop e Illustrator -versione Adobe Suite CS5
- per utenti esperti -
(realizzato da Rino Ruscio - art director)
(effetto finale realizzato in PHOTOSHOP)
(effetto finale realizzato in ILLUSTRATOR)
PREMESSA
L’effetto che rappresento in questo tutorial viene definito in diversi modi, io preferisco
chiamarlo EFFETTO AL TRATTO.
In grafica la definizione al tratto significa che l’immagine ha colori netti, senza sfumature e senza passaggi di tonalità fra un colore e l’altro.
La fotografia che negli anni ha riscosso maggior successo con questo effetto grafico fu
la foto del Che, fu la prima e venne stampata su diversi supporti, dai giornali alle bandiere alle magliette, rappresentando negli ‘60 l’icona della libertà e della rivoluzione in
tutto il mondo.
Molti poi hanno copiato tale tecnica, ma se si vuole richiamare e ricordare l’effetto, ancora oggi si dice appunto EFFETTO CHE GUEVARA.
In questo tutorial spiegherò come realizzare una fotografia (con sfumature) in un disegno al tratto.
Ho preso come esempio una fotografia di un noto attore americano, Paul Neuwman
(fig.3), “rubata” in internet.
Come si può notare ho inserito, sopra, due esempi dell’immagine con l’effetto finale,
uno in PHOTOSHOP e l’altro in ILLUSTRATOR.
A prima vista sembrano uguali, ma esiste una sostanziale differenza che spiegherò nel
capitolo riguardante il passaggio in ILLUSTRATOR.
(fig. 3)
REALIZZAZIONE
Dopo aver aperto la foto in PHOTOSHOP duplico il livello, questo, non mi stancherò
mai dirlo, per non “distruggere” l’immagine originale preservandola dalle regolazioni e
dagli altri effetti che andrò ad applicare sull’immagine stessa (fig.4).
(fig. 4)
Al livello sfondo copia applico il livello di regolazione Bianco e nero dall’icona
(NUOVO LIVELLO DI RIEMPIMENTO O DI REGOLAZIONE) posizionata sotto alla
finestra LIVELLI (fig.5).
(fig. 5)
Nota: A mio parere la dicitura Bianco e nero è errata, avrebbero dovuto tradurla in
Scala di grigi.
Dopo avere convertito il livello in Bianco e nero (scala di grigi) (fig. 6)...
(fig. 6)
...applico un nuovo livello di Regolazione, questa volta Livelli (fig. 7).
Nota: attenzione a non confondere la dicitura della regolazione Livelli, con i Livelli
dell’immagine
(fig. 7)
Con questa regolazione, agendo sul cursore (vedi freccia fig.8), rendo i bianchi della
foto più bianchi possibili, eliminando qualsiasi “sporco” e rendo i neri più intensi.
(fig. 8)
Nel regolare il cursore dei bianchi, dei neri e dei grigi (quello centrale) devo stare attento a non perdere il dettaglio degli elementi chiave dell’immagine (occhi, naso e bocca).
A questo punto, già si incomincia ad intravedere l’effetto, anche se non è ancora quello
che desidero applicare.
Ora applico un ulteriore livello di REGOLAZIONE>Soglia (freccia inferiore a sinistra
fig. 9); nella palette livelli si crea un nuovo livello di regolazione Soglia 1 (freccia in
alto a dx fig. 9).
(fig. 9)
Applicando questa Regolazione si aprirà la finestra corrispettiva “Soglia”; porto il cursore a destra per aumentare il PUNTO di SOGLIA (fig. 10). In questo caso l’ho portato
a 165.
(fig. 10)
Non tutte le immagini sono uguali, per cui il PUNTO SOGLIA va aumentato in base
a quello che si vuole ottenere. Ricordate però che se si porta il cursore a destra si aumentano i dettagli del nero, se lo si porta invece a sinistra si perdono questi dettagli
(fig.11).
(fig. 11)
Bene, a questo punto l’immagine sarebbe pronta, ma ho un piccolo problema...
ricordate che ho scaricato l’immagine di Paul Newman da Internet, quindi, la risoluzione
di questa immagine risulterà troppo bassa per poter realizzare qualsiasi cosa in modo
apprezzabile. Andiamo a dare un’occhiata alle dimensioni dell’immagine (fig.12)...
(fig. 12)
...difatti, come temevo, l’immagine ha una risoluzione di 72 pixel/pollice e una dimensione in cm di 6,49 di larghezza e di 8,53 di altezza; dando un’occhiata al volto
dell’attore, vedo che è tutto “pixellato” e i contorni sono “scalettati”, tipico effetto di
un’immagine a bassissima risoluzione. Il mio scopo finale è quello di stampare questa
immagine su una maglietta, le misure dovranno essere almeno di 20 cm in altezza e
la larghezza in proporzione. Per permettere un’ingrandimento dell’immagine a queste
proporzioni, l’unica soluzione è quella di “vettorializzarla”; ecco spiegato il motivo del
passaggio in ILLUSTRATOR come accennavo all’inizio di questo tutorial. Ora vedremo
come rendere l’immagine in vettoriale.
Diamo un’occhiata alla palette dei livelli, abbiamo 5 livelli, 2 con l’immagine e 3 di regolazione (fig. 13).
(fig. 13)
Per continuare il nostro lavoro dobbiamo unire il livello Sfondo copia con i tre livelli
di regolazione. Ho due soluzioni per fare questa “unione”:
la prima: (fig. 14)
- tolgo la visualizzazione al livello Sfondo (cliccando sull’icona dell’occhio posizionata a
sinistra del livello - freccia rossa),
- apro la finestra a comparsa (cliccando in alto a destra della palette livelli - freccia
verde) e
- clicco su Unisci visibili (freccia blu)
(fig. 14)
I livelli visibili diventano un unico livello - (fig. 15)
(fig. 15)
la seconda: (fig. 16)
- dalla palette Livelli, seleziono il primo livello più in alto,
(fig. 16)
- poi premo i tasti cmd+alt+shift+e (MAC).
Sopra il livello selezionato ne appare un altro che “somma” in uno unico tutti livelli visibili, compresi quelli di regolazione, senza eliminarli (fig.17).
(fig. 17)
La differenza delle due opzioni è sostanziale:
- con la prima i livelli vengono uniti in uno unico. Se volessi cambiare delle regolazioni
applicate, non potrei più farlo;
- con la seconda, invece, i livelli vengo uniti senza eliminarli, creandone uno nuovo con
la somma di tutti quelli sottostanti. Se volessi cambiare una o più regolazioni applicate
precedentemente lo potrei fare tranquillamente; prima elimino il livello unico precedentemente creato, applica la nuova regolazione, e poi rifaccio l’operazione della creazione del livello unico (cmd+alt+shift+e).
A questo punto, tenendo selezionato il livello “unico” superiore, creo una selezione
dell’intera immagine, la copio e la incollo in un nuovo file (fig. 18).
(fig. 18)
Bene il lavoro in Photoshop è terminato; salvo, chiudo il file e apro Illustrator.
IN ILLUSTRATOR
Creo un nuovo documento in formato A4, ora devo inserire il mio file creato in Photoshop: dal menù File>Inserisci (fig. 19)...
(fig. 19)
... e inserisco il documento che ho chiamato: newman_bn.tif (fig. 20).
(fig. 20)
Seleziono l’immagine appena inserita con lo strumento selezione, dal menù
Oggetto>Ricalco dinamico>Opzioni di ricalco (fig. 21)
(fig. 21)
Si aprirà la finestra Opzioni di ricalco (fig. 22)
(fig. 22)
Diamo un’occhiata alle varie opzioni (fig. 23).
Innanzitutto vi suggerisco di sistemare la finestra Opzioni di ricalco in modo che abbiate sott’occhio l’immagine ben visibile.
Prima di aprire la finestra delle Opzioni di ricalco, ingrandite la visualizzazione dell’immagine con lo strumento Lente d’ingrandimento, in modo di avere ben visibili i vari
cambiamenti subiti dalle opzioni che applicheremo (fig. 23).
Come prima azione, attiviamo l’opzione Anteprima (fig. 23 freccia rossa); attivando
questa opzione ogni applicazione che andremo ad impostare sarà visualizzata in tempo
reale sull’immagine, facendocene vedere l’immediato cambiamento e dandoci così la
possibilità di aumentare o diminuire i vari parametri dell’applicazione stessa.
Portiamo il menù a tendina su Bianco e nero (fig. 23 freccia verde) e applichiamo un
livello Soglia (fig.23 freccia blu) che non cambi troppo i “connotati” alla nostra immagine. In questo caso ho scelto un livello di soglia pari a 128.
Ricordiamoci che l’immagine è un’immagine raster, quindi formata da pixel; questi
pixel, specialmente nei contorni, creano un effetto “scalettato” perciò, utilizzando l’opzione Sfocatura (fig.23 freccia arancione), potremo diminuire questo effetto donando
ai bordi un contorno “arrotondato”.
L’opzione Sfocatura deve essere calibrata coerentemente con l’opzione Ricampiona
(fig. 23 freccia azzurra) con la quale posso per l’appunto “ricampionare” l’immagine,
aumentando i pixel con cui è formata.
In questo caso la nostra immagine ha una risoluzione di 72 pixel/pollice, quindi agendo sul relativo cursore ho portato al massimo il livello dei pixel consentito dalla scala
dell’opzione Ricampiona, che è di 600, mentre ho impostato la Sfocatura a 5 px.
Con le impostazioni che ho inserito in questa finestra si può constatare che l’immagine
non ha perso i dettagli originali e che i contorni hanno subito un miglioramento da “scalettato” ad “arrotondato”.
Potrei riternermi soddisfatto ma ho un’ultima opzione da attivare, la Corrispondenza
tracciato (fig. 23 freccia nera); con questa opzione diminuisco il fattore angolo dei vari
pixel che verranno trasformati in tracciato vettoriale. Le altre opzioni le lascio inalterate, perchè nel nostro caso non ci aiuterebbero più di tanto a migliorare la vettorializzazione dell’immagine.
(fig. 23)
Nella fig. 24 vediamo i vari valori inseriti nelle rispettive opzioni che ho spiegato e visualizziamo la nostra immagine come risulterà dopo aver dato l’ok cliccando sul pulsante Ricalca (freccia gialla) posizionato in alto a destra della finestra.
(fig. 24)
A questo punto devo eseguire un’ultima operazione per “fissare” sull’immagine l’effetto
che ho applicato. Seleziono la “figura” e dal menù Oggetto clicco su Espandi (fig. 25).
(fig. 25)
Nota: ricordate che il file originale che ho inserito nel mio documento di Illustrator
non subirà nessuna variazione, rimarrà sempre in versione bitmap cioè a pixel, apribile
e modificabile in Photoshop.
Nella figura 26 si visualizzano i vari punti di ancoraggio dell’immagine tipici di un
disegno vettoriale i quali, volendo, sono modificabili singolarmente come in ogni forma
realizzata in Illustrator.
Questa immagine così trasformata può essere ingrandita quanto si vuole, anche grande
come la parete di una stanza, senza perdere nessun dettaglio e senza “dipendere” dalla
risuluzione dell’immagine; questo perchè un’immagine vettoriale non ha risoluzione in quanto è formata da tracciati vettoriali e non da pixel.
(fig. 26)
Ora facciamo un paragone visivo di un particolare ingrandito tra le due immagini, quella
in bitmap (a pixel) e quella vettoriale appena realizzata (fig. 27).
I può notare a sinistra l’immagine non vettoriale realizzata in Photoshop, a destra la
stessa immagine dopo aver subito la “vettorializzazione” in Illustrator)
(fig. 27)
A questo punto ho la mia immagine di Paul Newman in vettoriale e posso mandare il file
a chi mi stampa le magliette per la realizzazione (fig. 28).
(fig. 28)
Se adesso io volessi stampare una bandiera, uno stendardo o un pannello da applicare
sulla facciata di una casa, è sufficente che indichi le misure al fornitore e questo non fa
altro che ingrandire l’immagine vettoriale che ho usato per la maglietta nella misura
più idonea, senza che questa perda la risoluzione perchè non è assolutamente “legata”
a nessuna risoluzione.
Nota: il passaggio e la preparazione del file in Photoshop l’ho fatto solo per chi non ha
a disposizione Illustrator e inoltre per sottolineare la “sinergia” tra i due programmi.
Avrei potuto realizzare direttamente l’immagine vettoriale usando solo ed esclusivamnete Illustrator, partendo dall’immagine originale “rubata “ in Internet, dando le
giuste opzioni nella trasformazione Ricalco dinamico che abbiamo visto nel corso di
questo tutorial.