+ All Categories
Home > Documents > Guida alla creazione delle cornici con Photoshop (ver. … · LE CORNICI – Guida alla creazione...

Guida alla creazione delle cornici con Photoshop (ver. … · LE CORNICI – Guida alla creazione...

Date post: 26-Sep-2018
Category:
Upload: lynga
View: 226 times
Download: 0 times
Share this document with a friend
38
LE CORNICI Guida alla creazione con Photoshop @2006 Gandalef
Transcript

LE CORNICI Guida alla creazione con Photoshop

@2006 Gandalef

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.


Recommended