Share
Ce que vous allez créerBonjour, chers amis des icônes, le conseil rapide d’aujourd’hui éclaire le processus de création d’icônes convaincantes dans Adobe Illustrator. En tant que sujet de notre petite étude de cas, j'ai choisi un fruit, plus précisément une fraise, que nous aurons trempé dans du chocolat..
J'ai choisi l'image de référence dans la grande bibliothèque d'images de PhotoDune. Elle se trouve sur cette page..
Comme pour tout autre projet, la première chose à faire lorsque vous devez créer quelque chose est d’apprendre sur le sujet. Recherchez des images et des définitions et découvrez ce qui fait vibrer le sujet..
Le skeuomorphisme est basé sur la détermination des caractéristiques que la conception doit prendre pour que l'objet puisse représenter sa contrepartie physique aussi précisément que possible..
Pour notre étude de cas, nous devons décaper une fraise et en apprendre davantage sur sa structure de base et ses composants..
Prononcez le mot fraise et je parie que presque tout le monde sur cette planète pensera à la couleur rouge. Mais attendez, les fraises ne sont pas complètement rouges! Ils ont des feuilles vertes et des dizaines de petits akènes aux graines d'or.
Conseil rapide:Recherchez différentes images sur Internet et enregistrez celles qui, à votre avis, ont les teintes de rouge les plus attrayantes, car nous pouvons utiliser Illustrator's Outil Pipette emprunter et appliquer ces couleurs à nos œuvres.
Lorsque je pense à la forme réelle qui définit une fraise, un contour particulier me vient à l’esprit: un cœur. Non, pas un de ces boombox que nous portons dans notre poitrine, mais plutôt le symbole que nous associons à la sollicitude et à l'amour, ce qui explique probablement pourquoi les fraises sont si profondément associées à l'amour et à la passion (rappelez-vous la Saint-Valentin).
Au début, vous pourriez penser que la forme du sujet n’est pas importante, mais lorsque vous commencez à regarder comment la lumière rebondit, vous vous rendez compte que savoir et pouvoir visualiser et reproduire cela dans votre dessin est probablement le plus difficile. chose à faire.
D'un point de vue anatomique, la fraise est composée d'un corps principal charnu (le réceptacle) qui abrite les petites graines (akènes). Au sommet se trouvent les feuilles (calice) et le pédoncule. Parce que notre icône sera basée sur une forme de rectangle arrondi, les seules choses que nous devons représenter sont le réceptacle, les akènes et le calice..
Lorsque vous travaillez sur une icône, que ce soit une fraise ou quelque chose de complètement différent, essayez toujours de commencer avec la plus grande taille possible (la plupart du temps c'est l'icône du marché / du magasin - 1024 x 1024 px pour iOS et 512 x 512 px sur Android ).
Pourquoi? Eh bien, lorsque vous réduisez la taille des icônes, vous constaterez peut-être que certaines parties de l’œuvre doivent être soit ajustées, soit complètement supprimées, car le fait de restreindre toute cette information sur un espace très limité risque d’affecter le spectateur. compréhension du sujet représenté dans la représentation.
Si vous voulez que les choses se passent bien et que vous souhaitiez un contrôle complet sur chaque élément de votre Artboard, vous devez toujours créer des calques pour chaque section de la conception..
Si vous regardez mes calques, vous verrez que j'ai séparé la forme de base de mon icône des reflets, des graines du corps, etc., de sorte qu'à tout moment je sache où sont mes éléments. En outre, surtout, si je dois obtenir quelque chose pour mieux voir une section située en dessous, je peux le faire simplement en cachant cette couche, sans avoir à craindre que, d'une manière ou d'une autre, j'ai supprimé ou déplacé des parties de l'illustration le long du chemin.
Lorsque vous commencez à créer un projet, vous devez comprendre que la création d'une œuvre d'art complexe commence par des blocs de construction de base. C'est le cas de notre icône, où vous commencez par définir la forme et la couleur de base de la fraise. Celles-ci serviront de fondement, sur lequel nous ajouterons des détails, une couche à la fois..
Créer un rectangle arrondi de 512 x 512 avec un Rayon de coin de 96 px. Colorez-le avec # F01A08 puis assurez-vous de le centrer verticalement et horizontalement par rapport à l'Artboard à l'aide du bouton Aligner panneau.
Créez une graine de base en utilisant le Outil Ellipse (L) et dessiner un 80 x 120 px forme qui agira comme la poche intérieure contenant la graine. Coloriez-le en utilisant une teinte rouge plus foncée (# DB1808). Créez deux doublons puis, en déplaçant celui du haut vers le bas, créez deux sections en sélectionnant, puis en utilisant Éclaireurde Minus Front option.
Coloriez les formes obtenues en utilisant des nuances de rouge plus sombres. Créez ensuite deux ellipses intérieures qui agiront comme notre graine réelle. Les colorer en utilisant # DF984D pour la plus grande section et # E7D5A0 pour le plus petit, intérieur. Ajoutez des ombres et des rehauts, puis regroupez tous les éléments.
Une fois que vous avez commencé à travailler sur les graines de l'icône, vous devez créer de nombreuses variations, car vous devrez en ajouter de plus grandes au centre et de plus petites aux extrémités afin de donner à votre conception une impression de dimension et de volume. Essayez également de faire pivoter certaines des plus petites graines extérieures vers l’intérieur..
En utilisant le Outil stylo (P), commencez à tracer quatre feuilles en veillant à attirer les plus grandes vers l’intérieur et les plus petites vers les bords. Une fois que vous avez créé la forme de base, commencez à ajouter des veines et des fins, puis terminez la feuille de base en ajoutant quelques points saillants..
Toujours en utilisant le Outil stylo (P), tracez une ligne en forme de vague et terminez-la en une forme qui fera office de section de chocolat. Vous devez savoir que vous pouvez sortir de la forme de base de la fraise et masquer les parties inutiles à l'aide d'un Masque d'écrêtage.
Appliquer un linéaire Pente à la forme résultante, la couleur gauche étant réglée sur # 69533F et le droit à un peu plus sombre # 211B13. Changer l'angle de la Pente à -90 et vous êtes prêt à partir.
Les dégradés sont un outil fondamental pour créer des icônes réalistes. Essayez de jouer avec différentes couleurs, paramètres, Opacité les niveaux et surtout Modes de fusion pour tirer le meilleur parti de votre design.
J'ai par exemple construit la base de la fraise en laissant seule la forme rouge principale et en appliquant deux dégradés de blanc à noir avec le Mode de fusion mettre sur Recouvrir et le Opacité niveaux abaissés à environ 54% pour le second, alors que je laissais le premier à 100%. Les transitions ne sont peut-être pas aussi perceptibles, mais le résultat final est clairement là.
Utilisez des zones dures pour la section inférieure de la graine, la section supérieure du chocolat et les feuilles, tout en appliquant des pâles décolorations linéaires plus douces au corps de la fraise. Pour obtenir ce look plus doux, il suffit de sélectionner la surbrillance, d’ajouter une Pente avec du blanc pour les deux couleurs, puis ajustez simplement le Opacité niveaux pour chacun.
Partout où vous devez projeter une ombre d’une partie de l’icône à une autre, utilisez toujours la Ombre portée effet (Effet> Styliser> Ombre portée) en lui donnant, selon votre goût, une sensation plus dure ou plus douce.
Appliquez des textures de grain d'aspect subtil aux parties du dessin qui semblent trop plates, telles que les feuilles et le chocolat. Vous pouvez trouver l'effet sous Effet> Texture> Grain. Jouez avec ses différents réglages jusqu'à ce que vous trouviez quelque chose que vous aimez.
C'est à peu près ça! Si vous gardez à l’esprit toutes ces petites choses, vous devriez être capable de créer une icône de la fraise sacrément bonne, mais surtout d’adapter certaines des astuces à d’autres projets..
Accentsconagua