Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Layer Styles

Comment créer un effet de texte inspiré du Brésil dans Adobe Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:

French (Français) translation by New Lune (you can also view the original English article)

Final product image
What You'll Be Creating

Dans ce tutoriel, je vais vous montrer comment créer un effet de texte inspiré du Brésil dans Photoshop, en utilisant un style de couche avec un motif que nous allons créer. Dans le processus, vous apprendrez des choses de base sur Pen Tool et Convert Point Tool, et sur certains raccourcis de clavier que j'utilise tous les jours.

Si vous souhaitez ignorer ce tutoriel mais souhaitez toujours acheter le style, vous pouvez vous diriger vers GraphicRiver et acheter des styles de pays.

Promo Image
Styles de pays

Atout de tutoriel

La police suivante a été utilisée pendant ce tutoriel:

1. Comment créer le motif

Étape 1

Téléchargez le zip qui est attaché à ce tutoriel et ouvrez le Draft Pattern dans Photoshop. Si vous savez déjà comment utiliser le Pen Tool et que vous souhaitez ignorer certaines étapes, vous pouvez utiliser ce projet pour continuer le tutoriel. Ouvrez-le simplement dans Photoshop, puis passez à l'étape 12.

A draft of the pattern

Étape 2

Appuyez sur Control-Shift-N pour créer une nouvelle couche et nommez-la Shape 1. Ensuite, choisissez Pen Tool (P) pour commencer le dessin.

Pen tool and a new layer

Étape 3

Zoomez sur l'image pour faciliter la tâche. Vous pouvez le faire en appuyant sur Control-Space-Click (pour effectuer un zoom arrière, appuyez sur Alt-Space-Click).

Il existe plusieurs façons d'utiliser le Shape Tool. Je vais vous montrer comment faire une forme en utilisant une technique très simple, puis vous pouvez utiliser la même technique pour les autres formes.

Afin de mieux voir ce que nous dessinons, nous devons changer la couleur de la forme. Donc, avec le Pen Tool sélectionné, modifiez la couleur du Fill au bleu #130eef. Ensuite, sélectionnez le calque Shape 1 et modifiez son Opacity à 50%.

Changing the color of the fill

Étape 4

Commencez à cliquer sur les bords de la forme avec Pen Tool (ne faites pas glisser la souris, simplement cliquez). Cela créera des points d'ancrage. Nous devons les placer sur chaque coin pointu et où il y a une courbe. Continuez à le faire jusqu'à ce que vous fermez la forme.

Drawing a shape

Étape 5

Maintenant, choisissez le Convert Point Tool, puis cliquez sur et faites glisser sur chaque point d'ancrage qui se trouve sur une courbe, mais ne touchez pas ceux qui se trouvent sur des angles vifs. Il ne doit pas nécessairement être 100% comme la forme originale car il s'agit d'une chose abstraite, mais essayez de le faire comme dans l'image originale.

Voici quelques conseils pour cette étape.

  • Si vous devez déplacer un point d'ancrage, vous devez tenir Space pendant que vous cliquez sur le point d'ancrage, puis déplacez-le là où vous pensez qu'il va mieux.
  • Pour supprimer un point d'ancrage inutile, vous devez cliquer dessus avec Pen Tool (P). Pour ajouter un nouveau, il suffit de cliquer avec le Pen Tool où vous en avez besoin.
  • Pour sélectionner un point d'ancrage avec le Convertir Point Tool, maintenez la touche Control et cliquez dessus. Même chose pour Pen Tool (P).
  • Lorsque vous sélectionnez un point d'ancrage, deux gestionnaires apparaissent. Vous pouvez maintenir Alt et cliquer et faire glisser pour changer un seul gestionnaire.
Refining the shape with the Convert Point Tool

Étape 6

Une fois toutes les formes terminées, modifiez l'Opacity de chaque couche à 100%.

Changing the opacity of the layers to 100

Étape 7

Créez un nouveau couche et nommez-le BG. Ensuite, placez-le sous les formes.

Creating a new background

Étape 8

Changez le Foreground color en #e2e2e2 et appuyez sur Alt-Backspace pour remplir le calque BG avec cette couleur.

Changing the foreground color and applying it to the image

Étape 9

Choisissez à nouveau Pen Tool (P) pour changer la couleur des formes à la couleur correcte. Vous pouvez utiliser l'image originale et le Eyedropper Tool pour choisir les couleurs, ou copier à partir de l'image ci-dessous. Sélectionnez la couche de la forme pour laquelle vous souhaitez modifier la couleur et modifiez la couleur comme à l'étape 3.

Colors of the shapes

Étape 10

Sélectionnez tous les couches, sauf la couche de Background, puis appuyez sur Control-G pour les regrouper.

Selecting all layers and grouping them

Étape 11

Sélectionnez le Group de couches et appuyez sur Control-Alt-Shift-E pour fusionner tout dans un nouveau calque. Ensuite, renommez cette nouvelle couche sur Base Pattern et cachez les autres couches en cliquant sur l'icône de l'oeil.

Merging the layers

Étape 12

Accédez à Image > Canvas Size et changez la largeur à 512 px.

Changing the canvas size

Étape 13

Choisissez le Move Tool (V) et déplacez la couche Base Pattern 128 px vers la gauche.

Moving the layer

Étape 14

Dupliquez la couche Base Pattern en appuyant sur Control-J. Ensuite, appuyez sur Control-T pour activer le Free Transform. Ensuite, déplacez la couche 256 px vers la droite. Après cela, cliquez avec le bouton droit de la souris sur l'image et choisissez Flip Horizontal et appuyez sur Enter.

Duplicating a layer and moving the copy

Étape 15

Sélectionnez les couches Base Pattern et Base Pattern copy, et appuyez sur Control-E pour les fusionner. Ensuite, renommez cette couche sur Base.

Selecting the layers and merging them

Étape 16

Accédez à Image > Canvas size et changez la Hauteur à 994 px.

Changing canvas size again

Étape 17

Déplacez la couche Base vers le bas de 249 px. Ensuite, créez une copie de la Base de couche et appuyez sur Control-T pour activer Free Transform à nouveau. Ensuite, cliquez avec le bouton droit de la souris sur l'image et choisissez Flip Vertical. Après cela, déplacez le Base copy de la couche de 497 px et laissez-les sur 256 px, puis appuyez sur Enter.

Moving the layer and flipping it

Étape 18

Maintenant, créez une copie de la couche Base copy et déplacez-la 512 px vers la droite.

Moving a copy of the layer

Étape 19

Allez dans Edit > Define Pattern... et nommez-le Abstract - Brazil Pattern, puis appuyez sur OK. Après cela, enregistrez et fermez le document.

Saving the pattern

2. Comment créer le style de couche

Étape 1

Accédez à File > Open... et ouvrez l'image d'arrière-plan dans le zip.

Background image

Étape 2

Choisissez le Type Tool (T) et écrivez BRAZIL en utilisant la fonte Ash.

Background image with BRAZIL written on it

Étape 3

Cliquez avec le bouton droit sur la couche de texte et choisissez Blending Options pour créer le Layer Style.

Commençons par Bevel & Emboss:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 1000%
  • Direction: Down
  • Size: 250 px
  • Soften: 0 px
  • Use Global Light: Unchecked
  • Angle: 90º
  • Altitude: 50º
  • Gloss Contour: Choisissez le Brazil Contour (fichier zip)
  • Anti-aliased: Unchecked
  • Highlight Mode: Screen
  • Highlight Mode Color: #ffffff
  • Highlight Mode Opacity: 93%
  • Shadow Mode: Multiply
  • Shadow Mode Color: #0084ff
  • Shadow Mode Opacity: 100%
Bevel and Emboss settings

Étape 4

Ajoutez maintenant un Stroke:

  • Size: 1 px
  • Position: Inside
  • Blend Mode: Normal
  • Opacity: 100%
  • Overprint: Unchecked
  • Fill Type: Gradient
  • Style: Linear
  • Reverse: Unchecked
  • Align with Layer: Checked
  • Angle: -90º
  • Dither: Unchecked
  • Scale: 100%

Maintenant, cliquez sur la barre de dégradé et ajoutez un dégradé avec ces paramètres:

  • First Stop Color: #106a00
  • First Stop Position: 0%
  • Second Stop Color: #7cdc00
  • Second Stop Position: 49%
  • Third Stop Color: #ffffff
  • Third Stop Position: 100%
Stroke settings

Étape 5

Ajoutez un Inner Shadow:

  • Blend Mode: Overlay
  • Color: #000000
  • Opacity: 88%
  • Use Global Light: Unchecked
  • Angle: 90º
  • Distance: 0 px
  • Choke: 12%
  • Size: 21 px
  • Contour: Linear
  • Anti-aliased: Unchecked
  • Noise: 0%
Inner Shadow settings

Étape 6

Ajoutez un Inner Glow:

  • Blend Mode: Linear Dodge (Add)
  • Opacity: 48%
  • Noise: 0%
  • Color: #ffffbe
  • Technique: Softer
  • Source: Edge
  • Choke: 0%
  • Size: 5 px
  • Contour: Linear
  • Anti-aliased: Unchecked
  • Range: 50%
  • Jitter: 0%
Inner Glow settings

Étape 7

Ajoutez un Gradient Overlay:

  • Blend Mode: Vivid Light
  • Dither: Unchecked
  • Opacity: 100%
  • Reverse: Unchecked
  • Style: Linear
  • Align with Layer: Checked
  • Angle: 90º
  • Scale: 100%

Maintenant, cliquez sur la barre de dégradé et ajoutez un dégradé avec ces paramètres:

  • First Stop Color: #00688e
  • First Stop Position: 0%
  • Second Stop Color: #ffde00
  • Second Stop Position: 51%
  • Third Stop Color: #53ba00
  • Third Stop Position: 100%
Gradient Overlay settings

Étape 8

Ajoutez un Pattern Overlay:

  • Blend Mode: Normal
  • Opacity: 100%
  • Pattern: choisissez le motif que nous avons créé (Abstract - Brazil Pattern)
  • Scale: 25%
  • Link with Layer: Checked

À ce stade, vous pouvez déplacer le Layer Style de calque sur le côté et cliquez avec le bouton gauche de la souris sur l'image et faites glisser la souris pour déplacer le motif.

Pattern Overlay settings

Étape 9

Ajoutez un Drop Shadow:

  • Blend Mode: Normal
  • Color: #00233a
  • Use Global Light: Checked
  • Angle: 90º
  • Distance: 4 px
  • Spread: 52%
  • Size: 3 px
  • Contour: Linear
  • Anti-aliased: Unchecked
  • Noise: 0%
  • Layer Knocks Out Drop Shadow: Checked
Drop Shadow settings

Étape 10

Cliquez sur New Style... pour sauvegarder le style de calque. Nommez-le Brazil Layer Style et cochez les cases Include Layer Style Effect et Include Layer Blending Options. Après cela, cliquez sur OK pour fermer la fenêtre Layer Style.

Saving the layer style

Félicitations, vous avez maintenant terminé!

Dans ce tutoriel, vous avez appris comment créer un motif abstrait et l'utiliser dans un style de calque dans Adobe Photoshop. Nous avons commencé par créer le motif, puis nous avons créé un style de calque.

J'espère que vous avez apprécié ce tutoriel et n'hésitez pas à laisser vos commentaires ci-dessous.

Result of the tutorial

Cet effet de texte que nous venons de créer fait partie des styles de pays.

Promo image
Styles de pays
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.