Share
Dans ce didacticiel, nous allons travailler sur une scène remplie de personnages conçue pour présenter une voiture intelligente. Nous verrons un flux de travail que j'utilise pour créer un travail à grande échelle. Vous apprendrez à guider le spectateur à travers une image, même lorsque celle-ci est remplie de personnages souriants. Vous apprendrez également à planifier et à contrôler votre processus de création de vecteurs après avoir dessiné votre image complète..
Cette pièce est ma contribution au projet OutSmart, plus de détails ci-dessous.
La photo a été développée comme ma contribution au projet OutSmart. Pour le mémoire, je devais répondre à quelques questions. Quoi et où voudriez-vous que votre voiture soit? C’est votre espace alors soyez aussi lâche ou aussi strict que vous le souhaitez, aussi réel ou aussi imaginaire que vous le souhaitez. Créez votre voiture et votre endroit idéal pour la conduire, la garer, la faire voler? Format 400x160 mm. Prévu comme une double page dans une publication. Telles sont les directives dans lesquelles ce projet a été construit. Examinons le processus de fabrication de cette illustration..
Au début, il y a le gribouillage. De petits croquis avec des vignettes permettent de se faire une idée des dimensions et des possibilités. Sans trop d'effort, les premières idées peuvent être créées. Ce faisant, j'essaie de ne pas dessiner trop en détail. Il est important que les croquis restent petits. Ainsi, vous laissez une pause à votre image pour développer l’illustration en taille réelle..
Choisissez une esquisse miniature et continuez à travailler. Les personnages et les détails ne doivent pas nécessairement être parfaitement élaborés. La dimension de l'esquisse reste encore petite. Bien que nous ayons juste à présent des espaces réservés, le dessin ressemble déjà au résultat final..
Les éléments principaux de la composition sont les rues. Ils servent de thème central au dessin. Les yeux de l'observateur sont conduits dans les rues jusqu'aux points uniques de la composition. Toutes les directions du dessin mènent à la voiture Smart à l'extrême droite. Les feux de circulation font dérailler le mouvement. Ils déjouent la rue. Ainsi, les lumières deviennent un élément important de l'image car elles décentralisent la composition et introduisent une couche supplémentaire.
La meilleure façon de créer des esquisses en grandes dimensions est de rester à l'échelle. Le dessin en grandeur réelle a l’avantage de donner une idée des dimensions et de leurs possibilités distinctes. Pour illustrer le Intelligent d'une manière convaincante j'ai acheté une voiture de jouet Smart.
Dans cette esquisse, tous les personnages sont ajoutés. Il est utile d'essayer différentes versions sur un morceau de papier disponible. Vous trouverez plus de détails sur les personnages mignons dans mon article intitulé Les éléments de la conception de personnages mignons, qui constitue une excellente introduction à la conception de personnages mignons..
Toute la ville accueille la petite voiture avec gentillesse car le véhicule ne pollue pas l'air autant que les grosses voitures. Le véhicule est respectueux de l'environnement: nuages propres et heureux, arbres souriants, créatures tranquilles dormant à même le sol. Les feux de circulation ne sont pas en vigueur pour la Voiture intelligente, comme tout le monde en ouvre la voie. Même le bulbe rouge en profite.
Scannez l'image. Il sera plus facile de tracer de petits détails si vous utilisez 300 dpi. Utilisez des niveaux de gris pour que la taille du fichier soit relativement petite. Connectez les deux parties A4 à l'aide de Photoshop. Dans Photoshop, vous pouvez apporter les dernières modifications, par exemple, vous pouvez organiser la taille ou la position d'éléments distincts. Enregistrez-le au format JPG une fois que vous êtes satisfait des résultats de cette étape..
Ouvrez Illustrator et sélectionnez Fichier> Nouveau (Commande + N) pour créer un nouveau document. Sélectionnez le format 400 x 160 mm et le mode de couleur CMJN. Dans ce mode, les couleurs sont plus faciles à manipuler. Définissez le mode grille sur 300 dpi. Sélectionnez Fichier> Importer pour placer le "sketch" jpg. Accédez à la palette des calques et créez un nouveau calque, nommez-le "travail" et définissez la couleur sur Rouge. Ce sera la couche sur laquelle nous travaillons. Si votre travail est très complexe, n'oubliez pas de nommer vos calques! Verrouille aussi le calque "Esquisse".
La séquence lors de la vectorisation est très importante. Nécessairement, il doit être planifié à l'avance. Commencez toujours à l’arrière-plan et passez au premier plan! Après, c'est une aide précieuse pour la coloration. Si la séquence d’un seul élément est mélangée, elle doit être réarrangée laborieusement.
Pour mon travail, je commence à construire toutes les formes. Plus tard j'ajoute les couleurs. Pour recréer les formes, j'utilise principalement l'outil Plume, l'outil Ellipse et la palette Pathfinder. Utilisez un trait de 0,25 pt afin que vous puissiez voir l'esquisse. Utilisez un trait noir avec des bords arrondis. N'oubliez pas qu'il est nécessaire d'être aussi proche que possible des lignes au crayon!
L'image ci-dessous montre l'ordre dans lequel j'ai construit les formes vectorielles.
Allons-y! Commencez par le calque en arrière-plan. Avec l'outil Rectangle, dessinez un carré de la taille de la zone de dessin. Plus tard, ce carré est utilisé pour restreindre des éléments individuels. Vous créez le paysage vert à l'arrière avec l'outil Plume. Essayez de vous entendre avec un nombre de points aussi petit que possible. Ainsi, les contours extérieurs ne semblent pas trop surchargés. Une fois le calque terminé, copiez-le et placez-le à l'arrière (Command + C puis Command + B). Déplacez la nouvelle forme avec les touches de direction vers le bas de la zone de dessin. Répétez ce processus avec chaque nouveau formulaire. Sélectionnez des points individuels avec l'outil de sélection directe afin de les adapter au dessin..
Pour le petit gars qui dort sur le sol, dessinez la forme la plus extrême avec l'outil crayon. Commencez par le corps, puis travaillez les bras, la tête et le visage. Dessinez la forme du corps puis les ombres des jambes. Les zones se chevauchent. Copiez la forme du corps et placez-le au-dessus (Commande + C puis Commande + F). Sélectionnez les deux formes, puis appliquez Pathfinder> Intersect ShapeArea. Appliquez la même procédure pour les yeux et la bouche. Faites glisser un cercle (maintenez les touches Alt + Maj), copiez-le et placez-le devant. Sélectionnez et déplacez le nouveau cercle: Pathfinder> Diviser pour créer une forme de demi-lune. Utilisez ces formes pour les yeux et la bouche.
Les arbres ne sont pas détaillés, car ils sont placés à l'arrière-plan. Je ne veux pas qu'ils se démarquent. Tracez un cercle pour les arbres avec l'outil Ellipse. Cliquez sur un point avec l'outil de sélection et adaptez le cercle au dessin. Les lèvres et la bouche sont dessinées avec l'outil plume.
Sélectionnez l’arbre entier et regroupez les éléments individuels (Commande + G). Tout en maintenant la touche Alt enfoncée, faites glisser l’arbre sur le côté afin de le dupliquer. Selon les besoins, vous placez le nouveau derrière ou devant la première usine. Les arbres à l'arrière devraient être plus petits. N'oubliez pas de placer des arbres isolés derrière le paysage, comme indiqué dans l'esquisse. Modifiez les faces et les formes des arbres avec l'outil de sélection directe selon vos besoins.
Bien que les nuages puissent être créés avec l'outil Plume, j'aime plutôt utiliser l'outil Ellipse. Cette méthode est plus rapide et les courbes deviennent rondes. Suivez le contour de l'ensemble en créant des cercles aux tailles requises. Appuyez sur Alt + Maj lorsque vous utilisez l’outil Ellipse pour créer des cercles parfaits. Remplir le milieu. Sélectionnez tous les cercles, Pathfinder> Zone Ajouter à la forme..
Les joues et les courbes dans le nuage sont également dessinées avec l'outil Ellipse. Faites glisser un cercle (Alt + Maj). Sélectionnez le cercle, appuyez sur Commande + C, puis sur Commande + F. Déplacez le nouveau un peu vers la gauche. Cliquez dessus avec l'outil de sélection directe et étirez-le en appuyant sur la touche Alt..
Sélectionnez les deux cercles et cliquez sur Diviser dans la palette Pathfinder. Dupliquer les formes. Placez les formulaires sur les points appropriés du nuage. Dessinez les joues avec l'outil Ellipse. Les cercles sont nécessaires pour les yeux. Copiez (Commande + C puis Commande + F) et réduisez-les (Alt + Maj). Sélectionnez les deux et appuyez sur Diviser dans la palette Pathfinder. Pour construire une seconde boucle, copiez la première et réduisez-la (Command + C puis Command + F).
Pour les gouttes de pluie, tracez un cercle (appuyez sur les touches Alt + Maj). Cliquez sur le point supérieur avec l'outil de sélection directe, étirez-le et modifiez-le en une marque de coin avec l'outil de conversion. Dupliquer et placer les gouttes dans le dessin. Sélectionnez et copiez le nuage complet avec les gouttes de pluie (Commande + C puis Commande + F). Déplacer le nouveau nuage vers la droite.
Dans le processus de conception de la ville, il est important de ne pas perdre le fil en termes de séquence. Encore une fois, vous commencez avec le fond. Commencez avec le soleil et continuez avec les maisons. Toutes les formes des maisons sont construites avec l'outil Plume. Les formes des fenêtres sont également dessinées avec l'outil Plume.
Ensuite, copiez ce formulaire et placez-le devant le premier (Command + C puis Command + F). Copiez la fenêtre inférieure et sélectionnez les nouveaux formulaires. Dans la palette Pathfinder, appuyez sur Diviser. Continuez cette procédure pour les entrées. Enfin, vous dessinez le nuage à l'arrière de la ville de manière à ce qu'il chevauche les maisons à l'avant (étape 11)..
Le prochain à construire est un personnage en bois qui tire son origine de mon imagination. Il a une goutte de pluie propre sur la tête et un hippopotame à la main. Toutes ces figures sont essentiellement créées avec l'outil Plume. Faites attention à la séquence! Commencez avec le bras gauche du type en bois et continuez avec les jambes, le torse et le bras du côté droit.
En ce qui concerne la tête, vous commencez avec la branche se trouvant dans le dos et vous efforcez-vous de la forme de la tête. Comme cela a été décrit dans les étapes précédentes, vous utilisez l'outil Ellipse pour créer les joues (utilisez les outils Pathfinder si nécessaire). La partie supérieure de la tête est également dessinée avec l'outil Ellipse. Pour créer les boucles, utilisez la même procédure que celle décrite à l'étape 11. Pour l'hippopotame, vous utilisez également l'outil Plume..
Regardons comment dessiner les lunettes de gouttes de pluie. Créez les lunettes de la goutte de pluie avec l'outil Plume. Commencez par les lentilles, puis vous travaillerez sur la monture de lunettes. Pour cela, vous ajustez les paramètres de contour. 2 points sont nécessaires pour cela. Assurez-vous de serrer les formulaires. Sélectionnez-les en maintenant la touche Maj enfoncée, puis sélectionnez Objet> Chemin> Contour. Sélectionnez les trois formes de devant des lunettes, puis utilisez l'outil Pathfinder Unite. Maintenant, vous pouvez modifier certains détails, par exemple les cadres, avec l'outil de sélection directe..
La procédure de dessin du nuage au premier plan est décrite à l’étape 11. Pour le cône, vous devez d’abord en dessiner la forme inférieure. Dessinez un carré avec l'outil Rectangle (Alt + Maj). Appliquez maintenant Effet> Styliser> Coins arrondis et entrez 1 mm pour arrondir les coins. Avec l'outil de sélection directe, vous adaptez le carré au dessin. Sélectionnez Command + C et Command + B, déplacez-le vers l’avant et légèrement vers la gauche pour que la surface apparaisse en trois dimensions..
Dessinez le triangle supérieur avec l'outil Plume. J'avais l'habitude de tracer les lignes en 6 points. Dupliquez-le deux fois. Convertissez les chemins en un formulaire (Objet> Chemin> Contour). Maintenant, vous sélectionnez le triangle, copiez-le et placez-le devant le précédent (Commande + C puis Commande + F). Sélectionnez une ligne et ce nouveau formulaire, puis appuyez sur Zone de forme intersection dans la palette Pathfinder. Répétez cette étape pour les deux autres.
Dessinez les rues avec l'outil Plume. Copiez-les et placez les nouveaux décalés par rapport au précédent (Commande + C puis Commande + B). Ce faisant, les rues obtiennent une épaisseur de mur.
La création de l'arc-en-ciel est similaire. Tout d'abord, vous construisez le formulaire le plus à l'extérieur, le copiez et placez le nouveau au premier plan. Avec l'outil de sélection directe, vous adaptez le formulaire au dessin. Copiez le formulaire inférieur et placez-le à l'avant. Sélectionnez les deux formes et appuyez sur Zone de intersection dans la palette Pathfinder. Continuez cette procédure jusqu'à ce que toutes les bandes soient terminées.
Pour l’arc-en-ciel à l’arrière, faites glisser un cercle (Alt + Maj), puis copiez-le et placez-le devant. Tirez-le pour rencontrer la ligne de crayon. Copiez le premier cercle et placez-le devant (Command + C puis Command + F). Sélectionnez les deux cercles, puis appliquez Diviser dans la palette de Pathfinder pour découper cette forme. Maintenant, répétez les premières étapes pour construire les rayures arc-en-ciel.
Les piétons amis sont créés avec les mêmes techniques que les éléments précédents. Une fois encore, vous utilisez le stylo et l'outil Ellipse. Commencez par le corps, puis par la tête et enfin le chapeau. Ce faisant, je procède de figure en figure de l’arrière vers l’avant.
Pour dessiner la voiture la plus en arrière, vous commencez à faire glisser des cercles sur les roues avec l'outil Ellipse. Ensuite, vous dessinez la forme entière, le toit, le capot et les fenêtres. Répétez la procédure pour dessiner la voiture à l'avant. Couper les fenêtres avec les outils Pathfinder.
Ici, l'outil Plume est principalement utilisé. Commencez par le poste de feux de circulation. Après cela, vous ajoutez un type de grande boîte, des lumières et des abat-jour. La tâche du petit homme vert à droite est de rendre la grande surface plus intéressante.
Supposons que vous dessiniez d'abord la partie inférieure de la rue à droite avec l'outil Plume. Construisez la partie la plus haute sous forme de formulaire complet qui doit être élaboré avec des détails lors de l'étape suivante. Après cela, construisez le fantôme intelligent et la partie droite de la rue.
Cela semble difficile, mais il est créé avec les mêmes procédures que tous les autres éléments de la photo. Ne perds pas le fil! Commencez par la plupart des pièces arrière, le capot et les sièges. Ensuite, vous continuez avec les chiffres et les pneus. Le côté gauche de la voiture est aligné avec les pièces avant et le bouclier avant.
Maintenant, le dessin complet est vectorisé. C'est l'heure des couleurs!
La troisième partie après le dessin et la vectorisation est la coloration et l’ajout d’ombres et de dégradés. Vous pouvez gagner du temps si vous ajoutez les couleurs après avoir construit l'image.
Pour la coloration, j'utilise plutôt ma propre palette de couleurs que j'ai développée au fil du temps. Les couleurs doivent paraître pâles à l'arrière-plan. Utilisez plus de bleu que de jaune. Des couleurs chaudes comme le rouge, le jaune et le brun poussent vers l'avant et renforcent la perspective lorsqu'elles sont utilisées correctement. Alors coloriez les formes au premier plan avec des tons chauds.
Commencez par les grandes surfaces comme le ciel et le paysage pour déterminer l’atmosphère de la photo. Continuez avec les rues, l'arc-en-ciel, les feux de signalisation, etc. Les formes simples ont toujours un contour de 0,25 pt.
Lorsque toutes les formes sont colorées, je supprime les contours de contour. Vous pouvez maintenant voir si les contrastes sont suffisamment intenses. Dans ce cas, des ombres noires peuvent être ajoutées ou les couleurs peuvent être ajustées.
Définissez la transparence sur Multiplier et l'opacité sur un maximum de 65%. Je rafraîchit des taches peu convaincantes avec des dégradés de couleurs pour faire allusion à la tridimensionnalité.
Voici l'illustration finale et vous pouvez voir la version agrandie ici.
Accentsconagua