Comment créer une couverture Facebook impressionnante dans Adobe Photoshop

Ce que vous allez créer

Les images de profil et les images de couverture de Facebook constituent un moyen d’expression unique sur le populaire réseau de médias sociaux. Par nature, les deux éléments sont plutôt détachés. La photo de profil apparaît à côté de chaque commentaire ou statut que vous ajoutez, alors que la photo de couverture est uniquement visible sur votre propre scénario. Mais que se passerait-il si vous pouviez concevoir la photo de couverture et la photo de profil pour travailler ensemble dans un seul et même modèle?? 

Dans ce didacticiel, nous explorons comment créer une image de couverture dans laquelle vous semblez tenir la photo de profil dans votre main. Il s'agit d'une approche créative utilisant les deux éléments de conception dans une conception unique coordonnée..

Si vous n'avez pas le temps, vous pouvez acheter de nombreux modèles de médias sociaux et couvertures Facebook sur Envato Market.. 

1. Connaître la disposition

Facebook a une approche intéressante pour la présentation de l'image de couverture et de la photo de profil. Il est important de comprendre certaines des limites avant de commencer le projet. Il n’ya rien de plus frustrant que de voir votre vision contrariée par une limitation du support que vous n’avez pas prise en compte.

Étape 1

Il y a quelques règles strictes à connaître à l'avance. 

  • L'image de couverture doit être exactement 851 pixels de large et 315 pixels de haut. Si ce n'est pas ces dimensions, Facebook essaiera de le redimensionner ou de le redimensionner à votre place..
  • La photo de profil doit être carrée et affichera 160 pixels par 160 pixels sur ton ordinateur (ou même plus petit sur les appareils mobiles). Curieusement, Facebook fait ne pas vous permet de télécharger une photo de profil de ces dimensions exactes. Il insiste sur la réduction de l'image pour vous. En fait, la taille d'image minimale que Facebook autorisera est 180 pixels par 180 pixels
  • Il y aura toujours une bordure blanche unie autour de la photo de profil. Il est codé en dur dans l’affichage de l’interface Facebook et vous n’avez aucun contrôle dessus. La meilleure approche consiste à s’assurer qu’il est intégré à votre conception..

Étape 2

Pour faciliter l'ensemble du processus, un fichier Photoshop inclus dans ce tutoriel vous permet de le télécharger et de l'utiliser comme modèle. Il suffit de chercher le FB Cover Template.psd attachement. 

2. Prenez vos photos!

Mon concept pour cette conception était de faire apparaître la photo de profil comme une carte photo que je tenais dans l'image de couverture. J'ai utilisé des morceaux carrés de papier cartonné blanc vierge comme accessoires dans le but de composer des photos sur les cartes pour le dessin final..

Étape 1

La photo la plus difficile à obtenir est la photo de la couverture. Les dimensions sont très étroites, mais larges, ce qui signifie que les cartes devront être tenues dans une position qui semble anormalement haute. 

Étape 2

Une fois la photo de couverture obtenue, la tâche suivante consiste à obtenir plusieurs photos de profil différentes. Soyez créatif et utilisez une variété de poses, de vêtements et d'accessoires. Il est important que les différentes images semblent être visuellement liées d'une manière ou d'une autre, par exemple en utilisant les mêmes cadrages, arrière-plans et paramètres de l'appareil photo..

3. Positionnez l'image de couverture

Le fichier de modèle utilise des objets intelligents pour garantir que les fichiers exportés auront toujours exactement la taille de pixel correcte. Mais en travaillant dans le fichier d'objet intelligent, il est difficile de se faire une idée du positionnement global. A la place, utilisez le modèle pour obtenir la position correcte, puis transférez l'image dans l'objet intelligent..

Étape 1

Ouvrir FB Cover Template.psd dans Photoshop. Ensuite aller à Fichier> Place> Lié déposer la photo de couverture dans le modèle. Placez le calque photo juste au-dessus du Photo de couverture couche.

Étape 2

Clipsez le calque de photo sur le calque de photo de couverture en allant à Couche> Créer un masque d'écrêtage (Alt-Control-G). Cela limite la visibilité de la photo aux limites de la couverture..

Étape 3

Aller à Édition> Transformation libre pour déplacer les poignées de transformation, redimensionnez et faites pivoter la photo jusqu'à ce que la carte soit alignée sur la zone d'image de profil..

Étape 4

Il est plutôt improbable que la photo contienne la carte avec la taille et l'angle idéal pour un cadrage optimal. C'est alors que les limites étroites des dimensions de la couverture sont réellement utiles. L'idée est d'utiliser l'image deux fois: une fois pour la main parfaitement positionnée et une autre fois pour le reste de l'image afin de créer une composition plus convaincante..

Dupliquer le calque photo avec Couche> Couche dupliquée. Ensuite, coupez le calque copié sur le précédent avec Couche> Créer un masque d'écrêtage (Alt-Control-G).

Étape 5

Utilisez le Outil de chapiteau rectangulaire (M) dessiner une sélection juste autour de la main tenant la carte de profil. Puis utilisez cette sélection comme masque de calque en allant à Calque> Masque de calque> Afficher la sélection. Il n'y aura pas de changement visible dans l'image pour l'instant à cause de la copie exacte juste en dessous de ce calque.

Étape 6

Sélectionnez le calque de photo d'origine et utilisez Édition> Transformation libre (Control-T) pour positionner l'image dans une composition légèrement meilleure, en veillant à ce que les autres cartes soient clairement visibles.

Étape 7

Sélectionnez les deux couches de photo en Maj-clic sur les deux vignettes dans le Couches panneau. Puis fusionnez-les avec Calque> Fusionner les calques (Contrôle-E).

Étape 8

Maintenant que le positionnement de l'image de couverture est défini, le travail de retouche photo le plus intensif peut être effectué dans l'objet intelligent de photo de couverture. Assurez-vous que le calque photo est le calque actuel et Ctrl-clic sur la vignette du Photo de couverture objet intelligent pour créer une sélection autour de lui. Ensuite aller à Édition> Copier (Control-C) copier les pixels de la photo dans cette forme de sélection exacte.

4. Créez l'effet de couverture 

Il est maintenant temps de transférer les pixels de couverture dans l'objet intelligent et de créer l'effet final. J'ai choisi d'utiliser un effet monochrome très contrasté sur la photo de couverture. Vous pouvez suivre avec cela, ou créer votre propre effet à la place!

Étape 1

Double-cliquez sur la vignette pour le Photo de couverture pour ouvrir cet objet intelligent. Ensuite aller à Édition> Coller (Contrôle-V) coller les pixels de la photo copiés dans un nouveau calque.

Étape 2

Utilisez le Outil de sélection rapide (W) créer une sélection autour de la figure et des cartes pour les isoler de l'arrière-plan. Utilisez ensuite la sélection pour créer un masque de calque avec Calque> Masque de calque> Afficher la sélection.

Étape 3

Placez dans un fond différent. Cela peut être n’importe quelle image de votre choix, mais ce fond de rue flou du marché d’Envato est un excellent choix.. 

Étape 4

Faites les ajustements nécessaires à l’image d’arrière-plan. Par exemple, vous pouvez ajouter un Courbes calque de réglage et modifier la courbe pour éclaircir considérablement l'arrière-plan.

Étape 5

Utilisation Fichier> Place (lié ou incorporé) pour déposer une des images de profil. Mettez-le à l’échelle, faites-le pivoter et positionnez-le de manière à ce qu’il s’agisse d’une des cartes de la main opposée. Changez le mode de fusion du calque en Multiplier pour permettre à la photo de se fondre dans l'ombre de la photo de couverture.

Étape 6

Utilisez le Outil de sélection rapide (W) à nouveau pour créer une sélection des doigts, et aller à Calque> Masque de calque> Masquer la sélection.

Étape 7

Endroit d'autres images de profil dans la scène de la même manière. Masque les sortir pour créer l'apparence que chaque carte est une autre photo. 

Étape 8

Créer un calque fusionné en haut de la pile de couches en maintenant la touche Alt clé et aller à Couche> Fusionner le visible. Ensuite, transformez le calque fusionné en objet intelligent avec Couche> Objets intelligents> Convertir en objet dynamique.

Étape 9

Aller à Filtre> Filtre Camera Raw et dans le De base onglet effectuer les réglages suivants:

  • Exposition: +.30
  • Points forts: +88
  • Ombres: +42
  • Blancs: +86
  • Clarté: +37
  • Saturation: -76

Basculer vers le Effets onglet et effectuez les réglages suivants:

  • Dehaze: +26
  • Montant du vignettage après récolte: -33

Étape 10

Après avoir appliqué le filtre Camera Raw, cliquez sur la vignette correspondant à Masque de filtre intelligent dans le Couches panneau. Créez une sélection autour des images de profil sur les cartes, puis remplissez la sélection de noir en utilisant Édition> Remplir avec Contenu mis à Noir. Cela supprime l'effet monochrome des photos sur les cartes.

Étape 11

Enregistrez le fichier de photo de couverture et revenez dans le fichier Modèle de couverture FB. Masquer ou supprimer le calque d'image de couverture utilisé pour le positionnement initial. Cela devrait alors révéler une image de couverture mise à jour dans l'objet intelligent..

5. Personnaliser la photo de profil

Maintenant, c'est sur la photo de profil! Bien que Facebook affichera l'image pas plus de 180 x 180 pixels, il est sage d'ajouter une image plus grande. Le modèle est conçu pour gérer une image de profil 1000 x 1000 pixels.

Étape 1

Double-cliquez sur le Profil vierge objet intelligent pour l'ouvrir. Notez que le fichier source est considérablement plus volumineux que les 180 x 180 requis. Cela est intentionnel, car plus la qualité de l'image est élevée, meilleure sera la photo finale..

Étape 2

Utilisation Fichier> Place (intégré ou lié) pour déposer la photo de votre profil choisi dans le fichier. ensuite sauvegarder le fichier, mais ne le ferme pas pour l'instant! 

Étape 3

Revenez au fichier de modèle pour vérifier l'aspect de l'image de profil. Ça a l'air bien, mais l'illusion gagnerait grandement à quelques ombres subtiles des doigts. Gardez à l'esprit que vous ne pouvez rien faire avec la bordure blanche, les ombres devront donc être assez subtiles.

Étape 4

Ajouter un nouveau calque sur le calque de profil pour ombres. Ctrl-clic sur la couche de profil pour créer une sélection dans cette forme. Puis utilisez le Pinceau (B) avec un Doux rond préréglé avec faible opacité et un couleur grise peindre doucement dans l'ombre sous les doigts.

Étape 5

Utilisez le Outil de déplacement (V) faire glisser la couche d'ombre sur le fichier de profil. Puis utiliser Édition> Transformation libre (Control-T) pour redimensionner les ombres en fonction de la taille de l’image de profil. Si les ombres apparaissent pixellisées en raison de l’agrandissement, utilisez les touches Pinceau (B) les retoucher.

Étape 6

Enregistrez à nouveau le fichier de profil et revenez sur le fichier de modèle.. Effacer la couche d'ombres d'origine et vérifiez que l'image de profil a été mise à jour pour les inclure. 

Étape 7

Ouvrez le profil et le Image de couverture objets intelligents. Utilisation Fichier> Exporter> Exporter sous et enregistrez chaque fichier en tant que JPG avec 100% de qualité (Facebook fera sa propre compression).

C'est tout!

Comment s'est déroulée la création de votre couverture Facebook? Faites une capture d'écran et partagez-la avec nous dans les commentaires ci-dessous.