Share
Ce tutoriel montrera comment créer un jeu d’icônes de la cuisine chinoise. Ce tutoriel nécessite une maîtrise généreuse des outils d'Adobe Illustrator. Explorons ce didacticiel de conception d'icônes délicieux, qui comprend de nombreuses techniques d'illustration vectorielle.
Vous trouverez ci-dessous la conception finale sur laquelle nous allons travailler.
Commencez par dessiner un rectangle à l'aide de l'outil Rectangle (M). Déplacez les deux points inférieurs vers l'intérieur en les sélectionnant à l'aide de l'outil de sélection directe (A)..
Pour créer rapidement les qualités 3D, nous allons utiliser la fonction d'extrusion 3D d'Illustrator. Allez à Effet> 3D> Extruder et biseauter… Entrez les chiffres ci-dessous pour obtenir un aspect similaire. En fonction de votre dessin, vous devrez peut-être modifier légèrement les chiffres ci-dessous. Cliquez sur OK une fois que le résultat vous convient.
Afin de travailler avec l'objet, vous devrez d'abord le développer et le dissocier. Allez à Objet> Développer l'apparence. Ensuite, allez à Objet> Dissocier. Continuez à dissocier l'objet jusqu'à ce que vous puissiez sélectionner chaque forme individuelle qui le compose. Donner à chaque côté de la boîte une couleur à plat qui sera similaire à la couleur finale de la boîte.
C’est le moment idéal pour penser à l’origine de votre source de lumière. J'ai décidé que la lumière viendrait du haut à gauche, donc, le côté droit de la boîte a une couleur plus sombre. Gardez ce concept à l'esprit lorsque vous travaillez avec d'autres éléments pour que tout soit cohérent.
Pour créer les rabats et les plis de la boîte, nous allons simplement dessiner les formes dont nous avons besoin à l'aide de l'outil Plume (P). Tracez une ligne au centre de la partie supérieure de la boîte avant de commencer à créer les autres formes. Cela facilitera la symétrie des volets.
Remarque: il sera plus facile de verrouiller la forme de la boîte principale avant de dessiner les autres formes dessus. Cela vous évitera de cliquer par inadvertance sur des formes que vous ne souhaitez pas. Pour verrouiller un objet, appuyez sur Commande + 2..
Dessine l'autre volet maintenant.
Dessinez les rabats triangulaires sur le côté.
Faites une copie de l'avant de la boîte et laissez-la sur le côté pour une utilisation ultérieure..
Vous pouvez attribuer aux volets situés en haut et sur les côtés un rapide dégradé linéaire afin de les distinguer des autres formes. Cependant, la surface la plus visible ayant plus de détails et de rendu, nous utiliserons l'outil de maillage de dégradé (U) pour nous permettre de créer un aspect plus complexe.
Lors de l'ajout de points avec l'outil de maillage en dégradé, il est important de ne pas créer trop de points inutiles. Pour rationaliser la quantité de points que vous faites, suivez l'exemple ci-dessous.
Cliquez au centre d'abord (1). Cliquez ci-dessus et à gauche (2). Les points 3 et 4 sont automatiquement ajoutés à la suite du clic 2. Enfin, cliquez en bas à droite, là où se trouvent les deux cercles bleus. Tous les autres points seront automatiquement placés. Si possible, ajoutez des points directement sur les lignes rouges pour éviter de créer plusieurs points de plus que nécessaire.
Utilisez l'outil de sélection directe pour sélectionner une ligne de points et leur donner une couleur plus sombre. Si vous faites glisser de nouvelles couleurs dans la palette de couleurs au fur et à mesure que vous les créez, cela peut aider à conserver une couleur uniforme dans l'ensemble de la pièce. De cette façon, vous ne devinez pas quelle couleur vous avez utilisée sur un point précédent.
Donnez un dégradé au sommet de la boîte en utilisant également l'outil Maillage de dégradé. Étant donné que les volets recouvrent une partie du sommet, vous devrez peut-être ajuster les points et les poignées (entourés d'une ligne en pointillé). A l'aide de l'outil de sélection directe, faites glisser les points et les poignées pour obtenir le dégradé positionné au bon endroit. Déplacez les points et les poignées pour obtenir facilement le dégradé que vous souhaitez..
Le côté de la boîte peut être ombré avec un dégradé radial.
Donnez une ombre portée à chacun des volets en sélectionnant Effet> Styliser> Ombre portée… Assurez-vous de sélectionner une couleur proche de celle de votre cadre. Par exemple, ma boîte contient des nuances de vert et j'ai donc choisi un vert foncé pour l'ombre. Cela l'aide à se fondre un peu mieux que d'utiliser du noir.
Voici à quoi devrait ressembler votre boîte.
Ajoutez du texte d'inspiration asiatique à votre conception. Vous pouvez trouver des polices cool et intéressantes gratuitement sur dafont.com.
Utilisez les mêmes variables que vous avez utilisées à l'étape 2, à l'exception de l'ajout d'une profondeur d'extrusion. Gardez ce nombre à 0 et cliquez sur OK.
Pour ajouter de la couleur à votre texte, allez à Objet> Développer l'apparence. Ensuite, allez à Objet> Dissocier. Dissociez continuellement l'objet jusqu'à ce que vous ne puissiez plus le dissocier. Maintenant, vous pourrez donner au texte un dégradé dynamique. Notez que mon dégradé passe d'un rouge vif à une couleur légèrement plus sombre..
Prenez la forme que vous avez mis de côté. Nous allons utiliser cela pour faire une réflexion sur le devant de la boîte. Dessinez une autre forme qui traverse la forme de la boîte. À l’aide de Pathfinder, cliquez sur Diviser. Dissocier et supprimer les autres formes dont vous n'avez pas besoin.
Positionnez le reflet sur la boîte et le texte. Donnez-lui un dégradé de vert foncé à blanc et réglez-le sur Multiplier dans la palette Transparence..
Créez une mise en valeur subtile en rendant floue une forme ovale en sélectionnant Effet> Flou> Flou gaussien…
Voici à quoi devrait ressembler votre icône.
Pour créer la forme de base du biscuit de fortune, tracez une ellipse à l'aide de l'outil Ellipse (L)..
Ajoutez deux points des deux côtés du bas de l'ellipse à l'aide de l'outil Ajouter un point d'ancrage (+)..
Utilisez l'outil de sélection directe pour déplacer le point central au milieu de l'ellipse..
Une fois que vous faites pivoter l'ellipse, vous souhaiterez la condenser verticalement. Cependant, puisque l'objet a été pivoté, vous ne pourrez pas le condenser proportionnellement sans d'abord accéder à Objet> Transformer> Réinitialiser le cadre de sélection..
Maintenant, condensez légèrement la forme.
À ce stade, vous avez la forme générale du biscuit de fortune. Vous pouvez maintenant dessiner à main levée les autres éléments pour améliorer et compléter le cookie..
Ajoutez de l'ombrage au cookie en lui donnant le point de maillage à l'aide de l'outil de maillage de dégradé. L'ajout de points de maillage à des objets plus complexes aura tendance à produire des angles et des courbes inattendues. Encore une fois, ajustez les points et les poignées à l'aide de l'outil de sélection directe. Ne vous inquiétez pas pour chaque détail d'ombrage. Vous pouvez utiliser le filet de dégradé pour l’ombrage de base et passer à l’étape suivante pour ajouter un ombrage plus détaillé..
Un moyen facile de contrôler plus précisément l'ombrage consiste à dessiner une forme de base sur le dessus de votre objet et à la rendre floue en sélectionnant Effet> Flou> Flou gaussien… Cette technique fonctionne bien pour les reflets et les ombres..
Ajoutez le message qui sort du cookie de la fortune en traçant un simple rectangle, puis déformez-le en allant dans Objet> Distorsion de l'enveloppe> Créer avec Warp…
Allez à Objet> Développer et appuyez sur OK dans la boîte de dialogue résultante. Vous pouvez maintenant donner à la forme un léger dégradé et une ombre portée.
Placez le biscuit de fortune où vous le souhaitez. Dupliquez-le et réfléchissez-le en double-cliquant sur l'outil de réflexion (O). Donner aux deux biscuits de fortune une ombre portée pour compléter cet élément.
Les baguettes peuvent être faites en utilisant la forme d’ellipse comme point de départ.
Déplacez le point haut vers le bas, à l'aide de l'outil de sélection directe, jusqu'à ce qu'il atteigne le bout de la poignée pour les points latéraux.
Faites glisser un guide vertical sur la page au centre de la forme d’ellipse. Placez un rectangle en commençant par le guide. Divisez la forme en utilisant le Pathfinder et éliminez les morceaux inutiles.
Utilisez l'outil de sélection directe pour soulever légèrement le point en surbrillance, ce qui donnera à la forme l'aspect d'une baguette.
Allez à Effet> 3D> Extruder et biseauter… Entrez les variables ci-dessous ou modifiez-les en fonction de votre style si nécessaire. Cliquez sur OK lorsque vous avez terminé.
Mettez en valeur les baguettes en dessinant une forme longue et blanche fine et flouez-la en allant dans Effet> Flou> Flou gaussien…
Copiez et collez le bâtonnet et superposez-les. Indiquez la zone qui recouvre une ombre en en dessinant une manuellement à l'aide de l'outil Plume (P)..
Aucune nourriture chinoise n'est complète sans un peu de graisse! Créez une tache de graisse d'aspect naturel à l'aide de l'outil Crayon (N). Utilisez le Pathfinder pour vous débarrasser de toutes les formes inutiles. Définissez le mode Multiplier dans la palette Transparence ou ajustez l'opacité des taches si vous le souhaitez..
Créez une ombre qui s'étend vers le bas et vers la droite. Notez que l’ombre ne dépasse pas la ligne pointillée, ce qui indiquerait que la source de lumière est directement derrière l’icône, ce qui n’est pas le cas..
Tracez également des ombres pour les baguettes.
Vous venez d'apprendre à créer un jeu d'icônes de la cuisine chinoise. Creuser!
Accentsconagua