Share
Dans mon dernier tutoriel, je vous explique comment créer un verre à cocktail à partir de zéro. Ce tutoriel est destiné aux illustrateurs intermédiaires. J'ai abordé ce projet en faisant un rapide croquis dessiné à la main du verre et de ses éléments, juste pour décomposer l'illustration en différentes étapes, puis je l'ai construit dans Illustrator, que couvre ce tutoriel. Allons-y!
Vous trouverez ci-dessous l'image finale sur laquelle nous allons travailler. Vous voulez accéder à l'intégralité des fichiers Vector Source et aux copies téléchargeables de chaque didacticiel, y compris celui-ci? Rejoignez Vector Plus pour seulement 9 $ par mois.
Créez un nouveau calque et appelez-le "Verre". Faites un dessin rapide avec votre outil crayon pour créer une moitié du verre; remplissez-le de noir et pas de trait. Dupliquez la forme, réfléchissez-la horizontalement et accrochez-la à la première moitié.
Sélectionnez les deux formes et unissez-les avec l'option du panneau Pathfinder. Sélectionnez le verre et donnez-lui un gradient linéaire en trois étapes avec: K = 8 à 0%, CMJN = 15, 0,35,8 à 72% et K = 8 à 100%..
Faites une ellipse pour former l’ouverture du verre. Remplissez-le avec un dégradé linéaire allant du blanc au noir, sans trait, puis réglez-le sur le mode de fusion à l'écran et réduisez l'opacité à environ 55%..
Vous pouvez jouer avec les réglages pendant un certain temps jusqu'à ce que vous obteniez la configuration appropriée pour votre verre. Ensuite, tracez quelques points forts sur le même calque pour mieux définir l’ouverture. Utilisez un dégradé comme indiqué ci-dessous pour estomper les hautes lumières aux extrémités et laisser des hautes lumières spéculaires à quelques endroits. Voilà pour le verre, passons au fluide.
Sur un nouveau calque appelé "Fluide", créez une forme suivant les bords du verre. Remplissez-le avec un gradient linéaire de K = 100 à 0%, de couleur blanche à 35% et de K = 100 (avec l'opacité définie à 20%) à 100%. Cet effet m'a donné une belle réflexion frontale qui s'est estompée bien à droite.
Ensuite, donnez au fluide un éclat intérieur défini sur Écran avec une couleur blanche, une opacité de 100% et un flou de 100 pixels défini sur Edge. Enfin, réglez toute la forme du fluide sur le mode de fusion Lighten et réduisez l'opacité à 55%..
Il est tout à fait difficile de créer un fluide presque transparent dans un verre blanc tout en conservant un aspect fidèle et crédible. N'hésitez donc pas à expérimenter les paramètres, les dégradés et les modes de fusion..
Bien que notre forme de fluide soit complète, le fluide n'est pas presque prêt. J’ai l’intention de mettre des glaçons, des sources de menthe et du soda club; tout cela va affecter l'aspect final du fluide.
Faire des glaçons dans Photoshop est facile, mais les faire dans Illustrator était un défi et une expérience totalement différents dans ma carrière de plus de 10 ans dans le graphisme et l'illustration. J'ai regardé des photographies de référence en ligne, mais c'étaient toujours des photos.
Tous les glaçons vectoriels que j'ai trouvés avaient l'air trop caricaturaux. J'avais besoin de quelque chose qui avait l'air à la fois photoréaliste et qui soit toujours une illustration. Il devait également correspondre à l'aspect général de la boisson. J'ai donc décidé de dessiner moi-même les cubes sans utiliser d'images de référence. L'image suivante montre les étapes de mes glaçons, ainsi que la forme du cube, les reflets, les ombres et quelques reflets spéculaires..
Créons un nouveau calque et appelons-le "Glace". J'ai placé les deux cubes dans le verre, puis dupliqué et pivoté individuellement. J'ai placé le gros dessus - comme s'il nageait à la surface. Pour finir la forme du fluide, j'ai créé une ellipse et l'ai placée derrière la glace, puis j'ai joué avec un dégradé noir sur blanc pour donner un aspect correct..
J'ai gardé mon calque "Ice" au-dessus de mon calque "Fluid", car j'ai remarqué que les ombres de la glace ne sont pas belles si je place le "Ice" sous le "Fluid". Maintenant, ça ne semble pas bien du tout et les glaçons sont juste assis là, mais tout cela va bientôt changer.
Il est temps de faire les printemps à la menthe. Sur un nouveau calque appelé "Ressorts", tracez la forme de base de la feuille. Pour le remplissage, j'ai utilisé un dégradé linéaire complexe avec quelques nuances de vert différentes, puis l'a tourné à -20 degrés.
J'ai ajouté un éclat interne avec une couleur vert plus foncé sur Multiplier, une opacité de 50% et un bord flou de 5 pixels. Je voulais que le ressort suive la forme ovale du verre à l’intérieur et ne reste pas suspendu, alors j’ai coupé la partie droite de celui-ci. Ensuite, j'ai créé des formes avec l'outil Crayon pour les parties les plus sombres de la feuille..
J'ai expérimenté des dégradés de blanc à noir et différentes opacités. Mon but était de créer des zones sombres très subtiles à l'intérieur de la feuille. Enfin, je règle les formes sur un mode de fusion multiplié et réduit chaque opacité individuellement.
Continuons avec la feuille. Ici, j'ai utilisé l'outil Plume pour dessiner les parties intérieures de la feuille. Encore une fois, pour éliminer l'aspect plat, j'ai utilisé des dégradés et certains Inner Glow avec un vert plus clair. Il commence à ressembler à une feuille, n'est-ce pas.
Je pensais avoir besoin de quelques détails ici pour donner de la complexité à toute la forme. J'ai donc utilisé l'outil Crayon pour dessiner librement des lignes d'un vert plus clair, presque jaune. Je voulais donner aux lignes une profondeur douce mais visible; Je leur ai donné une ombre portée de couleur noire définie sur Multiplier, avec un très léger décalage en X et en Y de 0,5 pixel et aucun flou. Enfin, j'ai abaissé le trait à 0,75 point.
En utilisant la même technique, j'ai fabriqué des ressorts de menthe supplémentaires. J'ai expérimenté des couleurs vert clair, des ombres plus sombres et des dégradés complexes. C’était la partie la plus longue de l’illustration, car je devais aborder chaque printemps sous un angle différent, utiliser d’autres couleurs et dégradés, et ainsi de suite. Au final, je me suis contenté de cinq ressorts allant du haut vers le bas du verre.
Chaque Mojito a besoin d'un citron vert ou de citron vert. J'ai décidé d'y aller avec un citron vert et de conserver ma palette d'images en vert et en jaune désaturé. Éteignons tout et ne laisse que le verre.
Sur un nouveau calque appelé "Chaux", tracez un contour rapide de la chaux. J'ai fait très attention à suivre le bord du verre. J'ai séparé le trait et remplir pour la forme de la chaux et coloré le trait avec un très vert-jaune clair (CMYK: 11, 3, 73, 0). Pour le remplissage, j'ai utilisé les couleurs CMJN de: 2, 2, 12, 0. J'ai ajouté un éclat intérieur au remplissage avec les paramètres indiqués ci-dessous..
Donnons un peu de perspective à la chaux. Pour ce faire, dessinez une forme qui suit le bord de la chaux et qui entre. Appliquez un dégradé linéaire allant du vert plus foncé à une couleur plus claire de la chaux..
Il est temps de mettre la dernière main à notre morceau de citron vert. Nous avons besoin d'un autre remplissage qui représente la partie interne de la chaux et s'estompe aux deux extrémités. Dessinez une forme rapide en suivant à nouveau les bords du verre et appliquez un dégradé.
J'ai également fait quelques traits avec l'outil Crayon à l'intérieur de la lime pour ajouter quelques détails, comme je l'ai fait dans les sources à la menthe. Je voulais qu'ils soient très subtils, alors j'ai défini la couleur de trait sur CMJN de: 6, 2, 36, 0. Ensuite, j'ai ajouté un bleu gaussien de 2 pixels et les ai réglés en mode de fusion éclaircie..
Vous avez probablement déjà vu comment le verre déforme les objets en arrière-plan. Nous devrions donc maintenant avoir une partie déformée de la chaux. J'ai dessiné une forme et l'ai placée juste sous l'ouverture du verre.
J'ai appliqué un dégradé et ajouté une petite forme à gauche et l'ai coloré en vert foncé. J'ai regroupé les deux formes et leur ai donné un flou gaussien de 5 pixels. Nous avons maintenant une partie de la chaux déformée par le verre. La chaux est finie!
Résumons. Jusqu'ici, nous avons cinq couches: "Chaux", "Ressorts", "Glace", "Fluide" et "Verre". Voyez comment les sources de menthe ont pris soin des glaçons qui étaient juste assis là. La façon dont les ressorts recouvrent les cubes, vous ne pouvez pas dire que les cubes sont juste deux et ont été dupliqués et tournés. C’est un bon exemple de planification et de croquis initiaux.
Lorsque j'ai pris la commande du client et que je réfléchissais au concept, quelque part dans mon esprit, je savais que je devais faire face à la transparence et aux objets translucides. Parfois, vous rencontrez des problèmes avec les modes de fusion lorsque vous ne faites pas attention à l'ordre des calques. J'ai donc fait le croquis en conséquence et couvert quelques endroits problématiques avec les ressorts, car le temps était très court, mais le concept n'était pas figé et pouvait faire l'objet d'une interprétation..
Simulons le soda en ajoutant des bulles à la boisson. J'ai créé un nouveau calque "Bulles" par-dessus mon calque "Glace" et décidé de créer un pinceau personnalisé. J'ai créé un cercle de couleur verte désaturée. Lorsque le cercle est sélectionné, je décale le chemin: Objet> Chemin> Chemin décalé. Je lui ai donné un décalage de -5 pixels. J'ai coloré le cercle intérieur en blanc.
Maintenant mélangeons les deux. Faites glisser le nouveau cercle dans la palette Formes. Choisissez Nouvelle brosse à dispersion et entrez les paramètres ci-dessous. Tracez maintenant une ligne courbe à l’intérieur du verre. Enfin, réglez l’opacité des bulles (la ligne) à environ 70%.
Enfin, je suis passé à créer des reflets sur le verre. J'ai créé un nouveau calque "Reflections" par-dessus tous les autres. J'ai créé quelques formes et les ai remplies d'un dégradé linéaire allant du blanc au noir, d'un mode de fusion à l'écran et d'une opacité réduite à environ 50%..
En fin de compte, le verre à cocktail fini a dépassé mes attentes et j'ai fait quelques exemples supplémentaires pour mon client. J'espère que vous avez apprécié ce tutoriel et que vous pouvez laisser des questions ou des commentaires ci-dessous, ou me contacter.
Abonnez-vous au fil RSS Vectortuts + pour rester au courant des derniers tutoriels et articles sur les vecteurs.
Accentsconagua