Comment créer un effet de texte Bagel délicieux dans Adobe Illustrator

Ce que vous allez créer

Suivez ce didacticiel et découvrez comment créer un effet de texte bagel dans Adobe Illustrator.. 

Nous allons commencer avec le texte et faire quelques ajustements pour obtenir les lettres individuelles. Après cela, vous apprendrez à créer la texture du bagel et à ajouter des ombres et des rehauts pour rendre cet effet de texte aussi réaliste que possible.. 

Nous allons ensuite créer et sauvegarder le pinceau à dispersion de graines de pavot et l'utiliser pour ajouter les graines sur les lettres et autour des lettres à l'arrière-plan. Cela semble amusant, alors commençons!

Si vous avez envie de plus d'effets de texte ou d'aliments vectoriels en général, rendez-vous sur GraphicRiver et vous y trouverez sûrement ce que vous cherchez.. 

Atouts du tutoriel

Pour compléter le didacticiel, vous aurez besoin des éléments suivants:

  • Pleasantly Plump Police I dafont.com
  • Black Blend Art Brush I Comment créer un ensemble de brosses à mélanger polyvalentes

1. Comment ouvrir un nouveau document 

lancement Illustrateur et allez à Fichier> Nouveau ouvrir un document vierge. Tapez un nom pour votre fichier, configurez les dimensions, puis sélectionnez Les pixels comme Unités et RVB comme Mode de couleur. Sois sûr que Aligner de nouveaux objets sur la grille de pixels n'est pas vérifié.

Ensuite, allez à Édition> Préférences> Général et mettre le Incrément de clavier à 1 px et, là-bas, allez à Unités pour vous assurer qu'ils sont définis comme dans l'image suivante. Je travaille habituellement avec ces paramètres et ils vous aideront tout au long du processus de dessin..

2. Comment préparer le texte

Étape 1

Prenez le Outil de type (T) et écrire "BEIGNET”Sur votre planche d’art en utilisant la police Pleasantly Dodue, taille de 140 pt (1).

Maintenant, utilisez le Outil de sélection (V) pour sélectionner le texte et faire glisser le cadre de sélection vers le haut pour augmenter la hauteur du texte (2).

Étape 2

Tant que le texte reste sélectionné, choisissez Développer et Dissocier du Objet menu pour obtenir les formes de lettres individuelles. Sélectionnez uniquement les lettres “B" et "UNE", aller à Objet> Chemin composé> Libérer, et après cela, supprimez les trois petites ellipses qui constituent les trous.

3. Comment créer la texture de bagel

Étape 1

Remplissez les lettres avec une légère nuance de marron, puis ajoutez un Nouveau remplissage dans le Apparence panneau au dessus du premier. Utilisez une nuance de brun chaud pour le second remplissage; ensuite aller à Effet> Chemin> Chemin de décalage et appliquer un Décalage de -10 px.

Étape 2

Conservez les lettres sélectionnées, ainsi que le deuxième attribut Remplissage sélectionné dans Apparence panneau, et aller à Effet> Styliser> Inner Glow. Appliquez les paramètres indiqués à gauche pour les lettres “B" et "UNE”Et appliquez les réglages indiqués à droite pour les lettres“g","E", et "L”.

Étape 3

Avec les lettres sélectionnées et le second attribut de remplissage sélectionné, allez à Effet> Flou> Flou Gaussien et appliquer un Rayon de 3 px.

Étape 4

Avec les lettres toujours sélectionnées, ajoutez un Nouveau remplissage au sommet de la Apparence panneau et utiliser la couleur indiquée. Aller à Effet> Texture> Texturizer et appliquez les paramètres indiqués; puis définissez le Mode de fusion à Recouvrir et réduire le Opacité à 30%

Étape 5

Ajoutons quelques points saillants sur les bords. Prendre le Outil stylo (P) et tracez deux ou trois chemins sur chaque lettre, en suivant les bords. Donnez-leur un 3 pt jaune clair Accident vasculaire cérébral et choisissez le Profil de largeur 2 dans le Accident vasculaire cérébral panneau. Lorsque vous avez terminé, appliquez un 1.5 px Flou Gaussien pour tous. 

4. Comment créer les trous 

Étape 1

Prendre le Outil Ellipse (L) et dessiner deux petites formes d'environ 16 x 14 px sur la lettre “B"Et une forme sur la lettre"UNE”Comme les trous. Sélectionnez le blanc comme couleur de remplissage et un AVC 6 pt en utilisant jaune pâle. Aussi, appuyez sur le Aligner le trait sur l'extérieur option dans le Accident vasculaire cérébral panneau. Ensuite, allez à Effet> Flou> Flou Gaussien et appliquer un Rayon de 4 px pour tous.

Étape 2

Maintenant, sélectionnez l’attribut Stroke existant et choisissez Dupliquer l'article à partir du menu déroulant du Apparence panneau. En conséquence, vous obtiendrez un deuxième attribut de remplissage en haut. Conservez les mêmes paramètres et réduisez simplement le Poids de l'AVC de 6 pt à 3 pt

5. Comment masquer les lettres

Étape 1

Sélectionnez la forme de la lettre “B”Avec les deux trous puis Copie et Coller en place (Shift-Control-V) afin d'en obtenir des copies. Après cela, supprimez toutes les apparences existantes pour les copies (stroke-none, fill-none). Juste pour des raisons visuelles, dans l'image ci-dessous je leur ai donné un trait simple, mais vous n'avez pas à.

Alors que la copie de la lettre “B”Et les copies des trous sont sélectionnées, allez à Objet> Chemin composé> Make (Control-8) afin d'obtenir un nouveau “B" forme.

Répétez la même chose pour la lettre “UNE” Pour les lettres “g","E", et "L”, Faites juste une copie des lettres originales devant tout, et n'oubliez pas de supprimer les apparences existantes.

Étape 2

Maintenant, prenez le Outil de sélection (V) et faites glisser une sélection sur la lettre “B”Afin de tout sélectionner, y compris la copie de l'étape précédente devant être placée devant, et régler sur stroke-none et fill-none. Aller à Objet> Masque d'écrêtage> Marque (Control-7).

Répétez la même chose pour les autres lettres, vous obtiendrez des contours nets.

6. Comment ajouter de l'ombrage et des rehauts aux lettres 

Étape 1

Utilisez le Outil stylo (P) dessiner quelques formes sur chaque lettre comme indiqué dans l’image suivante. Remplissez-les de brun puis appliquez un 4 px Flou Gaussien. Diminuer Opacité à 35%. Cela créera l’apparence de croûtes dorées sur nos lettres de bagel. 

Étape 2

Pour ajouter de la brillance, prenez d’abord le Outil stylo (P) et tracez deux ou trois courts chemins courbes sur chaque lettre, principalement dans le coin supérieur droit. Caressez ces chemins avec le Brosse d'art de mélange noir 100x3 (info ci-dessous). Garder le Poids de l'AVC à 1 pt et utilisez la couleur indiquée. Lorsque vous avez terminé, appliquez un 1.2 px Flou Gaussien à tous.

J'ai tout un tutoriel consacré aux pinceaux à fondu et à leur utilité: Comment créer un ensemble de pinceaux à usage multiple et fondu. Vous pouvez trouver plus d'informations sur le Brosse d'art de mélange noir 100x3 utilisé ici, comment le créer et comment le sauvegarder dans votre Des pinceaux panneau. J'utilise ces pinceaux de mélange tout le temps dans mes dessins et vous devriez les avoir dans votre bibliothèque, toujours prêts à être utilisés..

7. Comment créer le pinceau à dispersion de graines de pavot

Étape 1

Prenez le Outil Ellipse (L) et dessine un 21 x 31 px ellipse remplie de gris (1). Copie et Coller devant (Control-F) cette ellipse et changez la couleur de remplissage en noir, puis dessinez une petite ellipse au centre remplie de blanc (2). 

Maintenant, sélectionnez l’ellipse en noir et blanc et allez à Objet> Fusion> Options de fusion. Choisir 10 étapes spécifiées, et ensuite revenir à Objet> Mélanger> Créer (Alt-Control-B). Définissez le groupe de mélange résultant sur Superposition du mode de fusion (3).

Étape 2

Sélectionnez toutes les formes qui composent la graine de pavot et faites-les glisser dans le Des pinceaux panneau. Choisir Nouvelle brosse à dispersion et frapper D'accord. dans le Options de pinceau à dispersion Dans cette fenêtre, tapez simplement un nom pour votre pinceau et laissez les paramètres tels quels pour le moment.. 

8. Comment utiliser le pinceau à dispersion de graines de pavot

Étape 1

Prendre le Outil Crayon (N) et tracez un tracé en spirale aléatoire sur chaque lettre, comme indiqué dans l’image suivante. Caressez ces chemins avec le Brosse à dispersion de graines de pavot et réduire le Poids de l'AVC à 0,75 pt. Ouvrez le Options de course fenêtre de la Apparence panneau et jouer avec le Taille, Espacement, Dispersion, et Rotation paramètres afin d'obtenir un look réaliste.

Ce sont les paramètres que j'ai utilisés. Aussi, changez le Rotation par rapport au chemin

Étape 2

Lorsque vous êtes satisfait de vos graines de pavot, sélectionnez tous les chemins et choisissez Développer l'apparence du Objet menu. Maintenant, concentrez-vous sur la lettre “UNE”Par exemple et double-cliquez sur le groupe de graines de pavot pour entrer le Mode d'isolation

À ce stade, vous pourrez sélectionner les graines de pavot individuellement et supprimer celles qui tombent sur le bord de la lettre (1). Une fois que la zone entourant la lettre est propre, vous pouvez appuyer sur la touche Retour d'un niveau flèche jusqu'à ce que vous sortiez Mode d'isolation (2).

Répétez la même chose pour le reste des groupes de graines de pavot sur les autres lettres et vous pourrez voir le résultat final dans l'image ci-dessous (3).

Étape 3

Sélectionnez tous les groupes de graines de pavot et allez à Effet> Styliser> Ombre portée. Appliquez les paramètres affichés et appuyez sur D'accord.

Étape 4

Si vous souhaitez ajouter plus de graines de pavot dans certaines régions pour un aspect plus réaliste, utilisez la commande Outil Crayon (N) ou la Outil stylo (P) dessiner un ou deux chemins supplémentaires sur chaque lettre, comme indiqué dans l'image suivante. Caressez ces chemins avec le Brosse à dispersion de graines de pavot et réduire le Poids de l'AVC à 0,75 pt encore. 

Après cela, ouvrez le Options de course fenêtre et jouer principalement avec le Dispersion paramètres parce que les graines de pavot devraient être plus proches du chemin cette fois.

Ce sont les paramètres que j'ai utilisés:

Étape 5

Voici une image avant (1) et après (2). Maintenant, nous avons plus de graines de pavot sur les lettres du bagel. 

9. Comment créer l'ombre

Dans cette étape, vous avez besoin des formes que vous avez utilisées pour masquer les lettres précédemment dans le didacticiel. Sélectionnez donc ces formes et Copie et Coller en place (Shift-Control-V) afin d'en obtenir des copies. Déplacez ces copies des lettres dans un nouveau calque derrière l'effet de texte. Maintenant, allez à Effet> Styliser> Ombre portée et appliquer cet effet quatre fois.

Voici les réglages pour les quatre Ombre portée effets dans l'ordre:

10. Comment ajouter des graines de pavot supplémentaires

Étape 1

Vous pouvez ajouter des graines de pavot supplémentaires autour des lettres, mais cela est facultatif et fait partie de l'arrière-plan. Utilisez le Outil Crayon (N) pour tracer un chemin aléatoire sur les lettres comme indiqué dans l'image suivante et le déplacer vers un nouveau calque derrière les ombres. Stroke it avec le Brosse à dispersion de graines de pavot, diminuer Poids de l'AVC à 0,75 pt, et changez les réglages du pinceau.

Étape 2

Lorsque vous êtes satisfait du résultat, sélectionnez ce chemin et choisissez Développer l'apparence du Objet menu. Maintenant, entrez Mode d'isolation et nettoyez certaines des zones où trop de graines de pavot se chevauchent ou si vous n'aimez tout simplement pas leur emplacement. Sortie Mode d'isolation quand tu as fini. 

Étape 3

Enfin, sélectionnez le groupe de graines de pavot à l’arrière-plan et appliquez un Ombre portée effet. 

Toutes nos félicitations! Vous avez terminé

Ceci est l'image finale de l'effet de texte bagel. J'espère que ce tutoriel était amusant et que, si vous décidez de recréer cet effet de texte, n'oubliez pas de partager une image avec nous. J'aimerais beaucoup le voir.