Créer un effet de texte Alphabetti Spaghetti dans Adobe Illustrator

Dans les étapes suivantes, vous apprendrez à créer un effet de texte alphabetti spaghetti dans Adobe Illustrator. Pour commencer, vous apprendrez à créer un rectangle simple et un morceau de texte et à les placer facilement au centre de votre plan de travail. Ensuite, en utilisant des techniques de base de construction de formes vectorielles, vous apprendrez à créer les chemins composés principaux. Continuez, vous ajouterez des nuances et des rehauts subtils à l'aide du panneau Apparence, des techniques de fusion de base et de nombreux effets raster. Enfin, à l'aide d'un dégradé radial et de techniques de fusion simples, vous apprendrez à augmenter le contraste pour l'illustration globale..


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 600 dans la case de largeur et 800 dans la case hauteur puis cliquez sur le Avancée bouton. Sélectionner RVB, Écran (72ppi) 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.


2. Créer le fond et les formes principales

Étape 1

Concentrez-vous sur votre barre d’outils, supprimez la couleur du trait, sélectionnez le fond et réglez sa couleur sur R = 180 G = 13 B = 7. Choisissez le Outil Rectangle (M) et cliquez simplement sur votre planche pour ouvrir le Rectangle la fenêtre. Entrez un 610 dans le Largeur boîte et 810 dans le la taille case puis cliquez sur D'accord. Ensuite, vous devez centrer ce rectangle, ouvrez le Aligner panneau (Fenêtre> Aligner). Définissez l’alignement sur Artboard (ouvrez le menu déroulant et allez à Afficher les options si vous ne pouvez pas voir le Aligner a section ci-dessous), puis cliquez simplement sur le bouton Centre d'alignement horizontal et Centre d'alignement vertical boutons. En fin de compte, votre rectangle devrait couvrir l’ensemble du plan de travail. Déplacer vers le Couches panneau, ouvrez le calque existant, double-cliquez dessus et simplement le renommer "bg".

Étape 2

Définissez la couleur de remplissage sur R = 246 G = 169 B = 81, choisir le Outil de type (T) et cliquez simplement sur votre artboard. Ajouter le "ARRÊTEZ DE JOUER AVEC VOTRE NOURRITURE"morceau de texte puis ouvrez le Personnage panneau (Fenêtre> Type> Caractère). Utilisez la police de Porky, définissez la taille sur 75 pt et le suivi à 120. Assurez-vous que votre texte reste sélectionné, ouvrez le Paragraphe panneau (Fenêtre> Type> Paragraphe) et vérifiez simplement la Aligner le centre bouton. De plus, centrez ce morceau de texte en utilisant le Centre d'alignement horizontal et Centre d'alignement vertical boutons de la Aligner panneau.

Étape 3

Assurez-vous que votre texte est toujours sélectionné et appuyez sur Maj-Contrôle-O (ou aller à Type> Créer des contours). Dissocier (Maj-Contrôle-G) le groupe de formes obtenu puis appuyez simplement sur Contrôle-8 (ou aller à Objet> Chemin composé> Marque) pour transformer ces formes jaunes en un simple Chemin composé. Déplacer vers le Couches panneau (Fenêtre> Calques), double-cliquez sur le chemin composé fait à cette étape et nommez-le simplement "paragraphe".

Étape 4

Focus sur le Couches panneau et désactivez la visibilité de votre "paragraphe"chemin composé. Prenez le Outil de type (T), cliquez sur votre planche et tapez simplement les lettres de l'alphabet et les chiffres de 0 à 9. Assurez-vous que ce nouveau morceau de texte reste sélectionné et concentrez-vous sur la Personnage panneau. Utilisez la même police de Porky, définissez la taille sur 75 pt et le suivi à 120.

Étape 5

Assurez-vous que le morceau de texte créé à l'étape précédente est toujours sélectionné, appuyez sur Maj-Contrôle-O puis Dissocier (Maj-Contrôle-G) le groupe de formes résultant.

Étape 6

Focus sur le Couches panneau et allumez la visibilité pour votre "paragraphe"chemin composé. Retournez à votre planche d’art, multipliez les formes de lettres créées à l’étape précédente puis répartissez-les autour de votre"paragraphe"comme indiqué dans l'image suivante. Tenez le Alt touche de votre clavier, assurez-vous que le Outil de sélection (V) (ou la Outil de sélection directe (A)) est actif, puis cliquez et faites glisser la forme que vous souhaitez dupliquer.

Étape 7

Sélectionnez certaines des formes de lettres et appuyez sur Alt-Shift-Control-D (ou aller à Objet> Transformer> Transformer chaque). Il suffit de vérifier le Reflect X case puis cliquez sur D'accord.

Étape 8

Resélectionnez toutes ces lettres, ouvrez le Éclaireur panneau (Fenêtre> Pathfinder), clique le Unir bouton puis appuyez sur Contrôle-8. Déplacer vers le Couches panneau, double-cliquez sur ce nouveau chemin composé et nommez-le "des lettres".

Étape 9

Sélectionnez les deux chemins composés déjà créés et les dupliquez (Contrôle-C> Contrôle-F). Assurez-vous que seules les copies sont sélectionnées et transformez-les en un seul fichier. Chemin composé (Contrôle-8). Resélectionnez votre "bg"façonner et faire une copie devant (Contrôle-C> Contrôle-F). Sélectionnez cette copie avec le chemin d'accès composé créé au début de l'étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Assurez-vous que le groupe de formes résultant reste sélectionné, amenez-le au premier plan (Shift-Control-] ) et remplacez la couleur de remplissage existante par R = 102 G = 45 B = 145.

Étape 10

Assurez-vous que votre groupe de formes violettes est toujours sélectionné et faites-en une copie devant (Contrôle-C> Contrôle-F). Sélectionnez uniquement la copie de groupe, transformez-la en un Chemin composé (Contrôle-8) et définissez la couleur de remplissage en blanc. Déplacer vers le Couches panneau, nommez ce nouveau chemin composé "tout"alors le rendre invisible. Vous en aurez besoin plus tard.

Étape 11

Resélectionnez votre groupe de formes violettes et appuyez simplement sur Maj-Contrôle-G à Dissocier il. Sélectionnez la forme principale pourpre ainsi que les formes pourpres plus fines du centre de la planche d’art et transformez-les en un chemin composé. Assurez-vous que ce nouveau chemin composé est sélectionné et remplacez la couleur de remplissage existante par R = 0 G = 104 B = 56. Déplacer vers le Couches panneau, double-cliquez sur ce chemin composé vert et nommez-le "centre".

Étape 12

Sélectionnez les formes violettes restantes (il suffit de sélectionner une de ces formes, puis aller à Sélectionnez> Même> Apparence) et les transformer en Chemin composé (Contrôle-8). Assurez-vous que ce nouveau chemin composé est sélectionné et remplacez la couleur de remplissage existante par R = 28 G = 117 B = 188. Déplacer vers le Couches panneau, double-cliquez sur ce chemin composé bleu et nommez-le "bords".


3. Ajouter des détails pour les chemins composés entourant vos formes de lettre

Étape 1

Focus sur le Couches panneau, désactivez la visibilité de votre "centre" et "bords"chemins composés puis allumez la visibilité pour votre"tout"chemin composé. Assurez-vous que le"tout"le chemin composé reste sélectionné et ouvre le Apparence panneau (Fenêtre> Apparence). Sélectionnez le remplissage existant, remplacez le blanc par R = 206 G = 55 B = 0 et allez à Effet> Styliser> Inner Glow. Entrez a les propriétés montrées dans l'image suivante et cliquez sur D'accord.

Étape 2

Assurez-vous que votre "tout"le chemin composé est toujours sélectionné, concentrez-vous sur Apparence panneau et ajouter un deuxième remplissage en utilisant le Ajouter un nouveau remplissage bouton (indiqué par la petite flèche bleue dans l'image suivante). Sélectionnez ce nouveau remplissage, définissez la couleur en noir, baissez son Opacité à 35%, changer la Mode de fusion à Lumière douce et allez à Effet> Chemin> Chemin de décalage. Entrez un -Décalage de 20px, Cliquez sur D'accord et allez à Effet> Flou> Flou radial. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord.

Étape 3

Assurez-vous que votre "tout"le chemin composé reste sélectionné, concentrez-vous sur Apparence panneau et ajouter un trait de 2 points. Sélectionnez-le, définissez la couleur en noir, alignez-le à l'intérieur, baissez son Opacité à 20% et changer le Mode de fusion à Lumière douce. Continuez à vous concentrer sur Apparence panneau et ajouter un deuxième trait en utilisant le Ajouter un nouveau trait bouton (indiqué par la petite flèche bleue dans l'image suivante). Sélectionnez ce nouveau trait, assurez-vous que la couleur est définie sur le noir, définissez la taille sur 4 pt, alignez-la à l'intérieur, abaissez son Opacité à 15% et changer le Mode de fusion à Lumière douce. Retour à la Apparence panneau et ajouter un troisième trait pour votre forme. Sélectionnez-le, assurez-vous que la couleur est définie sur le noir, définissez la taille sur 6 pt, alignez-la à l'intérieur, baissez le Opacité à 15% et changer le Mode de fusion à Lumière douce.

Étape 4

Focus sur le Couches panneau et allumez la visibilité pour votre "bords"chemin composé. Assurez-vous qu'il reste sélectionné et concentrez-vous sur le Apparence panneau. Sélectionnez le remplissage existant, remplacez le bleu par du noir, baissez son Opacité à 50%, changer la Mode de fusion à Recouvrir et allez à Effet> Artistique> Emballage plastique. Entrez les propriétés affichées dans l'image suivante, cliquez sur D'accord, retourner au Apparence panneau et ajouter un deuxième remplissage en utilisant le même Ajouter un nouveau remplissage bouton. Sélectionnez ce nouveau remplissage, définissez la couleur sur blanc, modifiez le Mode de fusion à Lumière douce et allez à Effet> Artistique> Éponge. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord.

Étape 5

Focus sur le Couches panneau et allumez la visibilité pour votre "centre"chemin composé. Assurez-vous qu'il reste sélectionné et concentrez-vous sur le Apparence panneau. Sélectionnez le remplissage existant, remplacez le vert par du noir, baissez son Opacité à 60%, changer la Mode de fusion à Recouvrir et allez à Effet> Artistique> Emballage plastique. Entrez les propriétés affichées dans l'image suivante, cliquez sur D'accord, retourner au Apparence panneau et ajouter un deuxième remplissage. Sélectionnez ce nouveau remplissage, définissez la couleur sur blanc, modifiez le Mode de fusion à Lumière douce et allez à Effet> Artistique> Éponge. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord.

Étape 6

Focus sur le Couches panneau, resélectionnez votre "tout"chemin composé, faire une copie devant (Contrôle-C> Contrôle-F) et l'amener au premier plan (Shift-Control-] ). Assurez-vous que cette copie reste sélectionnée et appuyez simplement sur le touche de votre clavier pour remplacer le existant Apparence attributs avec ceux par défaut (remplissage blanc et 1pt, trait noir). Focus sur le Apparence panneau, retirez le noir et sélectionnez le remplissage. Remplacer la couleur existante par R = 246 G = 169 B = 81, abaisser sa Opacité à 50%, changer la Mode de fusion à Lumière douce et allez à Effet> Esquisse> Chrome. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord.


4. Ajouter des détails pour les formes de lettre

Étape 1

Aller à Édition> Préférences> Général et assurez-vous que le Incrément de clavier est fixé à 1px. Sélectionnez votre "paragraphe"chemin composé, amenez-le à l'avant (Shift-Control-] ) et faire deux copies devant (Contrôle-C> Contrôle-F> Contrôle-F). Sélectionnez la copie du haut et appuyez une fois sur la flèche du haut pour la déplacer. 1px up. Resélectionnez les deux copies faites à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Transformez le groupe de formes obtenu en un Chemin composé (Contrôle-8), définissez la couleur de remplissage sur R = 180 G = 13 B = 7, abaisser sa Opacité à 25% et changer le Mode de fusion à Lumière douce.

Étape 2

Sélectionnez votre "paragraphe"chemin composé et faire deux copies devant (Contrôle-C> Contrôle-F> Contrôle-F). Sélectionnez la copie du haut et appuyez deux fois sur la flèche du haut pour la déplacer. 2px up. Resélectionnez les deux copies faites à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Transformez le groupe de formes obtenu en un Chemin composé (Contrôle-8), définissez la couleur de remplissage sur R = 180 G = 13 B = 7, abaisser sa Opacité à 25% et changer le Mode de fusion à Lumière douce.

Étape 3

Sélectionnez votre "paragraphe"chemin composé et faire deux copies devant (Contrôle-C> Contrôle-F> Contrôle-F). Sélectionnez la copie du haut et appuyez trois fois sur la flèche du haut pour la déplacer. 3px up. Resélectionnez les deux copies faites à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Transformez le groupe de formes obtenu en un Chemin composé (Contrôle-8), définissez la couleur de remplissage sur R = 180 G = 13 B = 7, abaisser sa Opacité à 25% et changer le Mode de fusion à Lumière douce.

Étape 4

Resélectionnez votre "paragraphe"chemin composé et aller à Objet> Chemin> Chemin décalé. Entrez un décalage de -2px et cliquez sur D'accord. Sélectionnez la forme obtenue et faites-en une copie devant (Contrôle-C> Contrôle-F). Sélectionnez cette copie et déplacez-la 1px bas en utilisant la flèche bas de votre clavier. Resélectionnez les deux formes créées à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Transformez le groupe de formes obtenu en un Chemin composé (Contrôle-8), définissez la couleur de remplissage sur blanc (R = 255 G = 255 B = 255) et changer le Mode de fusion à Lumière douce.

Étape 5

Resélectionnez votre "paragraphe"chemin composé, se concentrer sur la Apparence panneau, sélectionnez le remplissage existant et dupliquez-le en utilisant le Dupliquer l'élément sélectionné bouton (indiqué par la petite flèche bleue dans l'image suivante). Sélectionnez le remplissage nouvellement ajouté et allez à Effet> Styliser> Inner Glow. Entrez les propriétés affichées dans l'image suivante, cliquez sur D'accord et allez à Effet> Styliser> Outer Glow. Entrez les attributs indiqués ci-dessous et cliquez sur D'accord.

Étape 6

Resélectionnez votre "paragraphe"chemin composé, se concentrer sur la Apparence panneau et ajouter un troisième remplissage. Sélectionnez-le, mettez la couleur en blanc, baissez son Opacité à 30%, changer la Mode de fusion à Recouvrir et allez à Effet> Chemin> Chemin de décalage. Entrez un -Décalage 6.5px, Cliquez sur D'accord et allez à Effet> Distorsion & Transformation> Transformer. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord.

Étape 7

Resélectionnez votre "paragraphe"chemin composé, se concentrer sur la Apparence panneau et ajouter un quatrième remplissage. Sélectionnez-le, mettez la couleur en noir, baissez son Opacité à 35%, changer la Mode de fusion à Dodge couleur et allez à Effet> Chemin> Chemin de décalage. Entrez un -Décalage 6.5px, Cliquez sur D'accord et allez à Effet> Distorsion> Verre. Entrez les attributs indiqués ci-dessous, cliquez sur D'accord et allez à Effet> Distorsion & Transformation> Transformer. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord.

Étape 8

Resélectionnez votre "paragraphe"chemin composé, se concentrer sur la Apparence panneau et ajouter un cinquième remplissage. Sélectionnez-le, mettez la couleur en noir, baissez son Opacité à dix%, changer la Mode de fusion à Lumière douce et allez à Effet> Chemin> Chemin de décalage. Entrez un -Décalage de 1px, Cliquez sur D'accord et allez à Effet> Coup de pinceau> Spatter. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord.

Étape 9

Assurez-vous que votre "paragraphe"le chemin composé est toujours sélectionné, concentrez-vous sur Apparence panneau, sélectionnez le remplissage du bas et allez à Effet> Styliser> Ombre portée. Entrez les propriétés affichées dans la fenêtre supérieure gauche (dans l'image suivante), cliquez sur D'accord et aller encore à Effet> Styliser> Ombre portée. Entrez les propriétés affichées dans la fenêtre supérieure du milieu (dans l'image suivante), cliquez sur D'accord et aller encore une fois à Effet> Styliser> Ombre portée. Entrez les propriétés affichées dans la fenêtre supérieure droite (dans l'image suivante), cliquez sur D'accord et aller une fois de plus à Effet> Styliser> Ombre portée. Entrez les propriétés affichées dans la fenêtre inférieure gauche (dans l'image suivante), cliquez sur D'accord et aller une dernière fois à Effet> Styliser> Ombre portée. Entrez les propriétés affichées dans la fenêtre inférieure droite (dans l'image suivante) et cliquez sur D'accord.

Étape 10

Sélectionnez votre "des lettres"chemin composé, amenez-le à l'avant (Shift-Control-] ) et faire deux copies devant (Contrôle-C> Contrôle-F> Contrôle-F). Sélectionnez la copie du haut et déplacez-la 1px up. Resélectionnez les deux copies faites à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Transformez le groupe de formes obtenu en un Chemin composé (Contrôle-8), définissez la couleur de remplissage sur R = 180 G = 13 B = 7, abaisser sa Opacité à 25% et changer le Mode de fusion à Lumière douce.

Étape 11

Resélectionnez votre "des lettres"chemin composé et faire deux copies devant (Contrôle-C> Contrôle-F> Contrôle-F). Sélectionnez la copie du haut et déplacez-la 2px up. Resélectionnez les deux copies faites à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Transformez le groupe de formes obtenu en un Chemin composé (Contrôle-8), définissez la couleur de remplissage sur R = 180 G = 13 B = 7, abaisser sa Opacité à 25% et changer le Mode de fusion à Lumière douce.

Étape 12

Resélectionnez votre "des lettres"chemin composé et faire deux copies devant (Contrôle-C> Contrôle-F> Contrôle-F). Sélectionnez la copie du haut et déplacez-la 3px up. Resélectionnez les deux copies faites à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Transformez le groupe de formes obtenu en un Chemin composé (Contrôle-8), définissez la couleur de remplissage sur R = 180 G = 13 B = 7, abaisser sa Opacité à 25% et changer le Mode de fusion à Lumière douce.

Étape 13

Resélectionnez votre "des lettres"chemin composé et aller à Objet> Chemin> Chemin décalé. Entrez un -Décalage de 1px et cliquez D'accord. Sélectionnez la forme obtenue et faites-en une copie devant (Contrôle-C> Contrôle-F). Sélectionnez cette copie et déplacez-la 1px bas en utilisant la flèche bas de votre clavier. Resélectionnez les deux formes créées à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Transformez le groupe de formes obtenu en un Chemin composé (Contrôle-8), définissez la couleur de remplissage sur blanc (R = 255 G = 255 B = 255) et changer le Mode de fusion à Lumière douce.

Étape 14

Resélectionnez votre "des lettres"chemin composé et aller à Objet> Chemin> Chemin décalé. Entrez un -Décalage 3px et cliquez D'accord. Sélectionnez la forme obtenue et faites-en une copie devant (Contrôle-C> Contrôle-F). Sélectionnez cette copie et déplacez-la 1px en utilisant la flèche vers le haut de votre clavier. Resélectionnez les deux formes créées à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Transformez le groupe de formes obtenu en un Chemin composé (Contrôle-8), définissez la couleur de remplissage sur R = 180 G = 13 B = 7, changer la Mode de fusion à Lumière douce et allez à Effet> Flou> Flou Gaussien. Entrez un Rayon de 1px et cliquez D'accord.

Étape 15

Ensuite, vous devez copier les propriétés utilisées pour le "paragraphe"chemin composé et les coller sur le"des lettres"chemin composé. Voici comment vous pouvez facilement le faire. Allez à la Couches Dans le panneau, concentrez-vous sur le côté droit et vous remarquerez que chaque forme est accompagnée d’une petite icône de cercle. Cela s'appelle une icône de cible. Tenez le Alt touche de votre clavier, cliquez sur l'icône de la cible qui représente "paragraphe"chemin composé et faites glisser sur l'icône de la cible qui représente votre"des lettres"chemin composé.

Ensuite, vous devez faire de petits changements. Assurez-vous que votre "des lettres"le chemin composé reste sélectionné et se concentre sur la Apparence panneau. Tout d'abord, ouvrez les cinq Ombre portée Les effets utilisés pour le fond remplissent et remplacent la couleur existante (utilisée pour l’effet) par R = 50 G = 0 B = 0. Déplacer vers le fond blanc, ouvrir le fichier existant Chemin de décalage effectuer et abaisser le Décalage à -8px. Continuez à vous concentrer sur le remplissage blanc, assurez-vous qu'il est sélectionné et allez à Effet> Flou> Flou Gaussien. Entrez un Rayon 2px et cliquez D'accord.


5. Ajouter les touches finales

Étape 1

Resélectionnez votre "bg"rectangle, faites une copie devant (Contrôle-C> Contrôle-F) et l'amener au premier plan (Shift-Control-] ). Assurez-vous que cette copie reste sélectionnée, abaissez son Opacité à 50%, changer la Mode de fusion à Lumière douce et remplacez la couleur de fond existante par le dégradé radial indiqué dans l'image suivante. Le zéro jaune du Pente l'image représente Opacité pourcentage.


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..