In questo tutorial sugli effetti fotografici di Photoshop, impareremo come creare una semplice cornice per foto a tre immagini e, quando avremo finito, vedremo come convertire facilmente il risultato finale in un modello riutilizzabile usando gli Oggetti intelligenti di Photoshop! Gli oggetti intelligenti sono stati introdotti per la prima volta in Photoshop CS2, il che significa che avrai bisogno di Photoshop CS2 o superiore per i passaggi finali del tutorial. Userò Photoshop CS4 da solo. Tuttavia, se stai utilizzando una versione precedente di Photoshop, puoi comunque creare la cornice fotografica stessa. L'unica cosa che non sarai in grado di fare è convertire le immagini in oggetti intelligenti alla fine del tutorial.
Ecco la cornice a tre foto che creeremo:
Il risultato finale
Come creare una cornice per foto a tre immagini
Passaggio 1: creare un nuovo documento
Cominciamo creando un nuovo documento di Photoshop. Vai al menu File nella barra dei menu nella parte superiore dello schermo e scegli Nuovo . Oppure, per un modo più veloce per creare un nuovo documento, premi semplicemente la scorciatoia da tastiera Ctrl + N (Win) / Command + N (Mac) :
Vai a File> Nuovo o premi Ctrl + N (Win) / Comando + N (Mac).
In entrambi i casi, viene visualizzata la finestra di dialogo Nuovo documento di Photoshop, in cui è possibile impostare le opzioni per il nostro nuovo documento. Dato che posizionerò tre immagini in stile ritratto una accanto all'altra di fila, avrò bisogno di un documento che sia abbastanza largo, quindi inserirò 12 pollici per la larghezza e 6 pollici per l' altezza, facendo sicuro che il tipo di misurazione sia impostato su pollici e non su pixel. Potrebbe essere necessario inserire valori diversi per larghezza e altezza se si desidera creare una dimensione specifica del documento. Dal momento che voglio stampare l'effetto cornice al termine, inserirò 300 pixel / pollice per la risoluzione :
Crea un nuovo documento 12 pollici x 6 pollici a 300 pixel / pollice.
Fare clic su OK al termine per accettare le impostazioni e uscire dalla finestra di dialogo. Il nuovo documento appare sullo schermo:
Viene visualizzato il nuovo documento.
Passaggio 2: riempire il nuovo documento con il nero
Voglio usare il nero per il colore di sfondo, quindi salgo al menu Modifica nella parte superiore dello schermo e scelgo il comando Riempi di Photoshop, che ci consente di riempire un livello o una selezione con un colore:
Vai a Modifica> Riempi.
Quando viene visualizzata la finestra di dialogo Riempi, imposterò l'opzione Usa nella sezione Contenuti nella parte superiore della finestra di dialogo su Nero :
Impostare l'opzione Usa su Nero.
Fai clic su OK per uscire dalla finestra di dialogo e Photoshop riempie il documento di nero pieno:
Il documento ora è pieno di nero.
Passaggio 3: aggiungere un nuovo livello vuoto
Dobbiamo aggiungere un nuovo livello vuoto. Aggiungeremo un segnaposto per la nostra prima immagine su questo nuovo livello. Tieni premuto il tasto Alt (Win) / Opzione (Mac) e fai clic sull'icona Nuovo livello nella parte inferiore del pannello Livelli:
Tieni premuto Alt (Win) / Opzione (Mac) e fai clic sull'icona Nuovo livello.
Tenendo premuto il tasto Alt / Opzione mentre facciamo clic sull'icona Nuovo livello, diciamo a Photoshop di aprire la finestra di dialogo Nuovo livello prima di aggiungere il nuovo livello e possiamo usare la finestra di dialogo per dare un nome al nostro nuovo livello. Cambia il nome del nuovo livello dal suo "Livello 1" predefinito al segnaposto a sinistra :
Cambia il nome del nuovo livello in "segnaposto a sinistra".
Fare clic su OK per accettare la modifica del nome ed uscire dalla finestra di dialogo. Se guardiamo nel pannello Livelli, possiamo vedere che ora abbiamo un nuovo livello vuoto chiamato "segnaposto a sinistra" seduto sopra il livello Sfondo. Il motivo a scacchiera nella miniatura dell'anteprima del livello a sinistra del nome del livello indica che il livello è attualmente vuoto:
È stato aggiunto un nuovo livello denominato "segnaposto a sinistra".
Passaggio 4: selezionare lo strumento selezione rettangolo
Seleziona lo strumento Selezione rettangolare di Photoshop nella parte superiore del pannello Strumenti oppure premi la lettera M sulla tastiera per selezionarla rapidamente con il collegamento:
Seleziona lo strumento Selezione rettangolare.
Con lo strumento selezione rettangolare selezionato, la barra delle opzioni nella parte superiore dello schermo cambia per mostrare le opzioni per lo strumento selezione rettangolare. Una delle opzioni è Stile . Modificalo dall'impostazione predefinita di Rapporto normale a fisso, quindi inserisci 4 per Larghezza e 6 per Altezza . Ciò costringerà la forma della selezione che stiamo per disegnare in un formato 4x6, il che ci renderà più semplice aggiungere alcune foto 4x6 al documento in un secondo momento:
Cambia lo stile in "Rapporto fisso", quindi inserisci "4" per Larghezza e "6" per Altezza.
Passaggio 5: Disegna una selezione rettangolare sul lato sinistro del documento
Trascina una selezione rettangolare sul lato sinistro del documento. Qui è dove apparirà la foto a sinistra. Noterai che mentre trascini la selezione, la sua forma è vincolata alle proporzioni 4x6 che abbiamo impostato nella barra delle opzioni nel passaggio precedente. Se devi riposizionare la selezione mentre la trascini, tieni semplicemente premuta la barra spaziatrice, trascina il mouse per spostare la selezione in posizione, quindi rilascia la barra spaziatrice e continua a trascinare. Assicurati di lasciare spazio sufficiente per inserire altre due foto all'interno del documento:
Fai clic e trascina una selezione intorno all'area in cui apparirà la foto a sinistra.
Passaggio 6: riempire la selezione con il grigio
Dopo aver disegnato la selezione, torna al menu Modifica e scegli di nuovo il comando Riempi :
Vai a Modifica> Riempi.
Questa volta, quando viene visualizzata la finestra di dialogo Riempi, cambia l'opzione Usa nella sezione Contenuti nella parte superiore della finestra di dialogo su Grigio al 50% :
Questa volta, modifica l'opzione Usa su "50% grigio".
Fare clic su OK al termine per uscire dalla finestra di dialogo. Photoshop riempie la selezione di grigio. Non c'è un motivo speciale per cui abbiamo scelto il grigio qui. Dovevamo semplicemente riempire la selezione di colore e, poiché la stiamo usando solo come segnaposto per un'immagine, il grigio sembrava una scelta naturale. Premi Ctrl + D (Win) / Comando + D (Mac) per rimuovere il contorno di selezione attorno alla forma:
Premi Ctrl + D (Win) / Comando + D (Mac) per rimuovere il contorno della selezione dopo aver riempito la selezione di grigio.
Passaggio 7: aggiungere un tratto bianco sottile attorno alla forma
Aggiungiamo un sottile bordo bianco attorno alla forma. Fai clic sull'icona Stili livello nella parte inferiore del pannello Livelli e seleziona Traccia dalla parte inferiore dell'elenco degli stili livello che viene visualizzato:
Fai clic sull'icona Stili livello e seleziona Tratto dall'elenco.
Questo fa apparire la finestra di dialogo Stile livello di Photoshop impostata sulle opzioni Tratto nella colonna centrale. Innanzitutto, cambia il colore del tratto facendo clic sul piccolo campione di colore a destra della parola Colore e scegliendo il bianco dal Selettore colore quando appare. Fare clic su OK per chiudere il Selettore colore al termine. Aumenta la dimensione del tratto a circa 10 px (pixel), quindi modifica la posizione in Interno :
Cambia il colore del tratto in bianco, quindi aumenta le dimensioni a circa 10 px e cambia la posizione in "Interno".
Dopo aver impostato il colore, le dimensioni e la posizione del tratto, fai clic su OK per uscire per uscire dalla finestra di dialogo. Ecco la mia immagine con il sottile bordo bianco ora applicato alla forma:
Gli stili di livello sono un modo semplice per aggiungere effetti semplici come i bordi a un'immagine.
Passaggio 8: selezionare lo strumento Sposta
Seleziona lo strumento Sposta di Photoshop dal pannello Strumenti o premi la lettera V sulla tastiera per selezionarla rapidamente con il collegamento:
Seleziona lo strumento Sposta.
Passaggio 9: trascinare una copia della forma al centro del documento
Premi Maiusc + Alt (Win) / Maiusc + Opzione (Mac) e, tenendo premuti entrambi i tasti, fai clic sulla forma grigia all'interno del documento e trascinala verso destra. Il tasto Alt / Opzione indica a Photoshop che vogliamo creare una copia della forma mentre trasciniamo invece di spostare la forma originale, mentre il tasto Maiusc limita la direzione in cui possiamo trascinare, facilitando il trascinamento in linea retta verso la destra.
Trascina la copia al centro dell'immagine, creando il segnaposto per la foto centrale che aggiungeremo. Si noti che anche il tratto bianco viene copiato insieme alla forma:
Tenere premuto Maiusc + Alt (Win) / Maiusc + Opzione (Mac) e trascinare una copia della forma al centro del documento.
Passaggio 10: Rinomina il nuovo livello "Segnaposto centrale"
Se guardiamo nel pannello Livelli, possiamo vedere che la seconda forma è apparsa sul proprio livello sopra la forma originale. Photoshop ha chiamato il nuovo livello "segnaposto copia sinistra". Fai doppio clic direttamente sul nome del nuovo livello e modificalo in mezzo segnaposto . Premi Invio (Win) / Return (Mac) al termine per accettare la modifica:
La nuova forma appare sul proprio livello sopra l'originale. Rinomina il nuovo livello "segnaposto centrale".
Passaggio 11: trascinare un'altra copia della forma nella parte destra del documento
Ancora una volta tieni premuto Maiusc + Alt (Win) / Maiusc + Opzione (Mac), fai clic sulla forma centrale e trascinane una copia sul lato destro del documento. Questo diventerà il segnaposto per l'immagine che appare sulla destra. Ancora una volta, il tratto bianco viene copiato insieme alla forma. Cerca di lasciare la stessa quantità di spazio tra la nuova forma e il bordo destro del documento che c'è tra la forma sinistra e il bordo sinistro del documento. Non preoccuparti per ora se le forme stesse non sono equidistanti, poiché le mie chiaramente non lo sono:
Cerca di lasciare una quantità uguale di spazio tra la terza forma e il bordo destro del documento in quanto vi è tra la forma originale e il bordo sinistro.
Passaggio 12: Rinomina il nuovo livello "Segnaposto a destra"
Se guardiamo di nuovo nel pannello Livelli, possiamo vedere che la terza forma appare sul proprio livello sopra le altre due forme e Photoshop ha automaticamente chiamato il nuovo livello "copia centrale segnaposto". Fai doppio clic direttamente sul nome del livello e modificalo in segnaposto a destra . Premi Invio (Win) / Return (Mac) per accettare la modifica al termine:
Rinomina il nuovo livello "segnaposto a destra".
Passaggio 13: selezionare tutti e tre i livelli segnaposto contemporaneamente
Allineamo le tre forme in modo che siano distanziate uniformemente. Con il livello superiore ("segnaposto a destra") già selezionato, tieni premuto il tasto Maiusc e fai clic sul livello della forma originale ("segnaposto a sinistra") nel pannello Livelli. Questo selezionerà tutti e tre i livelli segnaposto contemporaneamente (li vedrai tutti evidenziati in blu che ci dice che sono selezionati):
Tieni premuto Maiusc e fai clic su "segnaposto a sinistra" per selezionare contemporaneamente tutti e tre i livelli di segnaposto.
Passaggio 14: fare clic sull'icona "Distribuisci centri orizzontali"
Con tutti e tre i livelli selezionati e lo strumento Sposta ancora selezionato, vedrai una serie di icone nella barra delle opzioni nella parte superiore dello schermo che ci offrono vari modi per allineare e distribuire i livelli. Fai clic sull'icona Distribuisci centri orizzontali, che distanzia le forme in orizzontale:
Fare clic sull'icona "Distribuisci centri orizzontali" nella barra delle opzioni.
Tutte e tre le forme segnaposto dovrebbero ora essere equidistanti nel documento:
I segnaposto sono ora distanziati in modo uniforme.
Siamo pronti per aggiungere alcune foto al documento. Lo faremo dopo!
Passaggio 15: apri la prima foto da aggiungere alla cornice
Apri la prima immagine che desideri aggiungere al documento con cornice. Ecco la foto che userò:
La prima foto che aggiungerò al documento.
Passaggio 16: copia la foto negli Appunti
Premi Ctrl + A (Win) / Command + A (Mac) per selezionare rapidamente l'intera foto. Vedrai apparire un contorno di selezione attorno all'immagine. Quindi premere Ctrl + C (Win) / Command + C (Mac) per copiare l'immagine negli Appunti. Puoi chiudere la finestra del documento della foto dopo aver copiato l'immagine negli Appunti.
Passaggio 17: selezionare il livello "Segnaposto a sinistra"
Passa al documento con cornice facendo clic in un punto qualsiasi all'interno della finestra del documento, quindi fai clic sul livello sinistro del segnaposto nel pannello Livelli per selezionarlo:
Seleziona il livello "segnaposto a sinistra" nel documento con cornice.
Passaggio 18: incollare la foto nel documento con cornice
Premi Ctrl + V (Win) / Comando + V (Mac) per incollare la foto nel documento della cornice. Photoshop posizionerà la foto sul proprio livello direttamente sopra il livello che è stato selezionato e, se guardiamo nel pannello Livelli, possiamo vedere che abbastanza sicuro, la foto appare sul proprio livello direttamente sopra il livello "segnaposto a sinistra" che noi selezionato nel passaggio precedente:
Incollare un'immagine in un altro documento posiziona l'immagine sul proprio livello sopra il livello selezionato.
L'unico problema è che voglio che questa foto appaia come l'immagine a sinistra nella cornice, ma al momento, non solo appare nel mezzo, è nascosta dietro la forma centrale a causa del livello "segnaposto centrale" sopra il foto nel pannello Livelli. Tutto quello che posso vedere dell'immagine sono i bordi esterni che si estendono oltre la forma:
Abbiamo aggiunto correttamente la foto al documento, ma è nella posizione sbagliata e nascosta dietro la forma del segnaposto centrale.
Passaggio 19: trascina la foto sopra la forma "Segnaposto a sinistra"
Con lo strumento Sposta ancora selezionato, fai clic all'interno del documento e trascina la foto verso sinistra fino a quando non appare sopra la forma "segnaposto a sinistra":
Fai clic e trascina la foto sulla forma "segnaposto a sinistra".
Passaggio 20: creare una maschera di ritaglio
Una volta che la foto è sopra la forma del "segnaposto a sinistra", vai al menu Livello nella parte superiore dello schermo e seleziona Crea maschera di ritaglio :
Vai su Livello> Crea maschera di ritaglio.
Photoshop "aggancerà" la foto alla forma del segnaposto sottostante, lasciando visibile solo l'area della foto che rientra nei limiti della forma. Il resto della foto che si estende al di fuori della forma viene nascosto alla vista. Il tratto bianco attorno alla forma è ora nuovamente visibile:
La foto ora viene "ritagliata" sulla forma del segnaposto sottostante.
Passaggio 21: ridimensiona la foto con il comando Trasforma gratuito
Ridimensioniamo la foto in modo da poter vedere l'intera immagine piuttosto che qualsiasi parte si trovi sulla forma del segnaposto. Premi Ctrl + T (Win) / Command + T (Mac) per visualizzare rapidamente la casella Trasformazione libera di Photoshop e le maniglie intorno all'immagine. Anche se possiamo vedere solo l'area della foto che si trova direttamente sopra la forma, le maniglie di Trasformazione libera appaiono attorno alle dimensioni effettive dell'immagine. Se non riesci a vedere le maniglie di Trasformazione libera perché l'immagine è così grande che i bordi si estendono oltre l'area visibile della finestra del documento, premi Ctrl + 0 (Win) / Command + 0 (Mac) per ingrandire Photoshop fino a tutto si adatta alla finestra del documento (nota come visualizzazione Adatta a schermo ). Premerlo di nuovo al termine del ridimensionamento dell'immagine.
Trascina verso l'interno le maniglie degli angoli Trasformazione libera (i quadratini) fino a quando si allineano con gli angoli della forma del segnaposto in modo che sia la forma che la foto abbiano le stesse dimensioni. Naturalmente, questo presuppone che tu stia usando una foto con le stesse proporzioni 4x6 della forma del segnaposto, come sono qui. Se la tua foto utilizza proporzioni diverse, ridimensiona semplicemente l'immagine fino a quando non si adatta alla forma possibile. Tieni premuto il tasto Maiusc mentre trascini le maniglie per limitare le proporzioni della foto in modo da non distorcere accidentalmente l'aspetto mentre le ridimensioni. Se necessario, puoi riposizionare la foto facendo clic in un punto qualsiasi all'interno della casella Trasformazione libera e trascinandola con il mouse:
Trascina verso l'interno le maniglie Trasformazione libera fino a quando la foto ha le stesse dimensioni della forma del segnaposto.
Quando hai finito di ridimensionare l'immagine, premi Invio (Win) / Return (Mac) per accettare la trasformazione ed uscire dal comando Trasformazione libera:
La foto ora ha le stesse dimensioni della forma del segnaposto sottostante.
Passaggio 22: aggiungi altre due foto alla cornice
Seguire gli stessi passaggi per aggiungere altre due foto al documento della cornice, una per l'area centrale e una per la destra. Innanzitutto, apri la foto che desideri utilizzare. Premi Ctrl + A (Win) / Command + A (Mac) per selezionarlo, quindi Ctrl + C (Win) / Command + C (Mac) per copiarlo negli Appunti. Chiudi la finestra del documento della foto dopo aver copiato l'immagine negli Appunti. Passa al documento con cornice e fai clic sul livello segnaposto centrale o sul segnaposto a destra nel pannello Livelli per selezionarlo (a seconda di quale stai aggiungendo la foto).
Premi Ctrl + V (Win) / Command + V (Mac) per incollare la foto nel documento. Photoshop posizionerà la foto sul proprio livello direttamente sopra il livello segnaposto selezionato. Usa lo strumento Sposta per trascinare la foto sopra la forma del segnaposto, se necessario, quindi vai al menu Livello nella parte superiore dello schermo e scegli Crea maschera di ritaglio . Infine, premi Ctrl + T (Win) / Command + T (Mac) per visualizzare la casella Trasformazione libera e le maniglie intorno all'immagine. Tieni premuto il tasto Maiusc e trascina le maniglie degli angoli per ridimensionare la foto. Premi Invio (Win) / Return (Mac) quando hai finito per uscire da Free Transform.
Ecco il mio documento con il fotogramma dopo aver aggiunto le foto alle sezioni centrale e destra:
Il risultato finale di tre foto.
Passaggio 23: converti le tre foto in oggetti intelligenti
Per questi pochi passaggi rimanenti, devi seguire Photoshop CS2 o versioni successive. Vedremo quanto è facile usare il nostro risultato finale come modello, scambiando altre foto dentro e fuori dalla cornice secondo necessità usando gli Oggetti intelligenti che sono stati introdotti per la prima volta in Photoshop CS2.
Nel pannello Livelli, fai clic sul livello che contiene la prima foto che abbiamo aggiunto (quella direttamente sopra il livello "segnaposto a sinistra") per selezionarlo. Dovrebbe essere su un livello denominato "Livello 1":
Fai clic su "Livello 1", che contiene la prima foto che abbiamo aggiunto.
Con il layer selezionato, fai clic con il pulsante destro del mouse (Win) / Control-clic (Mac) sul nome del layer e seleziona Converti in oggetto intelligente dal menu visualizzato:
Scegli "Converti in oggetto intelligente" dal menu.
Sembra che non sia successo nulla nella finestra del documento, ma se guardiamo nell'angolo in basso a destra della miniatura di anteprima del livello, possiamo vedere che è apparsa una piccola icona di Smart Object, facendoci sapere che la foto ora è un oggetto intelligente:
Una piccola icona Smart Object appare nella miniatura dell'anteprima del livello.
Fai la stessa cosa per le restanti due immagini (che troverai su "Livello 2" e "Livello 3"), prima facendo clic sul livello nel pannello Livelli, quindi facendo clic con il pulsante destro del mouse (Win) / Control-clic (Mac ) sul nome del livello e selezionando Converti in oggetto avanzato dal menu. Al termine, tutte e tre le foto dovrebbero avere l'icona Smart Object che appare nell'angolo in basso a destra dell'anteprima del loro livello.
Passaggio 24: sostituire i contenuti di ciascun oggetto smart per aggiungere foto diverse
Con tutti e tre i livelli di foto ora convertiti in oggetti intelligenti, fai di nuovo clic su "Livello 1" nel pannello Livelli per selezionare la foto a sinistra, quindi fai nuovamente clic con il pulsante destro del mouse (Win) / Ctrl (Mac) sul nome dei livelli per aprire lo stesso menu che abbiamo visto un momento fa. Questa volta, scegli Sostituisci contenuto dal menu:
Seleziona di nuovo "Livello 1", quindi fai clic con il pulsante destro del mouse (Win) / Control-clic (Mac) e scegli "Sostituisci contenuto" dal menu.
Questo apre la finestra di dialogo Luogo di Photoshop. Passare alla cartella sul disco rigido che contiene la foto con cui si desidera sostituire la prima immagine. Ho tre nuove foto salvate in una cartella sul mio desktop. Fai clic sul nome della foto che desideri utilizzare, quindi fai clic sul pulsante Posiziona :
Fai clic sul nome della foto, quindi fai clic su Posiziona.
Non appena fai clic sul pulsante Posiziona, Photoshop scambia la foto originale con la nuova foto nel documento! Se devi ridimensionare la nuova immagine, premi Ctrl + T (Win) / Comando + T (Mac) per richiamare le maniglie di Trasformazione libera, quindi trascina le maniglie d'angolo per ridimensionarle proprio come abbiamo fatto con la foto originale, tenendo premuto il tasto Maiusc mentre trascini per limitare le proporzioni. Ancora una volta, se non riesci a vedere le maniglie perché l'immagine è troppo grande per adattarsi alla finestra del documento, premi Ctrl + 0 (Win) / Command + 0 (Mac) per passare alla modalità di visualizzazione Adatta allo schermo . Premerlo di nuovo al termine del ridimensionamento dell'immagine:
Se la nuova immagine appare troppo grande, ridimensionala con il comando Trasformazione libera.
Premi Invio (Win) / Return (Mac) quando hai finito di accettare la trasformazione e uscire da Free Transform:
La foto a sinistra è stata sostituita.
Fai la stessa cosa con le altre due foto per scambiarle con altre immagini. Seleziona prima il livello della foto nel pannello Livelli ("Livello 2" o "Livello 3"), quindi fai clic con il pulsante destro del mouse (Win) / Control-clic (Mac) sul nome del livello e scegli Sostituisci contenuto dal menu visualizzato. Quando viene visualizzata la finestra di dialogo Posiziona, scegli la nuova foto che desideri utilizzare, quindi fai clic sul pulsante Posiziona . Se devi ridimensionare la nuova immagine, premi Ctrl + T (Win) / Comando + T (Mac) e trascina le maniglie d'angolo Trasformazione libera, tenendo premuto Maiusc mentre trascini. Premi Invio (Win) / Return (Mac) quando hai finito per uscire da Free Transform.
Ecco il mio risultato dopo aver sostituito le foto centrali e quelle di sinistra con nuove immagini:
Sostituire le immagini originali con nuove è stato facile grazie a Smart Objects!
Assicurati di salvare il documento come file .PSD di Photoshop quando hai finito in modo da mantenere intatti i livelli e gli oggetti intelligenti, pronti per la prossima volta che dovrai riaprire il file e aggiungere nuove foto!