Comment créer une affiche à l'aide de l'outil Liquify dans Photoshop

Ce que vous allez créer

Pour ce didacticiel, nous allons concevoir une affiche à l'aide de l'outil Liquify sur un objet traditionnel dans Adobe Photoshop pour lui donner un aspect numérique..

Trouvez plus d'inspiration pour les modèles d'affiche et de flyer sur GraphicRiver.

Ce dont vous aurez besoin

Vous devrez télécharger et installer le fichier de police et l'image suivants: 

  • Lato par Google Fonts
  • Photo de buste de Giammarco Boscaro via Unsplash

Installez la police sur votre système et vous êtes prêt à commencer! 

1. Comment préparer l'image en buste

Étape 1

Ouvrez la photo du buste dans Photoshop.


Étape 2

Avant de l'utiliser sur l'affiche, nous allons supprimer le fond et utiliser le buste qui est au centre. Pour ce faire, dans le Couches panneau, Dupliquer la Contexte couche en appuyant sur Command-J. Cliquez sur l'icône en forme d'œil pour Cacher la visibilité de l'original Contexte couche.

Étape 3

Tout en sélectionnant le nouveau calque dans le Couches panneau, cliquez sur le Masque de vecteur bouton pour ajouter un Masque de calque à Couche 1. 

Étape 4

En sélectionnant le nouveau Masque de calque, sélectionnez le Pinceau (B). Utilisez le noir comme couleur de premier planet peignez sur l'image pour effacer l'arrière-plan. 

Étape 5

Une fois que nous avons peint la majeure partie de l'image avec le Pinceau (B), nous pouvons Zoom avant (Z) et travailler sur les détails.

Étape 6

Si nécessaire, appuyez sur la touche barre oblique inverse (\) pour afficher une superposition rouge sur le masque de calque. Ceci est utile pour vérifier si nous avons effacé les bonnes parties de l'image..

Étape 7

Allons de l'avant et rognons l'image à l'aide du bouton Outil de recadrage (C) et recadrer le buste à une taille raisonnable.

2. Comment configurer un nouveau document, créer des règles et dupliquer des calques

Étape 1

Dans Photoshop, aller à Fichier> Nouveau. Nommez le document L'avenir de la philosophie, et mettre le Largeur à 1275 px et la taille à 1650 px. J'utilise cette composition comme une brochure en ligne, je vais donc utiliser 72 dpi avec Contexte de fond blanc. Cliquez sur D'accord créer le document.

Étape 2

Activez les règles en appuyant sur Commande-R. J'utilise pouces-vous pouvez changer cela en allant à Photoshop> Préférences> Unités et règles.

Étape 3

Cliquez sur les règles et faites glisser vers la page pour créer des lignes de conduite. J'ai réglé le mien à 1 pouce de chaque côté. Tenir Décalage faire glisser la ligne directrice vers un nombre pair.

Étape 4

Reproduisons la couche en buste avec le masque de couche dans notre fichier Future of Philosophy. Pour ce faire, sélectionnez le calque et Clic droit> Dupliquer le calque. Sous Comme, changer le nom en Buste et sélectionnez Document> L'avenir de la philosophie. Cliquez sur D'accord continuer.

Étape 5

Rendons l'image plus petite en utilisant le Outil de transformation (Command-T). Je laisse environ 1 pouce sur le haut et le bas comme marges. Vous pouvez masquer les guides en appuyant sur Commander-;.

Étape 6

Sélectionnez le calque d'arrière-plan et peignez le calque à l'aide du bouton Outil seau de peinture (G) et noir comme couleur de premier plan.

3. Comment utiliser les couches de réglage

Étape 1

L'image a un ton jaune, alors manipulons-la pour lui donner un sentiment futuriste. Sur le Couches panneau,sélectionnez le Couche de buste et cliquez sur Créer un nouveau panneau de remplissage ou de réglage> Noir et blanc. Cela ajoutera une couche au-dessus de notre image sans s’engager à la transformer en elle-même en noir et blanc..

Étape 2

le Propriétés Un panneau s’ouvrira et nous pourrons ajuster les couleurs qui virent au noir et blanc. Les rehauts semblent trop brûlés et nous perdons un peu de définition. Nous allons donc rechercher la couleur bleue et déplacer le curseur vers la gauche. Ça a l'air mieux!

Étape 3

Pour le rendre encore plus futuriste, ajoutons une superposition bleue. Sur le Couches panneau, cliquez sur créer un Nouvelle Couche. En utilisant le Outil à godet (G), sélectionnez une couleur de premier plan de bleu avec le code suivant: # 0030ff. Peignez sur le calque et définissez le Mode de fusion à Recouvrir.

4. Comment utiliser l'outil Liquify

Étape 1

Sélectionnez le Couche de buste et le dupliquer en appuyant sur Command-J. Cachez la visibilité du calque d'origine en cliquant sur l'icône en forme d'œil et revenez à la copie..

Nous devons garder uniquement l'image masquée. Si nous allons de l'avant et utilisons l'outil Liquify, nous ne verrons que les résultats sur les espaces révélés par le masque. Tout en sélectionnant la couche buste, maintenez Commander et sélectionnez le Masque de calque. Cela sélectionnera les espaces que nous n'avons pas cachés au début. 

Étape 2

Assurez-vous que la couche buste est sélectionnée et pas le masque de calque. Nous voulons effacer le contraire de cela, alors inversons en appuyant sur Maj-Command-I et Effacer.

Étape 3

Désélectionnez en appuyant sur Commande-D. Supprimer le Masque de calque en cliquant sur le masque de calque, Clic droit> Supprimer le masque de calque.

Étape 4

Aller à Filtre> Liquify (Shift-Command-X), et une nouvelle fenêtre apparaîtra montrant le buste sélectionné plus tard. Pour cette image spécifique, nous voulons créer un look digital glitch.

Étape 5

Utilisons le Outil de déformation en avant (W). Sur le côté droit de la fenêtre, nous pouvons modifier le Options de l'outil. Puisque nous voulons faire de petits problèmes, nous pouvons commencer avec un Taille de la brosse de 150, Densité de la brosse de 100, et Pression de la brosse de 50. Nous pouvons maintenant brosser l'image. N'hésitez pas à expérimenter avec d'autres paramètres! Une fois que vous avez terminé, cliquez sur D'accord.

Étape 6

Notre image est presque prête. Pour donner un aspect plus numérique à ce buste traditionnel, nous pouvons renforcer la luminosité et le contraste. Au bas de la Couches panneau,cliquer sur Créer un nouveau calque de remplissage ou de réglage> Luminosité / Contraste. le Propriétés Une fenêtre s’ouvrira et nous pourrons ajuster les paramètres Luminosité: -15 et Contraste: 70.  

5. Comment ajouter du texte

Étape 1

Afin de créer un contraste avec les lignes horizontales que nous avons créées sur le buste, nous allons utiliser du texte vertical. presse T pour ajouter un nouveau calque de texte et ajouter d'autres détails. Définissez la police sur Lato Regular, à 75 points en blanc, et sélectionnez Souligner sur le Personnage panneau pour ajouter de l'importance au titre. J'ai également utilisé deux zones de texte pour le titre de l'affiche. Dans le premier, tapez "L'avenir de la philosophie numérique" et dans la seconde, "UNE Nouvelle façon de penser à la physique "

Étape 2

Sélectionnez ces deux zones de texte en cliquant sur l'une d'elles en maintenant Décalage, et en cliquant sur l'autre. Faire pivoter en appuyant sur Commande-R et maintenir Décalage pour une rotation uniforme. Plaçons-les sur la marge en bas à gauche.

Étape 3

Vous remarquerez que le texte blanc est légèrement en conflit avec l'image. Ajoutons un dégradé pour assombrir le buste. Sur le Couches panneau,sélectionner le calque bleu et ajouter un nouveau calque.

Étape 4

Sur la barre d'outils,sélectionnez le Outil de dégradé (G). Définissez vos couleurs d’arrière-plan et d’avant-plan en noir et blanc. Faites glisser le bord gauche de l'affiche vers le centre pour créer un dégradé partiel. Réglons le Mode de fusion pour cette couche Multiplier.

Étape 5

Ajoutons maintenant plus de détails à notre affiche! En utilisant le même Outil texte comme auparavant, nous pouvons ajouter plus de composants pour lui donner vie. J'ai ajouté des dates et le genre d'événement à 46 pt en taille, et pour créer un équilibre sur l'affiche, j'ai placé ce texte à l'opposé du titre. J'ai également ajouté des informations parallèlement au buste pour renforcer le thème de l'événement et ajouter une autre couche de détails avec le même style de caractère, mais cette fois à 18 pt en taille. 

6. Enregistrement de l'affiche pour le Web

Cliquez sur Fichier> Enregistrer sous enregistrer le fichier en tant que .PSD pour le modifier plus tard. Pour un fichier jpeg Web de résolution inférieure, cliquez sur Fichier> Enregistrer pour le Web (Shift-Option-Command-S) enregistrer le fichier en tant que .JPEG. Ici, vous pouvez modifier la qualité de l'image et sa taille. Cliquer sur Sauvegarder… et sauvegarder le fichier.

Félicitations pour avoir terminé ce didacticiel!

Nous avons couvert des compétences intéressantes pour la création d’un article promotionnel pour les médias sociaux. Aujourd'hui, vous avez appris à:

  • Nettoyer une image à l'aide de masques de calque.
  • Utilisez les calques de réglage pour peaufiner les images à l'infini.
  • Utilisez l'outil Liquify pour transformer un objet traditionnel en objet numérique. 
  • Formatez la typographie et utilisez-la dans différentes directions pour interagir avec l'image..