Comment créer un flyer de planche à roulettes à contraste élevé dans Adobe Photoshop

Ce que vous allez créer

Pour ce tutoriel, nous concevrons une affiche à l'aide de masques de calque, de masques de découpage et de l'outil Liquify pour créer une affiche qui se trouve littéralement à l'extérieur de la boîte.! 

Si vous recherchez plus de modèles de flyers uniques, passez à GraphicRiver pour plus.

Ce dont vous aurez besoin

Vous aurez besoin d'accéder à Photoshop. Si vous ne possédez pas le logiciel, vous pouvez télécharger une version d'évaluation à partir du site Web d'Adobe..

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

  • j'utilise Univers, 93 Extra Black Extended comme il vient avec mon ordinateur; Vous pouvez l'acheter ici. Archivo Black ou Work Sans Black ont ​​un poids proche mais doivent être légèrement allongés. 
  • Photo d'un skateur par Sergio Rao via Unsplash

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

1. Comment utiliser les masques de calque et préparer l'image

Étape 1

Ouvrez l'image du skateur dans Photoshop. Nous voulons supprimer les nuages ​​avant d'utiliser l'image de skateur sur l'affiche. Pour ce faire, dans le Couches panneau, Dupliquer la Contexte couche en appuyant sur Command-J et Cacher la visibilité de l'original Contexte couche. 

Étape 2

En sélectionnant le nouveau Calque copie de fond sur le Couches panneau, cliquez sur le Masque de vecteur bouton pour ajouter un Masque de calque à Copie de fond. 

Étape 3

Je recommande d'utiliser le Pinceau (B). En utilisant le Pinceau (B) et noir comme Couleur de premier plan sur le Outils panneau, vous pouvez masquer des parties de l’image. Si vous utilisez le blanc comme couleur de premier plan, vous allez plutôt révéler des parties de l'image. Je préfère cette méthode à la place de l'outil d'effacement, car cela me donne la possibilité de faire des va-et-vient pour révéler l'image et corriger les erreurs.. 

Clic-droit régler le pinceau sur Taille de 200 px et Dureté de 100% et commencez à brosser des parties de l'image. J'aime faire les grandes parties en premier pour zoomer ensuite et me concentrer sur les détails autour du corps. 

Étape 4

Let's Agrandir travailler sur les détails. Pour cela, je vais et viens avec les tailles de pinceau, car j’ai parfois besoin d’entrer dans les coins, mais j’ai commencé avec un Taille de 30 px et Dureté de 100%. Un excellent outil qui aide ici utilise la clé antislash (\) pour obtenir une teinte rouge derrière l'image et savoir quelles parties doivent être perfectionnées.

2. Comment configurer un nouveau document et des guides

Étape 1

Dans Photoshop, aller à Fichier> Nouveau. Nommez le document Culture de planche à roulettes, et mettre le Largeur à 1275 px et la taille à 1650 px, avec Contexte de fond blanc. Je garde l'affiche numérique, je vais donc travailler avec 72 dpi ou 150 dpi. Cliquez sur D'accord créer le document.

Étape 2

Créons des guides sur notre document pour nous assurer que les éléments sont alignés comme nous le souhaitons. Ma règle mesure en pouces; vous pouvez changer cela en Photoshop> Préférences> Unités et règles. Nous pouvons nous diriger vers Voir> Nouveau guide, où une nouvelle fenêtre apparaîtra. Nous voulons faire tous nos Des guides 0,75 pouces de chaque bord. Sélectionner Horizontal et sous Position type 0,75 po. Cliquez sur D'accord

Nous ferons de même pour l'option verticale. Pour ajouter un guide au bas et au côté droit de la page, il suffit de soustraire 0,75 pouce à la mesure finale de votre page. Pour masquer et afficher les guides, appuyez sur Commander-;.

3. Comment dupliquer les calques et ajouter de la couleur à l'arrière-plan

Étape 1

Reproduisons le skateur Calque copie de fond dans notre nouvelle Culture de planche à roulettes fichier. Faire cela, Clic droit> Dupliquer les calques. Sous Comme:, renommer la couche en Skateur, et sous Destination sélectionner Document> Culture du skateboard. Cliquez sur D'accord continuer.

Étape 2

Passons à notre Culture de planche à roulettes document. Pour que l’affiche sorte un peu plus, faisons l’arrière-plan en noir. En utilisant le Outil seau de peinture (G), sélectionnez le calque d'arrière-plan et cliquez sur la page pour peindre l'affiche.

4. Comment utiliser l'outil Liquify

Étape 1

Sélection du couche de fond, créons un nouveau calque pour ajouter des formes colorées. presse Maj-Commande-N, et nommons notre nouvelle couche par les couleurs que nous utiliserons - dans ce cas, Rose. Assurez-vous que sous Couleur, Aucun est sélectionné.

Étape 2

Choisissons une couleur en cliquant sur Définir la couleur de premier plan, puis réglez le code de couleur sur # ff0cf0. En utilisant le Pinceau (B),met le Taille à 125 px et Dureté à 100%. Nous pouvons simplement créer des coups de pinceau aléatoires comme ci-dessous.

Étape 3

Filtre> Liquify ou Shift-Command-X, et une nouvelle fenêtre apparaîtra affichant le calque sélectionné. Dans le panneau de gauche, utilisez le bouton Outil de rotation dans le sens des aiguilles d'une montre (C), et choisissez les paramètres suivants dans le panneau de droite: Taille de la brosse: 300, Densité de pinceau: 100, et Pression de la brosse: 100. Utilisez le pinceau sur les traits de cette nouvelle fenêtre. Le but ici est de créer des figures bancales pouvant servir de fond à l’affiche. Il n'y a pas de bonne ou de mauvaise façon de le faire, alors n'hésitez pas à le faire à votre façon! 

N'hésitez pas à utiliser également le Outil de déformation vers l'avant (W), outil à plumer (S), et Outil de gonflement (B). Ne vous inquiétez pas de le rendre trop parfait car nous pouvons utiliser le Masque de calque plus tard pour cacher des choses que nous ne voulons pas.

Une fois que vous avez terminé, cliquez sur D'accord.

Étape 4

Faites de même avec les nouveaux calques pour le vert et le jaune avec les codes de couleur suivants. Vert: # 0cffd1Jaune: # 0fffe10.

Nous pouvons éditer certaines des formes en utilisant le Masque de calque, la même méthode nous avons utilisé pour nettoyer l'image initiale de la couche de skateur. Vous pouvez créer Masques de calque sur chaque couche de couleur et utilisez le Pinceau (B) masquer ou afficher certaines parties du calque.

Étape 5

Cachons les calques colorés et créons un Nouvelle Couche. Ce nouveau calque contiendra des traits de chaque couleur à placer derrière le skateur. Nous faisons cela pour pouvoir Liquéfier les trois couleurs en même temps. J'utilise un Brosse Taille de 250 px et Acuité de 100%

Étape 6

Nous allons procéder de la même manière que pour les couches colorées avant avec le Outil Liquify, jouer avec jusqu'à ce que vous trouviez quelque chose que vous aimez. Vous pouvez jouer avec la taille du pinceau dans la nouvelle fenêtre Liquify. Encore une fois, il n'y a ni bon ni mauvais! 

Une fois que nous avons tous ces composants, nous pouvons revenir en arrière et éditer avec ce qui précède Masque de calque pour équilibrer ces couleurs. 

5. Utilisation de l'outil Rectangle et ajout de texte 

Étape 1

En utilisant le Des guides nous avons créé au début de ce tutoriel, nous allons ajouter quelques lignes rigides à cette affiche géniale. Choisissons notre Couleurs mélangées couche et activer à nouveau nos guides en appuyant sur Commander-;.

dans le Outils panneau, cliquez sur le Outil Rectangle (U). Dirigez-vous vers le Barre d'options. Ensemble Remplir pas de couleur, Accident vasculaire cérébral au blanc, et Largeur du trait de la forme à 5 pt. 

Créez le rectangle en fonction de la marge. Nous y reviendrons sous peu, mais pour l’instant nous allons ajuster et ajouter quelques éléments. Cachons à nouveau nos guides en appuyant sur Commander-;.

Étape 2

En utilisant le Outil de type (T), type CULTURE DE PLANCHE A PIED sur trois lignes; c'est occuper plus d'espace au bas de l'affiche. Sur le Personnage panneau, réglez le Police de caractère à Univers 93 Black Extended, Taille 75 pt et Menant 60 pt. Si vous utilisez l'une des polices alternatives, cela aura l'air un peu différent, mais tout fonctionne! Centrer la zone de texte dans le rectangle créé. 

6. Comment utiliser les masques de calque noir et blanc

Nous voulons créer l'illusion que le skateur sort de la page et nous voulons aussi le faire se démarquer de l'arrière-plan chargé. 

Étape 1

Nous allons couper un Masque de calque noir et blanc au Couche de skateur. Commençons par sélectionner le Couche de skateur. Aller au bas de la Couches panneau. Cliquez sur Créer un nouveau calque de remplissage ou de réglage et en appuyant sur Alt, cliquer sur Noir blanc.UNE Nouvelle Couche La fenêtre va s'ouvrir. Nommez ce nouveau Couche Skateboarder BW, vérifier Utiliser le calque précédent pour créer un masque de découpage, et cliquez D'accord. Cela créera un calque qui changera la couleur de la seule Couche de skateur à Noir et blanc.

Étape 2

Nous voulons maintenant ajuster le contraste. Sélectionnez l'initiale Couche de skateur, et se diriger vers Image> Réglages> Luminosité et contraste. J'ai choisi d'aller avec Luminosité: 36 et Contraste: 68 pour faire la photo pop. Cliquez sur D'accord.

Étape 3

Maintenant, nous voulons redimensionner légèrement le skateur. Tout en sélectionnant le même calque, appuyez sur Command-T et en tenant Décalage garder les mêmes proportions,cliquez et faites glisser l'un des coins jusqu'à environ 120% et repositionnez l'image. Nous voulons que l'image du skateur apparaisse comme si elle sortait du rectangle créé précédemment. 

7. Ajout des détails finaux

Ajoutons une date et un lieu pour cette affiche. Sélectionnez le Rectangle 1 couche et créez un nouveau rectangle en utilisant le Outil Rectangle (U), celui-ci verticalement sur le côté droit de l'affiche. Nous pouvons ajuster notre Couche Culture Skateboard en appuyant Command-t, en portant Décalage et redimensionner pour conserver les proportions d'origine. 

Ajoutons du texte composé à ce rectangle avec le Outil de type. Ajoutons une date, une heure et un site Web. Une fois que l'information est en place, maintenez Commander, et la zone de texte va se transformer en un objet que nous pourrons transformer. Tenir Commander, dirigez-vous vers l'un des coins de la zone de texte, cliquez et faites pivoter.Alternativement, vous pouvez tenir Décalage et tournez la zone de texte de 90 degrés avec précision.

Ajoutons un troisième rectangle sur le titre de l’affiche pour correspondre au côté droit. Vos calques doivent ressembler à l'image ci-dessous.

8. Comment sauvegarder l'affiche

Cliquez sur Fichier> Enregistrer enregistrer le fichier en tant que .PSD pour plus tard éditer et comme JPEG si vous allez l'utiliser pour les médias sociaux.

Tu l'as fait!

Félicitations pour avoir terminé ce tutoriel! Nous avons couvert une compétence intéressante pour la création d'un article promotionnel pour les médias sociaux. Aujourd'hui, nous avons appris à:

  • Nettoyer une image à l'aide de masques de calque.
  • Formater la typographie et lui permettre d'interagir avec l'image.
  • Utilisez l'image d'une autre manière pour créer une affiche originale.. 
  • Utiliser des masques de calque et des masques de découpage pour modifier les couleurs d'un seul calque.
  • Utilisez l'outil Liquify.