Créer un effet de texte en ruban soyeux

Dans le didacticiel suivant, vous utiliserez les outils Plume et Dégradé pour créer un effet de texte en ruban tourbillonnant. Même si nous appliquons le ruban au texte, vous pouvez utiliser cet effet pour créer des formes et des défilements. Commençons!


Étape 1

Créez un document de 700 x 200 pixels. Sélectionnez l'outil Crayon (P) et créez les formes de lettres. Si vous n'avez aucune inspiration ou imagination, vous pouvez utiliser la police "Giddyup Std" comme référence. Sélectionnez l'outil Texte (T) et ajoutez votre texte. Verrouillez ce texte, puis sélectionnez l’outil Plume (P) et tracez les lettres. Remplissez ces chemins avec aucun et ajoutez un trait de 0.25px (R = 41 G = 171 B = 226).


Étape 2

Sélectionnez les chemins créés à l'étape précédente, ajoutez l'effet Extrusion 3D et biseauté présenté sous l'image n ° 1, puis sélectionnez Objet> Développer l'apparence. Sélectionnez les formes obtenues et cliquez sur le bouton Unir dans le panneau Pathfinder. Maintenant, vous devriez avoir les sept formes montrées dans l'image n ° 3.


Étape 3

Tout d'abord, vous devez regarder de plus près ces formes et imaginer comment le ruban se courberait. Ensuite, activez les guides intelligents (U), sélectionnez l'outil Stylo (P) et créez les tracés de séparation (où le ruban se courbe). Remplissez ces chemins avec aucun (pour le remplissage et le contour) et désactivez les guides intelligents. Assurez-vous que ces formes sont remplies avec R = 41 G = 171 B = 226.


Étape 4

Sélectionnez les tracés et les formes des lettres, puis cliquez sur le bouton Diviser dans le panneau Pathfinder. Supprimer les formes remplies avec aucune (sélectionné dans l'image n ° 2). Vous devriez avoir les formes montrées dans l'image n ° 3. Je les ai séparés pour qu'ils soient plus faciles à distinguer.


Étape 5

Ajoutons maintenant de nouvelles couleurs. Commencez avec la lettre "V". Créez le dégradé présenté dans l'image suivante et faites-le glisser à l'intérieur du panneau Nuancier pour l'enregistrer. Nommez-le "Gradient 01". Utilisez ce dégradé pour remplir les formes sélectionnées ci-dessous.


Étape 6

Créez le dégradé indiqué dans l'image suivante, enregistrez-le et nommez-le "Dégradé 02". Utilisez ce dégradé pour remplir les formes sélectionnées ci-dessous.


Étape 7

Créez le dégradé indiqué dans l'image suivante, enregistrez-le et nommez-le "Dégradé 03". N'oubliez pas de changer l'emplacement des curseurs de dégradé (40% et 60%). Utilisez ce dégradé pour remplir les formes sélectionnées ci-dessous.


Étape 8

Continuez avec la lettre "E". Utilisez "Dégradé 01" pour les formes sélectionnées dans l'image n ° 1, "Dégradé 02" pour les formes sélectionnées dans l'image n ° 2 et "Dégradé 03" pour les formes sélectionnées dans l'image n ° 3..


Étape 9

Lettre "C". Utilisez "Dégradé 01" pour les formes sélectionnées dans l'image n ° 1, "Dégradé 02" pour les formes sélectionnées dans l'image n ° 2 et "Dégradé 03" pour les formes sélectionnées dans l'image n ° 3..


Étape 10

Lettre "t". Utilisez "Dégradé 01" pour les formes sélectionnées dans l'image n ° 1, "Dégradé 02" pour les formes sélectionnées dans l'image n ° 2 et "Dégradé 03" pour les formes sélectionnées dans l'image n ° 3..


Étape 11

Lettre "O". Utilisez "Dégradé 01" pour les formes sélectionnées dans l'image n ° 1, "Dégradé 02" pour les formes sélectionnées dans l'image n ° 2 et "Dégradé 03" pour les formes sélectionnées dans l'image n ° 3..


Étape 12

Lettre "R". Utilisez "Dégradé 01" pour les formes sélectionnées dans l'image n ° 1, "Dégradé 02" pour les formes sélectionnées dans l'image n ° 2 et "Dégradé 03" pour les formes sélectionnées dans l'image n ° 3..


Étape 13

Et la lettre "S". Utilisez "Dégradé 01" pour les formes sélectionnées dans l'image n ° 1, "Dégradé 02" pour les formes sélectionnées dans l'image n ° 2 et "Dégradé 03" pour les formes sélectionnées dans l'image n ° 3..


Étape 14

Enfin, vous pouvez ajouter un trait discret pour compléter l’effet. Sélectionnez toutes les formes créées jusqu'à présent et dupliquez-les. Sélectionnez ces copies et cliquez sur le bouton Unite du panneau Pathfinder. Envoyez la forme obtenue à l'arrière. Remplissez-le avec aucun et ajoutez une ligne noire de 5 pt à l'extérieur. Réduisez son opacité à 3% et vous avez terminé.


Conclusion

Vous avez terminé! Pour aller plus loin, vous pouvez essayer d’expérimenter avec différentes largeurs de ruban et des gradients de contraste plus élevés pour créer l’illusion de perspective..