Comment créer une assiette de salade colorée dans Adobe Illustrator

Ce que vous allez créer

Dans ce nouveau didacticiel, vous apprendrez à dessiner une salade colorée sur une assiette, mais choisissons un angle différent car cela signifie plus de plaisir. Au début, nous allons créer une assiette simple et ensuite, il est temps de faire preuve de créativité dans l'organisation des ingrédients de cette salade: feuilles de roquette, morceaux de poivrons rouges et jaunes, rondelles d'oignon, savoureuses tranches de tomates, radis et olives noires . À la fin, tout est dans les ombres afin de lui donner un aspect plus 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 créer 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 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 dessiner une assiette simple

Étape 1

Commençons par une ellipse à propos de 610 x 75 px Rempli avec le Gradient linéaire montré (1). Ensuite, dessinez une autre ellipse légèrement plus grande qu’en bas et envoyez-la derrière la première (2).

Étape 2

Pour créer le centre de la plaque, dessinez une nouvelle ellipse sur 480 x 58 px (1). Maintenant, sélectionnez la première ellipse et Copie et Coller en place (Shift-Control-V) pour en faire une copie (2). Tandis que cette copie (l’ellipse noire) et l’ellipse rouge restent sélectionnées, appuyez sur Couper dans le Éclaireur panneau. Remplir la nouvelle forme avec le Gradient linéaire montré (3).

Étape 3

Prenez le Outil stylo (P) et dessinez une forme comme celle ci-dessous. La partie la plus importante est la courbe en bas qui est un peu plus basse que le reste des ellipses et crée la fine bordure. Utilisez le Pente montré et ensuite envoyer cette forme derrière tout. 

Étape 4

Ensuite, dessinez le bas de la plaque comme dans l’image suivante. Utilisez le Pente montré et ensuite envoyer cette forme derrière tout. 

Étape 5

Dessinez une autre forme, comme précédemment, où la courbe inférieure est un peu plus basse que le reste de la plaque, afin de créer une bordure mince plus sombre (1).

Continuez avec la dernière ellipse au bas de la plaque à propos de 280 x 58 px Rempli avec le Gradient linéaire montré, et ensuite l'envoyer derrière tout (2). 

Étape 6

Pour ajouter une surbrillance au bas de la plaque, dessinez une forme très fine avec le Outil stylo (P) en suivant le bord inférieur, et Remplir avec le Gradient linéaire montré.

Étape 7

Suivez maintenant le bord extérieur de la plaque et dessinez deux nouvelles formes minces, comme indiqué. Après cela, la plaque est prête et vous pouvez voir le résultat final dans l'image ci-dessous (3).

3. Comment dessiner la feuille de roquette (roquette)

Il est temps de dessiner les composants de cette salade savoureuse et le premier ingrédient est la roquette, également appelée roquette. Prendre le Outil stylo (P) et dessinez une forme de feuille semblable à celle ci-dessous. Une fois que vous êtes satisfait de la forme, Remplir avec le Gradient linéaire montré (1).

Ensuite, dessinez une forme mince au milieu de la feuille et Remplir avec le Pente montré (2).

C'est tout! La feuille est prête. Groupe (Control-G) les deux formes et nomme le groupe “fusée”.

4. Comment dessiner la rondelle d'oignon

Étape 1

Utilisez le Outil Ellipse (L) dessiner deux formes et les disposer comme indiqué dans l'image suivante (1). La taille n'a pas d'importance, car de toute façon, vous analyserez tous les ingrédients plus tard. Pendant que les deux ellipses restent sélectionnés, allez à Objet> Chemin composé> Make (Control-8) et Remplir la forme obtenue avec un violet pâle (2).

Sélectionnez la bague puis Copie et Coller à l'arrière (Control-B) en faire une copie. Déplacer cette copie 2-3 px vers le bas avec l'aide du Flèche vers le bas touche sur votre clavier (3). 

Sélectionnez à nouveau la sonnerie originale puis Copie et Coller en place (Shift-Control-V) en faire une autre copie. Après avoir sélectionné cette nouvelle copie de la bague avec la bague noire, appuyez sur Minus Front dans le Éclaireur panneau. Envoyez les deux formes résultantes dans le dos (4) et Remplir les avec les deux nuances de violet montrées (5).

Étape 2

La rondelle d'oignon est prête. Vous pouvez créer une autre version, mais cela est facultatif. Juste faire un Copie de la rondelle d'oignon, puis n'utilisez que deux des trois teintes de pourpre. 

Groupe (Control-G) les formes et nommez les groupes “rondelle d'oignon 1" et "rondelle d'oignon 2”.

5. Comment dessiner le morceau de poivron rouge

Étape 1

Le prochain sur la liste des ingrédients est le poivron rouge. Dessinez une forme similaire à celle ci-dessous à l'aide du Outil stylo (P) et utiliser le rouge comme Remplir couleur (1). Tant que cette forme reste sélectionnée, allez à Objet> Transformer> Échelle, type 105% dans le Échelle champ, puis appuyez sur Copie. En conséquence, vous obtiendrez une forme légèrement plus grande. Utilisez une nuance de rouge plus foncée pour Remplir et envoie-le derrière le premier (2).

Prenez le Outil stylo (P) à nouveau et dessiner une nouvelle forme en face des deux Rempli avec une nuance de rouge plus claire (3). Fixer les extrémités du poivron si nécessaire et alignerles points avec le Outil de sélection directe (A). Le morceau de poivron rouge est prêt (4).

Étape 2

Cette étape est facultative, mais si vous voulez plus de couleur dans votre salade, vous pouvez créer un morceau de poivron jaune. Il suffit de faire un Copie du poivron rouge et remplacer le Remplir couleurs.

Groupe (Control-G) les formes et nommez les groupes “poivron rouge" et "poivron jaune”.

6. Comment dessiner la tranche de tomate

Étape 1

Utilisez le Outil stylo (P) dessiner la tranche de tomate et Remplir il avec une nuance de rouge sombre. Tant que la forme reste sélectionnée, ajoutez un Nouveau remplissage dans le Apparence panneau au-dessus du premier et utilisez une couleur rouge orangé. Sélectionnez cette Remplir attribuer, aller à Effet> Distorsion & Transformation> Transformer et appliquez les paramètres indiqués. En conséquence, vous obtiendrez le bord plus sombre au bas de la tranche.

Étape 2

Ensuite, dessinez une forme similaire mais plus petite sur le dessus et Remplir avec du rouge Ajouter un Nouveau remplissage en dessous du premier et utilisez une nuance plus foncée d’orange. Avec ça Remplir attribut sélectionné dans le Apparence panneau, allez à Effet> Distorsion & Transformation> Transformer et appliquer un Déplacement vertical 1 px.

Étape 3

Prendre le Outil stylo (P) à nouveau et dessiner une forme comme celle de l'image suivante, Rempli avec orange foncé (1). Continuer avec une forme similaire mais légèrement plus petite, remplie de blanc. Met le Mode de fusion à Lumière douce (2). Vous pouvez voir le résultat dans l'image ci-dessous (3).

Étape 4

Pour la graine de la tomate, vous avez besoin de deux formes de larmes. Remplir le plus grand avec orange foncé et le plus petit avec jaune. Groupe (Control-G) les deux formes et Multiplier obtenir plus de graines; puis Tourner et les disposer sur la tranche de tomate.

Étape 5

Maintenant, tracez un chemin incurvé à côté du bord inférieur de la tranche (1). Lui donner un 5 pt rouge Accident vasculaire cérébral; ensuite aller à Effet> Flou> Flou Gaussien et appliquer un Rayon de 2 px. Diminuer Opacité à 70% (2).

Sélectionnez la forme de la tranche, puis Copie et Coller en place (Shift-Control-V) pour en faire une copie devant tout. Définissez cette copie sur stroke-none et fill-none. Maintenant, sélectionnez le chemin courbe avec la copie de la tranche et allez à Objet> Masque d'écrêtage> Marque (Control-7). Nommez le groupe résultant “tranche de tomate”Et vous avez terminé (3). Vous pouvez voir le résultat final dans l'image ci-dessous (4).

7. Comment dessiner la tranche de radis

Utilisez le Outil stylo (P) dessiner la forme de la tranche, puis dessiner une forme similaire mais plus grande uniquement dans le bas à l'arrière (2).

Sélectionnez la forme bleue puis Copie et Coller en place (Shift-Control-V) en faire une copie devant tout. Après avoir sélectionné cette copie avec la forme orange, appuyez sur Minus Front dans le Éclaireur panneau. En conséquence, vous obtiendrez la forme au bas de la peau du radis (3). Remplir les deux formes avec le Gradients Radiaux montré, Groupe (Control-G) eux, et la tranche de radis est prête (4). 

8. Comment dessiner l'olive noire

L'olive est assez facile, et vous n'avez besoin que de deux formes: une 50 x 38 px ellipse (1) et la forme en surbrillance en haut à gauche (2). Remplir les avec le Gradients Radiaux montré; puis Groupe (Control-G) les, et vous pouvez voir le résultat final dans l'image ci-dessous (3).

9. Comment composer la salade

Étape 1

Tout d’abord, sélectionnez le “assiette”Groupe et Tourner comme le montre l’image suivante pour rendre les choses plus intéressantes. Et maintenant, il est enfin temps de composer la délicieuse salade. Prenez le "fusée”Groupe et faire quelques copies. Arrangez-les comme indiqué ci-dessous, ou mettez votre créativité à l'épreuve.

Il y a beaucoup d'ombres dans cette salade, et vous pouvez choisir de les ajouter à la fin une fois que vous voyez l'image finale, mais cela pourrait être un peu écrasant, car de nombreux composants sont impliqués. Afin de rendre les choses plus faciles à comprendre, je vais vous montrer les paramètres de la Ombre portée effet que nous avançons. Les paramètres sont légèrement différents d’une étape à l’autre, car ils dépendent de la position de chaque ingrédient..

Certains ingrédients n'ont même pas besoin d'une ombre. Sur les trois feuilles de fusée dans l'image ci-dessous, une seule a la Ombre portée effet appliqué parce que les deux autres seront recouverts du reste des ingrédients à la fin, donc ce n'est pas vraiment nécessaire. 

Étape 2

Ensuite, prenez le "poivron rouge”Groupe et déplacez-le sur la plaque. Appliquer le Ombre portée effet pour créer une ombre. La même chose vaut pour le "poivron jauneGroupe.

Cela semble bizarre pour le moment, mais à la fin, nous utiliserons un Masque cacher les ingrédients qui vont sur le bord de l'assiette.

Étape 3

Dupliquer et organiser plus de feuilles de roquette. Pour les feuilles qui sont en l'air, vous n'avez pas besoin d'appliquer le Ombre portée effet parce que l'ombre ne devrait exister que sur la plaque et non à l'extérieur et autour de la plaque.

Étape 4

Ensuite, mettez une olive sur la plaque et appliquez le Ombre portée effet. 

Aussi, mettez un rondelle d'oignon et un poivron jaune du côté gauche mais sans l'ombre cette fois-ci, car ils vont sur le bord de la plaque. Nous créerons des ombres plus détaillées plus tard dans le tutoriel pour des ingrédients comme ceux-ci..

Étape 5

En suivant la technique expliquée dans les étapes précédentes, placez plus de feuilles et d’autres ingrédients dans votre assiette.. 

Étape 6

Disposez un autre morceau de poivron rouge, une autre tranche de tomate, davantage d'olives et un autre exemplaire de la rondelle d'oignon, ainsi qu'un bouquet de feuilles entre et sur le dessus, autant que vous le souhaitez..

Dans l'image ci-dessous, vous pouvez voir le Ombre portée réglages pour la rondelle d'oignon sur le côté droit et pour la feuille de roquette dessus. 

N'ajoutez pas d'ombre sous les tranches de tomate, car nous nous en occuperons plus tard dans le didacticiel.. 

Étape 7

Il est temps d'organiser quelques tranches de radis. Échelle afin qu’ils ne soient pas de la même taille car c’est plus naturel. Ajoutez plus de feuilles sur le dessus et commencez à monter avec les ingrédients.

Étape 8

Ajoutez un autre morceau de poivron jaune et une autre tranche de tomate dans l'air entre les feuilles. Les deux derniers ingrédients sont le poivron rouge et un autre anneau d'oignon. 

10. Comment ajouter des ombres entre les ingrédients

Étape 1

Si vous êtes satisfait de votre salade et de la position de chaque ingrédient, vous pouvez maintenant ajouter des ombres plus détaillées entre eux pour un aspect réaliste..

Concentrez-vous sur les tranches de tomate et tracez un chemin le long du bord inférieur, un pour chaque tranche que vous avez. Donnez-leur un 3 pt noir Accident vasculaire cérébral puis appliquer un 3 px Flou Gaussien. Une fois que vous avez terminé, envoyez chaque chemin juste derrière la tranche de tomate correspondante.. 

Étape 2

Maintenant, concentrez-vous sur les ingrédients présents dans l'air et en particulier sur les zones où ils se chevauchent car vous avez besoin d'une ombre. Prenez votre temps, faites un zoom avant autant que nécessaire et tracez un petit chemin où deux ingrédients se chevauchent suivant leur contour, sans toutefois dépasser les bords (dans le fond blanc). Vous pouvez voir quelques exemples dans les gros plans. Plus vous tracez de chemins, plus votre salade sera détaillée et réaliste.

Sélectionner un 2 pt noir Accident vasculaire cérébral pour tous ces chemins et appliquer un 2 px Flou Gaussien. Certains d'entre eux sont à 100% d'opacité, et certains d'entre eux sont à 75% d'opacité, selon la région et les couleurs. N'oubliez pas de déplacer chaque chemin entre les deux ingrédients qui se chevauchent dans le Couches panneau parce que le bon ordre est très important dans ce cas.

11. Comment nettoyer le bord de la plaque

Étape 1

Sélectionnez l'ellipse à l'intérieur de la plaque puis Copie et Coller en place (Shift-Control-V) pour en faire une copie devant tout (1). Prenez le Outil Ciseaux (C) et cliquez sur les deux extrémités de cette copie pour couper la forme en deux et ne conserver que la moitié devant (2). Utilisez le Outil stylo (P) fermer ce chemin et créer une nouvelle forme autour de la salade (3). 

Étape 2

Définissez la forme de l'étape précédente sur Accident vasculaire cérébral-Aucun et Remplir-Aucun. Maintenant, sélectionnez tous les ingrédients de la salade avec cette forme et allez à Objet> Masque d'écrêtage> Marque (Control-7). Maintenant, la face avant de la plaque est propre, comme il se doit.

Étape 3

Si vous souhaitez ajouter une feuille qui dépasse du bord de la plaque pour un aspect plus réaliste, le moment est venu de le faire, en dehors du masque. Disposez-le à l'endroit souhaité puis appliquez le Ombre portée effet. 

12. Comment ajouter des faits saillants sur la salade

Concentrez-vous sur l'une des tranches de tomate et tracez deux chemins courts, comme indiqué dans l'image suivante.. Accident vasculaire cérébral les avec le Brosse d'art de mélange noir d'un autre de mes tutoriels dédié à Brosses de mélange et leur utilité: comment créer un ensemble de brosses de mélange polyvalentes. J'utilise ces pinceaux tout le temps pour ajouter des reflets et des détails dans mes dessins. Définissez la couleur comme indiqué et définissez le Poids de l'AVC à 0,75 pt. Gardez le plus grand chemin à 100% d'opacité mais pour le chemin plus court réduire le Opacité à 50% pour le rendre plus discret.

Faites la même chose pour le reste des tomates pour les rendre plus brillantes. Vous pouvez également le faire pour les autres ingrédients si vous voulez mais pour moi, cela suffisait. 

13. Comment créer l'ombre sous la plaque

Étape 1

Utilisez le Outil stylo (P) dessiner une forme comme dans l'image suivante sur un Nouvelle Couche derrière la plaque, et donnez-lui un blanc Remplir. Continuer avec une forme similaire mais plus petite Rempli avec gris clair et réglez-le sur 75% d'opacité

Étape 2

Dessinez une autre ellipse sous le fond de la plaque et Remplir avec du gris. La dernière ellipse est beaucoup plus petite et remplie d’un gris plus foncé.

Étape 3

Pendant que les quatre formes restent sélectionnées, allez à Objet> Fusion> Options de fusion et choisir 50 étapes spécifiées. Frappé D'accord; puis retourne à Objet> Mélanger> Créer (Alt-Control-B).

Définissez le groupe de mélange résultant sur Mode de fusion Multiplier et réduire le Opacitey à 75%, mais cela dépend de la couleur de votre fond. 

Toutes nos félicitations! Vous avez terminé

La salade colorée sur l'assiette est prête maintenant. Prenez une fourchette!

Faites-moi savoir si vous avez apprécié ce tutoriel et n'oubliez pas de partager une image de votre récréation avec nous si vous décidez de vous amuser avec. J'aimerais beaucoup le voir.