Comment créer un jeu d'icônes de sushis laminés dans Adobe Illustrator

Ce que vous allez créer

La popularité croissante des sushis roulés a eu pour résultat la diffusion de ce plat dans le monde entier. De nos jours, il y a tellement de variations et de remplissages que nous pouvons tous trouver quelque chose à notre goût.. 

Dans ce tutoriel, nous allons créer nos propres rouleaux et les combiner dans un ensemble d’icônes colorées. Nous allons créer une base avec des formes simples et des transformations, puis l'utiliser pour créer autant de variations que possible en remplaçant des détails distincts, comme dans un constructeur. Commençons!

1. Créer une forme de sushi roulé de base avec Nori

Étape 1

Tout d’abord, formons la partie fondamentale de notre futur rôle. Soit prendre le Outil Rectangle (M) et dessiner un même carré en maintenant la Décalage et en faisant glisser, ou double-cliquez sur le Outil Rectangle (M) dans le Outils panneau et faire un 30 x 30 px carré dans le menu contextuel. Maintenant, double-cliquez sur le Outil de rotation (R) et mettre un Angle de 45 degrés pour notre place.    

Étape 2

Basculer vers le Outil de sélection (V) et sélectionnez la forme. Prenez l'un des cercles Coins vivants marqueurs à l'intérieur de notre carré et faites-le glisser plus près du centre, en arrondissant les coins. Cette fonctionnalité est disponible uniquement dans la version CC d'Adobe Illustrator. Pour les versions antérieures, utilisez Effet> Styliser> Coins ronds avec un plus grand Rayon valeur pour rendre la forme presque ronde.

Étape 3

Garder la forme sélectionnée, allez à Objet> Chemin> Chemin décalé et mettre le Décalage valeur à 5 px, créer une forme plus grande sous la forme initiale.

Sélectionnez à nouveau la première forme et créez une autre Chemin de décalage, mais cette fois avec -Décalage de 7 px valeur, créant un plus petit carré à l'intérieur du premier.

Étape 4

Appliquez la couleur bleu foncé (# 404E69) à la forme plus grande. Ce sera la partie extérieure de notre rouleau, l'emballage nori. Remplissez la partie centrale avec du jaune clair (#FCFDDD) pour le riz et enfin colorer la partie moyenne en vert vif (# 93C13A) pour le remplissage d'avocat.

Étape 5

Ajoutons quelques détails à notre liste. Prendre le Outil Ellipse (L) et forme une ellipse écrasée représentant un grain de riz. Faire un plus sombre Accident vasculaire cérébral (# F1F2D4), met le Poids à 0,3 pt dans le Accident vasculaire cérébral panneau, et Aligner le trait sur l'extérieur. Copiez le grain plusieurs fois et étalez les copies sur la partie centrale de notre rouleau. Faire le Remplir couleur de certains grains plus légers.

Étape 6

Travaillons sur la partie intérieure du rouleau. Prendre le Outil de couteau (vous pouvez le trouver dans le même menu déroulant que le Outil Gomme (Maj-E) dans le Outils panneau) et tracez une ligne courbe à travers la forme verte, en la divisant en deux moitiés. Allumez légèrement la partie gauche.

Étape 7

Maintenant que nous avons la vue de dessus de notre rouleau, ajoutons-lui un effet isométrique afin de rendre l’article en trois dimensions. Sélectionnez toutes les parties de notre rouleau et Groupe (Control-G) leur.

Conservez une copie de ce groupe, car nous aurons besoin de certains de ses éléments ultérieurement. Sélectionnez le groupe créé et allez à Effet> Distorsion et transformation> Distorsion libre. Utilisez le Distorsion gratuite fenêtre d’options pour élargir la partie inférieure de l’image, créant ainsi la perspective.

Objet> Développer l'apparence appliquer l’effet et écraser un peu plus la forme en prenant le Outil de sélection (V) et en faisant glisser le bord supérieur de la forme vers le bas.

Étape 8

Nous devons maintenant créer le «corps» de nos sushis roulés. Maintenez Alt et Décalage et faites glisser la forme supérieure vers le bas pour créer une copie de la forme supérieure de notre rouleau. Sélectionnez le groupe du bas et utilisez le Unir fonction de Éclaireur panneau pour le transformer en une seule forme. Remplissez la forme avec une couleur plus sombre que la partie nori et Envoyer la forme retourner (Shift-Control- [ ou clic droit de la souris> Organiser> Envoyer à l'arrière).

Étape 9

Prendre le Outil Rectangle (M) et créer une forme, reliant les points latéraux des parties supérieure et inférieure de notre rouleau. J'utilise le rouge ici juste pour le rendre plus visible dans les captures d'écran. Unir la forme créée avec la partie inférieure, créant ainsi le «corps» du rouleau.

Étape 10

Copie la partie du corps et Coller il devant (Control-C> Control-F). Prendre le Outil Gomme (Maj-E) et en maintenant le Alt touche, effacez la partie gauche de la forme. Rendre le reste à moitié plus sombre, formant une ombre douce et plate.

Étape 11

Armez-vous du Outil Crayon (N) et dessinez une forme mince et légèrement incurvée. Faites plusieurs copies et placez-les sur la partie nori de notre rouleau, créant ainsi une texture..

2. Créer une forme de sushi roulé de base avec du saumon

Étape 1

Cette fois, nous allons rendre un rouleau arrondi. Créer un cercle pair avec le Outil Ellipse (L), soit en maintenant le Décalage et en faisant glisser, ou en double-cliquant sur le Outil Ellipse (L) icône dans le Outils panneau et faire un 30 x 30 px ellipse.

Utilisation Objet> Chemin> Chemin décalé avec Décalage de 5 px valeur pour créer un plus grand cercle autour de la forme initiale.

Étape 2

Créez une forme plus petite à l'intérieur avec -Décalage de 7 px valeur.

Étape 3

Ajoutons de la couleur à nos sushis! Remplissez la forme extérieure avec un ton orange doux (# F2805B) pour l’emballage du saumon, la forme du milieu est jaune clair (#FCFDDD) pour le riz et, enfin, remplir la partie interne de blanc (#FFFFFF) pour la garniture au fromage à la crème, enveloppé dans du nori (bleu foncé # 404E69). Ajoutez quelques morceaux de riz séparés, comme nous l’avions fait précédemment, pour rendre le haut de notre rouleau plus détaillé..

Étape 4

Utilisez le Effet> Distorsion et transformation> Distorsion libre fonction pour faire la forme écrasée et Objet> Développer l'apparence appliquer l'effet.

Étape 5

Commencez à former le «corps» de notre rouleau de saumon. Utilisez la copie de la partie supérieure du rouleau pour créer son bas. Alors prenez le Outil Rectangle (M) et reliez les deux parties ensemble, en créant un rectangle entre elles. 

Terminer par Unissant la partie inférieure et le rectangle dans le Éclaireur panneau, en les transformant en une seule forme. Rendre la partie du corps légèrement plus foncée que l’emballage de saumon de la partie supérieure afin de séparer ces formes les unes des autres.

Étape 6

Ajoutons quelques détails pour que le saumon de notre rouleau soit plus réaliste. Utilisez le Outil Rectangle (M) pour créer une étroite bande rose et la faire pivoter 45 degrés angle, soit en faisant tourner la forme manuellement avec le Outil de sélection (V) ou en utilisant le Outil de rotation (R).

Étape 7

Placez la bande créée au-dessus du rouleau, comme indiqué dans la capture d'écran ci-dessous, puis maintenez la touche enfoncée. Alt et déplacez la forme vers la droite pour créer une copie. presse Contrôle-D plusieurs fois pour répéter votre dernière action, créant ainsi plus de copies.

Étape 8

Groupe (Control-G) les rayures et appliquer Effet> Warp> Arc avec Courbure verticale de 15% valeur, rendant les rayures légèrement arquées.

Étape 9

Dupliquer la forme de base du "rouleau" de notre rouleau et Apporter il En avant (Contrôle-]), en le plaçant au dessus des rayures. Sélectionnez les bandes et la copie créée, faites un clic droit et Faire masque d'écrêtage, cachant ainsi les morceaux indésirables à l'intérieur du masque.

Étape 10

Utilisez le Outil de réflexion (O) retourner les rayures sur le Axe vertical. Créez une autre copie de la forme du corps du rouleau et supprimez une de ses moitiés avec le bouton Outil Gomme (Maj-E). Basculez la moitié restante sur Multiplier le mode de fusion et placez-le au-dessus des rayures, créant une ombre douce et plate.

3. Utilisez la base pour faire divers types de rouleaux

Étape 1

Nous avons maintenant ces deux formes, qui serviront de base à notre futur jeu d’icônes. Nous allons utiliser leurs pièces dans un jeu de construction, en créant différentes variations. Essayons-le!

Dupliquez le rouleau de saumon et retirez le masque d'écrêtage contenant les rayures. Maintenant, prenez le Outil de sélection directe (A) et sélectionnez les points d’ancrage inférieurs en cliquant et en déplaçant le curseur de la souris sur la zone souhaitée. Enfin, maintenez la Décalage et faites glisser les points sélectionnés vers le bas, ce qui rend la forme plus haute.

Étape 2

Supprimez la partie centrale au-dessus de notre rouleau et changez les couleurs du saumon en teintes nori bleu foncé. Ajouter des traits de texture sur le corps du rouleau.

Étape 3

Créons du caviar pour garnir le rouleau. Faire quatre cercles d'environ 10 x 10 px taille avec le Outil Ellipse (L). Ajouter des détails minuscules à certaines des pièces de caviar. Laissez les autres cercles vides afin de ne pas rendre la combinaison de ces éléments trop bruyante.

Étape 4

Placez le caviar sur le rouleau et ajoutez d’autres copies. Réorganisez les pièces en plaçant les éléments sombres à côté des éléments clairs, créant ainsi un contraste.


Étape 5

Ajoutez d'autres copies, couvrant le dessus de nos sushis roulés et créant une épaisse couche de caviar.

Étape 6

Passons à autre chose et créons un rouleau d’avocat en utilisant à nouveau la base du rouleau de saumon. Supprimez les rayures et changez les couleurs du saumon en teintes vives de vert (vous pouvez choisir les couleurs de la capture d'écran ci-dessous à l'aide de la touche Outil Pipette (I)). Diviser la garniture avec le Outil de couteau et changez les couleurs en jaune vif.

Étape 7

Pour notre prochain sushi, utilisons la base de rouleau carrée que nous avons créée au début de ce didacticiel. Recolorez la partie du corps en jaune clair pour créer une base en riz. Utilisez le remplissage du rouleau précédent en créant un centre jaune rond sur la partie supérieure. Prenez des grains de riz séparés de la forme de sushi supérieure que nous avons créée au début et placez le riz sur la forme du corps, ce qui rend le rouleau plus texturé..

Étape 8

Combinez les éléments du carré et des rouleaux ronds pour créer un nouveau type de ce plat savoureux.

Composez autant de variations que vous avez besoin. Voici six types de rouleaux que nous avons créés, en utilisant les formes de base.

Étape 9

Nous allons maintenant rassembler les sushis créés dans un ensemble d’icônes. Tout d’abord, faisons la base de l’icône, en utilisant le Outil Ellipse (L) et créer un 120 x 120 px même cercle. Faites quatre cercles et remplissez-les avec les mêmes couleurs vives que celles que nous avons utilisées pour nos rouleaux vert, orange rosé, jaune clair et jaune vif..

Étape 10

Placez nos rouleaux sur les cercles d'icônes, en combinant les couleurs contrastées. Dupliquer quelques rouleaux en créant des paires pour rendre le jeu plus rythmé et varié.

Yatta! Notre ensemble d'icônes Roulé Sushi est terminé!

Excellent travail, les gars et les filles! Vous pouvez difficilement vous arrêter lorsque vous combinez des éléments, créant ainsi de plus en plus de nouveaux rouleaux! Finissons avec 16 icônes. 

En conséquence, nous avons créé un grand ensemble coloré de délicieux rouleaux et appris à transformer des formes de base en rendant les objets isométriques. Nous avons utilisé une base simple pour créer une large gamme de types de rouleaux. J'espère que vous avez trouvé des conseils et astuces utiles pour maîtriser vos compétences. Bonne chance!