Restez en or avec cet effet de texte métallique brillant dans Adobe Illustrator

Ce que vous allez créer

Dans ce didacticiel, vous allez dessiner votre propre police de script (ou en utiliser une autre) et la transformer en un motif brillant et doré. Créez une dimension dans la conception en doublant le dessin au trait du texte, configurez des tracés finement tracés sur un côté et utilisez des dégradés dorés pour créer un lettrage doré à imprimer..

Le tutoriel suivant suppose que vous connaissez le Outil stylo (P)Outil Crayon (N), et Outil de dégradé (G), et insiste sur la technique et le style par rapport à la réplication exacte. Lançons Adobe Illustrator et passons à l'action!

1. Tirer les lettres

Étape 1

Commençons par le mot le plus descriptif du dessin final: doré.

  1. En utilisant le Outil Crayon (N) avec le trait mis à 1 pt de poids dans le Accident vasculaire cérébral panneau, j'ai dessiné une grande lettre en boucle "G". Si cela vous met plus à l'aise, vous pouvez baser vos lettres de script sur une police préexistante et simplement tracer les formes des lettres..
  2. Pour le "OL" de "Golden", je veux m'assurer que les lettres se superposent comme si elles avaient été créées avec un seul fil d'or. Dessine les deux tiers d'une ellipse en commençant par le bas.
  3. Dans le dernier tiers du "O", bouclez à gauche et remontez à droite.
  4. Complétez ensuite le "L" en créant une autre forme de demi-boucle.

Étape 2

Toutes mes lettres ne sont pas jointes. Le "D" recouvre simplement les autres lettres, tandis que le "E" et le "N" se connectent.

Étape 3

Nous allons nous concentrer sur le mot "Gold" pour la plupart de la section de rendu de ce tutoriel. Groupe (Control-G) ensemble votre seule ligne de texte. Copier (Control-C) et Coller (Contrôle-V) le texte de sorte que le groupe copié soit décalé du premier. 

Groupe ensemble les deux ensembles de texte et verrouiller le groupe dans le Couches panneau. J'ai trouvé le plus facile d'utiliser le Outil stylo (P) pour tracer les formes en forme de ruban formées en doublant le trait que j'ai dessiné pour mon texte. Alternativement, vous pouvez choisir une police de script en boucle que vous aimez et ignorer toute cette section.. 

Quoi que vous choisissiez de faire, définissez la couleur de remplissage sur # ddbb4f parce que c’est une magnifique couleur or douce qui prépare parfaitement le terrain pour notre conception finale.

Doubler le dessin au trait des lettres donne la dimension et le poids de la conception.

2. Rendre le G

Étape 1

Si vous avez choisi de sauter la section précédente et d’utiliser une police toute prête, assurez-vous de Développer votre texte sous Objet avant de continuer.

Commençons par la boucle du haut. En utilisant le Outil stylo, dessinez une forme qui recouvre le dessous de la boucle et accentue la qualité du texte du ruban (voir ci-dessous). Sélectionner votre lettre et la forme nouvellement dessinée. Utilisez le Outil de création de forme (Maj-M) pour sélectionner la partie non croisée de l'objet nouvellement dessiné. Désélectionner et Effacer cette composante étrangère.

Utilisez le Outil de dégradé (G) appliquer un Gradient linéaire à cette forme composée des couleurs suivantes, de gauche à droite:

  • # e3b76c
  • # 412927
  • # c3ae3b
  • # f0eb87
  • # d29255

dans le Pente panneau, réglez l'angle sur 83 °, ou alors Alternativement, vous pouvez ajuster l’angle du dégradé avec le Outil gradient lui-même.

Étape 2

La forme suivante commence en haut du "G" et se termine avant le début de la deuxième boucle de la lettre. Utilisez le Outil de création de forme, comme à l'étape précédente, adapter parfaitement un nouvel objet au contour de la lettre. le Gradient linéaire appliqué a neuf couleurs; les voici de gauche à droite:

  • # 653d3b
  • # eeb570
  • # f9e99c
  • # f5e283
  • # ce9440
  • # f1e67c
  • # fffcb3
  • # e0bd61
  • # cd8f52

Inclinez le dégradé de manière à ce qu'il soit parallèle au milieu de la forme (un peu plus loin qu'il ne l'est parallèlement à la planche graphique elle-même).

Pour les petites formes de surbrillance, utilisez le Outil de création de forme une fois de plus pour suivre le contour de la lettre et appliquer un Gradient linéaire venir de #fffbbb à 100% à 0% Opacité. Placez les rehauts comme ceux-ci juste au-dessus des couleurs plus sombres dans le dégradé doré.

Étape 3

Continuez à utiliser les dégradés des deux étapes précédentes pour créer une ombre et mettre en surbrillance des formes sur la lettre G.

  • Notez que les couleurs plus claires n'apparaissent pas dans les portions de lettres superposées.. 
  • La forme en dégradé dessiné ici accentuera la brillance du texte. Assurez-vous de manipuler suffisamment les poignées des points d'ancrage pour la courbe située en haut de la forme en surbrillance..
  • Une fois de plus (et quelque chose que vous ferez souvent dans ce tutoriel), utilisez le Outil de création de forme supprimer des parties étrangères des formes du groupe de texte principal.
  • Le dégradé de cette forme de surbrillance va de # f1a46b à 100% à 0% d'opacité. Utilisez le même dégradé de l'étape précédente sur les trois formes qui constituent maintenant la boucle inférieure du «G»..

Étape 4

Utilisez le Outil stylo pour tracer le bord extérieur de la lettre. Définissez la couleur de remplissage sur null et le trait sur une Gradient linéaire avec les couleurs suivantes:

  • # f2e182
  • # fcf4d4
  • # f7e79f
  • # f2e182

Augmenter le Poids de la course à 2-3 pts (ou quelle que soit l'épaisseur qui fonctionne pour votre lettrage) et Développer les coups sous Objet. Ce sera le processus pour le bord sur chaque lettre.

Étape 5

Pour compléter le "G", j'ai apporté certaines des modifications mineures suivantes:

  1. Assurez-vous que les traits qui bordent vos lettres ne dépassent pas le reste de la forme de la lettre. Utilisez le Outil de création de forme pour les couper.
  2. J'ai dessiné un petit rectangle sur le bas de la queue du "G" (cela a également été fait à la fin de la boucle du haut) pour donner plus de dimension à la lettre et lui donner l'impression d'être faite d'un fil plat et doré.
  3. Encore une fois, le bord a été coupé ici afin que le poids du chemin ne dépasse pas la forme de la lettre elle-même.

Groupe réunissez vos composants "G" lorsque vous êtes satisfait de votre conception.

3. Mettre l'or en or

Étape 1

Passons à la lettre suivante. Voyons le dégradé plus fin utilisé pour chaque section du "O" en boucle. Comme auparavant, j'ai utilisé le Outil de création de forme dessiner une forme qui épouse le contour de la lettre et accentue ses plans en constante évolution.

le Gradient linéaire utilisé sur le dessus du "O" contient les couleurs suivantes:

  • # 672e25
  • # d2a142
  • # fcf4d4
  • # d2a142
  • # 884729

Les trois formes dessinées pour le dessous des boucles du "O" contiennent le dégradé vu dans l'image ci-dessous:

  • # 672e25
  • # d2a142
  • # d2a142
  • # 884729

Étape 2

Continuez sur le "L". Notez comment la première et la plus grande forme se connecte complètement à la deuxième boucle du "O". Utilisez le même dégradé à partir de l'étape précédente, les couleurs étant répétées, il y a deux zones de hautes lumières.

Quatre formes complètent la lettre "L" à ce stade de la conception. Il y a plus à faire à la fois sur le "O" et le "L", mais il m'a été plus facile de tout décomposer en sections plutôt que de rendre chaque lettre séparément et de la compléter..

Étape 3

Ensuite nous avons la lettre "D".

  1. J'ai commencé avec une forme singulière pour toute la lettre, en utilisant le même dégradé que sur le "G". 
  2. Après avoir ajusté le dégradé dans le Pente panneau (en étalant les couleurs et en ajustant l’angle), j’ai dessiné deux formes pour définir les torsions et les courbes de la lettre. Pour cela, j'ai utilisé le même gradient que nous avons utilisé pour le dessous des boucles du "O".
  3. Enfin, j'ai répété le processus que nous avons utilisé sur le "G"pour créer les bords sur les lettres "OLD". Il y a quatre chemins étendus au total.

4. Ajout de lettres

Étape 1

Comme vous avez l'essentiel de la technique que j'ai utilisée ici, les sections suivantes se concentreront sur la présentation de méthodes alternatives, la rationalisation du processus ou la création de différentes formes de lettre..

Pour commencer, je n'avais initialement créé que le mot "or" plutôt que la phrase entière vue dans la dernière pièce. En tant que tel, l'ajout dans la conception était crucial pour remplir l'espace. Lorsque vous ajoutez des lettres, utilisez des lignes parallèles le long du haut et du bas de chaque lettre pour vous assurer qu’elles forment le même angle que les précédentes..

Cela vous aide également à visualiser ce que sont les extrémités, les courbes et les angles des lettres en forme de ruban avant que vous n'ayez rempli ces espaces..

Étape 2

Concentrons-nous sur le processus du "E", tel qu'il apparaît trois fois dans la conception finale.

  1. En utilisant les mêmes dégradés que ceux utilisés pour le "D" pour les zones et les ombres en surbrillance, j'ai créé trois formes sur le côté gauche du "E". Assurez-vous que les angles des gradients sont perpendiculaires aux bords de leurs objets.
  2. Reproduisez la technique utilisée tout au long de la section 3 (dessin de dégradés pour mettre en surbrillance, ombrer et tracer des chemins pour créer des arêtes). Notez que le tracé des arêtes au centre du "E" devait être coupé en deux pour que la courbe soit parfaite. N'ayez pas peur de tracer des arêtes par étapes si la courbe est particulièrement difficile..
  3. Concentrez les couleurs plus sombres dans votre dégradé dans la partie inférieure des formes courbes, surtout si une autre lettre ou forme les recouvre (notez la couleur plus sombre derrière la tige du "N").

Étape 3

Ceci est la version complète de mon mot "Golden". Presque tous les rehauts ont reçu des formes de dégradé supplémentaires telles que celles utilisées pour créer des ombres et des surbrillances sur la lettre "G". L'utilisation de nuances supplémentaires de brun, d'orange et de jaune crème empêche le ton de cet or d'être trop froid.

5. Rendre des lettres sans forme de base

Étape 1

Une autre méthode de rendu du texte en or consiste à dessiner chaque forme de dégradé avec le Outil stylo, sans utiliser le Outil de création de forme méthode décrite dans ce tutoriel.

  1. Commencez avec votre lettrage de base. Dans ce cas, il s’agit du reste de la conception finale, "We Are".
  2. CopieColler, et placez le texte copié à droite du texte original. Utilisez le Outil stylo tracer des lignes horizontales entre les bords ouverts en haut et en bas du motif. Groupe ensemble vos composants pour chaque mot et Fermer à clé eux dans le Couches panneau.
  3. En commençant par le "W", trace la fin de la première courbe. Utilisez le même dégradé que celui utilisé initialement pour le "G".
  4. Dessinez dans la partie suivante de la première courbe du "W". Utilisez le même dégradé que nous avons utilisé pour le "D". Assurez-vous que l'angle du dégradé est parallèle aux extrémités et aux bords horizontaux des lettres (notez la fin de la boucle)..

Étape 2

En continuant avec la lettre "W", j'ai déjà ajouté la courbe suivante et la forme du bord correspondant.

  • La deuxième diagonale de la lettre est une grande forme incurvée.
  • La forme sous la deuxième diagonale (l'extrémité de la première diagonale) utilise le même gradient que pour le dessous des boucles du "O". Inclinez le dégradé de sorte que la partie la plus sombre se trouve en haut à gauche de la forme -51,7 ° pour ma pièce).
  • Tracez le bord de ces deux formes. Je trouvais cela plus facile si le bord était un chemin singulier.

Étape 3

Regardons de près le point de rencontre des première et deuxième diagonales du "W". J'ai utilisé le Outil de sélection directe (A) pour ajuster les points d'ancrage de la forme superposée afin qu'elle ne dépasse pas le tracé du bord jaune.

Puis, en utilisant le Outil stylo, J'ai dessiné un rectangle simple qui a servi de point final aux deux diagonales. Cela permet à la forme des lettres de donner l’impression qu’elles ont été pliées à l’aide de pinces.

Ajustez les points d'ancrage de vos formes afin qu'elles se connectent au rectangle à la fin de votre lettre.

Étape 4

La troisième diagonale chevauche la deuxième en haut et la quatrième diagonale chevauche la troisième en bas. La lettre est constamment en boucle. Encore une fois, le bas de la quatrième diagonale a un autre rectangle permettant une courbe plus nette dans la conception semble plus plausible.

6. Manipulation d'autres formes de lettre

Étape 1

Deux autres occurrences de la lettre "E" apparaissent dans ma conception. J'ai trouvé le plus facile de simplement CopieColler, et Échelle la lettre au besoin dans le reste de la conception. Si votre "E" se connecte à votre "N", vous devrez supprimer soigneusement les points d'ancrage et les composants superflus..

Étape 2

Le "A" a beaucoup de formes qui se chevauchent.

  1. Comme pour les lettres précédentes, commencez par la queue incurvée à gauche.
  2. Ajustez les angles de la Gradients Linéaires utilisé dans la tige et sa queue recourbée. 
  3. Assurez-vous que le dégradé utilisé sur la queue est plus brillant que ce qui se trouve le plus près dans la tige du «A», car cette partie de la conception est courbée vers l'extérieur..
  4. La deuxième tige chevauche la première en haut, mais elle est recouverte par la barre de curling du «A»..
  5. Notez comment la barre de curling a été séparée en deux formes afin qu’elle ait une dimension dans sa conception. Cinq formes au total forment le "A" à ce stade.

Étape 3

Le bord de la barre du "A" a été dessiné dans une forme, mais après avoir élargi le tracé, j'ai dessiné deux petites formes de dégradé de chaque côté de la barre qui se chevauchent # 5e322a à 100% à 0% d'opacité afin de séparer les sections et d'ajouter une ombre. J'ai aussi dessiné une petite forme remplie de # 874e2e briser le bout de la barre avec la forme en dessous.

Créer l'illusion d'une forme qui se chevauche.

Étape 4

Enfin, la lettre "R" est décomposée en trois formes (voir ci-dessous). Notez les bords jaune pâle apparaissant des deux côtés de la lettre puisqu'ils se recourbent vers le centre de la lettre..

Étape 5

Enfin, créez des étincelles simples en dessinant de petits cercles blancs avec le Outil Ellipse (L) et appliquer un Faux pli effet (Effet> Distorsion & Transformation> Pucker & Bloat). J'ai glissé le curseur vers -93%, mais le montant varie en fonction de la taille de votre cercle et de la forme que vous souhaitez créer.. Développer la nouvelle forme sous Objet, et Tourner ou le chevauchement brille au besoin. Placez-les autour de votre texte en or brillant.

Excellent travail, vous avez terminé!

Donnez-vous une étoile d'or! Vous avez terminé le didacticiel et vous êtes prêt à affronter le monde avec un texte brillant et doré. J'espère que les techniques décrites ci-dessus vous inciteront à créer des bannières, des affiches et plus encore avec des formes de lettres dorées glorieuses qui scintillent sur la page..