guida alla creazione delle cornici con photoshop (ver. … · le cornici – guida alla creazione...
TRANSCRIPT
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 1 -
Premessa
Per rendere più accattivante una foto a volte non basta variarne la saturazione, il contrasto o la
tonalità dei colori, ma si può aggiungere ad esempio una cornice che crei l’effetto visivo di staccare
la foto dallo sfondo o magari semplicemente per farla risaltare agli occhi come se fosse un quadro.
In questo tutorial non si parlerà di tecniche di fotoritocco, ma più precisamente verranno illustrati,
passo dopo passo, degli esempi su come creare alcune cornici alle vostre foto con Photoshop.
Photoshop, di suo, incorpora già delle azioni per creare in automatico delle cornici ad effetto sulle
foto, qui non si parlerà ne di come utilizzarle ne come modificarle.
È ovvio che l’argomento non può esaurirsi in queste poche pagine: ci sono molti modi per realizzare
una cornice ed ognuno ci metterà la propria fantasia e creatività.
Le cornici create negli esempi seguenti, come detto, sono state realizzate con Photoshop (alcune con
la versione in lingua Inglese del programma ed altre con la versione in Italiano) e per correttezza ho
riportato tra parentesi il nome dell’utente del forum (qualora lo sia) che l’ha postata.
Ho cercato, infine, in questo tutorial di raccogliere i numerosi post nonché gli esempi presenti nei
vari siti web per rendere l’argomento il meno dispersivo possibile e includere in un unico
documento gli esempi più rilevanti.
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 2 -
Esempio Cornice 1 (_Annalisa_)
Dopo aver aperto la
nostra immagine in
Photoshop andiamo nel
menu “Immagine” e
clicchiamo su
“Dimensione quadro”.
Selezioniamo in
larghezza e altezza la
dimensione della
cornice. In genere la
larghezza è di 3cm ma è
a piacere. Se si vogliono
solo due segmenti ai lati
basta riempire solo la
dicitura “larghezza” e
lasciare a “0” l'altezza.
Selezionare sempre il
quadratino di fianco alla
scritta relativo.
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 3 -
Nel quadratino in
basso a sinistra
potete scegliere il
colore della cornice
cliccandoci sopra ( vi
farà apparire l'intera
gamma cromatica).
Selezionate il colore
preferite e cliccate su
“OK”.
Et voilà la cornice
con il colore scelto in
bianco.
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 4 -
Clicchiamo sullo
strumento “Selezione
rettangolare” per
creare una riga
intorno all'immagine.
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 5 -
Avendo la selezione
attivata clicchiamo
col pulsante destro
del mouse e
selezioniamo dal
menu a discesa la
voce “Traccia”.
Selezioniamo lo
spessore e il colore
della cornice (anche
in questo caso
personalizzabile).
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 6 -
Se volessimo creare
anche un ulteriore
riga esterna si farà lo
stesso procedimento
(strumento selezione,
pulsante destro del
mouse, traccia,
spessore, colore).
Ora passiamo
all'inserimento del
testo. Clicchiamo
sulla “T” nella barra
degli strumenti a
lato.
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 7 -
Posizioniamoci con il
cursore dove
vogliamo inserire la
scritta, scegliamo il
colore e scriviamo (si
può scrivere anche
all'interno della foto).
Clicchiamo sullo
strumento “Sposta”.
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 8 -
Spostiamo la scritta
dove vogliamo.
Per inserire il
simbolo di copyright
clicchiamo su
“ALT+184”
(Windows XP).
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 9 -
Se vogliamo mettere
il testo verticale,
selezioniamo la
scritta con il tasto
sposta e pulsante
destro (come se fosse
un livello). Poi
clicchiamo su
“CTRL+T”.
Verranno in alto dei
simboli e noi
scriveremo -90 dove
indicato dalla freccia.
Photoshop ci
chiederà se vogliamo
applicare la
trasformazione.
Clicchiamo su
applica!
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 10 -
Cliccando su sposta
potremo mettere il
testo dove vogliamo
(dentro la cornice o
dentro la foto).
Per attribuire un
ombreggiatura al
testo procederemo
come da foto.
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 11 -
Clicchiamo su ombra
esterna.
L'ombra potrà essere
personalizzata sia nel
colore che nella
dimensione che nella
posizione con gli
strumenti che vedete
nella finestra
dell'ombra esterna.
La cornice è fatta!
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 12 -
Esempio Cornice 2 (Royaleagle)
Innanzitutto apriamo
la foto da
incorniciare e la
ingrandiamo in modo
da averla al centro
dell’area di lavoro.
Dal menu Livelli
clicchiamo su
“Duplica livello” e lo
chiamiamo ad
esempio “Filetto”
perché sul bordo
estremo della foto,
prima di incorniciarla
gli faremo un filetto
(nero o bianco) che è
come una cordella di
pulizia.
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 13 -
Andiamo nel menu Immagine e
clicchiamo su “Dimensione quadro”
(ricordiamoci questo perché ad ogni
successivo passaggio faremo lo
stesso) .
Apparirà una finestra
come quella a lato;
mettiamo i valori
come in figura. Il
colore lo sceglieremo
secondo preferenza
(l’importante che sia
sempre spuntata la
voce “Relativo” in
ogni passaggio).
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 14 -
Dato l’”OK” vedremo la
nostra foto base con un
piccolo filettino nero agli
estremi. Ora facciamo il
passpartout. Duplichiamo
il livello “Sfondo” e
diamogli il nome
“passpartout”. Andiamo
nuovamente nel menu
Immagine e clicchiamo su
“Dimensione quadro” e
inseriamo i valori come
nella figura a lato.
Dato l’”OK” vedremo la nostra foto base con il
passpartout bianco (si può fare anche di un altro
colore). Ora facciamo la parte interna della
cornice esterna. Duplichiamo il livello
“Sfondo” e rinominiamolo in “bordo interno”.
Andiamo nuovamente in “Dimensione quadro”
e mettiamo un valore di 10 pixel per entrambi.
Io il colore l’ho fatto grigio. Dato l’”OK” non
vedrai quasi nulla di cambiato (dimensioni
troppo piccole per vederle senza crop). Ora
facciamo la parte centrale della cornice esterna,
Duplicchiamo il livello “Sfondo” e rinominiamolo in “bordo centrale”. Andiamo nuovamente in
“Dimensione quadro” e mettiamo un valore di 10 pixel per entrambi. Io il colore l’ho fatto bianco.
Dato l’”OK” ancora non si vedrà quasi nulla di nuovo (dimensioni troppo piccole per vederle senza
crop). Ora facciamo la parte esterna della cornice esterna. Duplichiamo nuovamente il livello
“Sfondo” e diamogli il nome “bordo esterno”. Andiamo ancora in “Dimensione quadro” e mettiamo
un valore di 20 pixel per entrambi. Io il colore l’ho fatto nero. Dato l’”OK” vedrai la cornice finita.
Nella figura a lato si può vedere il crop della cornice.
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 15 -
Ora facciamo
l’ombra alla foto. Nel
quadro livello che
abbiamo creato
evidenziamo quello
col nome “Filetto”.
Andiamo nel menu
Livelli e clicchiamo
su “Stile livello
->ombra esterna”.
Mettiamo i parametri
che si vedono nella
maschera a lato
(comunque è
possibile variarli a
piacimento).
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 16 -
Dato l’”OK” si vedrà
la cornice finita e la
foto con
ombreggiatura sul
passpartout.
Inserisci il tuo nome
o il titolo della foto o
quello che vuoi.
Quando sei sicuro di
avere finito tutto
unisci i livelli come
in figura
selezionando la voce
sempre dal menu Livelli.
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 17 -
Esempio Cornice 3 (NIKON EXPERIENCE - Mauro Minetti)
Dopo aver aperto
l'immagine, aumenteremo
la dimensione del quadro,
ad esempio di cm. 3 sia per
l'altezza che per la
larghezza, mantenendo
l’ancoraggio centrale
dell’immagine.
Otterremo in questo modo
lo spazio necessario per
realizzare la nostra cornice.
Con lo strumento per
la selezione
rettangolare,
comprenderemo nella
selezione un lieve
spessore della parte
bianca, avendo cura
di effettuarlo in
uguale misura e
proporzione sui 4 lati della nostra immagine.
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 18 -
Dopo la selezione
corretta, chiederemo
al programma di
invertire la selezione,
in modo da
evidenziare la
restante parte del
nostro quadro.
Mentre abbiamo la cornice
selezionata, utilizzeremo lo
strumento secchiello per
colorare tale selezione.
Prima di utilizzare lo
strumento secchiello è
importante selezionare il
colore di riempimento
desiderato. Il passaggio
seguente consisterà nel
disattivare la selezione con
un click in un punto
qualsiasi dell’immagine
per procedere al ridimensionamento della stessa per il web .
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 19 -
Esempio Cornice 4 (gandalef)
Apriamo un'immagine sul nostro hard
disk. Se vogliamo creiamo un livello e
poniamolo sotto la nostra foto. Diamogli
un colore a nostra scelta. Io ho scelto il
nero. (ovviamente adesso non è visibile).
Tracciamo una selezione rettangolare
all'interno della nostra foto, come da
figura.
Premiamo “Maiusc+CTRL+I” in questo
modo invertiamo la selezione.
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 20 -
Ora: doppio click sull'icona
Modifica In Modalità Standard
nella barra degli strumenti.
Impostiamo i parametri della
Maschera Veloce.
Adesso premiamo il tasto Q per
attivarla. Ecco il risultato.
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 21 -
Applichiamo dal menu Filtro “Sfocatura -> Controllo
sfocatura” con un raggio di 3 pixel (Attenzione: se
l'immagine sulla quale state lavorando è di grosse
dimensioni, dovrete sicuramente aumentare il raggio della
sfocatura.). Proseguiamo applichiamo dal menu Filtro
“Effetto Pixel->Colore Mezzetinte” con queste
impostazioni: raggio Max: 4. Lasciamo invariati gli altri
parametri. Ecco il risultato.
Premiamo il tasto “Q” per tornare alla modalità standard.
e premiamo il tasto “CANC” per cancellarne il contenuto.
Premiamo ancora “CTRL + D” per deselezionare. Ecco il
risultato finale.
Ovviamente variando i parametri sopra descritti si
possono ottenere diversi effetti, inoltre è possibile
applicare le cornici degli esempi precedenti per ottenere
effetti sovrapposti. Così com’è possibile dare una traccia
per evidenziare i bordi o dare un’ombreggiatura alla foto e
così via.
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 22 -
Una variante alla cornice appena
realizzata potrebbe essere questa:
una volta applicato il filtro di
sfocatura, invece di applicare un
effetto pixel, applichiamo un filtro
di stilizzazione e precisamente di
diffusione. Per fare andiamo nel
menu Filtro e scegliamo
“Stilizzazione->diffondi” come
nella figura a lato.
Fatto ciò procediamo come visto
sopra: premiamo il tasto “Q” per
tornare alla modalità standard. e
premiamo il tasto “CANC” per
cancellarne il contenuto. Premiamo
ancora “CTRL + D” per
deselezionare. Ecco il risultato
finale. Considerate che i valori di
queste impostazioni non sono
universali. Sperimentate di volta in
volta i valori che meglio si
confanno alle vostre foto.
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 23 -
Ancora un’altra variante potrebbe
essere questa: una volta applicato
il filtro di sfocatura, invece di
applicare un effetto pixel,
applichiamo un filtro dei tratti
pennello. Per fare andiamo nel
menu Filtro e scegliamo “Tratti
pennello->Tratti a spruzzo” come
nella figura a lato.
Nella finestra delle impostazioni del tratto
impostiamo i valori di lunghezza tratto, raggio
spruzzo e la direzione del tratto (ovviamente
sperimentate secondo preferenza). Io ho impostato i
parametri che vedete a lato.
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 24 -
Ed ecco il risultato finale. È chiaro, come in tutti gli esempi
precedenti che giocando sui vari valori delle impostazioni si
possono ottenere effetti differenti, così some è sempre
possibile applicare una o più cornici (ad esempio è
possibile mettere la traccia o l’ombreggiatura, ecc…).
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 25 -
Esempio Cornice 5 (dal web)
Per la realizzazione di questo tutorial faremo uso
dello “Strumento Penna” (P). Creeremo una sorta
di cornice che ci permetterà di realizzare
alloggiamenti molto utili ad esempio per il web.
Iniziamo aprendo un nuovo documento di
190x190 pixel. Scegliamo, quindi, lo strumento
penna e iniziamo a tracciare partendo dall'angolo
in alto a sinistra. Facciamo clic e rilasciamo.
Posizioniamoci sul punto successivo. Facciamo di
nuovo clic e rilasciamo.....e così via. (Teniamo
premuto il tasto “MAIUSC” in modo da avere
delle linee precise).
Passiamo nella paletta dei “Tracciati” e facciamo
clic con il tasto destro del mouse sulla sua
miniatura. Dal menù che ci apparirà scegliamo
“Crea Selezione”. Ci apparirà, subito dopo, una
finistra di dialogo: clicchiamo semplicemente su
“OK”. Abbiamo ottenuto la selezione. Il passaggio
successivo consisterà nell'arrotondare i bordi di
quest'ultima.
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 26 -
Passiamo, ora, nella paletta dei “Canali” e
salviamo la selezione come canale “Alfa1”.
Clicchiamo sulla miniatura del canale e
deselezioniamo premendo CTRL+D.
Applichiamo dal menu filtro “Sfocatura ->
Controllo Sfocatura” con raggio 3. Richiamiamo
la regolazione dei livelli premendo “CTRL+L”
(oppure andando nel menu “Immagine->Regola-
>Livelli”) e settiamo i valori di input così: 121;
1,00; 150. Ecco il risultato. Come vedete abbiamo
arrotondato tutti i bordi.
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 27 -
Proseguiamo premendo “CTRL+Clic” sulla
miniatura del canale per selezionarlo. Passiamo
nella paletta dei livelli e creiamone uno nuovo
andando nel menu “Livello->Nuovo->Livello”.
Riempiamo con un colore a vostra scelta. (Io ho
usato: #FF6633).
Applichiamo un'ombra esterna settando la
“distanza” e la “dimensione” rispettivamente su 3
e 4 pixel (v. esempi precedenti per creare
l’ombreggiatura). Abbiamo creato così l'esterno.
Ora andiamo a creare l'alloggiamento interno.
Creiamo un nuovo livello, impostiamo il bianco
come colore di primo piano e scegliamo lo
strumento “Rettangolo Arrotondato”. Inseriamo
nella “Barra delle Opzioni” questi parametri
Applichiamo un'ombra interna settando sia la
“distanza” che la “dimensione” su 3 pixel.
Abbiamo praticamente finito. All’interno della
cornice inseriremo la nostra immagine. Possiamo
eventualmente che abbellire il tutto con elementi
grafici che arricchiscano la nostra creazione.
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 28 -
Esempio Cornice 5 (gandalef) Dopo aver aperto la nostra
immagine creiamo un nuovo livello,
basta premere “CTRL+SHIFT+N”
oppure dal menu Livello cliccare su
“Nuovo->Livello”. Una volta creato
il nuovo livello che potremo
rinominare a nostro piacimento,
selezioniamo il tutto premendo
“CTRL+A”.
Con l’immagine selezionata andate nel menu Modifica e
ciccate su “Traccia” e inserite questi valori nella finestra che
vi appare (ovviamente potete sperimentare variando tali
valori).
Ripetete il passo precedente andando ancora su “Modifica-
>Traccia” inserendo stavolta questi valori nella finestra che vi
appare (anche qui ovviamente potete variare tali valori e
sperimentare secondo preferenza).
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 29 -
Ripete un'ultima volta ancora il precedente procedimento
inserendo questi parametri.
Ora deselezionate il tutto con
CTRL+D” ed otterrete l’immagine
finale.
Una variante potrebbe essere quella di cambiare la fusione del livello da
“Normale” a “sovrapponi”. Una volta deselezionato il tutto basta andare nella
finestrella dei livelli sulla vostra destra, e invece di tenere “Normale”
impostate come fusione del livello “Sovrapponi”.
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 30 -
Esempio cornice 6 (dal web)
Una volta aperta la nostra immagine in Photoshop, selezioniamo il Lazo poligonale
e andiamo a selezionare il contorno esterno della figura creando molti spigoli (per
facilitare la selezione premete il tasto “CTRL”).
A questo punto andiamo a cliccare con il tasto destro sull'immagine selezionando
l'opzione "Selezione Inversa".
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 31 -
Fatto questo copiamo il contorno e incolliamolo su un nuovo livello.
Adesso abbiamo il nostro contorno pronto per essere lavorato. Per
prima cosa andiamo a cambiare il contrasto della figura per renderlo
più chiaro. Abbiamo così gia differenziato le due immagini in modo
da renderle ben distinte.
Dopo di che andiamo a selezionare con il tasto destro sul menu livelli
il nostro contorno e andiamo a selezionare “Opzioni di fusione”.
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 32 -
Selezioniamo dell'elenco la voce “Traccia” e
mettiamo il bordo esterno di un colore nero
(settando la dimensione al valore 1).
Adesso abbiamo reso la nostra cornice molto
più visibile. Ma non siamo ancora soddisfatti
pienamente, quindi andremo a selezionare,
sempre nello stesso menù l’opzione “Ombra
esterna”.
Selezioniamo adesso dal menù Smusso ed
effetto rilievo, l’opzione “Contorno”. In
“Contorno” scegliamo come stile “Effetto
rilievo cuscino” e nel menù a tendina Tecnica
selezioniamo la voce “Scalpello leggero”, dopo
di che mettete le opzioni come riportate nella
figura a lato.
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 33 -
Non ancora contenti andremo a rendere la nostra cornice più
bella. Quindi selezioniamo il nostro bel lazo poligonale e
andiamo a selezionare una parte più piccola all'interno della
nostra cornice che riprenda un po le linee della stessa. Copiamo
la selezione e incolliamola sopra alla cornice (come potetrete
osservare ogni nuova selezione, anche se su livelli con effetti
speciali, viene riprodotta normale). Bene adesso torniamo al
menù livelli e opzione fusione come prima visto e mettiamo
ancora un effetto contorno, per risaltarne i contorni (adesso sta a
voi decidere quale sta meglio alla figura), e poi inseriamo una
Traccia. Bene fatto ciò andiamo al menù Immagine e
selezioniamo l'opzione come da figura a lato cambiando i valori
alle barre per dargli un colore bluastro.
Andiamo a cambiare ancora
il contrastro per renderla un
po più bianca. L'immagine è
completa. Ovviamente si
possono mettere molte più
cose, ad esempio un testo,
per renderla migliore.
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 34 -
Esempio cornice 7 (gandalef)
Innanzitutto apriamo la nostra
immagine in Photoshop.
Con lo strumento di “Selezione
rettangolare” selezioniamo la nostra
immagine in modo che l’area
esterna alla selezione sia pari alla
cornice che vogliamo realizzare.
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 35 -
A questo punto duplichiamo il
livello che contiene la nostra
immagine. Per fare questo basta
andare nel menù Livello e ciccare
sulla voce “Duplica livello”. Una
volta duplicato il livello
posizioniamoci su esso e
disattiviamo la visibilità del livello
iniziale (basta cliccare nella palette
livelli sull’occhio accanto al primo
livello per nasconderlo). A questo punto premete il tasto “CANC” ed ecco comparire la cornice su cui
lavoreremo e sulla quale apporteremo le nostre modifiche per ottenere gli effetti desiderati.
Innanzitutto riattiviamo il livello principale che abbiamo
precedentemente nascosto facendo attenzione a restare
posizionati nel livello dove abbiamo creato la nostra cornice
e che ora andremo a modificare.
Andiamo nel menù Livelli e clicchiamo su “Stile livello” e
scegliamo come voce “Smusso ed effetto rilievo”.
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 36 -
Nella finestra che si aprirà inseriremo i
valori come a lato.
Va precisato che tutti i valori qui mostrati
sono di esempio ed ovviamente possono
essere cambiati a proprio piacimento.
Sperimentate per ottenere vari effetti.
Ecco come si presenterà la nostra cornice.
Potete inserire una firma come visto negli
esempi precedenti.
Lavorando sempre nel livello della
cornice, possiamo ancora con pochi click
modificare l’effetto della cornice.
Andiamo nuovamente nel menù Livelli e
clicchiamo su “Stile livello” e scegliamo
questa volta come voce “Bagliore
interno”, nella finestra che compare
inseriamo i valori come a lato.
Ricordatevi di disattivare da questa stessa
finestra lo stile “Smusso ed effetto
rilievo” (a meno che non volete
sovrapporre i due effetti).
LE CORNICI – Guida alla creazione con Photoshop
@2006 Gandalef - 37 -
Ed ecco ancora una volta il risultato.
Possiamo ancora, lavorando sempre nel
livello della cornice, con pochi click
modificare nuovamente l’effetto della
cornice. Andiamo nuovamente nel menù
Livelli e clicchiamo su “Stile livello” e
scegliamo nuovamente come voce
“Smusso ed effetto rilievo”, nella finestra
che compare inseriamo i valori come a
lato. Attiviamo sotto questo stile la voce
“Texture” e scegliamo a destra il pattern
che più ci piace. Ricordatevi di disattivare
dalla finestra dello stile livello la voce “Bagliore interno” (a meno che non volete sovrapporre gli effetti).
Ed ecco ancora una volta il risultato.