Comment créer un effet de texte délicieux Jelly Bean dans Photoshop

Ce que vous allez créer

Dans ce didacticiel, je vais vous montrer comment créer un délicieux effet de texte en jelly bean dans Adobe Photoshop à l'aide d'un simple pinceau personnalisé, d'un trait et de certains styles de calque. Commençons!

Atouts du tutoriel

Les ressources suivantes ont été utilisées lors de la production de ce didacticiel. S'ils ne sont pas disponibles, vous devrez peut-être trouver des alternatives.

  • Insaniburger polices.
  • Rocky Wall Pattern de Projecteightyfive.
  • Motif de sable blanc par Atle Mo.

1. Créer le pinceau

Étape 1

Créer un nouveau 500 x 500px document, choisissez le Outil Ellipse, et créer un 175 x 385px ellipse au centre du document.

Étape 2

Choisissez le Outil de sélection directe, puis cliquer-glisser sélectionner les deux points d'ancrage horizontaux de l'ellipse.

Étape 3

appuyez sur la Touche flèche gauche quelques fois pour déplacer un peu les points sélectionnés vers la gauche.

Étape 4

Maintenant, sélectionnez les deux points verticaux, puis allez à Édition> Points de transformation> Échelle, appuyez et maintenez le Alt touche et faites glisser le côté droit vers l’extérieur. le Alt la touche fera glisser le côté gauche vers l'extérieur en même temps. Frappé le Entrer touche lorsque vous avez terminé pour accepter les modifications.

Étape 5

Après cela, utilisez le Outil de sélection directe pour sélectionner les points que vous avez et les déplacer, jusqu'à ce que vous obteniez la forme de haricot que vous aimez.

Étape 6

Aller à Édition> Définir le préréglage du pinceau et tapez un nom pour la pointe de la brosse.

2. Créer le fond

Étape 1

Créer un nouveau 1250 x 1250px document et définissez le Résolution valeur à 200.

Met le Premier plan couleur à # f7f7f7 et le Contexte couleur à # cdc9c8. Choisissez le Outil gradient, choisir la Du premier plan au fond dégradé et cliquez sur le bouton Gradient Radial icône.

ensuite, cliquer-glisser du centre du document à l’un des coins pour créer le dégradé d’arrière-plan et dupliquer le Contexte couche.

Étape 2

Double-clic la copier le fond couche pour appliquer un Superposition de motifs effet:

  • Mode de fusion: multiplier
  • Opacité: 60%
  • Motif: mur rocheux

Étape 3

Cela va appliquer une texture subtile à l'arrière-plan.

3. Créez le texte

Étape 1

Créez le texte en utilisant la police "Insaniburger". Si vous utilisez plusieurs lignes de texte, créez-les dans un calque séparé..

Étape 2

Dans ce didacticiel, différentes tailles de police sont également utilisées. Le plus gros texte Taille est 150 pt, et le texte plus petit Taille est 100 pt. le suivi la valeur est définie sur 75 éviter tout chevauchement des traits.

4. Créer le chemin de travail

Étape 1

Clic-droit le calque de texte et choisissez Créer un chemin de travail.

Étape 2

Pour rendre le plus gros calque de texte invisible en cliquant sur l'icône en forme d'œil, créez un nouveau calque par-dessus le calque de texte et appelez-le. Accident vasculaire cérébral, puis choisissez le Outil Pinceau.

5. Caressez le texte avec le pinceau

Étape 1

Ouvrez le Brosse panneau (Fenêtre> Pinceau), sélectionnez l’embout de haricot que vous avez défini et modifiez son Réglages comme indiqué ci-dessous:

Forme d'embout de brosse.

Étape 2

Dynamique de forme

Étape 3

Met le Premier plan couleur à # 000000, puis appuyez sur le Entrer touche une fois pour tracer le chemin avec le pinceau modifié.

6. Corrigez les zones de chevauchement

Étape 1

Certaines zones auront des conseils qui se chevauchent, qui doivent être corrigés.

Étape 2

Pour ce faire, utilisez le Outil pour effacer pour effacer ces zones.

Étape 3

Puis choisissez le Outil Pinceau encore une fois, et commencez à cliquer et à faire glisser légèrement pour remplir ces parties vides. Il est important de suivre le sens initial de la zone que vous remplissez, car sinon, les astuces ajoutées sembleront déplacées..

Étape 4

Assurez-vous de ne laisser aucun conseil connecté ou qui se chevauchent avant de passer à l'étape suivante..

7. style les haricots

Étape 1

Double-cliquez sur le Accident vasculaire cérébral couche pour appliquer ce qui suit Style de calque:

  • Taille: 7
  • Décocher la Utiliser la lumière globale boîte
  • Angle: 117
  • Altitude: 58
  • Vérifier la Anti-aliasé boîte
  • Mode Highlight - Opacité: 65%
  • Mode d'ombre:
  • Couleur: #aeaeae
  • Opacité: 15%
Biseau et estampe

Étape 2

  • Vérifier la Anti-aliasé boîte.
Contour

Étape 3

  • Motif: sable blanc
  • Profondeur: 50%
Texture

Étape 4

  • Mode de fusion: superposition
  • Opacité: 70%
  • Couleur: #ffffff
  • Technique: précise
  • Source: centre
  • Taille: 16
Lueur intérieure

Étape 5

  • Couleur: # 75b602

C’est ici que vous pouvez choisir la couleur que vous préférez pour vos bonbons, alors jouez avec les couleurs et utilisez celles qui vous plaisent..

Superposition de couleurs

Étape 6

  • Opacité: 20%
  • Taille: 7
Ombre portée

Étape 7

Cela va styler le trait. Le même style de calque sera utilisé pour les autres calques de haricots, mais le Superposition de couleurs sera modifié pour obtenir différentes couleurs.

Alors allez-y et copiez le style de calque en Clic droit la Accident vasculaire cérébral couche, et en choisissant Copier le style de calque.

8. Remplissez le texte

Étape 1

Créer un nouveau calque sous le Accident vasculaire cérébral couche, et l'appeler Rose 1, ou tout autre nom de couleur que vous utiliserez pour commencer à remplir le texte. Nommer les calques facilitera leur identification, et l'ajout des numéros vous aidera à comprendre l'ordre, car la même couleur sera utilisée plusieurs fois pour différents calques..

Pour chaque couche que vous allez créer, vous devrez Clic-droit et choisissez Coller le style de calque. Vous pouvez également copier le style de calque d'une certaine couleur et le coller lors de la création ultérieure d'un nouveau calque pour cette même couleur..

Étape 2

Double-cliquez sur le Rose 1 couche pour changer le Superposition de couleursde Couleur à # da296c. Vous pouvez revenir en arrière et changer la couleur une fois que vous voyez à quoi il ressemble lorsque vous créez les haricots.

Étape 3

À l'aide du pinceau à grains modifié, démarrez cliquer-glisser légèrement pour disperser des haricots à l'intérieur du texte. Vous aurez besoin d'ajouter un haricot à la fois.

Étape 4

Ensuite, continuez à créer de nouveaux calques, à copier-coller Styles de calque, en changeant les couleurs et en superposant des haricots partout dans le texte jusqu'à ce que le résultat vous plaise. Vous trouverez ci-dessous les calques et les couleurs utilisés dans ce tutoriel (de haut en bas):

  • Rose 3 - # da296c
  • Vert 2 - # 75b602
  • Violet 2 - # 4f2b3a
  • Jaune 2 - # ddc64b
  • Orange 2 - # ea9400
  • Violet 1 - # 4f2b3a
  • Jaune 1 - # ddc64b
  • Rose 2 - # da296c
  • Vert 1 - # 75b602
  • Orange 1 - # ea9400
  • Rose 1 - # da296c

9. Ajouter plus de haricots à des lettres

Étape 1

Sélectionnez le Accident vasculaire cérébral Couche, puis utilisez le Outil pour effacer supprimer le bas d’une des lettres que vous avez, de préférence la dernière. Ensuite, utilisez le Outil Pinceau d'ajouter des haricots sur les côtés de la zone effacée, ce qui donne l'impression qu'il a été ouvert.

Étape 2

Sélectionnez 3-4 couches de haricots aléatoires et ajoutez-y un haricot, comme si elles tombaient de la partie ouverte..

Étape 3

Regroupez toutes les couches de haricots pour garder les choses organisées.

10. Créer un chemin de travail pour un texte plus petit

Étape 1

Choisissez le Outil stylo, choisir la Chemin option dans le Les options barre, créez un nouveau calque par-dessus le calque de texte plus petit et appelez-le avec le texte plus petit que vous avez créé..

Ensuite, créez un chemin de travail au centre du texte plus petit. Cliquez une fois pour ajouter des points d'ancrage, puis cliquez et faites glisser pour créer des courbes. Utilisez le texte comme référence pour ajouter le chemin. Vous n'avez pas besoin de le suivre exactement ou de le rendre parfait, car nous y travaillerons.

Vous pouvez créer les chemins de travail pour toutes les lettres en même temps. Pour les séparer, maintenez la touche enfoncée. Contrôle clé et cliquez une fois en dehors de chaque chemin lorsque vous avez fini de le créer. Vous pouvez également appuyer sur le bouton Décalage clé pour créer des lignes droites.

Étape 2

Après avoir créé tous les chemins de travail, sélectionnez le Outil de sélection directe, puis commencez à les modifier. Vous pouvez cliquer et faire glisser un point d'ancrage pour le déplacer, ou vous pouvez cliquer sur le Points de direction à la fin des deux Poignées de direction, déplacez-les ensuite pour modifier l'orientation de la courbe ou faites-les glisser vers l'intérieur ou vers l'arrière pour agrandir ou réduire la courbe.

Étape 3

Vous n'avez pas besoin de créer des chemins pour les très petites zones, vous pouvez les ajouter manuellement..

Étape 4

Une fois que vous avez fini de créer les chemins, rendez le calque de texte plus petit invisible, sélectionnez le Outil Pinceau, copier un Style de calque avec la couleur avec laquelle vous voulez tracer le chemin, et le coller dans le calque de texte plus petit que vous avez créé.

Utilisez ensuite les mêmes étapes que précédemment pour tracer le chemin et le modifier. N'oubliez pas de remplir les zones pour lesquelles vous n'avez pas créé de chemin de travail.

Toutes nos félicitations! Vous avez terminé.

Dans ce didacticiel, l'outil Ellipse a été utilisé pour créer une simple pointe en forme de haricot à l'aide de l'outil Sélection directe et du mode Transformation de l'échelle..

Ensuite, du texte a été créé avec différentes tailles de police, les paramètres de pointe du pinceau ont été modifiés et le texte plus gros a été tracé. La course a ensuite été modifiée et les pièces qui se chevauchent ont été corrigées.

Après cela, le trait a été stylé à l’aide de deux effets de style de calque, donnant aux fèves un aspect de bonbon. Le même style de calque a ensuite été copié et collé dans un certain nombre d'autres calques, et les valeurs de superposition de couleurs ont été modifiées pour que ces calques remplissent le texte avec des haricots colorés. Pour ajouter une touche agréable, une partie du trait de la dernière lettre a été ouverte, et des haricots de couleurs différentes ont été ajoutés comme s'ils étaient tombés de cette partie..

En ce qui concerne le texte plus petit, un tracé de travail a été créé en son centre à l'aide de l'outil Plume, puis tracé et modifié selon les mêmes étapes que précédemment..

Donc, en utilisant la même pointe de pinceau et le même style de calque, vous pouvez jouer avec les couleurs et superposer les haricots, et le tour est joué… Vous avez un effet de texte délicieux comme le jelly bean!

N'hésitez pas à laisser vos commentaires, suggestions et résultats ci-dessous. Je vous remercie.