Comment créer des icônes de sushi de vecteur dans Adobe Illustrator

Ce que vous allez créer

Dans ce tutoriel, vous apprendrez différents types de sushi et leur dessin. Vous apprendrez beaucoup de nouvelles techniques telles que: comment créer et utiliser un pinceau à disperser le riz et un pinceau à éparpiller d'œufs, et comment dessiner de jolies et réalistes algues, saumon et thon. Vous allez également enregistrer un grand nombre de nouveaux styles graphiques en cours de route, ce qui vous aidera tout au long du didacticiel. Si vous aimez les sushis Maki, Uramaki, Nigiri et Temaki sous forme vectorielle, commençons le plaisir!

Si vous avez envie de plus d'icônes de nourriture ou d'icônes vectorielles en général, Envato Market vous propose une multitude de motifs à choisir..

Atouts du tutoriel

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

  • Texture du bois brun clair vecteur gratuit conçu par Freepik

1. Démarrer un nouveau projet

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. Créer le maki sushi

Étape 1

Maki Sushi est un sushi roulé avec du nori à l'extérieur et du riz à l'intérieur.

La première chose à faire est de dessiner un 77 x 77 px cercle avec le Outil Ellipse (L). Tant que le cercle reste sélectionné, allez à Effet> Distorsion & Transformation> Roughen et appliquez les paramètres indiqués ci-dessous.

Étape 2

Avec le cercle toujours sélectionné, allez à la Objet menu et choisir Développer l'apparence afin d'élargir la Rugueuse effet. Dissocier (Shift-Control-G) si nécessaire. Remplissez le résultat “forme de rouleau”Avec du marron clair et aussi lui donner un 2 pt AVC.

Nous allons utiliser ce "forme de rouleau”Pour créer un autre rouleau de sushis plus tard dans le didacticiel, créez-en une copie avant de continuer..

Étape 3

Avec le "forme de rouleau”Toujours sélectionné, appuyez sur Ajouter un nouveau trait dans le Apparence panneau et faites glisser cet attribut vers le bas. Sélectionner un AVC 5 pt et après cela, allez à Effet> Chemin> Chemin de décalage et appliquer un Rayon de 2 px

Étape 4

Avec le "forme de rouleau”Toujours sélectionné, appuyez sur Ajouter un nouveau remplissage dans le Apparence panneau et faites glisser cet attribut au-dessus du trait précédent. Sélectionnez la couleur indiquée et, après cela, allez à Effet> Chemin> Chemin de décalage et appliquer un Décalage de 3 px. Ensuite, allez à Effet> Distorsion & Transformation> Roughen et appliquez les paramètres indiqués ci-dessous.

3. Créer les brosses à disperser le riz

Étape 1

Prenez le Outil Ellipse (L) et dessine un petit 9 x 12 px ellipse; Dessinez ensuite une ellipse plus petite. Utilisez les couleurs indiquées pour les remplir puis, après avoir sélectionné les deux, allez à Objet> Fusion> Options de fusion. Choisir 10 étapes spécifiées et frapper D'accord, et ensuite revenir à Objet> Mélanger> Créer (Alt-Control-B)

Étape 2

Utilisez le Outil Ellipse (L) encore une fois pour dessiner un 9 x 15 px ellipse; dessinez ensuite une autre ellipse plus petite. Utilisez les couleurs indiquées pour les remplir et, ensuite, mélangez les deux formes comme vous l'avez fait précédemment. 

Étape 3

Faites glisser le premier grain de riz, qui est plus foncé, dans le Des pinceaux panneau, et choisissez Nouvelle brosse à dispersion. Laissez les paramètres tels quels pour le moment, tapez simplement “Riz 1”Comme nom de la brosse et frappé D'accord. Répétez la même chose avec le deuxième grain de riz et nommez le pinceau “Riz 2”.

Vous pouvez voir dans l'image suivante la taille réelle des grains de riz à 100%. Ils sont très petits. Nous utilisons deux grains de riz différents, car le résultat final sera plus réaliste..

4. Créer le remplissage de riz

Étape 1

Maintenant, mettons les nouveaux pinceaux à utiliser. Prenez le Outil Crayon (N) et tracez un chemin aléatoire sur le rouleau de sushi Maki. Le but ici est de couvrir la zone brune au centre, aussi proportionnelle que possible et sans dépasser les bords. Gardez votre chemin à l’intérieur de la zone brune et rappelez-vous que vous pouvez déplacer n’importe quel point d’ancrage à tout moment avec le bouton Outil de sélection directe (A).

Accident vasculaire cérébral ce chemin avec le Riz 1 pinceau à dispersion. La couleur de trait n'est pas importante, et gardez la Poids de l'AVC à 1 pt. Ensuite, ouvrez le Options de course fenêtre et modifiez les paramètres comme indiqué ci-dessous. Nous avons besoin de plus de riz, alors continuons.

Étape 2

Alors que le chemin est encore sélectionné, appuyez sur Ajouter un nouveau trait dans le Apparence panneau. Utilisez le Riz 1 pinceau à dispersion encore et garder le Poids de l'AVC à 1 pt. Ensuite, ouvrez le Options de course fenêtre et modifier les paramètres.

Étape 3

Tant que le chemin est toujours sélectionné, ajoutez un Nouvel AVC au sommet de la Apparence panneau. Cette fois, utilisez le Brosse à Dispersion Rice 2, garder le Poids de l'AVC à 1 pt mais en changeant les réglages dans le Options de course la fenêtre. Une fois que vous avez terminé, appuyez sur le bouton Nouveau style graphique icône au bas de la Styles graphiques panneau afin de le sauvegarder pour une utilisation ultérieure. Vous pouvez changer le nom en “Sushi Graphic Style”.

Étape 4

Votre garniture de riz ne sera pas parfaite du premier coup, mais ne vous inquiétez pas, tout est réparable dans Illustrator. Si votre riz passe sur les bords ou si vous avez des zones vides, vous pouvez saisir le Outil de sélection directe (A) et déplacez chacun des points d'ancrage individuellement. Faites tous les ajustements nécessaires jusqu'à ce que vous soyez satisfait du résultat.

5. Créer le remplissage Maki Sushi

Étape 1

Commençons par le morceau de thon. Prenez le Outil stylo (P) et dessinez une forme comme celle ci-dessous sur le riz. 

Étape 2

Ensuite, dessinez trois chemins comme ci-dessous sur le morceau de thon. Sélectionner un AVC 10 pt et le Profil de largeur 1 dans le Accident vasculaire cérébral panneau. Diminuer Opacité à 25%.

Étape 3

Pendant que les trois chemins sont toujours sélectionnés, ajoutez un deuxième remplissage au-dessus du premier. Sélectionner un 4 pt AVC, la Profil de largeur 2, et gardez la même couleur rose. Met le Mode de fusion à Lumière douce.

Étape 4

Alors que les trois chemins sont toujours sélectionnés, ajoutez un troisième Remplissage au-dessus des autres. Sélectionner un 2 pt AVC, la Profil de largeur 2, et gardez la même couleur rose. Diminuer Opacité à 50%.

Une fois que vous avez terminé, appuyez sur le bouton Nouveau style graphique icône pour le sauvegarder pour une utilisation ultérieure. Vous pouvez changer le nom en “Détails de thon Style graphique”.

Étape 5

Dessinez une forme blanche sur le côté droit du thon et réduisez le Opacité à 15%. Cela va créer un éclat.

Ensuite, dessinez une forme blanche plus fine sur le dessus et réduisez le Opacité à 18% cette fois.

Étape 6

Sélectionnez le morceau de thon puis Copie et Coller en place (Shift-Control-V) afin d’en obtenir une copie et de supprimer le remplissage en dégradé existant. Maintenant, sélectionnez cette copie avec les deux formes blanches et les trois chemins, et allez à Objet> Masque d'écrêtage> Marque (Control-7).

Étape 7

Pour créer le morceau de concombre et le morceau d’omelette, dessinez simplement les deux formes illustrées ci-dessous et utilisez les couleurs indiquées..

Faites-les pivoter et disposez-les à côté du thon à votre guise. Pour ajouter de la profondeur, prenez la Outil stylo (P) et dessinez une forme autour du remplissage en utilisant un vert olive foncé comme couleur de remplissage. Envoyez cette forme derrière la garniture mais devant le riz.

Étape 8

Maintenant, prenez les deux grains de riz et faites autant de copies que vous voulez. Tournez-les et disposez-les autour et légèrement sur le remplissage. Groupe (Control-G) tous les grains de riz, puis allez à Effet> Styliser> Ombre portée et appliquer les paramètres indiqués.

le Maki Sushi est prêt à ce stade.

6. Créer le sushi Uramaki

Étape 1

Uramaki est un sushi roulé avec du nori à l'intérieur et du riz à l'extérieur, également connu sous le nom de rouleau de sushi.

Utilisez le Outil Ellipse (L) dessiner un petit cercle rouge. Ensuite, dessinez une forme en forme de lune sur le côté gauche remplie d’un rouge foncé et, enfin, les deux petites formes blanches.

Faites glisser toutes les formes dans le Des pinceaux panneau et choisissez Nouvelle brosse à dispersion. Type "Roe Scatter Brush”Comme nom, laissez les réglages tels quels et appuyez sur D'accord.

Étape 2

Prenez la copie du “forme de rouleau”Que vous avez fait au début du tutoriel. Remplacez le trait existant par le Roe Scatter Brush et mettre le Poids de l'AVC à 1 pt. Ensuite, ouvrez le Options de course fenêtre et modifier les paramètres comme indiqué ci-dessous. 

Étape 3

Tracez un chemin aléatoire sur la zone brune comme vous le faisiez auparavant et choisissez simplement le Sushi Graphic Style que vous avez enregistré dans le Styles graphiques panneau. Faire des ajustements supplémentaires si nécessaire. 

Étape 4

Pour créer le morceau d’avocat, dessinez un triangle et remplissez-le de vert. Dessinez un autre triangle dessus et remplissez-le avec le dégradé radial indiqué. Groupe (Control-G) les deux formes et faire une copie. Disposer les morceaux d'avocat sur le riz.

Étape 5

Dessinez une forme semblable à celle de l'image suivante en tant que morceau de saumon. Utilisez le dégradé linéaire indiqué pour le remplir.

Étape 6

Tracez deux chemins au-dessus de la forme du saumon et sélectionnez le Détails de thon Style graphique que vous avez enregistré dans le Styles graphiques panneau plus tôt. Remplacez la couleur rose existante et modifiez certains des paramètres comme indiqué ci-dessous.

Pendant que les deux chemins sont encore sélectionnés, appuyez sur le bouton Nouveau style graphique icône pour enregistrer le nouveau style pour plus tard. Vous pouvez changer le nom en “Détails saumonés Style graphique”. 

Étape 7

Sélectionnez la forme du saumon puis Copie et Coller en place (Shift-Control-V) pour en faire une copie et supprimer le remplissage en dégradé existant. Maintenant, sélectionnez cette copie avec les deux chemins et allez à Objet> Masque d'écrêtage> Marque (Control-7).  

Étape 8

Utilisez le Outil stylo (P) dessiner une forme autour du remplissage et le remplir avec une couleur vert olive foncé. Stroke ce chemin avec le Charbon de bois - Pinceau épais du Bibliothèque de pinceaux Menu> Artistique> Artistic_ChalkCharcoalPencil. Met le Poids de l'AVC à 0.5 pt et ensuite envoyer cette forme derrière le remplissage mais devant le riz. 

Étape 9

Prenez les deux grains de riz et faites autant de copies que vous voulez. Faites-les pivoter et disposez-les autour du remplissage et légèrement sur la feuille de nori à l'intérieur pour un aspect plus réaliste. Groupe (Control-G) tous les grains de riz, allez à Effet> Styliser> Ombre portée et appliquez les paramètres indiqués ci-dessous.

le Sushi Uramaki est prêt à ce stade.

7. Créer le sushi Nigiri au thon

Étape 1

Nigiri est un sushi pressé à la main souvent à base de thon cru et de saumon.

Prenez le Outil Rectangle (M) et dessine un 44 x 118 px rectangle rempli de brun clair. Après cela, allez à Effet> Styliser> Coins ronds et appliquer un Rayon de 15 px

Étape 2

Avec le Outil Crayon (N) tracez un chemin aléatoire sur la forme brune et sélectionnez simplement le Sushi Graphic Style que vous avez enregistré dans le Styles graphiques panneau. Faites des ajustements supplémentaires si nécessaire, et à ce stade, vous ne devriez pas voir de parties de la forme brune en dessous.. 

Étape 3

Utilisez le Outil stylo (P) dessiner la forme du thon, mais ne couvrez pas entièrement le riz. Utilisez le même gradient indiqué pour le morceau de thon dans la garniture pour sushi Maki. Ensuite, tracez cinq chemins sur le thon et sélectionnez le Détails de thon Style graphique du Styles graphiques panneau. 

Étape 4

Pour ajouter de la brillance, dessinez une forme blanche sur le côté droit du thon et réduisez le Opacité à 15%. Ensuite, dessinez une forme blanche plus fine sur le dessus et réduisez le Opacité à 18%

Étape 5

Sélectionnez la forme du thon puis Copie et Coller en place (Shift-Control-V) pour en faire une copie et supprimer le remplissage en dégradé existant. Maintenant, sélectionnez cette copie avec les cinq chemins et les deux formes blanches et allez à Objet> Masque d'écrêtage> Marque (Control-7).

le Sushi au thon nigiri est prêt à ce stade.

8. Créer le sushi Nigiri au saumon

Étape 1

Le processus de dessin est assez similaire. Tout d’abord, dessinez le rectangle brun clair et appliquez le Coins arrondis effet. Continuez avec le chemin aléatoire et sélectionnez le Sushi Graphic Style du Styles graphiques panneau.  

Étape 2

Ensuite, dessinez la forme du saumon avec le Outil stylo (P) et utilisez le dégradé linéaire indiqué pour le remplir. Continuez avec les quatre chemins et sélectionnez le Détails saumonés Style graphique que vous avez enregistré dans le Styles graphiques panneau. Après cela, dessinez les deux formes blanches sur le côté gauche du saumon pour lui donner un peu de brillance. 

Étape 3

Sélectionnez la forme du saumon puis Copie et Coller en place (Shift-Control-V) pour en créer une copie et supprimer le remplissage en dégradé existant. Maintenant, sélectionnez cette copie avec les quatre chemins et les deux formes blanches, et allez à Objet> Masque d'écrêtage> Marque (Control-7).

Étape 4

Continuons avec la bande d'algues sur le saumon. Commencez par dessiner une forme comme ci-dessous et remplissez-la avec le dégradé linéaire indiqué..

Alors que la forme d’algue est toujours sélectionnée, ajoutez un Nouveau remplissage dans le Apparence panneau. Utilisez le blanc comme couleur de remplissage; ensuite aller à Effet> Esquisse> Réticulation et appliquez les paramètres indiqués ci-dessous. Met le Mode de fusion à Multiplier et réduire le Opacité à 20%

Étape 5

Alors que la forme d’algue est toujours sélectionnée, ajoutez un Nouveau remplissage au dessus des autres. Utilisez le blanc comme couleur de remplissage; ensuite aller à Effet> Artistique> Éponge et appliquez les paramètres indiqués. Met le Mode de fusion à Brûlure de couleur et réduire le Opacité à 75%.

Lorsque l’algue est toujours sélectionnée, appuyez sur la touche Nouveau style graphique icône pour le sauvegarder pour plus tard. Vous pouvez changer le nom en “Style graphique aux algues”. 

Étape 6

Prenez le Outil Crayon (N) et tracez un chemin aléatoire en zig-zag sur le côté droit de l'algue. Sélectionner un 0,1 pt AVC; ensuite aller à Effet> Flou> Flou Gaussien et appliquer un Rayon de 1 px. Mis à Mode de mélange lumière dure et 75% d'opacité.

Dessinez une forme de zig-zag plus petite sur le côté gauche de l'algue et appliquez les mêmes paramètres, mais réduisez le Opacité à 50%.

Étape 7

Sélectionnez la forme d'algue puis Copie et Coller en place (Shift-Control-V) afin d'en faire une copie et de supprimer toutes les apparences existantes. Maintenant, sélectionnez cette copie avec la forme originale de l’algue et les deux chemins en zig-zag et allez à Objet> Masque d'écrêtage> Marque (Control-7). En conséquence, vous obtiendrez des bords nets. 

9. Créer le sushi Temaki

Étape 1

Temaki est un rouleau en forme de cône ayant la feuille de nori à l'extérieur et le riz à l'intérieur.

Commencez avec une forme de losange. Utilisez le Ajouter un outil de point d'ancrage (+) d'ajouter deux points supplémentaires en haut et avec le Outil de sélection directe (A) déformer la partie supérieure du cône comme indiqué dans l'image suivante. Après cela, sélectionnez simplement le Style graphique aux algues du Styles graphiques panneau. 

Étape 2

Utilisez le Outil stylo (P) dessiner une forme noire au sommet du cône pour définir la zone où le riz sera placé. Tracez un chemin aléatoire qui recouvre la forme noire et appliquez le Sushi Graphic Style à cela. Faites des ajustements supplémentaires en déplaçant certains des points d'ancrage si le riz passe au-dessus du cône.

Sélectionnez la forme noire derrière le riz, allez à Effet> Styliser> Ombre portée et appliquer les paramètres indiqués. 

Étape 3

Avec le Outil Crayon (N) dessinez un chemin en zig-zag aléatoire sur le côté gauche du cône, donnez-lui un 0,1 pt AVC et appliquer un 2 px Flou Gaussien. Réglez-le sur Mode de mélange lumière dure et 60% d'opacité

Étape 4

Dessinez une forme noire sur le côté droit du cône comme dans l'image suivante; ensuite aller à Effet> Styliser> Plume et appliquer un Rayon de 7 px afin de créer une nuance discrète. 

Étape 5

Sélectionnez la forme du cône puis Copie et Coller en place (Shift-Control-V) afin d'en faire une copie et de supprimer toutes les apparences existantes. Maintenant, sélectionnez cette copie avec la forme originale du cône et tout le reste sauf le riz, et allez à Objet> Masque d'écrêtage> Marque (Control-7). En conséquence, vous obtiendrez des bords nets. 

Étape 6

Les œufs de saumon sont fondamentalement les mêmes que les petits œufs des sushis Uramaki, mais plus gros. Multipliez et disposez-en quelques-uns au milieu du riz. Après cela, sélectionnez uniquement les œufs au bas et sur les côtés et appliquez le Ombre portée effet. 

Étape 7

Pour la décoration, dessinez deux formes vertes et disposez-les entre les œufs. Faites une copie du morceau d'avocat des sushis Uramaki et placez-le derrière l'œuf de saumon.

le Sushi temaki est prêt à ce stade. 

10. Créer le bol de soja et les baguettes

Étape 1

Utilisez le Outil Ellipse (L) dessiner un 104 x 104 px cercle blanc. Après cela, tracez un petit cercle au centre et remplissez-le avec le dégradé radial indiqué.

Étape 2

Tracez un cercle légèrement plus petit au centre et remplissez-le avec le dégradé radial indiqué. Pour ajouter de la brillance, tracez un demi-cercle dans le coin supérieur gauche du soja et remplissez-le avec le dégradé linéaire indiqué ci-dessous..  

Étape 3

Pour les baguettes, dessinez une forme triangulaire longue mais arrondie vers le haut. Continuer avec la forme plus mince sur le côté gauche. Maintenant, sélectionnez les deux formes et allez à Objet> Fusion> Options de fusion. Choisir 10 étapes spécifiées, frappé D'accord, et ensuite revenir à Objet> Mélanger> Créer (Alt-Control-B)

Étape 4

Dessinez une autre forme mince sur le côté droit de la baguette et remplissez-la de brun clair. Aller à Effet> Styliser> Plume et appliquer un Rayon de 2 px

11. Ajouter les ombres

Étape 1

Retournez au maki sushi et sélectionnez uniquement le “forme de rouleau”. Copie et Coller en place (Shift-Control-V), puis envoyez cette copie derrière tout en allant à Objet> Organiser> Envoyer à l'arrière (Shift-Control- [). Supprimez toutes les apparences existantes et sélectionnez une couleur de remplissage. ensuite aller à Effet> Styliser> Ombre portée et appliquez les paramètres indiqués ci-dessous.

Répétez la même chose pour le sushi Uramaki pour créer l'ombre. 

Étape 2

Retournez au sushi Nigiri au saumon. Sélectionnez uniquement la forme du saumon puis Copie et Coller en place (Shift-Control-V) en créer une copie. Envoyez cette copie derrière tout en allant à Objet> Organiser> Envoyer à l'arrière (Shift-Control- [) et, ensuite, appliquez le Ombre portée effet.

Répétez la même chose pour le sushi Nigiri au thon, en utilisant une copie de la forme du thon pour créer l'ombre..

Étape 3

La même chose vaut pour les sushis Temaki. Faites une copie à l’arrière de la forme du cône, remplacez les apparences existantes par une couleur de remplissage, puis appliquez le Ombre portée effet. 

Étape 4

Groupe (Control-G) toutes les formes qui composent la baguette et, ensuite, appliquez le Ombre portée effet. Faites une copie de la baguette pour en avoir deux et positionnez-les comme vous le souhaitez sur votre planche. 

Étape 5

Pour ajouter l'ombre du bol de soja, sélectionnez le premier cercle blanc et appliquez le Ombre portée effet en utilisant les réglages montrés. Groupe (Control-G) toutes les formes et nommez le groupe “bol de soja”. 

Toutes nos félicitations! Vous avez terminé

Le tableau de sushi est prêt maintenant. Vous pouvez trouver et télécharger le beau fond sur Freepik. C'est gratuit, réaliste et vecteur avant tout.

J'espère que ce tutoriel a été amusant pour vous et n'oubliez pas de partager vos délicieuses recréations de sushis avec nous..