Créer un effet de texte très brillant avec du bubble-gum dans Photoshop

Ce que vous allez créer

Associé aux bonnes techniques, l'outil Plume de Photoshop est un outil incroyablement puissant pour vous aider à créer votre illustration. Dans ce didacticiel, je vais vous montrer comment créer un effet de texte brillant avec du bubble-gum en utilisant une combinaison des styles Outil crayon et Calque de Photoshop. Commençons!

1. Créer une esquisse

Étape 1

Créer un Nouveau document avec les dimensions 3000x2400. Pour assurer la qualité, nous le ferons avec résolution de 300 DPI donc nos œuvres seront assez bonnes pour imprimer.

Étape 2

Nous allons maintenant créer notre croquis de base de ce que sera notre conception. Utilisez de préférence un comprimé Wacom pour le faire correctement. Avec votre stylo Wacom à la main, sélectionnez le Outil Pinceau et activer la pression du stylo.

Je fonderai mon dessin sur la célèbre police de caractères de scriptBello. Je peaufinerai la forme de certaines lettres pour les rendre plus uniques à ma conception. Créer un Nouvelle Couche et commencez à dessiner. Commencez avec un crayon fin pour avoir l’idée générale, autour de 4px c'est bien.

Et puis passez au réglage du pinceau plus épais. 8px la taille du pinceau conviendra pour cette partie.

Étape 3

Une fois que vous êtes à l'aise avec les grandes lignes de votre conception, il est temps de sélectionner le Outil stylo (P) pour créer un bon contour de votre conception.

Assurez-vous que le mode Outil stylo (P) est activé. Chemin, c'est tout ce dont nous aurons besoin pour l'instant. Vous pouvez maintenant contourner votre conception en créant un chemin fluide.

Assurez-vous de maintenir le Commande / Ctrl clé tout en peaufinant les points d'ancrage pour obtenir les courbes parfaites dont vous avez besoin.

Une fois que vous avez fait votre chemin, la prochaine étape consiste à le remplir. Clic-droit et sélectionnez Remplir le sous-chemin. Assurez-vous de le faire sur un nouveau calque et non sur le même calque sur lequel vous avez créé votre croquis..

Sélectionnez le Remplissage de couleur option et nous allons choisir cette couleur rose fluorescent ici avec la valeur de couleur # ff0060 pour être exact.

Utilisez le Outil stylo faire le tour et remplir toutes les lettres de la conception.

Une fois que vous avez terminé, désactivez la visibilité du calque d'esquisse.

2. Création de l'effet 3D

Étape 1

Nous allons maintenant commencer le processus de création d'un effet 3D autour de notre conception. Pour ce faire, nous devons commencer par créer une bordure épaisse autour de nos lettres. Sélectionnez le calque qui contient la conception entière et maintenez Commande / Ctrl en survolant la vignette du calque.

Cela sélectionnera le motif et créera les fourmis en marche autour de lui.

Créez maintenant un nouveau calque au-dessus du calque principal en appuyant sur Commande / Ctrl-Maj-N. Accédez à l'option de sélection dans la barre de menu supérieure, puis descendez à Modifier> Développer. Nous allons élargir la sélection en 20px.

Puis prenez le Outil seau de peinture (G) et remplissez la sélection avec une couleur que vous pouvez aimer. De préférence noir pour que l'effet d'ombre fonctionne plus efficacement.

Maintenant déplacez le Couche d'ombre derrière le principal.

Étape 2

Nous n'avons pas fini de perfectionner cette couche. Si vous regardez de près, vous remarquerez quelques incohérences dans les formes et les courbes de certaines parties..

Nous allons maintenant prendre un peu de temps pour faire en sorte que toutes les courbes et tous les points soient parfaits. Alors prenez votre Outil stylo encore et arrondir tous les bords. Jouez avec les points d'ancrage autant que nécessaire, pour obtenir la courbe parfaite.

Lorsque vous corrigez vos courbes, veillez à toujours rester en ligne avec le reste du calque. C’est pourquoi votre nouveau chemin, une fois rempli, se fondra mieux avec le reste de la forme et créera un effet continu plutôt qu’une déconnexion évidente. Alors s'il vous plaît prenez votre temps.

Étape 3

Une fois que vous avez rempli et corrigé toutes les courbes et tous les points de votre calque, et que vous en êtes satisfait, il est maintenant temps de créer des effets d’ombre en découpant un peu notre motif pour lui donner la sensation typographique illustrée..

Pour ce faire, vous devez commencer par sélectionner le calque de conception principal, puis le Ajouter un masque vectoriel option en bas du panneau des calques. Cela permettra de découper notre forme à notre guise et de la recouvrir plus tard si besoin est..

Nous allons maintenant passer en revue notre conception et faire des tranches si nécessaire. Ce faisant, il est important d'utiliser votre instinct pour trouver ce qui vous convient le mieux. Il est également important de ne pas en faire trop et d'appliquer trop de découpes dans votre conception..

Un endroit commun pour ajouter des tranches est l'endroit où un coin en rencontre un autre ou sur une courbe pour exagérer son mouvement.

Avec un design comme celui-ci, l'ajout de tranches aux endroits appropriés est vraiment crucial pour faire ressortir ce sentiment de dessin animé glacé aussi réaliste que possible..

Obtenir votre Outil stylo encore et tracez votre chemin de ce que vous voulez trancher. Assurez-vous que vous avez cliqué sur le Icône de masque de calque elle-même, vous allez donc effacer ça. Une fois que vous avez fait votre choix, faites un clic droit et choisissez Faire une sélection sélectionnez une option de faible plume pour que la tranche soit aussi fine que possible et effacez simplement la partie du calque en utilisant votre Outil Pinceau.

Sur le Couche de masque, Utilisez un pinceau noir pour effacer les parties dont vous ne voulez plus et un pinceau blanc pour les ramener. Faites le tour et sélectionnez les zones que vous pensez pouvoir utiliser avec une tranche et appliquez les mêmes étapes.

Une fois que vous avez terminé le premier mot, il devrait ressembler à ceci.

Si vous êtes heureux et que vous créez un effet similaire, continuez et terminez le deuxième mot (Yeah) également. Une fois terminé, il devrait ressembler à l'image ci-dessous.

Étape 4

Maintenant il est temps de créer notre premier Effet 3D en créant une extrusion de notre trait à l'aide des outils de sélection et de remplissage de base.

Tout d’abord, sélectionnez la couche de trait externe créée précédemment, puis appuyez sur M pour sélectionner le Outil de sélection.

Étape 5

Une fois sélectionné, créez un Nouvelle Couche, c'est ici que votre couche d'extrusion sera créée.

Choisissez une couleur pour rendre votre extrusion. Peu importe ce que c'est pour le moment, nous pouvons toujours le changer via Styles de calque plus tard. Il serait conseillé de choisir quelque chose qui se heurte au reste de la conception de sorte qu'il est très visible tout en travaillant.

Génial! Maintenant que notre couleur est sélectionnée, allons de l'avant et commençons les étapes pour extruder notre calque et lui donner un aspect 3D. Avec la couche de contour sélectionnée, cliquez sur le Outil de chapiteau et appuyez sur Alt-Backspace.

Cela va créer la couche de base. Si vous regardez de près, vous pouvez le voir derrière la couche de trait. Maintenant que nous savons que nous avons rempli l'espace, nous pouvons continuer et continuer à remplir en 3D.

L’outil de sélection étant toujours sélectionné, nous allons répéter une méthode de remplissage de calque en appuyant sur la touche Touche vers le bas, puis Touche droite puis répétez le Alt + Retour arrière remplir.

Vous verrez que nous créons un effet 3D descendant en utilisant simplement cette technique de répétition..

Nous continuons donc à utiliser cette technique pour rendre la profondeur de plus en plus épaisse. Quand arrêter, c'est votre choix. Personnellement, je vais m'arrêter quand il n'y aura plus d'espace blanc dans le trou de cette H.

Une fois que nous avons notre couche 3D faite. ça devrait ressembler à ça.

Nous pouvons aussi changer le Superposition de couleurs en utilisant l'option styles de calque.

4. Création de petits morceaux de gomme à bulles

Étape 1

Parce que nous voulons donner à l'illusration l'effet du vrai bubble-gum, nous allons maintenant créer des bits filants reliant certaines des lettres.

Pour ce faire, nous aurons besoin de notre Outil stylo (P). Commencez par créer un nouveau calque. Le style de création de ces morceaux rigides consistera à épaissir les parties d'extrémité et les parties centrales de manière à donner l'impression que les morceaux sont séparés..

J'ai créé une forme brute et l'ai remplie.

Étape 2

Pour faire un pas de plus, nous pouvons créer un Masque de calque et faire un trou dans les bits filandres pour faire à nouveau croire qu'il a été déchiré.

Une fois terminé, notre premier bit strident devrait ressembler à ceci.

Nous allons maintenant faire le tour de la conception et ajouter des éléments à cordes pour l’animer un peu plus et lui donner l’effet authentique de bubble-gum. Une fois terminé, il devrait ressembler à ceci.

5. Faits marquants de la première étape

Étape 1

Maintenant, voici le bit excitant. Nous allons entamer la première étape consistant à donner à notre conception l'aspect d'un bubble gum brillant grâce à une série d'effets de remplissage et de pinceau..

Nous allons commencer par les faits saillants. Créer un Nouvelle Couche au-dessus de la couche de conception principale. Dans cette conception, la source de lumière viendra du côté droit. Ci-dessous, j'ai tracé une carte approximative de l'endroit où la lumière va frapper.

Ceci est une indication approximative de l'endroit où nos ombres apparaîtront.

Nous allons commencer très basique pour le moment, en ajoutant des surlignages de couches plates. Nous allons utiliser le Outil stylo (P) et faites le tour du design en ajoutant des reflets brillants. Vous pouvez aussi faire ces calques de forme si vous aimez.

La couleur que nous allons utiliser pour le remplir est # ff92bb. Je vais commencer par Ouais. Une fois les points forts remplis, cela devrait ressembler à ceci.

Étape 2

Nous allons maintenant créer un nouveau groupe et commencer à travailler sur le Zut points forts. Ils seront assez semblables aux autres.

Faites le tour du mot et appliquez l'effet Highlight comme vous l'avez fait précédemment.

Une fois terminé, le premier niveau de surbrillance de votre conception devrait ressembler à ceci.

5. Créer des ombres

Étape 1

Maintenant que nous avons créé une couche de base de hautes lumières. Nous allons maintenant aller de l'avant pour créer notre première et unique couche d'ombres sur notre texte. Pour cela, nous aurons besoin de Outil stylo (P) et brosse encore une fois.

Pour avoir une idée approximative des aspects de la conception, nous allons suivre de manière sophistiquée cette section. Voici un rapide aperçu des zones que nous allons affecter..

Commencez par créer un groupe appelé Ombres où vous allez créer vos nouveaux calques pour les ombres.

Obtenir votre Outil stylo (P) et créez des contours qui seront ensuite transformés en sélections que vous pourrez brosser et colorer. Lors de la création de vos contours, veillez toujours à laisser un petit espace entre votre contour et le bord du personnage..

Vous allez maintenant saisir votre Pinceau (B). Assurez-vous que c'est une brosse douce et réglez-le à environ 100px avec 100% opacité mais régler le flux à environ 15% et bien sûr, assurez-vous que la couleur de votre pinceau est définie sur Noir. Vous pouvez également activer la fonction aérographe, mais ce n'est pas nécessaire. Vous pourrez obtenir cet effet avec une souris normale ou une tablette..

L'idée est de brosser la sélection de manière délavée pour que le haut soit rempli plus que le bas pour créer un effet aérographe..

L'idée quand l'ombrage est de commencer par les coupes / découpes du dessin et de créer des ombres à partir de là. Assurez-vous de pénétrer également dans les ficelles et de les ombrer.

Nous allons maintenant faire le tour du mot entier Zut lorsque vous avez terminé, il devrait ressembler à ceci.

Continuez pour le deuxième mot.

Une fois terminé, la phrase entière devrait ressembler à ceci.

6. Points saillants de la deuxième étape

Étape 1

Maintenant que nous avons créé une ombre décente pour notre conception. Vous pouvez vraiment voir que ça commence à se développer. Nous allons maintenant ajouter un autre calque de surbrillance pour le rendre vraiment éclatant. Nous le ferons dans le même style que l'ombre, sauf que cette fois-ci, nous opterons pour un pinceau blanc..

Avec les points forts, nous remplissons le reste de l’espace des lettres, alors jouez vraiment avec les courbes des bords clairs cette fois-ci et en style libre. Ne pas avoir peur de jouer avec le Couler de la brosse non plus. Le plus spontané, mieux c'est. Une fois terminé, la phrase entière devrait ressembler à ceci.

Étape 2

Superposez / superposez les tons clairs pour créer un effet beaucoup plus brillant sur les lettres en leur donnant une texture juteuse. Une fois terminé, il devrait ressembler à ceci.

Le premier mot devrait ressembler à ceci.

Commencez à travailler sur le deuxième mot et continuez comme d'habitude.

Une fois cette étape de mise en évidence terminée, le design devrait ressembler à ceci.

7. Points saillants

Nous allons donc maintenant commencer à travailler sur l’ajout de rehauts à la partie Profondeur / 3D de la conception. Nous allons pour une méthode rétro de barres décalées pour créer cet effet.

Étape 1

Retournez au calque de profondeur et cachez le Superposition de couleurs afin que nous puissions le voir à nouveau en contraste.

Créez un nouveau groupe appelé Les bars et créer un calque de forme rectangulaire avec elle. Pour commencer à créer nos barres décalées, nous opterons pour une simple barre noire aux côtés moyens. Assurez-vous qu'il est assez long, car nous allons le faire pivoter pour qu'il corresponde à la perspective de la profondeur..

Pour créer un effet sympa de rehauts décalés, vous allez dupliquer le calque et jouer avec la largeur de chaque barre. Assurez-vous simplement d’ajouter un guide juste à la base de vos barres afin qu’elles se trouvent au même niveau..

Une fois que votre mise en page commence à ressembler à un code à barres, cela signifie probablement que vous avez suffisamment de barres pour pivoter et correspondre à la perspective de la profondeur. Pour ce faire, vous devez sélectionner le groupe entier et appuyer sur Commande / Ctrl-T libérer transformer tout le groupe. Puis réglez l’angle de rotation sur -45 degrés

Étape 2

Une fois que vous avez les barres dans cette position, vous êtes libre de contrôler l’espacement de chaque barre selon vos préférences..

Nous allons commencer par la partie inférieure de la conception et aller dans le sens contraire des aiguilles d’une montre. Nous allons également nous concentrer uniquement sur l'extérieur de la conception avec les points forts pour le moment. Une fois que nous avons travaillé sur le design, cela devrait ressembler à ceci.

Nous allons maintenant créer un Masque d'écrêtage pour cela, les barres s’adaptent autour de la couche de profondeur. Pour ce faire, vous devez dupliquer le groupe, puis le convertir en objet intelligent pour fusionner les calques. ensuite aller à Calque> Créer un masque de découpage pour créer le masque dont nous avons besoin.

Étape 3

La couleur de nos barres doit changer. Vous pouvez le faire avec un simple Superposition de couleurs, passer au blanc en utilisant un Style de calque. Nous devons maintenant tourner notre Superposition de couleurs retour sur, dans notre couche de profondeur. Une fois terminé, notre conception devrait ressembler à ceci.

Nous devons également couper les barres légèrement afin qu'elles ne touchent pas le bord de la profondeur. Juste Commande / Ctrl-clic sur la couche de profondeur pour le sélectionner et contracter la sélection en 10px.

Étape 4

Nous allons maintenant créer un effet de calque coloré pour notre clou, car nous ne pouvons pas le laisser paraître aussi ennuyeux. Nous allons commencer par un Superposition de motifs et puis un Incrustation en dégradé. Les couleurs à utiliser pour la superposition de dégradé sont - # 631ca5 et # 4a0882 respectivement et définir le mode de fusion sur Recouvrir. Nous allons aussi ajouter un Superposition de couleurs

Pour ajouter un peu plus de réalisme à l'effet, nous allons créer un nouveau calque, appliquer notre pinceau et appliquer un pinceau sur certaines parties du calque pour créer un effet plus sophistiqué..

Une fois complété. Cela devrait ressembler à ceci jusqu'à présent.

8. Créer le fond

Presque fini maintenant. Ici, nous allons créer un joli fond avec un motif géométrique pour que la typographie s’assoie devant.

Étape 1

Créez un autre calque pour vous asseoir derrière tous vos calques. Ce sera votre Couche de fond et vous devriez le nommer comme tel. Placez cette couche dans un nouveau groupe nommé Contexte, si tu veux. Nous allons colorer cet arrière-plan de la même couleur que le calque de base de notre typo. Si vous avez oublié sa # ff0060

Étape 2

Nous allons maintenant créer un Nouveau document pour concevoir notre conception géométrique en. Utilisez ces valeurs lors de la création du nouveau document. Ce sera un 35px carré avec un Arrière-plan transparent.

Une fois cela fait, créez un nouveau calque et créez un triangle à angle droit du coin supérieur gauche au coin inférieur droit du document en utilisant votre Outil stylo. Nous allons également le remplir avec cette nuance de violet # c70083 de sorte qu'il se marie bien avec le reste de la conception.

Nous allons maintenant découper une section de notre triangle pour créer un motif sympa à l'intérieur. Sélectionnez votre Outil stylo et créez un contour similaire à celui du diagramme. Une fois terminé, convertissez le Chemin à un Sélection et effacer la tranche révélant un joli motif intérieur.

Une fois terminé, il devrait ressembler à ceci.

Étape 3

Nous allons maintenant insérer cette couche dans notre document d'origine et commencer le processus de duplication afin de créer un motif sur l'ensemble de l'illustration. Maintenez Alt + Clic et faites glisser le calque pour les dupliquer rapidement et les fusionner tout en accélérant encore plus le processus.

Une fois dupliqué à la fin de la page, assurez-vous que le dernier triangle s’aligne parfaitement avec la fin du document (ainsi avec verticalement lorsque vous commencez également).

Une fois que vous avez fini de dupliquer le motif dans le design while, il devrait ressembler à ceci.

Pointe: Cela pourrait aussi être fait en allant à modifier > Définir motif et en remplissant votre calque d'arrière-plan avec ce motif.

Nous allons maintenant ajouter un peu plus de couleur à notre modèle en appliquant un Incrustation en dégradé. Les deux couleurs que nous utiliserons pour créer notre dégradé seront notre violet# c70083 que nous avons utilisé jusqu'à présent mélangé avec une nuance plus foncée de notre couleur rose de base. # e30357. Suivez le diagramme pour les autres valeurs dont vous avez besoin.

Étape 4

Ajoutons maintenant une vignette. Il existe de nombreuses façons de créer cela. Le moyen le plus rapide que je connaisse est de créer rapidement un Nouvelle Couche, sélectionnez le Outil de chapiteau elliptique et créez une sélection sur le document. Faites un clic droit et ajoutez une plume de 250px à la sélection

Puis inversez la sélection et remplissez-la de noir. Contrôler le Opacité et peut-être l'échelle de la couche pour obtenir les meilleurs résultats. Je veux que ma vignette soit relativement subtile, donc nous allons définir la couche Opacité à 20%.

9. Plus d'ombres

Étape 1

Nous allons maintenant créer un effet d’ombre authentique sur toute la conception en utilisant une méthode similaire à celle utilisée pour créer notre effet de profondeur 3D..

Nous allons commencer par fusionner le groupe qui contient toutes les couches du dessin et le convertir en un Objet intelligent. Puis sélectionnez-le pour obtenir son contour. Créer un Nouveau groupe et une couche à l'intérieur. Contrairement à ce que vous pensez peut-être, nous allons le remplir de blanc. Je vais vous montrer pourquoi dans un instant.

Étape 2

Maintenant que nous avons notre couche remplie, nous allons appliquer le Superposition de couleurs pour le rendre noir et mettre son opacité à 80%. Plus important encore, nous devons définir le groupe Mode de fusion à Multiplier et son opacité à 60%.

Étape 3

Nous allons utiliser la méthode Fill-Nudge and repeat que nous avons utilisée précédemment pour créer notre effet de profondeur. Seulement maintenant, la différence est que cette fois, nous allons créer une ombre évanescente en réduisant la Opacité du Superposition de couleurs par 2% chaque fois que nous dupliquons-Nudge.

Cet effet prendra un certain temps et vous devriez vous retrouver avec environ 40 doublons couches si vous allez tout le chemin à 2% d'opacité. Lors de la duplication des calques, veillez à placer les calques les plus récents sous le précédent pour que l’effet fonctionne correctement. Une fois terminé, il devrait ressembler à ceci.

Étape 4

La touche finale à cette ombre est d'ajouter Filtre à bruit après avoir converti le groupe en un Objet intelligent. Utilisez un effet de bruit d’environ 8%.

10. Effets de finition

Étape 1

Juste avant de terminer ce projet, nous allons ajouter quelques touches finales à la conception. Commencez par ajouter quelques