Come progettare una carta vacanze collage di foto in Photoshop

Vai oltre il fotoritocco e entra nel mondo della grafica. Imparerai alcune tecniche essenziali per mostrare le tue immagini nei collage e come formattare il collage come file che puoi inviare a un laboratorio professionale per la stampa. Bonus: una breve panoramica su come utilizzare queste tecniche versatili per presentare collage sul Web e nelle stampe fotografiche.

Anteprima della carta vacanze finale

Creerai una carta vacanze stampata con le seguenti specifiche:

  • Cartolina piatta da 4 pollici x 5,5 pollici
  • Disegni anteriori e posteriori
  • Sanguinamento totale (stampato a colori sul bordo della carta)

Questo tutorial è scritto per le persone che hanno familiarità con gli strumenti di Photoshop e il fotoritocco, ma che sono nuovi nella progettazione grafica.

Scarica il PSD

Prima di iniziare, vale la pena notare che puoi scaricare il file PSD originale usato in questo tutorial se lo desideri. Ciò potrebbe rendere più facile seguire e capire come funziona un po 'del processo. Detto questo, non è un sostituto per lavorare attraverso i passaggi da soli!

  • Scarica il PSD Holiday Card

Passaggio 1: assemblare le risorse

Scarica questa illustrazione di Natale da Vectortuts.

Raccogli quattro foto in bianco e nero da inserire nel tuo documento. Aprili in Photoshop.

Passaggio 2: impostare il documento

Questa è probabilmente la parte più importante di questo tutorial, quindi leggi attentamente quanto segue:

  1. Vai a File> Nuovo.
  2. Dimensioni: 4,25 pollici x 5,75 pollici. Notare i 25 pollici in più su ciascun lato. Questo deve essere aggiunto perché la stampante stamperà il documento troppo grande e quindi taglia la carta dopo che è stata stampata. Lo fanno in modo che tu possa avere un colore che si estende fino ai bordi della carta, che è chiamato "bleed". Le stampanti non possono stampare sul bordo della carta, quindi sovrastampano e quindi ritagliano in modo da poter sanguinare.
  3. Risoluzione: impostarlo su 300 ppi, che è la qualità della stampa.
  4. Formatta il file come colore RGB. La maggior parte delle tipografie stampa in CMYK, ma la maggior parte dei laboratori fotografici professionali che offrono prodotti stampati stampati come carte, segnalibri e libri stampati in RGB. Se hai qualche domanda su questo, chiedi prima alla tua stampante perché la conversione tra i due può davvero cambiare il modo in cui i colori appaiono. Salva te stesso mal di testa e denaro sprecato facendo questo giusto per cominciare.
  5. Aggiungi le guide che mostrano le dimensioni finali della stampa dopo il taglio (vedi l'immagine sotto). Innanzitutto, assicurati che i tuoi righelli siano attivi (visualizza> righelli). Impostali per mostrare i pollici facendo clic con il pulsante destro del mouse sul righello e scegliendo "pollici" dal menu a discesa. Quindi con il mouse sopra il righello verticale, fai clic con il tasto sinistro del mouse e trascina verso destra per vedere apparire una linea blu. Trascinarlo in modo che sia di 0,125 pollici all'interno del margine destro. Trascina un altro quindi è 0,15 pollici all'interno del margine sinistro. Ripeti e crea due guide orizzontali a 0,15 pollici dai margini superiore e inferiore.

    Non pensarlo perché hai ingrandito il tuo documento di 0,25 pollici che le guide dovrebbero essere a 0,25 pollici dai margini o avrai margini che sono il doppio delle dimensioni che dovrebbero essere. Volete 0,15 pollici in più su tutti i lati, che insieme sono pari a 0,25 pollici aggiunti alle dimensioni orizzontale e verticale.

Nota: questa scheda è destinata alla stampa presso un laboratorio fotografico degli Stati Uniti. Non dovrebbe esserci molta differenza per gli altri paesi, ma dovresti controllare le dimensioni e assicurarti di avere diritto RGB o CMYK prima si inizia.

Passaggio 3: aggiungere un gradiente di sfondo

Ok, ora che abbiamo tutto questo dietro di noi, andiamo avanti!

Fare clic sul colore di primo piano e renderlo # d71e25. Crea lo sfondo # 781214. Fai clic sullo strumento sfumatura e scegli una sfumatura radiale che va dal primo piano allo sfondo. Quindi fai clic nell'angolo in alto a sinistra del documento e traccia una linea diagonale che va per 3/4 verso l'angolo in basso a sinistra del documento.

Il tuo documento dovrebbe assomigliare a questo:

Passaggio 4: importa l'immagine vettoriale

L'arte vettoriale di Natale è un file EPS vettoriale. Per la mia versione di questa scheda, l'ho aperta in Illustrator, rimosso lo sfondo e sfumato un gruppo di fiocchi di neve in basso. Poi ho trascinato l'albero e i fiocchi di neve in PS in modo da poter utilizzare lo sfondo PS che ho creato. Per semplificare, comunque, userò l'arte non modificata e ti insegnerò come cavartela solo con Photoshop. Il modo migliore per lavorare con i vettori in Photoshop consiste nell'utilizzare la funzione oggetti intelligenti, che offre il vantaggio delle proprietà dei vettori, come il ridimensionamento senza perdere la qualità dell'immagine.

Per importare il file EPS in Photoshop, vai su File> Inserisci. Scegli il tuo file e verrà importato nel documento di lavoro con le consuete maniglie in ogni angolo. Trascina le maniglie per ridimensionare un po 'l'albero e spostarlo leggermente a sinistra. Fai clic sul segno di spunta per salvare le modifiche. Si noti che il livello dell'albero ha una miniatura diversa, che indica che si tratta di un oggetto intelligente.

Passaggio 5: Disegna alcune caselle

Innanzitutto, fai clic e tieni premuto lo strumento Forma e scegli Strumento rettangolo. Una barra degli strumenti orizzontale apparirà appena sotto il menu principale nella parte superiore della finestra. A destra, c'è una scatola di colori. Fare clic per visualizzare la finestra di dialogo dei colori e inserire # 911519, che è un marrone scuro scelto dallo sfondo con il contagocce. Disegna il riquadro del divisore verticale per i nomi dei bambini rendendolo largo circa 4 cm e l'intera altezza del documento.

Ora disegneremo i quattro rettangoli orizzontali che incorniceranno le nostre foto. Vogliamo riempire i rettangoli con un colore rosato più chiaro, quindi cambia il colore in # e6dbda. Ora disegna un rettangolo di circa 75 centimetri di altezza per 2,4 pollici di larghezza. Se vuoi cambiare il colore in un secondo momento, fai doppio clic sulla miniatura del livello e verrà visualizzata la tavolozza dei colori standard tra cui potrai scegliere.

Duplica il rettangolo premendo Ctr-J tre volte. Ora hai quattro livelli identici, anche se sembra uno perché sono tutti impilati uno sopra l'altro. Fare clic sullo strumento Seleziona o utilizzare i tasti freccia su / giù per spostarli verso il basso o verticalmente in una riga come nell'immagine della scheda finale.

Passaggio 5: inserimento delle foto

Finalmente! La seguente tecnica è un "must-know" per i fotografi. Se non ottieni nient'altro da questo tutorial, ricorda questo passaggio. Scoprirai che sarà utile in tutti i tipi di applicazioni che potresti incontrare.

Per prima cosa, porta tutte le tue immagini nel documento della tua carta. Lo faccio aprendo tutte le mie foto come documenti separati, quindi trascinando ogni livello di foto nel documento di lavoro. Ogni foto verrà importata come se fosse un proprio livello. Posiziona ogni livello di foto direttamente sopra il rettangolo in cui desideri che appaia. Dovresti avere quattro livelli rettangolari, ciascuno con una foto sopra di esso.

Quindi, fai clic con il tasto destro sulla prima foto e scegli "Crea maschera di ritaglio". La tua foto dovrebbe quindi essere vincolata nel rettangolo, in modo che l'unica parte visibile della foto sia la parte dentro il rettangolo. Puoi quindi andare allo strumento Seleziona, fare clic sulla foto e trascinarla mentre si trova all'interno del rettangolo. Le maschere di ritaglio sono un modo per ritagliare l'immagine in modo non distruttivo. È possibile utilizzare lo strumento di ritaglio, ma le maschere di ritaglio sono molto più flessibili perché è possibile modificare l'area ritagliata ogni volta che si desidera. Se si utilizza lo strumento Ritaglia, ciò che si ritaglia è scomparso per sempre.

Ora crea solo maschere di ritaglio per tutte le foto.

Potresti fermarti qui, ma se vuoi andare oltre, come mostrato nel risultato finale, puoi ritagliare una sezione dello sfondo della foto e posizionarla sopra la foto e creare una maschera di ritaglio con quella. Basta posizionarlo sopra la prima maschera di ritaglio in modo che ciascun rettangolo abbia la foto sopra di esso e il pezzo di sfondo sopra di esso. Quindi posiziona la casella dello sfondo a sinistra della foto e lascia una porzione dello sfondo rosa chiaro che mostra tra essa e la foto.

Passaggio 6: scrivere il testo

Innanzitutto, scriveremo i nomi dei bambini. Fai clic e tieni premuto lo strumento testo, quindi scegli Strumento testo verticale. Il font che ho usato è Rage Italic, che non è gratuito, ma puoi scegliere un bel font gratuito come DearJoe Four. La dimensione è 12pt.

Successivamente, usando anche Rage Italic, scrivi "Happy Holidays" in 14.5 punti. Ho aggiunto un'ombra discendente e una bagliore esterno, che a mio parere sembra molto bello contro il rosso acceso sullo sfondo sfumato. Per l'anno, ho scelto un rosso più chiaro dallo sfondo usando il contagocce. Assicurati di fare clic sull'opzione colore nel menu Font orizzontale che appare nella parte superiore della finestra quando lo strumento Font è selezionato (non il colore di sfondo / in primo piano).

Infine, scrivi il saluto in basso a sinistra e il gioco è fatto!

Passaggio 7: non dimenticare il retro!

Il download del file include anche il retro della carta, che puoi vedere di seguito. Basta duplicare il file "frontale" ed eliminare tutto tranne lo sfondo e l'albero. Quindi con lo strumento Forma, disegna una casella bianca, ma questa volta imposta la Modalità livello su Scherma lineare (Aggiungi) e diminuisci l'Opacità a piacere (ho usato l'87%).

Passaggio 8: alcuni pensieri sulla stampa

I laboratori professionali con cui ho più familiarità sono WHCC (White House Custom Color) e MPixPro. Per inviare questo file a un laboratorio professionale, scegli Salva con nome e scegli JPG dal menu a discesa. Scegli 10 per la qualità. Dovresti avere due file, uno per la parte anteriore e uno per la parte posteriore.

Questi laboratori offrono diversi tipi di carta, tra cui uno spesso, lucido copertina, lino e perla. Includono anche buste.

Alcuni suggerimenti sono:

  • Non mettere nessun bordo o logo nell'area al vivo, che verrà ritagliata.
  • Posizionare eventuali bordi di un ulteriore 1/8 di pollice (0,15 pollici) o più dal bordo tagliato.
  • Aumentare un po 'il contrasto può migliorare il tuo design.

Bonus: Modelli di collage maschera di ritaglio gratuiti

Puoi utilizzare la tecnica della maschera di ritaglio per mostrare le tue immagini come storyboard o collage, sia per le stampe fotografiche che per il display web. Hai mai notato che, sul web, le immagini verticali sembrano spesso raggruppate in gruppi di due o tre? Le maschere di ritaglio rendono questo lavoro veloce.

È facile aggiungere angoli arrotondati o creare un cerchio / forma ovale per visualizzare l'immagine. Ho appena ricevuto una brochure nella mail in cui il designer ha usato un font blocky come maschera di ritaglio! Le possibilità sono infinite.

Vedi il blog di Jessica Hamlin per esempi di modelli di maschere di ritaglio usati per visualizzare il portfolio di blog di un fotografo.

Vuoi accelerare le cose? Ecco alcuni posti per trovare modelli gratuiti:

Caffetteria

Rita al blog CoffeeShop offre tutti i tipi di modelli di storyboard per il web. Il suo ultimo è il set di storyboard degli angoli arrotondati CoffeeShop.

Dawn Mikulich

Modello di Dawn Mikulich's Moo Card, che è destinato alla stampa su Moo.com. Dawn condivide anche uno storyboard di 30 × 30 Photoshop o un modello di libro con aperture per 13 immagini.

GingerPixel

GingerPixel ne ha qualcuna in più.

Conclusione

Questo è tutto! Vai a rialzarti e sentirti orgoglioso di te stesso .... Pensa a tutte le cose che farai con il tuo nuovo talento per le maschere di ritaglio della fotografia!