Miam! Comment créer une pile de crêpes au sirop dans Adobe Illustrator

Ce que vous allez créer

Dans ce tutoriel, vous apprendrez à dessiner une pile de délicieuses crêpes avec du sirop et des bleuets sous forme vectorielle.. 

Nous commencerons par la forme de base d’une crêpe et nous poursuivrons avec la texture pour laquelle vous utiliserez différentes techniques, effets et brosses afin d’être aussi réaliste que possible. Ensuite, c’est la plaque blanche, et après cela, il ne reste plus qu’à empiler ces délicieux pancakes. 

Pour le sirop, vous utiliserez une combinaison de modes de fusion pour la rendre dorée et semi-transparente, ainsi que des coups de pinceau pour la rendre brillante. À la fin, nous décorerons la pile de crêpes avec des myrtilles dessinées à l'aide de l'option Gradient Mesh (maillage de dégradé), ce qui est toujours le chemin à suivre si vous voulez un look réaliste. Commençons le fun!

Si vous avez faim d'icônes de nourriture ou de vecteurs en général, passez à GraphicRiver et vous y trouverez sûrement ce que vous cherchez..

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 et 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 pendant que vous y êtes, 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 créer une crêpe de base 

Étape 1

Pour créer la forme de la crêpe, commencez par une ellipse de taille approximative. 240 x 110 px. Avec l'aide du Ajouter un outil de point d'ancrage (+), ajoutez plus de points au bas de l’ellipse, puis passez à la Outil de sélection directe (A) et déplacez ces points afin de déformer un peu la forme. Aucune crêpe n'est parfaitement lisse sur les bords.

Ensuite, créez une forme similaire derrière la première, mais agrandissez-la en bas pour donner l’impression d’une crêpe épaisse..

Je me référerai à la première forme comme le "top forme"Et à la deuxième forme comme"la forme du fond”De la crêpe tout au long du tutoriel. 

Étape 2

Pendant que la forme inférieure de la crêpe reste sélectionnée, ajoutez un Nouveau remplissage dessus de la première et utiliser la même couleur. Aller à Effet> Texture> Texturizer et appliquez les paramètres indiqués ci-dessous. Définissez cet attribut Remplissage sur Mode de fusion Lumière douce créer une texture douce sur la crêpe. 

Étape 3

La forme inférieure de la crêpe étant toujours sélectionnée, allez à Effet> Styliser> Inner Glow et appliquer les paramètres indiqués.

Étape 4

Utilisez le Outil Crayon (N) ou la Outil stylo (P) dessiner un chemin qui suit le bord inférieur de la crêpe et utiliser une couleur marron chaud (1). Stroke ce chemin avec le Fusain - Pinceau Rough Art du Bibliothèque de pinceaux Menu> Artistique> Artistic_ChalkCharcoalPencil et réduire le Poids de l'AVC à 0,25 pt (2).

Ensuite, allez à Effet> Flou> Flou Gaussien et appliquer un Rayon de 2 px; puis réduire le Opacité à 50%. Cela créera le bord brun doré qu’une crêpe cuite devrait avoir (3).

Étape 5

Sélectionnez la forme du bas de la crêpe puis Copie et Coller en place (Shift-Control-V) afin d'en faire une copie. Définissez cette copie sur stroke-none et fill-none et nous l'utiliserons pour nettoyer les bords (1).

Maintenant, sélectionnez cette copie avec la forme inférieure de la crêpe et le bord brun et allez à Objet> Masque d'écrêtage> Marque (Control-7). Vous pouvez nommer le groupe résultant "fond de crêpes”(2). La forme supérieure de la crêpe reste au-dessus de tout. 

3. Comment ajouter de la texture sur la crêpe

Étape 1

Sélectionnez la forme supérieure de la crêpe et ajoutez un nouveau remplissage au-dessus du premier en utilisant la même couleur. Appliquer le Texturizer comme précédemment pour créer cette texture douce. Définissez cet attribut Remplissage sur Mode de fusion Lumière douce.

Étape 2

Dessinez une ellipse au centre de la crêpe et remplissez-la du dégradé radial indiqué (1). Pour lisser les bords, appliquez un 5 px Flou Gaussien et ensuite, réglez cette ellipse sur Mode de fusion Multiplier et 75% d'opacité (2). 

Étape 3

Il est temps de créer le bord extérieur brun doré qu'un pancake cuit devrait avoir. Prendre le Outil Crayon (N) ou la Outil stylo (P) et tracez des chemins courts le long du bord extérieur de la crêpe (1). Avant de continuer, faites des copies des chemins pour une utilisation ultérieure..

Caressez tous ces chemins avec le Brosse d'art de charbon de bois épais du Bibliothèque de pinceaux Menu> Artistique> Artistic_ChalkCharcoalPencil et réduire le Poids de l'AVC à 0,75 pt (1). Utilisez une couleur brune chaude et vous pouvez voir le résultat dans l'image ci-dessous (2).

Pour lisser le bord brun, d'abord Groupe (Control-G) tous ces chemins et ensuite appliquer un 2 px Flou Gaussien au groupe entier (3). 

Étape 4

Prenez les copies des chemins de l'étape précédente et caressez-les avec le Brosse d'art de charbon de bois épais encore mais réduire le Poids de l'AVC à 0.5 pt et utilisez une nuance de brun plus froide. Nous n'appliquerons pas le Flou gaussien effectuer cette fois si juste Groupe (Control-G) tous les chemins. 

Étape 5

Maintenant, prenez le Outil Crayon (N) et tracez un chemin circulaire aléatoire sur la crêpe (1). Stroke it avec le Brosse à éclaboussures d'encre du Bibliothèque de styles Menu> Artistique> Artistic_Ink et réduire le Poids de l'AVC à 0,25 pt. Ensuite, allez au Apparence panneau, ouvrez le Options de course fenêtre et modifiez certains des paramètres comme indiqué ci-dessous. Le but est d'obtenir une multitude de petites taches sur toute la surface de la crêpe (2).

Utilisez une couleur brune chaude comme trait, puis définissez ce chemin sur Mode de mélange Couleur Brûlure et 20% d'opacité (3). 

Étape 6

Tracez une autre trajectoire circulaire aléatoire sur la crêpe à l’aide du Outil Crayon (N). Stroke it avec le Brosse à éclaboussures d'encre encore et réduire la Poids de l'AVC à 0,25 pt, mais cette fois utilisez une couleur jaune pâle (1). Définissez ce chemin sur Superposition du mode de fusion et 20% d'opacité (2).

Étape 7

Ensuite, prenez le Outil stylo (P) et tracez un chemin droit sur la crêpe. Stroke it avec le Pinceau art craie du Bibliothèque de pinceaux Menu> Artistique> Artistic_ChalkCharcoalPencil et augmenter le Poids de l'AVC à 5 pt afin d'obtenir de plus gros morceaux de texture (1). Définissez ce chemin sur Mode de fusion Lumière douce et 75% d'opacité (2). 

Étape 8

Il est enfin temps de tout masquer. Sélectionnez la forme supérieure de la crêpe puis Copie et Coller en place (Shift-Control-V) afin d'en faire une copie. Définissez cette copie sur stroke-none et fill-none.

Maintenant, sélectionnez cette copie avec la forme supérieure de la crêpe et tous les chemins de texture créés dans cette section du didacticiel, puis allez à Objet> Masque d'écrêtage> Marque (Control-7).

À ce stade, vous devriez avoir le "fond de crêpes"Groupe et le nouveau groupe"crêpe" dans le Apparence panneau. Ce sont les deux parties principales qui composent votre première crêpe.

4. Comment créer une assiette blanche

Étape 1

Pour créer la plaque, commencez par une ellipse blanche sur 410 x 190 px. Après cela, dessinez une nouvelle ellipse remplie de gris et envoyez-la derrière la première.. 

Étape 2

Pendant que les deux ellipses restent sélectionnés, allez à Objet> Fusion> Options de fusion, choisir Couleur lisse et frapper D'accord. Revenir à Objet> Mélanger> Créer (Alt-Control-B) après ça. 

Étape 3

Dessinez une nouvelle ellipse blanche à l'avant afin d'affûter le bord de la plaque comme indiqué sur l'image ci-dessous.. 

Étape 4

Dessinez deux autres ellipses, remplissez-les avec les couleurs indiquées et disposez-les comme dans l'image suivante. Après cela, mélangez-les comme vous l'avez fait précédemment afin d'obtenir une transition en douceur entre eux.

Étape 5

Dessinez deux nouvelles ellipses, remplissez-les avec les couleurs indiquées et disposez-les comme indiqué dans l'image ci-dessous. Après cela, mélangez-les comme vous l'avez fait précédemment, et vous soulignerez le bas de la plaque.

Étape 6

Maintenant, sélectionnez les deux derniers groupes de mélange du centre de la plaque et Groupe (Control-G) leur. Diminuer Opacité du groupe résultant à 50%.

Étape 7

Créons l'ombre sous la plaque. Prendre le Outil Ellipse (L) encore et dessinez deux nouvelles ellipses dans une nouvelle couche derrière la plaque. Remplissez le plus petit de gris et le plus grand de blanc et disposez-les dans le coin inférieur gauche de votre assiette..

Mélangez les deux ellipses comme vous l'avez fait précédemment pour obtenir une transition en douceur entre elles. Met le Mode de fusion du groupe de mélange résultant à Multiplier (le blanc devient transparent). Vous pouvez également réduire l'opacité si nécessaire. 

5. Comment créer la pile de crêpes

Étape 1

Groupe (Control-G) toutes les formes qui composent le premier pancake et déplacez-le sur l'assiette. Mettez la plaque à l'échelle si nécessaire (1).

Maintenant, sélectionnez uniquement la forme inférieure de la crêpe, puis Copie et Coller en place (Shift-Control-V) afin d'en faire une copie. Déplacez cette copie derrière le groupe de crêpes, puis remplissez-la d'une nuance de brun plus foncé. Cette forme étant toujours sélectionnée, appuyez sur le bouton Flèche vers le bas appuyez deux fois sur votre clavier pour le déplacer 2 px vers le bas (2).

Aller à Effet> Flou> Flou Gaussien et appliquer un Rayon de 2 px et réduire le Opacité à 25%. Cela créera l’apparence d’une ombre lisse sous la crêpe (3).

Étape 2

Faites une autre copie de la forme du fond de la crêpe, comme vous l'avez fait précédemment, puis déplacez-la derrière la crêpe (1)..

Pendant que la nouvelle copie reste sélectionnée, appuyez sur la touche Flèche vers le bas touche une fois pour le déplacer 1 px vers le bas. Remplissez-le de noir et réduisez le Opacité à 20% (2). Pas besoin de flou parce que nous voulons une ombre plus nette sous la crêpe cette fois (3).

Étape 3

À ce stade, vous avez le premier pancake dans l’assiette. Vous pouvez en faire une copie puis la faire pivoter et l'arranger pour obtenir la deuxième crêpe. Ne pas oublier les deux formes d'ombre sous la nouvelle crêpe.

Pour rendre l’image finale plus attrayante et plus réaliste, j’ai dessiné la deuxième crêpe à partir de rien avec une forme légèrement différente. Vous pouvez le faire aussi car le processus et tous les paramètres restent les mêmes.. 

Étape 4

En suivant la même technique, vous pouvez empiler autant de crêpes que vous le souhaitez. Il est plus facile de conserver chaque crêpe dans un calque séparé avec ses deux formes d'ombre.. 

6. Comment créer l'ombre sous la pile de crêpes

Étape 1

Sélectionnez uniquement la forme inférieure de la première crêpe ainsi que la forme inférieure de la deuxième crêpe, puis Copie et Coller en place (Shift-Control-V) faire des copies des deux. Pendant que ces deux copies restent sélectionnées, appuyez sur Unir dans le Éclaireur panneau pour les fusionner en une seule forme. Déplacez la forme obtenue sur une nouvelle couche entre les pancakes et la plaque. 

Étape 2

Avec la forme d'ombre toujours sélectionnée, allez à Effet> Styliser> Ombre portée et appliquer cet effet quatre fois. 

Voici les paramètres pour le Ombre portée effets:

7. Comment créer le sirop sur la pile de crêpes

Étape 1

Tout d'abord, ajoutez un nouveau calque au-dessus des crêpes et nommez-le “sirop” Maintenant, prenez le Outil stylo (P) et dessinez la forme du sirop dégoulinant. Cela prendra du temps, mais apportez des ajustements au fur et à mesure jusqu'à ce que vous soyez satisfait du résultat final (1)..

Remplissez cette forme avec du brun; ensuite aller à Effet> Styliser> Inner Glow et appliquez les paramètres indiqués. Met le Mode de fusion à Lumière douce pour obtenir le look semi-transparent. (2).

Étape 2

Copie et Coller devant (Control-F) la forme du sirop et changer la couleur de remplissage à une nuance plus chaude de brun. Laissez les autres paramètres tels quels. En conséquence, le sirop sera plus doré.

Étape 3

Maintenant, concentrez-vous sur le sirop qui tombe sur la plaque et dessinez deux formes plus petites avec le Outil stylo (P). Envoyez-les derrière la forme de sirop et remplissez-les avec le dégradé radial indiqué. Pour lisser les bords, appliquez un 2 px Flou Gaussien puis réduire le Opacité à 35%

Étape 4

À ce stade, vous pouvez ajouter plus de sirop pour créer l’apparence de couches superposées sur les pancakes. Dessinez deux nouvelles formes (ou plus) comme dans l’image ci-dessous. Appliquez les mêmes réglages qu'auparavant pour la forme de gros sirop (1).

Copie et Coller devant (Control-F) Ces deux formes, puis choisissez une teinte de brun plus chaude comme couleur de remplissage, comme vous l'avez fait précédemment, tout en conservant les autres paramètres (2)..

Étape 5

Sélectionnez la forme du gros sirop, puis Copie et Coller en place (Shift-Control-V) en faire une copie. Supprimer toutes les apparences existantes et sélectionner une couleur de remplissage (1).

Copie et Coller à l'arrière (Control-B) la forme bleue et déplacez-la 2 px à gauche en appuyant sur la Flèche gauche appuyez deux fois sur votre clavier. Choisissez une couleur de remplissage différente pour mieux voir les deux nouvelles formes (2).

Pendant que ces deux formes restent sélectionnées, appuyez sur Minus Front dans le Éclaireur panneau. Si vous obtenez plusieurs formes au lieu d'une, Dissocier (Shift-Control-G) eux et puis aller à Objet> Chemin composé> Make (Control-8). Vous pouvez voir la forme résultante dans l'image ci-dessous (3).

Étape 6

Remplissez la forme composée de l'étape précédente avec du noir et déplacez-la derrière le sirop (1). Pour obtenir un aspect lisse, appliquez un 1 px Flou Gaussien et mettre le Mode de fusion à Lumière douce. Cela créera une ombre douce sur le côté gauche du sirop fluide (2). 

Étape 7

En suivant la technique expliquée dans les deux étapes précédentes, créez l’ombre sur le côté gauche des plus petites formes de sirop. Les réglages restent les mêmes. 

8. Comment faire briller le sirop

Étape 1

Prendre le Outil stylo (P) et dessinez des formes allongées au hasard en suivant les bords ondulés du sirop (1). Remplissez-les tous avec du jaune pâle puis appliquez un 2.2 px Flou Gaussien (2). Réduire l'opacité de certains si nécessaire et Groupe (Control-G) toutes les formes à la fin.

Étape 2

Utilisez le Outil stylo (P) à nouveau et tracez un tas de chemins courts au-dessus des chemins flous de l’étape précédente (1). Caressez-les tous avec le Brosse d'art de mélange noir d'un autre de mes tutoriels Comment créer un ensemble de brosses de mélange multi-usages (étape 5.2) dédiées au mélange de brosses et à leur qualité. J'utilise ces pinceaux tout le temps.

Depuis le Colorisation de la brosse est réglé sur Des teintes, vous pouvez choisir n'importe quelle couleur et le coup de pinceau se mettra à jour. Dans ce cas, choisissez un jaune très pâle et vous obtiendrez cette brillance spécifique du sirop (2). 

9. Comment créer un bleuet réaliste

Étape 1

Tout d'abord, utilisez le Outil Ellipse (L) dessiner un petit 35 x 35 px cercle (1). Tant que le cercle reste sélectionné, allez à Objet> Créer un filet de dégradé et choisir 5 rangées et 5 colonnes. En conséquence, vous obtiendrez les lignes de maillage et tous les points de maillage (2).

Chacun de ces points de maillage peut être coloré avec une nuance de bleu différente afin d'obtenir un aspect plus réaliste. Vous trouverez toutes les couleurs dans le Échantillons dans le fichier Illustrator joint si vous le téléchargez (3). Vous pouvez voir le résultat final dans l'image ci-dessous (4). 

Étape 2

Avec l'aide du Outil stylo (P) dessinez une forme arrondie sur la myrtille et remplissez-la avec le dégradé radial indiqué. Après cela, tracez un petit cercle au centre et remplissez-le avec l'autre dégradé radial. 

Étape 3

Utilisez le Outil stylo (P) à nouveau pour dessiner cinq formes en forme de pétale autour des formes précédentes. Remplissez-les tous avec le dégradé radial indiqué.

Groupe (Control-G) toutes les formes qui composent la myrtille et la déplacer sur la pile de crêpes. 

Étape 4

Prendre le Outil Ellipse (L) et dessinez une ellipse de la taille de la myrtille remplie de blanc (1). Dessinez une ellipse plus petite remplie de gris au-dessus de la première, comme indiqué dans l'image ci-dessous (2).

Pendant que les deux formes restent sélectionnées, allez à Objet> Fusion> Options de fusion et choisir Couleur lisse. Frappé D'accord et ensuite revenir à Objet> Mélanger> Créer (Alt-Control-B). Met le Mode de fusion du groupe de mélange résultant à Multiplier (le blanc devient transparent) et envoyez-le derrière la myrtille (3). Réduisez l'opacité de l'ombre si nécessaire. 

Étape 5

Faites des copies de la myrtille et ajoutez-en autant que vous le souhaitez sur les pancakes. Créez l'ombre sous chaque bleuetère comme expliqué à l'étape précédente.. 

Félicitations, vous avez terminé!

La pile de crêpes est prête. Je souhaite que nous puissions les manger parce qu'ils ont l'air délicieux. Si vous les recréez, n'oubliez pas de partager votre image finale avec nous..

Vous pouvez également me faire savoir quel est votre plat préféré et peut-être que je le dessinerai à l'avenir.