Come creare una fantastica copertina di Facebook in Adobe Photoshop

Cosa starai creando

Le foto del profilo di Facebook e le immagini di copertina sono un mezzo di espressione unico sul popolare sito di social media. Per natura, i due elementi sono piuttosto distaccati. L'immagine del profilo appare accanto a ogni commento o stato aggiunto, mentre la foto di copertina è visibile solo sulla tua cronologia. Ma se potessi progettare la foto di copertina e la foto del profilo per lavorare insieme in un unico disegno? 

In questo tutorial, esploreremo come creare un'immagine di copertina in cui ti sembra di tenere la foto del profilo nella tua mano. È un modo creativo di utilizzare entrambi gli elementi di design in un unico design coordinato.

Se non hai tempo, puoi acquistare diversi modelli di social media e copertine di Facebook su Envato Market. 

1. Conoscere il layout

Facebook ha un approccio interessante per la posa dell'immagine di copertina e dell'immagine del profilo. È importante capire alcune delle limitazioni prima di iniziare il progetto. Non c'è niente di più frustrante di avere la visione ostacolata da una limitazione al mezzo che non hai tenuto in considerazione.

Passo 1

Ci sono alcune regole difficili da sapere in anticipo. 

  • L'immagine di copertina deve essere esattamente Larghezza 851 pixel e Alto 315 pixel. Se non sono queste dimensioni, Facebook tenterà di ritagliarlo o ridimensionarlo per te.
  • L'immagine del profilo deve essere quadrata e verrà visualizzata come 160 pixel di 160 pixel sul tuo computer (o ancora più piccolo su dispositivi mobili). Curiosamente, Facebook lo fa non ti permettono di caricare una foto del profilo di queste esatte dimensioni. Insiste nel ridimensionare l'immagine per te. Infatti, la dimensione minima dell'immagine che Facebook permetterà è 180 pixel di 180 pixel
  • Ci sarà sempre un bordo bianco solido attorno alla foto del profilo. È codificato nel display dell'interfaccia di Facebook e non ne hai il controllo. L'approccio migliore è assicurarsi che sia incorporato nel tuo progetto.

Passo 2

Per semplificare l'intero processo, è disponibile un file Photoshop incluso in questo tutorial che consente di scaricare e utilizzare come modello. Cerca il FB Cover Template.psd attaccamento. 

2. Prendi le tue foto!

Il mio concetto per questo design era di far apparire la foto del profilo come una foto che stavo tenendo nell'immagine di copertina. Ho usato alcuni pezzi quadrati di cartoncino bianco vuoto come oggetti di scena con l'intenzione di comporre le foto sulle carte per il progetto finale.

Passo 1

Lo scatto più difficile da ottenere è la foto per l'immagine di copertina. Le dimensioni sono molto strette, ma ampie, il che significa che le carte dovranno essere mantenute in una posizione che sembra innaturalmente alta. 

Passo 2

Dopo aver ottenuto il colpo per l'immagine di copertina, il prossimo compito è ottenere diversi colpi di profilo diversi. Sii creativo e usa una varietà di pose, vestiti e oggetti di scena. È importante che le diverse immagini appaiano visivamente collegate in qualche modo, ad esempio utilizzando lo stesso inquadratura, lo sfondo e l'impostazione della fotocamera.

3. Posiziona l'immagine di copertina

Il file modello utilizza oggetti intelligenti per accertarsi che i file esportati corrispondano sempre alla dimensione corretta dei pixel. Ma lavorando all'interno del file oggetto intelligente, è difficile avere un'idea del posizionamento generale. Invece, utilizzare il modello per ottenere la posizione corretta, quindi trasferire l'immagine nell'oggetto intelligente.

Passo 1

Aperto FB Cover Template.psd nel Photoshop. Quindi vai a File> Luogo> Collegato per depositare la foto di copertina nel modello. Posiziona lo strato fotografico appena sopra il Foto di copertina strato.

Passo 2

Aggancia il livello fotografico al livello della foto di copertina andando a Livello> Crea maschera di ritaglio (Alt-Control-G). Ciò limita la visibilità della foto ai limiti della copertina.

Passaggio 3

Vai a Modifica> Trasformazione libera per ottenere le maniglie di trasformazione per spostare, ridimensionare e ruotare la foto finché la scheda non si allinea con la casella dell'immagine del profilo.

Passaggio 4

È piuttosto improbabile che la foto abbia la scheda mantenuta nella dimensione e nell'angolo ideali per l'inquadratura ottimale. Questo è quando gli stretti confini delle dimensioni della copertina sono effettivamente utili. L'idea è di usare l'immagine due volte: una volta per la mano perfettamente posizionata, e di nuovo per il resto dell'immagine per creare una composizione più accattivante.

Duplica il livello fotografico con Livello> Duplica livello. Quindi aggancia il livello copiato al precedente con Livello> Crea maschera di ritaglio (Alt-Control-G).

Passaggio 5

Utilizzare il Strumento rettangolare di selezione (M) disegnare una selezione attorno alla mano che tiene la scheda del profilo. Quindi usa quella selezione come maschera di livello andando a Livello> Maschera livello> Mostra la selezione. Non ci sarà ancora alcun cambiamento visibile all'immagine a causa della copia esatta appena sotto questo livello.

Passaggio 6

Seleziona il livello fotografico originale e usalo Modifica> Trasformazione libera (Control-T) posizionare l'immagine in una composizione leggermente migliore, assicurandosi che le altre carte siano chiaramente visibili.

Passaggio 7

Seleziona entrambi i livelli di foto per Shift-click su entrambe le miniature nel Livelli pannello. Quindi unirli insieme a Livello> Unisci livelli (Control-E).

Passaggio 8

Ora che il posizionamento dell'immagine di copertina è inchiodato, è possibile eseguire il lavoro di fotoritocco più intenso all'interno dell'oggetto smart con foto di copertina. Assicurati che il livello fotografico sia il livello corrente e Premuto il tasto Control sulla miniatura per il Foto di copertina oggetto intelligente per creare una selezione intorno ad esso. Quindi vai a Modifica> Copia (Control-C) per copiare i pixel della foto in questa forma di selezione esatta.

4. Costruisci l'effetto immagine di copertina 

Ora è il momento di trasferire i pixel di copertina nell'oggetto intelligente e creare l'effetto finale. Ho scelto di utilizzare un effetto monocromatico ad alto contrasto sulla foto di copertina. Puoi seguire insieme o costruire invece il tuo effetto personale!

Passo 1

Fare doppio clic sulla miniatura per Foto di copertina per aprire quell'oggetto intelligente. Quindi vai a Modifica> Incolla (Control-V) per incollare i pixel della foto copiati in un nuovo livello.

Passo 2

Utilizzare il Strumento di selezione rapida (W) per creare una selezione attorno alla figura e alle carte per isolarle dallo sfondo. Quindi utilizzare la selezione per creare una maschera di livello con Livello> Maschera livello> Mostra la selezione.

Passaggio 3

Posto in uno sfondo diverso. Questa può essere una qualsiasi immagine a tua scelta, ma questo sfocato sfondo di città da Envato Market è una scelta eccellente. 

Passaggio 4

Apporta le modifiche che ritieni necessarie all'immagine di sfondo. Ad esempio, è possibile aggiungere un curve livello di regolazione e modifica la curva per illuminare in modo significativo lo sfondo.

Passaggio 5

Uso File> Luogo (collegato o incorporato) per inserire una delle immagini del profilo. Scala, ruota e posizionalo per adattarlo a una delle carte nella mano opposta. Cambia la modalità di fusione del livello in Moltiplicare per consentire alla foto di fondersi con l'ombra della foto di copertina.

Passaggio 6

Utilizzare il Strumento di selezione rapida (W) di nuovo per creare una selezione delle dita e andare a Livello> Maschera di livello> Nascondi selezione.

Passaggio 7

Posto altre immagini del profilo nella scena allo stesso modo. Maschera li fuori per creare l'apparenza che ogni carta è un'altra foto. 

Passaggio 8

Creare un strato unito nella parte superiore della pila di livelli tenendo premuto il tasto alt chiave e andare a Livello> Unisci visibili. Quindi trasforma il livello unito in un oggetto intelligente con Livello> Oggetti avanzati> Converti in oggetto avanzato.

Passaggio 9

Vai a Filtro> Filtro Raw Camera e nel Di base scheda effettua le seguenti impostazioni:

  • Esposizione: +.30
  • Mette in risalto: +88
  • Shadows: +42
  • bianchi: +86
  • Chiarezza: +37
  • Saturazione: -76

Passare al effetti scheda e effettuare le seguenti impostazioni:

  • Dehaze: +26
  • Importo vignettatura post-raccolto: -33

Passaggio 10

Dopo aver applicato il filtro Camera Raw, fai clic sulla miniatura per Maschera filtro intelligente nel Livelli pannello. Crea una selezione intorno alle immagini del profilo sulle carte, quindi riempi la selezione con il nero usando Modifica> Riempi con Soddisfare impostato Nero. Questo rimuove l'effetto monocromatico dalle foto sulle carte.

Passaggio 11

Salvare il file di copertina e tornare al file del modello di copertina FB. Nascondere o eliminare il livello dell'immagine di copertina utilizzato per il posizionamento iniziale. Questo dovrebbe quindi rivelare un'immagine di copertina aggiornata nell'oggetto smart.

5. Personalizza il profilo Pic

Ora è sulla foto del profilo! Sebbene Facebook visualizzi l'immagine non più grande di 180 x 180 pixel, è consigliabile aggiungere un'immagine più grande. Il modello è costruito per gestire un'immagine del profilo 1000 x 1000 pixel.

Passo 1

Fare doppio clic sul Profilo-Blank oggetto intelligente per aprirlo. Si noti che il file sorgente è considerevolmente più grande di 180 x 180 richiesto. Ciò è intenzionale in quanto la qualità dell'immagine è elevata, migliore sarà la foto finale.

Passo 2

Uso File> Luogo (incorporato o collegato) per depositare la foto del profilo prescelto nel file. Poi Salvare il file, ma non chiuderlo ancora! 

Passaggio 3

Ritorna al file modello per verificare come appare l'immagine del profilo. Sembra buono, ma l'illusione trarrebbe grande beneficio da alcune sottili ombre delle dita. Tieni presente che non c'è niente che puoi fare per il bordo bianco, quindi le ombre dovranno essere piuttosto sottili.

Passaggio 4

Aggiungi un nuovo livello sul livello del profilo per ombre. Premuto il tasto Control sul livello del profilo per creare una selezione in quella forma. Quindi utilizzare il Pennello (B) con un Soft Round preset con bassa opacità e a colore grigio per dipingere delicatamente nell'ombra sotto le dita.

Passaggio 5

Utilizzare il Sposta strumento (V) trascinare il livello ombra sul file del profilo. Quindi utilizzare Modifica> Trasformazione libera (Control-T) per ridimensionare le ombre per adattarle all'immagine del profilo più grande. Se le ombre appaiono pixelate a causa dell'ingrandimento, utilizzare il Pennello (B) per toccarli.

Passaggio 6

Salvare nuovamente il file del profilo e ricontrollare il file del modello. Elimina il livello di ombre originale e controlla che l'immagine del profilo sia stata aggiornata per includerle lì. 

Passaggio 7

Apri sia il profilo che il Immagine di copertina oggetti intelligenti. Uso File> Esporta> Esporta come e salva ogni file come a JPG con Qualità al 100% (Facebook farà la propria compressione).

Questo è tutto!

Come è andata a finire la tua copertina creativa di Facebook? Fai uno screenshot e condividilo con noi nei commenti qui sotto.