Création d'une icône de tranche de gâteau avec Adobe Illustrator

Je dois être honnête, j'ai une très mauvaise dent. Ainsi, lorsque je vous ai montré comment créer une icône de cupcake savoureuse dans Adobe Illustrator le mois dernier, cela m'a inspiré de vous montrer comment créer une autre icône de gâteau dans le même style..


introduction

Je dois être honnête, j'ai une très mauvaise dent. Ainsi, lorsque je vous ai montré comment créer une icône de cupcake savoureuse dans Adobe Illustrator le mois dernier, cela m'a inspiré de vous montrer comment créer une autre icône de gâteau dans le même style..

Dans le tutoriel d'aujourd'hui, je vais vous montrer comment créer une icône de tranche de gâteau dans Illustrator. Cela va prendre un style déjà déterminé pour aider à devenir une partie d'un jeu d'icônes de produits de boulangerie. Alors, commençons.


Étape 1

Pour commencer, il est temps de faire des recherches. Comme je veux utiliser un style déjà établi, je vais devoir regarder quels éléments pourraient éventuellement être utilisés dans ce projet. En regardant le tutoriel, vous pouvez supposer ce qui suit:

  • L'icône est basée sur l'utilisation d'un modèle 3D pour obtenir un angle et une perspective fixes. Il utilise une section transversale et utilise 3D Revolve pour produire un modèle situé à -20 degrés sur l’axe des X. Toutes les autres valeurs sont définies à 0 degrés, y compris la perspective.
  • Il est créé à l'aide de dessins au trait, avec des poids de trait de 3 pt pour définir la surface totale et des poids de trait de 0,75 pt pour définir les détails les plus petits..
  • L'ombrage est créé à l'aide du panneau Apparence avec des doublons de Align Inside Strokes de 1 pt à 5 pt définis sur Multiplier le mode de fusion. Les tons clairs sont créés à l’aide d’un pinceau graphique créé à partir d’un mélange qui est défini sur l’écran Mode de fusion.
  • Il tire parti des profils de largeur pour des reflets et des ombres plus définis, comme sur une cerise ou des plis dans une enveloppe de cupcake..

Ces facteurs peuvent être appliqués à n'importe quoi si je voulais reproduire le style. Ce sont des détails génériques pour des choses comme le dessin au trait, l’ombrage, l’angle / la perspective.


Étape 2

Pour commencer, je vais devoir construire mon modèle 3D. La pensée initiale pour moi était de créer un triangle incurvé et de l'utiliser, mais nous avons besoin d'une section transversale de la tranche de gâteau, et non d'une vue de dessus du gâteau..

Je vais utiliser l'outil Rectangle arrondi pour créer une forme longue, puis le dupliquer et utiliser mes touches de direction pour le déplacer vers le bas. Nous pourrons créer notre propre gelée / confiture à l'intérieur de la tranche de gâteau, nous n'aurons donc pas besoin d'un guide pour cela. Utilisez des couleurs différentes pour les rectangles, car il sera plus facile de les tracer pour créer le dessin au trait. Une fois terminé, regroupez vos deux formes (Ctrl + G).


Étape 3

Avec votre groupe sélectionné, allez à Effets> 3D> Révolution. J'ai appliqué les réglages utilisés pour le cupcake à notre groupe et il nous reste ce qui ressemble à un gâteau entier. Cela est dû au fait que l'angle de rotation est défini sur 360 degrés. Nous voulons juste une tranche!

J'ai donc changé l'angle de rotation à 45 degrés. J'ai également modifié l'angle de l'axe des ordonnées à -15 degrés. Tant que les axes X et Z sont fixés à -20 et 0 respectivement, il est correct de faire pivoter la tranche sur l’axe Y..


Étape 4

Je vais créer une cerise qui est fixée à la crème pour recouvrir notre part de gâteau. Pour créer les formes requises, je vais utiliser l'outil Ellipse (L) pour dessiner d'abord la cerise, puis un rectangle arrondi pour la crème. J'ai ensuite utilisé un rectangle uni (M) et Pathfinder> Minus Front pour supprimer la moitié gauche de la cerise et de la crème. Pour finir, j'ai regroupé les formes (Ctrl + G).


Étape 5

Une fois que vous avez créé votre cerise et votre crème, vous pouvez appliquer l’effet 3D Revolve. Je l'ai ensuite placé sur la part de gâteau.


Étape 6

Maintenant que vous avez votre part de gâteau et votre décoration en 3D, vous pouvez maintenant Objet> Développer. Cela le changera de formes de base ayant un effet appliqué à une sélection de formes complexes. Je fais cela car je vais tirer pleinement parti des guides intelligents (Ctrl + U), car cela permettra de garder mon dessin au trait le plus près possible du guide. J'ai ensuite placé un rectangle de remplissage blanc (M) à une opacité de 50% au-dessus des repères pour que les couleurs ne soient pas aussi fortes et que je puisse voir mon dessin au trait plus clair..


Étape 7

Commençons donc par dessiner le dessin au trait. Je vais commencer simple et dessiner la cerise. Je vais tracer un cercle pair avec l'outil Ellipse (L), puis utiliser l'outil de sélection directe (A) pour ramener le point le plus bas vers le haut d'une encoche, puis tirer légèrement les poignées des poignées latérales pour obtenir la forme. comme indiqué ci-dessous.

J'ai ensuite dessiné une forme arrondie dessous avec l'outil crayon (P). Maintenant, comme ces formes sont leurs propres éléments, elles auront un poids de trait de 3 pt.


Étape 8

Pour le gâteau, j'ai d'abord dessiné autour du coin avec l'outil Crayon (P), puis grossièrement dessiné une forme bosselée pour le centre de la gelée / confiture..

Comme le remplissage gelée / confiture est un détail plus petit du gâteau entier, j'ai changé le poids de trait en 0.75 pt et ajouté une ligne pour le bord du gâteau. Comme le remplissage recouvre les bords de la forme générale du gâteau, j'ai tracé deux lignes supplémentaires de chaque côté avec un poids de trait de 3 pts pour compenser.


Étape 9

Le plan consiste à utiliser Live Paint pour colorer les sections du gâteau, puis à utiliser les options du panneau Apparence pour générer l'ombrage de l'effet de rayonnement intérieur. En gardant cela à l'esprit, je vais devoir diviser les morceaux de gâteau en haut et en bas avec une ligne pour qu'ils soient traités comme deux formes et non comme une seule. Cette ligne sera couverte par le remplissage de gelée / confiture comme indiqué ci-dessous.


Étape 10

Pour l’inspiration couleur, je me suis renseigné sur les bibliothèques Swatch déjà disponibles dans Illustrator. Allez dans le menu d'exploration du panneau Swatch> Ouvrir la bibliothèque Swatch> Aliments> Crème glacée et j'ai utilisé l'échantillon de banane fractionnée. Cliquez sur le dossier à gauche de celui-ci pour l'ajouter à votre panneau Swatch..

J'ai ensuite utilisé le pot de peinture dynamique (K) sur la tranche de gâteau réelle, puis rempli le reste manuellement..


Étape 11

Je veux accéder aux formes de la tranche de gâteau, sélectionnez donc le groupe Live Paint, allez à Objet> Développer et décochez l'option "Contour". Nous voulons garder les coups intacts. Cliquez sur Ok une fois terminé.

Lorsque vous explorez le groupe qui était le groupe Live Paint, vous remarquerez qu'il y aura deux groupes au sein de… l'un qui est uniquement votre dessin au trait, l'autre les remplissages. Ce sont les remplissages que nous voulons modifier.


Étape 12

Sélectionnez les deux rectangles pour l'intérieur du gâteau et donnez-leur cinq traits alignés à l'intérieur. Définissez les poids de trait de 1 point à 5 points et réglez-les sur Multiplier le mode de fusion, Opacité 100%. Ils doivent avoir la même couleur de trait que la couleur de remplissage pour conserver le style du cupcake..

J'ai ajouté une variante au gâteau pour lui donner plus de détails. J'ai d'abord appliqué un nouveau remplissage avec le motif "USGS 22 Gravel Beach" auquel vous pouvez accéder via Open Swatch Library> Patterns> Basic Graphics> Basic Graphics_Textures. Ceci est réglé sur Multiplier le mode de fusion, Opacité 30%.

J'ai ensuite utilisé les couleurs de notre nuance Banana Split pour créer un dégradé linéaire et l'appliquer à 90 degrés. Ceci est réglé sur Multiplier le mode de fusion, Opacité 50%.


Étape 13

Pour compléter le gâteau, je vais répéter le même processus d’utilisation de Align Stroke Inside et cette fois-ci en utilisant le motif "Waves Smooth" réglé sur l’écran du mode Fusion, Opacité 50%..

Pour la cerise et le glaçage, je viens d'utiliser un trait légèrement plus foncé mais en utilisant le même processus qu'auparavant.


Étape 14

Pour la gelée / confiture, j'ai commencé comme d'habitude avec le Align Stroke Inside.

Cependant, j'ai ajouté un remplissage sous l'ombrage avec un dégradé pour que le remplissage donne l'impression qu'il capte la lumière. J'ai collé aux couleurs de la palette "Banana Split", donc je garde la cohérence.


Étape 15

La cerise sur le cupcake avait un éclat qui utilisait le profil "Profil de largeur 4" donc je l'ai gardé. Il a une couleur de trait rose crème (C = 0, M = 50, Y = 20, K = 0) et un poids de course de 14 points. Je l'ai ensuite réglé sur Écran du mode Fusion, Opacité 50%.


Étape 16

Bien que je ne vais pas utiliser un pinceau à fondu pour les tons clairs, je vais toutefois l'utiliser pour créer des variations dans la texture du gâteau. Donc, en utilisant la nuance dorée de la nuance "Banana Split", je vais ajouter quelques traits brefs de 1 pts réglés sur l’écran du mode Fusion, Opacité 50%.


Étape 17

Je vais terminer le gâteau en ajoutant de la profondeur au glaçage au fondant en ajoutant une forme fine le long du dessus. J'ai ajouté un effet au remplissage appelé Chemin de décalage et défini la valeur à -1..


Étape 18

J'ai modifié le dessin au trait pour le fond du gâteau afin de refléter les tons dorés de l'intérieur du gâteau. Pour ce faire, j'ai sélectionné le dessin au trait au bas de la forme générale des coins à l'aide de l'outil de sélection directe (A)…

… Puis Copier (Ctrl + C) et Coller devant (Ctrl + F) et lui donner une nuance dorée. Pour le remplissage en gelée / confiture, vous devez vous rendre dans les paramètres du panneau Apparence pour modifier la couleur de trait. N'oubliez pas que vous aurez également besoin de changer la couleur des traits des deux lignes de chaque côté de la forme de remplissage en gelée / confiture.!


Variation de bougie


Étape 1

En tant que décoration différente, je vais ajouter une bougie au glaçage. Je vais utiliser un rectangle arrondi et un rectangle (M) comme base pour un guide. N'oubliez pas d'utiliser les mêmes paramètres 3D Revolve.

Je l'ai ensuite placé sur le gâteau et Objet> Développé.


Étape 2

J'ai utilisé le guide développé pour créer des formes pour la bougie à l'aide du rectangle arrondi, de l'outil Ellipse (L) et de l'outil Plume (P). Conservez l’utilisation de 3 points de poids autour de l’élément principal et de 0,75 point pour les détails.


Étape 3

Je vais tirer parti des paramètres du panneau Apparence déjà définis pour la garniture au fondant et le remplissage pour gelée / confiture. À l'aide de l'outil de sélection directe (A), sélectionnez la garniture au fondant. Allez dans l'onglet Styles graphiques et cliquez sur Nouveau style graphique.

J'ai appliqué la garniture au fondant à la base de la bougie et caché le motif. Pour la bougie, j'ai appliqué le remplissage gelée / confiture et inversé le sens du dégradé..


Étape 4

La mèche de la bougie n’est qu’une ligne brune de 2 points de poids avec des bouchons ronds, dessinée à l’aide de la plume (P)..


Étape 5

Pour la flamme, j'ai utilisé la méthode Align Stroke Inside avec les oranges et les jaunes, comme indiqué ci-dessous..

Et puis fini en plaçant un dégradé radial transparent orange à jaune dans une Ellipse (L) derrière la flamme.


Conclusion

J'espère que vous avez apprécié le tutoriel d'aujourd'hui sur la création d'une icône de tranche de gâteau. Gardez les yeux ouverts pour un pack premium rempli d'icônes sur le thème de la boulangerie dans le même style!