Comment créer un effet de texte de dessin animé croquant dans Adobe Illustrator

Ce que vous allez créer

Dans les étapes suivantes, vous apprendrez à créer un effet de texte croquant modifiable dans Adobe Illustrator..

Pour commencer, vous apprendrez à créer votre propre motif à partir d’un motif intégré. Ensuite, en utilisant un simple morceau de texte et le panneau Apparence, vous apprendrez à créer l’effet de texte. Tout en ajoutant les petites miettes autour de votre texte, vous apprendrez à enregistrer et à utiliser facilement des styles graphiques. Enfin, vous apprendrez à ajuster subtilement votre texte et à ajouter un arrière-plan simple pour le dessin final..

Pour plus d'inspiration sur la façon d'ajuster ou d'améliorer votre effet de texte final, vous pouvez trouver de nombreuses ressources sur GraphicRiver..

Ce dont vous aurez besoin

Vous aurez besoin des ressources suivantes pour mener à bien ce projet:

  • Knicknack police

1. Comment 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 850 dans la case de largeur et 500 dans la case hauteur, puis cliquez dessus Plus de réglages bouton. Sélectionner RVB pour le Mode de couleur, met le Effets raster à Écran (72 ppi), puis cliquez sur Créer un document.

N'oubliez pas de définir l'unité de mesure en pixels à partir de Édition> Préférences> Unités.

2. Comment créer et sauvegarder un motif

Étape 1

Ouvrez le menu déroulant à partir du Échantillons panneau (Fenêtre> Nuancier) et allez à Ouvrir Swatch Library> Patterns> Basic Graphics> Basic Graphics_Textures. Sélectionnez le USGS 22 Grave Beach motif et faites-le simplement glisser sur votre planche.

Étape 2

Sélectionnez l'un des cercles noirs qui composent votre motif importé et allez à Sélectionner> Identique> Couleur de remplissage pour sélectionner toutes les formes avec un remplissage noir. Il suffit de remplacer le noir par R = 140 G = 67 B = 23.

Étape 3

Sélectionnez toutes les formes qui composent votre motif et faites-les simplement glisser à l'intérieur du Échantillons panneau pour les sauvegarder en tant que nouveau motif.

3. Comment créer l'effet de texte

Étape 1

Choisissez le Outil de type (T) et ouvrez le Personnage panneau (Fenêtre> Type> Caractère). Sélectionnez la police Knicknack et définissez la taille sur 170 px et le suivi de 50.

Cliquez sur la planche et ajoutez votre texte comme indiqué ci-dessous. Faites-le noir, pour l'instant.

Étape 2

Sélectionnez votre texte, concentrez-vous sur la Échantillons panneau (Fenêtre> Nuancier), et cliquez dessus [Aucun] swatch pour supprimer la couleur du texte noir.

Déplacer vers le Apparence panneau (Fenêtre> Apparence) et ajoutez un nouveau remplissage à l'aide du Ajouter un nouveau remplissage bouton. Sélectionnez ce nouveau remplissage et définissez la couleur sur R = 253 G = 243 B = 188.

Étape 3

Assurez-vous que votre texte reste sélectionné, concentrez-vous sur la 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 R = 255 G = 188 B = 53, et allez à Effet> Chemin> Chemin de décalage. Entrez un -Décalage 2 px, Cliquez sur D'accord, et allez à Effet> Distorsion & Transformation> Transformer. Entrez les attributs indiqués ci-dessous, cliquez sur D'accord, et allez à Effet> Distorsion & Transformation> Roughen. Entrez les paramètres affichés dans l'image suivante et cliquez sur D'accord.

Étape 4

Assurez-vous que votre texte est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. Ajouter un troisième remplissage et le sélectionner.

Définissez la couleur sur R = 210 G = 96 B = 12 et allez à Effet> Chemin> Chemin de décalage. Entrez un -Décalage 2 px, Cliquez sur D'accord, et allez à Effet> Distorsion & Transformation> Transformer. Entrez les attributs indiqués ci-dessous, cliquez sur D'accord, et allez à Effet> Distorsion & Transformation> Roughen. Entrez les paramètres affichés dans l'image suivante et cliquez sur D'accord.

Étape 5

Assurez-vous que votre texte est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. Ajouter un quatrième remplissage et le sélectionner.

Définissez la couleur sur R = 255 G = 188 B = 53 et allez à Effet> Chemin> Chemin de décalage. Entrez un -Décalage 2 px, Cliquez sur D'accord, et allez à Effet> Distorsion & Transformation> Transformer. Entrez les attributs indiqués ci-dessous, cliquez sur D'accord, et allez à Effet> Distorsion & Transformation> Roughen. Entrez les paramètres affichés dans l'image suivante et cliquez sur D'accord.

Étape 6

Assurez-vous que votre texte est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. Ajouter un cinquième remplissage et le sélectionner.

Appliquez votre motif de la Échantillons panneau et puis aller à Effet> Distorsion & Transformation> Transformer. Entrez les attributs indiqués ci-dessous et cliquez sur D'accord.

Étape 7

Assurez-vous que votre texte est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. Ajouter un sixième remplissage et le sélectionner.

Appliquer le Surface complexe USGS 21 motif de la Graphiques_Textures de base panneau, changez le Mode de fusion à Lumière douce, et allez à Effet> Distorsion & Transformation> Transformer. Entrez les attributs indiqués ci-dessous et cliquez sur D'accord.

Étape 8

Assurez-vous que votre texte est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. Ajouter un septième remplissage et le sélectionner.

Définissez la couleur sur R = 140 G = 67 B = 23, changer sa Mode de fusion à Lumière douce, et allez à Effet> Chemin> Chemin de décalage. Entrez un -Décalage de 3 px, Cliquez sur D'accord, et allez à Effet> Distorsion & Transformation> Roughen. Entrez les paramètres affichés dans l'image suivante, cliquez sur D'accord, et allez à Effet> Artistique> Grain de film. Entrez les attributs indiqués ci-dessous et cliquez sur D'accord.

Étape 9

Assurez-vous que votre texte est toujours sélectionné, continuez à vous concentrer sur la Apparence panneau, et sélectionnez le trait.

Définissez la couleur sur R = 210 G = 96 B = 12, augmenter le Poids à 3 px, et allez à Effet> Distorsion & Transformation> Roughen. Entrez les paramètres affichés dans l'image suivante et cliquez sur D'accord.

Étape 10

Assurez-vous que votre texte est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. Ajouter un deuxième trait en utilisant le Ajouter un nouveau trait bouton et sélectionnez-le.

Définissez la couleur sur R = 103 G = 22 B = 1, abaisser le Poids à 1 px, et allez à Effet> Distorsion & Transformation> Roughen. Entrez les paramètres affichés dans l'image suivante et cliquez sur D'accord.

Étape 11

Assurez-vous que votre texte est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. Sélectionnez le texte entier (cliquez sur le bouton 'Type' section du haut du panneau) et aller à Effet> Styliser> Ombre portée. Entrez les attributs affichés dans la fenêtre en haut à gauche (dans l'image suivante), cliquez sur D'accord, puis appliquez les quatre autres Ombre portée effets montrés ci-dessous.

4. Comment enregistrer un style et ajouter des miettes

Étape 1

Assurez-vous que votre texte est toujours sélectionné, ouvrez le Styles graphiques panneau, puis cliquez sur le Nouveau style graphique bouton.

Étape 2

Assurez-vous que votre texte est toujours sélectionné et sélectionnez le Outil de type tactile (Maj-T). Cliquez sur le premier caractère de votre texte et utilisez la poignée ronde située au-dessus du caractère sélectionné pour le faire pivoter, comme indiqué dans l'image suivante.

Étape 3

Utilisez le même Outil de type tactile (Maj-T) faire pivoter les six autres caractères à peu près comme indiqué dans les images suivantes.

Étape 4

En utilisant le Outil stylo (P) ou la Pinceau (B), dessinez des formes minuscules autour de votre texte, comme dans la première image. Ces nouvelles formes seront les miettes. Sélectionnez toutes ces formes et appliquez simplement votre style de la Styles graphiques panneau.

5. Comment créer un fond

Étape 1

Choisissez le Outil Rectangle (M) et créer un 860 x 510 px forme. Remplissez ce rectangle avec R = 253 G = 243 B = 188, l'envoyer à l'arrière (Shift-Control- [), et assurez-vous qu'il couvre tout votre plan de travail.

Étape 2

Assurez-vous que votre rectangle est toujours sélectionné, concentrez-vous sur le Apparence panneau, et ajoutez un deuxième remplissage. Sélectionnez-le et appliquez le dégradé radial indiqué ci-dessous. Utilisez le Outil de dégradé (G) étirer votre dégradé comme indiqué dans l'image suivante.

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. N'hésitez pas à partager votre résultat final dans la section commentaires.

N'hésitez pas à ajuster le design final et à le personnaliser. Vous pouvez trouver de bonnes sources d’inspiration chez GraphicRiver, avec des solutions intéressantes pour améliorer votre conception..