Effet de texte comique (tutoriel pour Adobe Illustrator)

Tutoriel d'effet de texte comique

Tout d'abord, clarifiez que ce tutoriel Il a été réalisé avec Adobe Illustrator CS5 (en anglais), de sorte que les images étape par étape montrent l'interface de cette version. Néanmoins, vous pouvez l'essayer dans n'importe quelle version que vous avez, en tenant compte du fait qu'il est probable que cela vous coûtera un peu plus cher pour suivre le tutoriel.

Cet effet peut être utile lors de l'exécution d'un conception informelle dans lequel le style bande dessinée accompagne ce que vous voulez communiquer. Ici, nous vous apportons un tutoriel étape par étape afin que vous puissiez obtenir un effet de texte comique avec Adobe Illustrator.

Effet de texte comique

Nous ouvrons Adobe Illustrator et allons à créer un nouveau document (Mac : Cmd + N Windows : Ctrl + N). Nous pouvons le nommer comme nous voulons et choisir la taille du fichier. Dans mon cas j'ai choisi 570 x 300 px, le format que nous utilisons dans Creativos Online pour télécharger les images.

Il est très important que, au bas de la boîte de dialogue (Avancé), vous assurez que vous avez marqué comme Mode couleur le RGB, Effets raster sur Écran (72 ppp) y Mode d'aperçu par défaut. Une fois que vous avez les options choisies, cliquez sur OK.

Tutoriel étape par étape Illustrator

CONTEXTE

Nous allons créer le fond coloré que portera notre texte. Nous sélectionnons l'outil Rectangle (Outil Rectangle, touche M) et cliquons n'importe où dans notre document. Ensuite, une petite fenêtre s'ouvrira qui nous permettra de saisir les mesures du rectangle: vous devrez mettre les mesures de votre document. Dans mon cas, 570 x 300px. Cliquez sur OK et le rectangle que nous venons de créer apparaîtra à l'écran.

Tutoriel étape par étape Illustrator

Maintenant, il va falloir bien le placer. Pour ce faire, nous allons sélectionner la flèche noire sur la barre d'outils, (Outil de sélection, Touche V). Avec lui, nous allons cliquer sur la bordure du rectangle et, SANS LIBÉRER, nous allons faire glisser la bordure jusqu'à ce qu'elle coïncide avec les bords du document. Tutoriel étape par étape Illustrator

Tutoriel étape par étape Illustrator

FOND DE COULEUR

Le fond est déjà fait, mais par défaut, nous le verrons blanc avec une bordure noire. Il est temps de changer cela! Avec la flèche noire sélectionnée comme outil (Outil de sélection, touche V), nous cliquons sur le rectangle. On passe aux deux cases colorées en bas de la barre d'outils: celle en face correspond au la couleur de remplissage de notre figure et, celui derrière, se réfère au TRAZO. Par défaut, nous aurons le remplissage de couleur blanche et la couleur de bordure noire. Nous cliquons sur la case de remplissage et la sélecteur de couleur (Pipette à couleurs). Maintenant, vous pouvez sélectionner la couleur que vous souhaitez pour votre arrière-plan. Dans mon cas, c'était un bleu. Une fois choisi, cliquez sur OK et vous aurez votre rectangle coloré.  Tutoriel étape par étape Illustrator

Maintenant, nous allons prendre l'avantage. Cliquez sur la case sur le bord de notre barre d'outils. Maintenant, juste en dessous de ce carré, il y a un petit carré blanc avec une diagonale rouge. On clique dessus ... Et c'est tout! Ce carré indique à Illustrator que nous voulons le contour sans couleur. Si nous voulions que le remplissage du rectangle soit également sans couleur, nous devions sélectionner la case correspondante et cliquer à nouveau sur la case vide.  Tutoriel étape par étape Illustrator

DÉGRADÉ

La prochaine étape consiste à créer un dégradé circulaire sur notre arrière-plan. Pour ce faire, nous devons aller dans la fenêtre Apparence (si vous ne la voyez pas sur le côté droit de votre écran, comme je le montre dans l'image, allez dans le menu supérieur de votre fenêtre Illustrator et allez à Fenêtre> Apparence). Ici, par défaut, nous verrons l'option Remplir avec la couleur que nous avons mise au rectangle et l'option Contour (trait ou contour), qui sera avec l'option Vide. Une dernière option est l'opacité (opacité). Au bas de cette fenêtre, il y a deux petits carrés. L'un avec une très large bordure noire et l'autre avec une fine bordure. Nous sélectionnons le bon, pour créer un nouveau remplissage (Fill). Maintenant, dans le carré de couleur du nouveau remplissage que nous avons créé, nous cliquons. Une flèche apparaîtra sur le côté droit et nous sélectionnerons, parmi tous les échantillons de couleur qui apparaissent, celui correspondant au dégradé noir circulaire.

Tutoriel étape par étape Illustrator

Fenêtre d'apparence (apparence)

Tutoriel étape par étape Illustrator

Nous créons un nouveau remplissage (Fill)

Tutoriel étape par étape Illustrator

Sélection de l'échantillon de dégradé circulaire

Maintenant, nous ouvrons une nouvelle section en cliquant sur la flèche sur le côté gauche de Remplir et en cliquant sur le mot Opacité, pour changer la façon dont notre calque de remplissage sera appliqué. Une fois sur place, nous sélectionnons l'option Recouvrir (Chevaucher). Tutoriel étape par étape Illustrator

CERCLE

Nous allons créer un cercle blanc au centre de notre document. Pour ce faire, nous sélectionnons l'outil Outil Ellipse, qui sera "à l'intérieur" de l'Outil Rectangle. Pour le choisir, nous devons cliquer longuement, sans relâcher, attendre que les options soient affichées. Une fois qu'ils apparaissent, SANS LIBÉRATION, nous déplaçons notre curseur sur l'outil Ellipse et le relâchons. Tutoriel étape par étape Illustrator

Nous créons une circonférence parfaite (pour cela, nous cliquons et faisons glisser tout en maintenant la touche Maj de notre clavier enfoncée). La chose normale est que la circonférence sort avec les mêmes paramètres du dégradé précédent que nous avons fait, donc nous devrons modifier la valeur du remplissage. Tutoriel étape par étape Illustrator

Maintenant, nous allons le centrer. Aller à Fenêtre> Aligner et, AVEC LE CERCLE SÉLECTIONNÉ, cliquez sur les options affichées dans les images.  Tutoriel étape par étape Illustrator

TEXTE

Nous sélectionnons l'outil Texte (Outil de type, touche T) et nous tapons le texte que nous voulons. Dans notre cas, nous avons choisi la police BadaBoom BB, que vous pouvez télécharger depuis DaFont Tutoriel étape par étape Illustrator

Maintenant, retournons un peu les choses. Faites un clic droit sur le texte> Transformer> Tondre. Nous introduisons la valeur -8º dans Vertical et nous donnons OK.

Tutoriel étape par étape Illustrator

Nous centrons le texte de la même manière que nous avons précédemment centré le cercle blanc.

AJOUTER LE STYLE

Tutoriel étape par étape Illustrator

Objet> Développer

Avec le texte sélectionné, on passe à l'option Objet dans le menu supérieur et sélectionnez Développer vous et, dans la fenêtre qui s'affiche, Ok. Alors fais clic droit sur le texte et sélectionnez dissocier (Dissocier).

Tutoriel étape par étape Illustrator

Revenons à Panneau d'apparence. Sélectionnez le remplissage noir et cliquez sur l'icône 'fx' à choisir Chemin> Chemin décalé. Entrez, dans Offset, 8px. Dans les jointures, rondes. Et dans Mitre limit, 4.

Tutoriel étape par étape Illustrator

Cliquez à nouveau sur l'icône 'fx' et choisissez Distorsion et transformation> Transformation et entrez:
Dans l'échelle: horizontal> 100% vertical> 100%
En déplacement: horizontal> 7px vertical> 12px

Tutoriel étape par étape Illustrator

Tutoriel étape par étape Illustrator

Maintenant, nous allons ajouter une autre garniture. Appuyez sur l'icône carrée sur la fine bordure et sélectionnez une couleur claire. Par exemple, blanc.

Tutoriel étape par étape Illustrator

Nous ajoutons un autre remplissage. Dans notre cas, de d'orange. Nous allons y ajouter un effet de transformation. Cliquez à nouveau sur l'icône 'fx' et choisissez Distor & Transform> Transform et entrez:
En déplacement: horizontal> 2px vertical> 2px

Nous allons y mettre le contour noir. Nous sélectionnons le couleur noire en trait et nous lui donnons 3px. Astucieux! Maintenant, pour enregistrer le fichier> enregistrer. Pour l'enregistrer au format .jpg, fichier> exporter (et là vous sélectionnez le format)

Tutoriel étape par étape Illustrator


Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont marqués avec *

*

*

  1. Responsable des données: Miguel Ángel Gatón
  2. Finalité des données: Contrôle du SPAM, gestion des commentaires.
  3. Légitimation: votre consentement
  4. Communication des données: Les données ne seront pas communiquées à des tiers sauf obligation légale.
  5. Stockage des données: base de données hébergée par Occentus Networks (EU)
  6. Droits: à tout moment, vous pouvez limiter, récupérer et supprimer vos informations.