Délicieux! Comment créer de délicieuses icônes de beignet dans Adobe Illustrator

Ce que vous allez créer

Dans ce didacticiel, vous apprendrez à créer quatre types de beignets dans Adobe Illustrator. Nous allons commencer par la base, qui est un beignet ordinaire classique, puis nous utiliserons celle-ci pour créer les quatre variantes: pépites de chocolat, glaçage avec pépites de chocolat, sucre blanc et givre à la fraise. La bonne nouvelle est que nous allons également utiliser le même pinceau à dispersion pour créer toutes les décorations sur les beignets. Commençons pendant qu'ils sont frais!

1. Démarrer un nouveau projet 

lancement Illustrateur et allez à Fichier> Nouveau afin d'ouvrir un nouveau 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. Ensuite, allez à Édition> Préférences> Général et mettre le Incrément de clavier à 1 px et pendant que vous y êtes, allez à Unités et performances d'affichage et assurez-vous que le Unités sont réglés comme indiqué. Je travaille habituellement avec ces paramètres et ils vous aideront tout au long du processus de dessin.. 

2. Créer un beignet de base

Étape 1 

Tout d'abord, prenez le Outil Ellipse (L) et dessine un 187 x 187 px ellipse, puis sélectionnez un marron chaud comme couleur de remplissage. Avec le cercle toujours sélectionné, allez à Objet> Chemin> Chemin décalé et appliquer un -Décalage 2 px afin d'obtenir une forme légèrement plus petite. Remplissez le nouveau cercle avec le dégradé radial indiqué et utilisez le Outil de dégradé (G) ajuster la direction.

Étape 2 

Pour ajouter de la texture au beignet, prenez le Outil stylo (P) et tracez un chemin rectiligne comme dans l'image suivante. Puis caressez-le avec un Pinceau d'art appelé Craie du Bibliothèque de pinceaux Menu> Artistique> Artistic_ChalkCharcoalPencil. Augmenter le Poids de l'AVC à 4 pt et changez la couleur en marron chaud. Puis sélectionnez Mode de mélange Couleur Brûlure et 30% d'opacité. Laissez le trait comme ceci pour le moment, et nous le masquerons plus tard. 

Étape 3

Utilisez le Outil Ellipse (L) encore une fois pour dessiner un 54 x 54 px entourez-le et placez-le au milieu du beignet. Sélectionnez le blanc comme couleur de remplissage, puis allez à Effet> Styliser> Outer Glow et appliquez les paramètres indiqués ci-dessous. Tant que ce cercle reste sélectionné, allez à la Apparence panneau, sélectionnez uniquement le Remplir attribuer et le mettre à Mode de fusion Multiplier. De cette façon, le remplissage blanc devient transparent mais le Lueur externe l'effet sera toujours visible.

Étape 4 

Maintenant c'est l'heure du masque. Sélectionnez le premier cercle brun et le cercle du centre, et Copie et Coller devant (Control-F). Définissez les deux copies sur Fill-none, Stroke-none, puis placez-les devant tout en allant à Objet> Arranger> Amener au premier plan (Shift-Control-])

Avec les deux copies encore sélectionnées, allez à Objet> Chemin composé> Make (Control-8), puis sélectionnez tout sur votre planche d’art et allez à Objet> Masque d'écrêtage> Marque (Control-7). Le résultat final est présenté dans l'image suivante. 

Nommez le groupe résultant «Donut de base». C'est ce que nous allons utiliser pour créer les autres variations. 

3. Créer le beignet pépites de chocolat

Étape 1

Prenez le Outil stylo (P) ou la Outil Crayon (N) et dessinez une forme comme dans l'image suivante. Sélectionnez le marron foncé comme couleur de remplissage, puis allez à Effet> Styliser> Inner Glow et appliquer les paramètres indiqués.

Étape 2

Copie et Coller à l'arrière (Control-B) la forme de chocolat, puis déplacez-le 3 px en appuyant sur la Touche flèche bas sur votre clavier trois fois. Conservez les apparences existantes mais définissez le Mode de fusion à Recouvrir et vous aurez l'ombre. 

Étape 3

Ensuite, tracez un chemin comme indiqué ci-dessous et donnez-lui un 7 pt marron clair Accident vasculaire cérébral. Aller à Effet> Flou> Flou Gaussien et appliquer un Rayon 6 px, puis définissez ce chemin sur Superposition du mode de fusion

Étape 4

Pour ajouter de la brillance, dessinez une forme comme dans l’image suivante et remplissez-la avec le dégradé linéaire indiqué, puis allez à Effet> Styliser> Plume et appliquer un Rayon 11 px.

Étape 5

Dessinez une nouvelle forme similaire dans le coin inférieur droit du beignet et remplissez-la avec un dégradé linéaire basique allant du noir au blanc. Outil de dégradé (G) pour ajuster l'angle. Avec cette forme toujours sélectionnée, appliquez un Rayon de la plume 11 px à nouveau, et mis à Écran du mode de fusion.  

Étape 6

Ensuite, prenez le Outil stylo (P) ou la Outil Crayon (N) et dessinez quelques formes sur le chocolat dégoulinant, semblables à celles ci-dessous. Une fois que vous avez terminé, remplissez-les avec le dégradé linéaire indiqué. 

Étape 7

Toujours en utilisant le Outil stylo (P) ou la Outil Crayon (N), dessinez quelques formes plus petites par rapport à celles de l’étape précédente et remplissez-les toutes de la couleur indiquée (1). Pour ajouter plus de brillance, dessinez quelques formes supplémentaires et remplissez-les avec la couleur indiquée (2). Dessinez deux autres formes comme dans l’image et remplissez-les de blanc, puis réglez-les sur Superposition du mode de fusion (3). Le résultat final est présenté dans l'image 4.

Étape 8

Créons un Pinceau à saupoudrer. Commencez par dessiner une forme comme ci-dessous et remplissez-la de gris moyen. Utilisez le Outil Crayon (N) dessiner une forme aléatoire en bas comme une ombre et utiliser un gris plus foncé comme couleur de remplissage. Mettez en surbrillance une forme plus petite en haut et utilisez un gris plus clair cette fois-ci.. 

Maintenant, sélectionnez et faites glisser tout vers le Des pinceaux panneau, et choisissez Nouvelle brosse à dispersion. dans le Options de pinceau à dispersion fenêtre, laissez les paramètres tels quels, il suffit de taper un nom et de changer le Méthode de colorisation à Teintes et nuances

Étape 9

Prenez le Outil Crayon (N) à nouveau et dessinez quelques chemins aléatoires sur le chocolat, puis les caresser avec le Pinceau à saupoudrer enregistré plus tôt. Avec les chemins sélectionnés, double-cliquez dans le Apparence sur le trait appliqué et modifiez les paramètres afin d’étaler les aspersions et de les réduire. Aussi, depuis le Méthode de colorisation est réglé sur Teintes et nuances, vous pouvez sélectionner n’importe quelle couleur de trait pour les tracés afin de créer différentes nuances de couleurs. J'ai choisi le vert, le rouge, le bleu et le rose. 

Ce sont les paramètres que j'ai utilisés-totalement aléatoire. 

Étape 10

Avec les chemins de contournement toujours sélectionnés, accédez à la Objet menu et choisir Développer l'apparence. Maintenant, supprimez les éclaboussures inutiles en entrant Mode d'isolation (double-cliquez sur l'un des pépins du groupe) et vous avez terminé avec le premier beignet.

4. Créez le beignet glacé et pépites de chocolat

Étape 1

Tout d’abord, sélectionnez et copiez le groupe «Donut de base». Avec le Outil Ellipse (L), dessiner deux cercles avec les dimensions 168 x 168 px et 74 x 74 px, et disposez-les sur le beignet comme indiqué dans l'image ci-dessous. Pendant que les cercles sont sélectionnés, allez à Objet> Chemin composé> Make (Control-8), et remplissez la forme résultante avec la couleur indiquée. Je nommerai cela la "forme glaçante". 

Étape 2

Avec la "forme de glaçage" sélectionnée, allez à Effet> Distorsion & Transformation> Roughen, appliquez les paramètres de l'image ci-dessous et appuyez sur D'accord. Ensuite, allez à Effet> Styliser> Inner Glow et appliquez cet effet en utilisant les paramètres indiqués. 

Étape 3

Faites des copies des deux «formes en surbrillance» du beignet à pépites de chocolat et déplacez-les au-dessus du nouveau beignet au même endroit. Sélectionnez un dégradé linéaire noir à blanc pour les deux et utilisez la commande Outil de dégradé (G) pour ajuster l'angle. Réglez les deux à Écran du mode de fusion (le noir devient transparent). Ensuite aller à Effet> Styliser> Plume et appliquer un Rayon 5 px

Étape 4

Ensuite, prenez le Outil Crayon (N) et tracez un chemin aléatoire sur le beignet, puis caressez-le avec le bouton Pinceau à saupoudrer. Sélectionnez le marron comme couleur de trait et double-cliquez dans le Apparence panneau sur le trait appliqué pour modifier les paramètres. Cette fois, définissez également la Rotation par rapport au chemin

Étape 5

Ayant toujours le chemin tracé sélectionné, allez à la Objet menu et choisir Développer l'apparence. Maintenant, supprimez tous les morceaux de chocolat supplémentaires dont vous n’avez pas besoin ainsi que le chemin que vous avez utilisé en entrant Mode d'isolation (double-cliquez sur l'un des pépites de chocolat du groupe). Une fois que vous avez terminé, sélectionnez le nouveau groupe de pépites de chocolat, allez à Effet> Styliser> Ombre portée et appliquez les paramètres indiqués. À ce stade, le beignet glaçage et pépites de chocolat est prêt.

5. Créer le beignet de sucre nature

Étape 1

Dans le beignet glaçage et pépites de chocolat, sélectionnez le groupe «Donut de base» ainsi que les deux «formes en surbrillance», puis Copie et Coller (Contrôle-V) les sur votre planche d’art. Pour les deux “formes de surbrillance”, conservez les mêmes apparences mais augmentez le Rayon de la plume de 5 px à 9 px

Étape 2

Prenez le Outil Crayon (N) et tracez un chemin aléatoire sur le beignet (j'ai utilisé le précédent à nouveau) et caressez-le avec le Pinceau à saupoudrer mais définissez la couleur sur blanc cette fois. Ouvrez le Options de course fenêtre de la Apparence panneau et modifiez les paramètres afin d’obtenir de très petites éclaboussures. Les nombres ont été choisis au hasard.

Étape 3

Pour ajouter encore plus de pépites, Copie et Coller devant (Control-F) le chemin tracé, puis sélectionnez Retourner verticalement à partir du menu déroulant du Transformer panneau.  

Étape 4

À ce stade, nous devrions nettoyer les éclaboussures supplémentaires, mais comme elles sont trop nombreuses cette fois-ci, j'ai décidé d'utiliser un masque à la place. Prenez une copie du chemin composé que vous avez utilisé auparavant pour masquer le «beignet de base» et assurez-vous que cette forme est en face de tout en allant à Objet> Arranger> Amener au premier plan (Shift-Control-]). Maintenant, sélectionnez les deux chemins de contours avec le chemin composé (Fill-none, Stroke-none) et allez à Objet> Masque d'écrêtage> Marque (Control-7)

Étape 5

dans le Couches Dans le panneau de configuration, localisez le masque que vous venez de créer et nommez le groupe obtenu «Sugar». Ouvrez ce groupe et sélectionnez les deux tracés, puis allez à Objet> Développer l'apparence. Maintenant entrez Mode d'isolation et supprimez uniquement les deux chemins que vous avez utilisés dans chaque groupe, puis Mode d'isolation de sortie. Ensuite, allez à Effet> Styliser> Ombre portée et appliquez les paramètres indiqués aux deux groupes. Après que le beignet de sucre est prêt. 

6. Créer le beignet givré à la fraise 

Étape 1

Dans le beignet glaçage et pépites de chocolat, sélectionnez le groupe «Donut de base» avec le glaçage et les deux «formes en surbrillance», puis Copie et Coller (Contrôle-V) les sur votre planche d’art. Lorsque la “forme de glaçage” est sélectionnée, changez la couleur de remplissage en rose vif, ouvrez le Lueur intérieure fenêtre, et changez la couleur utilisée pour l'effet. Pour les deux “formes de surbrillance”, augmentez le Rayon de la plume à 9 px. Gardez tout le reste pareil. 

Étape 2

Prenez le Outil stylo (P) ou la Outil Crayon (N) et tracez deux chemins ondulés comme dans l'image suivante. Met le Poids de l'AVC à 7 pt et sélectionnez le Casquette ronde option dans le Accident vasculaire cérébral panneau (1). Choisir Développer et Dissocier (Shift-Control-G) du Objet menu afin de transformer les deux chemins en remplissages. 

Utilisez le Outil de sélection directe (A) pour déplacer certains des points d’ancrage afin de créer des zones plus épaisses et inégales, car mieux sera le naturel (2). Si vous n'avez pas assez de points, vous pouvez en ajouter plus avec le bouton Ajouter un outil de point d'ancrage (+). Ensuite, sélectionnez les formes bleues et vertes, allez à Objet> Chemin composé> Make (Control-8), et remplissez le chemin composé résultant avec le gradient radial indiqué (3). 

Étape 3

Pour ajouter de la brillance, dessinez quelques formes plus minces le long de la forme ondulée et remplissez-les de blanc. 

Étape 4

Ajouter une ombre, Copie et Coller à l'arrière (Control-B) la forme ondulée, changez la couleur de remplissage en rose et déplacez-la 3 px en appuyant sur la Touche flèche bas sur votre clavier trois fois. 

7. Créer des ombres pour les beignets 

Étape 1

Commencez par créer un nouveau calque sous le calque "Donuts" et nommez-le "Ombres". Maintenant, localisez le chemin composé que vous avez utilisé pour masquer le «beignet de base» dans Couches panneau, et Copie et Coller (Contrôle-V) dans la nouvelle couche. Sélectionnez le marron comme couleur de remplissage, puis allez à Effet> Styliser> Ombre portée et appliquez les paramètres indiqués ci-dessous. 

Étape 2

Répétez l’étape précédente pour les trois autres beignets en utilisant les mêmes paramètres, et vous avez terminé..

Toutes nos félicitations! Vous avez terminé

Faites-moi savoir si vous avez aimé ce tutoriel et si vous avez appris de nouvelles techniques «délicieuses». N'hésitez pas à expérimenter avec différentes couleurs et paramètres pour créer vos propres beignets uniques. N'oubliez pas de me montrer vos re-créations pour que je puisse en profiter. 

Est-ce que tu as faim là?