Comment créer un effet de texte de ruban enveloppé dans Adobe Illustrator

Ce que vous allez créer

Dans les étapes suivantes, vous apprendrez à créer un effet de texte ruban enveloppé dans Adobe Illustrator. Pour commencer, vous apprendrez à configurer une grille simple et à ajouter et centrer facilement un morceau de texte. Ensuite, en utilisant des outils et des effets de base ainsi que des techniques de base de construction de formes vectorielles, vous apprendrez à créer votre pack de formes de ruban.. 

Ensuite, vous apprendrez à enregistrer et à modifier facilement des actions dans Adobe Illustrator et à simplifier votre travail en les utilisant. Enfin, vous apprendrez à ajouter une texture subtile et des nuances à l’aide des techniques de fusion de base et de certains effets..

1. Créer un nouveau document et configurer une grille

Frappé Contrôle-N créer un nouveau document. Sélectionner Les pixels du Unités menu déroulant, entrez 800 dans la case de largeur et 400 dans la case de hauteur, puis cliquez sur le bouton Avancée bouton. Sélectionner RVB, Écran (72 ppi) et assurez-vous que le Aligner de nouveaux objets sur la grille de pixels la case est décochée avant de cliquer D'accord.

Activer la grille (Voir> Afficher la grille) et l’alignement sur la grille (Voir> Aligner sur la grille). Vous aurez besoin d'une grille chaque 1 px, si simplement aller à Édition> Préférences> Guides> Grille, et entrez 1 dans le Quadrillage tous les boîte et 1 dans le Subdivisions boîte. Essayez de ne pas vous décourager par toute cette grille, cela facilitera votre travail et gardez à l’esprit que vous pouvez facilement l’activer ou la désactiver à l’aide de la Contrôle-" raccourci clavier.

Vous devriez aussi ouvrir le Info panneau (Fenêtre> Info) pour un aperçu en direct avec la taille et la position de vos formes. N'oubliez pas de définir l'unité de mesure en pixels à partir de Édition> Préférences> Unités> Général. Toutes ces options augmenteront considérablement votre vitesse de travail.

2. Créer un texte rayé

Étape 1

Choisissez le Outil de type (T) et concentrez-vous sur votre barre d'outils. Supprimez la couleur du trait, sélectionnez le remplissage et définissez sa couleur sur R = 241 G = 90 B = 35. Déplacez-vous sur votre planche d’art, cliquez dessus et ajoutez le "RUBAN"morceau de texte. Utilisez le Berlin Sans FB Demi Bold police avec la taille définie à 140 px.

Une fois que vous avez terminé, vous devez centrer ce texte, alors ouvrez le Aligner panneau (Fenêtre> Aligner). Tout d’abord, réglez l’alignement sur l’artboard (ouvrez le menu déroulant et allez à Afficher les options si vous ne pouvez pas voir le Aligner a section indiquée dans l'image suivante), puis cliquez simplement sur le Centre d'alignement horizontal et Centre d'alignement vertical boutons. A la fin, votre texte devrait être placé au centre de la planche graphique, comme indiqué dans l'image suivante..

Assurez-vous qu'il est toujours sélectionné, allez à Type> Créer des contours (Maj-Contrôle-O). Dissocier le groupe résultant en utilisant le Maj-Contrôle-G raccourci clavier, puis tournez vos formes de lettre dans un chemin composé simple en utilisant le Contrôle-8 raccourci clavier.

Étape 2

En utilisant le Outil Rectangle (M), créer un 511 x 5 px forme, placez-le comme indiqué dans la première image et choisissez un bleu aléatoire comme couleur de remplissage. Assurez-vous que cette nouvelle forme reste sélectionnée et allez à Effet> Distorsion & Transformation> Transformer. Faites glisser le Déplacer verticalement curseur vers 8 px, entrer 11 en cela Copies boîte et ensuite frappé le D'accord bouton.

Étape 3

Assurez-vous que votre forme bleue est toujours sélectionnée, allez à Objet> Développer l'apparence puis tournez le groupe de formes résultant en un chemin composé simple utilisant le même Contrôle-8 raccourci clavier.

Sélectionnez les deux chemins composés déjà réalisés, ouvrez le Éclaireur panneau (Fenêtre> Pathfinder) et cliquez sur le Couper bouton. Dissocier (Maj-Contrôle-G) le groupe obtenu, puis transformez toutes ces formes bleues en un nouveau chemin composé (Contrôle-8).

Étape 4

Maintenant, vous devez ajuster certaines des formes bleues qui composent votre texte. En utilisant le Outil Rectangle (M), ajoutez un tas de rectangles simples dans les zones mises en évidence dans l'image suivante. Une fois que vous avez terminé, sélectionnez toutes ces nouvelles formes et transformez-les en un chemin composé utilisant le même Contrôle-8 raccourci clavier.

Étape 5

Désactiver la grille (Contrôle-') et l’alignement sur la grille (Shift-Control- '). Resélectionnez les deux chemins composés déjà créés et cliquez sur le bouton Unir bouton du Éclaireur panneau. À la fin, votre ensemble de formes bleues devrait ressembler à la deuxième image..

3. Ajustez votre texte rayé

Étape 1

Pour cette étape, vous devez examiner de plus près vos formes bleues et vous débarrasser des points d'ancrage inutiles..

Choisissez le Supprimer l'outil de point d'ancrage (-) et cliquez simplement sur les points d'ancrage que vous souhaitez supprimer. Observez bien chaque forme et, si possible, assurez-vous que votre forme ne comporte pas plus de quatre points d'ancrage..

Étape 2

Jetez un oeil à l'intérieur de votre Couches panneau (Fenêtre> Calques) et assurez-vous que vos formes bleues sont regroupées. Sélectionnez ce groupe et allez à Effet> Distorsion & Transformation> Roughen. Entrez les attributs affichés dans l’image suivante, puis cliquez sur le bouton D'accord bouton.

Étape 3

Assurez-vous que votre groupe de formes bleues est toujours sélectionné et allez à Objet> Développer l'apparence. Sélectionnez le groupe résultant et Dissocier en utilisant le Maj-Contrôle-G raccourci clavier. Vous devrez appuyer deux fois sur cette commande pour pouvoir vous débarrasser de tous ces groupes et sous-groupes..

Une fois que vous avez terminé, sélectionnez toutes vos formes bleues et allez à Effet> Warp> Arch. Entrez les propriétés indiquées ci-dessous, cliquez sur le bouton D'accord bouton et puis aller Effet> Warp> Drapeau. Entrez les attributs affichés dans l’image suivante, appuyez sur la touche D'accord bouton puis aller à Objet> Développer l'apparence.

Étape 4

Dupliquez certaines de vos formes bleues et étalez les copies grossièrement, comme indiqué dans les images suivantes..

4. Enregistrez la première action

Étape 1

Ouvrez le actes (Fenêtre> Actions) et appuyez simplement sur le Créer un nouvel ensemble bouton pour créer un nouvel ensemble d'actions. Nomme le "Actions du ruban".

Étape 2

Créons maintenant les premières actions. Vous devrez être un peu plus prudent dans ces étapes et suivre les instructions à la lettre pour vous assurer que vous enregistrez les commandes correctes.. 

Concentrez-vous sur l’une de vos formes bleues, sélectionnez-la, concentrez-vous sur actes panneau et a frappé le Créer une nouvelle action bouton. Nomme le "Noir 1", sélectionnez F2 pour le raccourci clavier, choisissez le rouge comme couleur, puis appuyez sur la touche Record bouton. 

Continuez à vous concentrer sur la forme que vous avez choisie et faites-en une copie devant (Contrôle-C> Contrôle-F). Assurez-vous que seule la copie nouvellement créée est sélectionnée et remplacez la couleur de remplissage existante par R = 255 G = 123 B = 172.

Étape 3

Assurez-vous que votre forme rose est toujours sélectionnée et allez à Objet> Transformer> Déplacer. Entrez les propriétés affichées dans l'image suivante, cliquez sur le bouton Copie bouton et assurez-vous que la forme obtenue reste sélectionnée. Ensuite, allez à Sélectionner> Identique> Couleur de remplissage pour sélectionner les deux formes de sélection, puis cliquez sur le bouton Minus Front bouton du Éclaireur panneau.

Étape 4

Assurez-vous que la forme mince créée à l’étape précédente est toujours sélectionnée et faites la mise au point. Apparence panneau (Fenêtre> Apparence). Remplacez la couleur de remplissage existante par du noir, abaissez le Opacité à 50% et changer le Mode de fusion à Lumière douce

Enfin, retournez à la actes panneau, simplement frappé que Arrête d'enregistrer bouton et vous avez votre première action.

Étape 5

Sélectionnez l'une de vos autres formes bleues, appuyez simplement sur la F2 bouton de votre clavier et votre "Noir 1"action fera le travail pour vous. Sélectionnez le reste des formes une par une et répétez cette technique.

5. Enregistrer quatre actions supplémentaires

Étape 1

Resélectionnez une de vos formes bleues, revenez à la actes panneau et frapper à nouveau que Créer une nouvelle action bouton pour créer une deuxième action. Nomme le "Noir 2", sélectionnez F3 pour le raccourci clavier, choisissez le rouge comme couleur, puis appuyez sur la touche Record bouton.

Continuez à vous concentrer sur la forme que vous avez choisie et faites-en une copie devant (Contrôle-C> Contrôle-F). Sélectionnez la copie et remplacez la couleur de remplissage existante par R = 255 G = 0 B = 255, et puis aller à Objet> Transformer> Déplacer. Entrez les propriétés indiquées dans l'image suivante, puis cliquez sur le bouton Copie bouton.

Assurez-vous que la forme nouvellement créée est sélectionnée et allez à Sélectionner> Identique> Couleur de remplissage pour sélectionner les deux formes magenta, puis cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Assurez-vous que la forme obtenue reste sélectionnée et concentrez-vous sur la Apparence panneau. Remplacez la couleur de remplissage existante par du noir, abaissez le Opacité à dix% et changer le Mode de fusion à Lumière douce.

Enfin, retournez à la actes panneau, simplement frappé que Arrête d'enregistrer bouton et vous avez votre deuxième action.

Étape 2

Sélectionnez le reste de vos formes bleues une par une et utilisez le F3 raccourci clavier pour jouer facilement le "Noir 2" action.

Étape 3

Resélectionnez une de vos formes bleues courtes, retournez à la actes panneau et frappé que Créer une nouvelle action Cliquez à nouveau sur le bouton pour créer une troisième action. Nomme le "Blanc 1 S", sélectionnez F4 pour le raccourci clavier, choisissez vert pour la couleur puis appuyez sur la touche Record bouton.

Continuez à vous concentrer sur la forme que vous avez choisie et faites-en une copie devant (Contrôle-C> Contrôle-F). Sélectionnez la copie et remplacez la couleur de remplissage existante par R = 34 G = 181 B = 115 et puis aller à Objet> Transformer> Rotation. Met le Angle à -25 degrés puis cliquez sur le Copie bouton.

Assurez-vous que la forme nouvellement créée est sélectionnée et allez à Sélectionner> Identique> Couleur de remplissage pour sélectionner les deux formes vertes, puis cliquez sur le bouton Couper bouton du Éclaireur panneau. Assurez-vous que la forme obtenue reste sélectionnée et concentrez-vous sur la Apparence panneau. Remplacez la couleur de remplissage existante par du blanc, abaissez le Opacité à 25% et changer le Mode de fusion à Lumière douce.

Enfin, retournez à la actes panneau, simplement frappé que Arrête d'enregistrer bouton et vous avez votre troisième action.

Étape 4

Assurez-vous que votre "Blanc 1 S"l'action est sélectionnée, ouvrez le menu déroulant du actes panneau et aller à Dupliquer. Renommez l'action nouvellement ajoutée "Blanc 1 L"et développez-le pour que vous puissiez voir toutes les commandes enregistrées.

Assurez-vous qu’une de vos formes bleues est sélectionnée et double-cliquez simplement dessus. Tourner commande qui se trouve à l'intérieur de votre "Blanc 1 L"action pour l'éditer. Angle à -15 degrés puis cliquez sur le Copie bouton. Retournez sur votre planche et débarrassez-vous de cette nouvelle forme.

Étape 5

Continuez à vous concentrer sur le panneau des actions, double-cliquez sur votre "Blanc 1 L"action et définissez le raccourci clavier sur F5. Sélectionnez l'une de vos longues formes bleues et utilisez ce raccourci clavier pour ajouter facilement une surbrillance comme celle montrée dans la deuxième image..

Étape 6

Sélectionnez le reste de vos formes bleues une par une et utilisez le "Blanc 1 S" action (F4) pour les courts et les "Blanc 1 L" action (F5) pour les longs.

Étape 7

Resélectionnez une de vos formes bleues courtes, retournez à la actes panneau et frappé que Créer une nouvelle action Cliquez à nouveau sur le bouton pour enregistrer une action supplémentaire. Nomme le "Blanc 2", sélectionnez F6 pour le raccourci clavier, choisissez bleu pour la couleur, puis appuyez sur la touche Record bouton.

Continuez à vous concentrer sur la forme que vous avez choisie et faites-en une copie devant (Contrôle-C> Contrôle-F). Sélectionnez la copie et remplacez la couleur de remplissage existante par R = 140 G = 98 B = 57 et puis aller à Objet> Transformer> Déplacer. Entrez les propriétés indiquées dans l'image suivante, puis cliquez sur le bouton Copie bouton.

Assurez-vous que votre forme nouvellement créée est sélectionnée, allez à Sélectionner> Identique> Couleur de remplissage pour sélectionner les deux formes brunes, puis cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Assurez-vous que la forme obtenue reste sélectionnée et concentrez-vous sur la Apparence panneau. Remplacez la couleur de remplissage existante par du blanc, abaissez le Opacité à 40% et changer le Mode de fusion à Recouvrir.

Enfin, retournez à la actes panneau, simplement frappé que Arrête d'enregistrer bouton et vous avez votre action finale.

Étape 8

Sélectionnez le reste de vos formes bleues une par une et utilisez le F6 raccourci clavier pour jouer facilement "Blanc 2" action.

Ouvrez le menu déroulant du actes panneau et aller à Mode bouton si vous souhaitez comprendre l'utilisation des couleurs que vous avez sélectionnées pour vos actions enregistrées.

6. Créer les pièces arrières

Étape 1

Activer le Guides intelligents (Control-U) puis se concentrer sur Couches panneau (Fenêtre> Calques).

Double-cliquez sur le calque existant et nommez-le "DE FACE". Ajouter un deuxième calque en utilisant le Ajouter un nouveau calque bouton et nommez-le "RETOUR". Assurez-vous qu'il reste sélectionné et faites-le glisser sous votre"DE FACE" couche.

Focus sur les formes bleues en haut à droite qui composent le "N"lettre. En utilisant le Outil stylo (P), dessinez une forme simple et oblique qui relie la forme bleue en haut à celle qui se trouve en dessous. le Guides intelligents fonctionnalité facilitera les choses beaucoup pour vous. Une fois que vous avez cette forme, définissez sa couleur de remplissage sur R = 7 G = 80 B = 120.

Étape 2

Répétez la technique mentionnée à l'étape précédente et ajoutez un tas de nouvelles formes qui relient vos formes bleues approximativement, comme indiqué dans les images suivantes..

Étape 3

En utilisant le même outil et la même couleur, ajoutez un ensemble de formes ondulées qui relient les formes bleues dispersées aux formes principales, comme dans l’image suivante..

7. Ajouter une texture subtile et une ombre simple

Étape 1

Focus sur le Couches panneau, dupliquez votre "RETOUR"couche, sélectionnez la copie, renommez-la"TEXTURE"et faites-le glisser vers le haut du panneau. Dupliquez toutes les formes bleues qui se trouvent à l'intérieur de votre"DE FACE"calque, sélectionnez les copies et faites-les glisser à l'intérieur du"TEXTURE" couche.

Étape 2

Resélectionnez toutes les formes qui se trouvent dans votre "TEXTURE"couche et cliquez sur le Unir bouton du Éclaireur panneau. Transformez le groupe de formes résultant en un chemin composé (Contrôle-8), assurez-vous qu'il reste sélectionné, concentrez-vous sur Apparence panneau et remplacez la couleur de remplissage existante par du noir.

Étape 3

Assurez-vous que votre chemin composé noir reste sélectionné et concentrez-vous sur la Apparence panneau. Baisser le Opacité à dix%, changer la Mode de fusion à Lumière douce et puis aller à Effet> Artistique> Grain de film. Entrez les attributs affichés dans l’image suivante, puis cliquez sur le bouton D'accord bouton.

Étape 4

Focus sur le Couches panneau, dupliquez votre "TEXTURE"couche, sélectionnez la copie, renommez-la"OMBRE"et faites-le glisser vers le bas du panneau.

Sélectionnez le chemin composé qui se trouve dans votre "OMBRE"couche et se concentrer sur la Apparence panneau.

Se débarrasser de ça Grain de film effectuer, restaurer le Mode de fusion à Ordinaire et augmenter le Opacité retour à 100%. Remplacez la couleur de remplissage existante par R = 7 G = 80 B = 120 et puis aller à Effet> Styliser> Ombre portée. Entrez les attributs affichés dans la fenêtre de gauche (dans l’image suivante), cliquez sur le bouton D'accord bouton et puis à nouveau à Effet> Styliser> Ombre portée. Entrez les propriétés affichées dans la fenêtre de droite, puis cliquez sur le bouton D'accord bouton.

Toutes nos félicitations! Vous avez terminé!

Voici à quoi cela devrait ressembler. J'espère que vous avez apprécié ce tutoriel et que vous pouvez appliquer ces techniques à vos projets futurs..