Comment transformer une esquisse en une illustration vectorielle de gros chat

Ce tutoriel a pour but de vous guider du carnet de croquis à l’écran; un "gros chat" griffonné avec un stylo bille traduit en une caricature de vecteur soignée. Une connaissance intermédiaire d'Adobe Illustrator est conseillée. Voyons comment créer une illustration de chat effronté - du concept initial au bien vectoriel.

Aperçu de l'image finale

Vous trouverez ci-dessous la conception finale sur laquelle nous allons travailler.

Préambule

Parlez à n'importe quel illustrateur et ils prêcheront la signification du dessin. Les médias que vous utilisez ne sont pas pertinents, vous pourriez griffonner sur vos rideaux de salon avec du ketchup à la tomate, peu importe. L'important est qu'en dessinant, vous puissiez visualiser et développer vos idées rapidement. Voici un article utile sur Esquisser dans le processus de conception.

Votre capacité à dessiner est plus pertinente, bien que la nature du croquis signifie que par la pratique et le raffinement, vous ne ferez que l’améliorer. Ceci s’applique aux capacités sur l’échelle. La première étape est donc à vous. Allez faire un croquis. Jetez vos idées sur du papier (ou autre), rejetez-les, affinez-les ou embrassez-les. Une fois que vous êtes satisfait, vous pouvez penser à les transférer sur votre écran..

Étape 1: l'esquisse

Pour les besoins de ce tut j'ai dessiné un Gros chat caricature. Déclaration politique? Pas vraiment, mais le terme semble être sur toutes les lèvres du monde en ce moment. C'était juste dans ma tête.

Vous pouvez voir par le nombre de lignes sur le croquis combien moulage Il avait besoin. Cette pose n'était pas non plus la première tentative.

Étape 2: numérisez-le et ouvrez l'esquisse

Pour cette étape, vous aurez besoin d’un scanner ou d’au moins un moyen de numériser votre dessin (appareil photo numérique, appareil photo sur votre téléphone portable). Dans tous les cas, votre dessin doit être transféré sur votre ordinateur avec une résolution suffisamment élevée pour vous permettre de le travailler. Mon croquis est 1500px large et 1500px haut ce qui est bien.

Ouvrez votre fichier de dessin (de préférence jpg, gif, png, etc.) dans Illustrator en l’ouvrant directement ou en ouvrant un nouveau document et en allant dans Fichier> Importer. Donnez au calque le nom approprié et verrouillez-le. J'ai également caché la planche graphique (Affichage> Masquer la planche graphique) pour éliminer tout encombrement indésirable de mon écran..

Étape 3: Commencez à dessiner

Le processus de transformation de l'image en vecteurs est simple. Cela nécessite quelques compétences avec l'outil Plume, mais la plupart des décisions concernant votre caricature sont déjà prises, bien sûr..

Créez un nouveau calque sur lequel commencer votre dessin et attribuez-lui un nom approprié ("Objets Cat" dans mon cas). Sélectionnez l'outil Stylo et commencez par tracer grossièrement la forme du corps principal. Essayez d’utiliser aussi peu de points d’ancrage que possible pour plus de douceur, mais vous ne visez pas un cercle parfait..

Comme vous pouvez le voir à l'image ci-dessous, j'ai tracé un chemin fermé pour commencer le corps du chat. En fait, vous ne pouvez presque pas le voir. Nous devons améliorer notre façon de travailler avec le document, sinon nous allons nous donner la migraine..

Étape 4: Rendre vos chemins plus visibles

Double-cliquez sur votre couche "Esquisse" dans la palette pour ouvrir la boîte de dialogue Options de couche. Cochez la case Dim Images To Check et entrez une valeur de 30%. Cliquez sur OK. Cette volonté (peut-être évidemment, mais ce sont Spoonfed tuts vectoriels) assombrit toutes les images du calque "Esquisse" à 30%, facilitant ainsi le dessin par dessus.

Maintenant, changez la couleur de trait de votre chemin en quelque chose de clair; Magenta par exemple (# FF00FF). Beaucoup mieux!

Étape 5: Continuer à dessiner

Utilisez l'outil Stylo pour dessiner les formes essentielles qui construisent votre caricature. Les oreilles illustrées ci-dessous peuvent rester telles quelles. ils peuvent être placés derrière la forme du corps principal et, une fois colorés, ils ressortent. Les rayures situées au-dessus de la tête doivent être coupées pour correspondre à la forme du corps. Utilisez donc les outils Pathfinder pour ce faire. Le tutoriel de Rype sur la création d'un personnage super heureux de poulpe est une bonne ressource pour se familiariser avec les outils Pathfinder dans Illustrator..

Étape 6: Le bras du chat (ou devrait-il s'agir d'une jambe?)

Tirez parti des méthodes d'Illustrator pour créer les formes dont vous avez besoin au lieu de dessiner chaque contour avec l'outil Plume. Tracez un seul chemin au centre du bras gauche. Modifiez maintenant les propriétés du trait à l’aide de la palette Trait; lui donner des extrémités arrondies et le rendre assez large pour remplir toute la zone du bras.

Étape 7: Le bras du chat suite

Maintenant, allez à Objet> Chemin> Contour du trait pour changer votre chemin en objet. Donnez-lui la même couleur et la même largeur de trait que le reste de votre dessin, puis utilisez l'outil Plume pour dessiner les griffes et les pattes..

Étape 8: Deuxième bras

Copiez et collez (Commande + C, Commande + V) le bras du chat et renversez-le sur un axe vertical pour aller du côté opposé du corps (Objet> Transformer> Réfléchir). Ne dupliquez pas les griffes et les pattes que vous avez déjà créées, dessinez-les à nouveau pour donner à l'image un peu plus de personnalité. Faites pivoter et positionnez les éléments du second bras en fonction des besoins.

Étape 9: Cache-cache

Alors que votre image commence à devenir de plus en plus complexe et que votre planche d’art est éclaboussée par de plus en plus de chemins, vous trouverez peut-être utile de clarifier les choses de temps en temps. En sélectionnant tout ce que vous avez rédigé jusqu'à présent (Commande + A), puis Tout masquer (Commande + 3) ou Objet> Masquer> Sélection, vous simplifierez la vie. Plus de choix accidentels de chemins ou de confusion visuelle.

Faites cela au fur et à mesure que vous avancez. Lorsque vous êtes prêt (ou que vous avez oublié ce qui a été dessiné), vous pouvez les révéler à nouveau. Ils n'ont pas été supprimés!

Étape 10: fais-le face

Effectuez un zoom avant et utilisez l’outil Plume (comme d’habitude) pour créer les formes de base, qui constituent la Gros chats visage. Vous n'avez pas besoin de respecter à 100% les lignes de votre croquis, c'est votre dessin et vous pouvez toujours le modifier si vous le souhaitez! Ensuite, nous verrons comment colorer et tracer la bouche pour clarifier ce qui se passe là-bas..

Étape 11: Coloration de la bouche

Utilisez les nuances illustrées ici dans la palette Nuancier pour colorier les objets formant la bouche. Donnez aux deux crocs principaux un blanc 100% pur pour qu'ils sautent vraiment. De plus, regroupez tous les éléments de la bouche (commande + g).

Étape 12: Terminer la bouche

Utilisez l'outil de sélection directe et cliquez sur l'objet bouche principal. Copiez-le (Commande + C), puis cliquez sur la planche d’art pour désélectionner l’objet. Cliquez sur Commande + F pour coller l'objet en place et au-dessus du groupe de bouche..

Sélectionnez maintenant le groupe de bouche et l'objet bouche récemment collé. Allez à Objet> Masque d'écrêtage> Marque (commande + 7) et votre Gros chats la bouche sera soignée! À ce stade, vous pouvez toujours utiliser l'outil de sélection directe pour sélectionner des dents ou d'autres objets à repositionner..

Étape 13: Continuez!

Dessinez les éléments restants de l'esquisse; col de chemise, cravate, reflet de fenêtre, etc. Les rayures de la chemise sont faites de bandes verticales répétées, alignées à égale distance horizontale, puis bombé avec l’outil Déformation (Effet> Déformation> Renflement). Les chemins sont ensuite convertis en contours (Objet> Chemin> contour de contour) et modelés en fonction du corps à l'aide de l'outil Pathfinder.

Étape 14: la queue

Pour former la forme de la queue, répétez les étapes nécessaires pour dessiner les bras; créer un chemin (cette fois aussi faire une copie), augmenter le poids du trait, arrondir les extrémités et enfin tracer le trait.

Collez le chemin copié à la place (Commande + F). Cela va donner une direction aux rayures sur notre queue.

Étape 15: Dénuder la queue

OK, quelques mini-pas sont nécessaires ici pour donner des rayures à notre queue. Nous allons faire un pinceau personnalisé. Tout d'abord, vous devrez créer de petits chemins horizontaux espacés sur la planche graphique, comme dans l'image ci-dessous. Donnez-leur le poids d'un trait si vous voulez que vos rayures aient.

Vous devez maintenant les distribuer au hasard. Avec les traits sélectionnés, sélectionnez Objet> Transformer> Transformer chaque (Alt + Maj + Commande + D). Complétez les options de la fenêtre Transformer chaque, comme indiqué ci-dessous, pour répartir chaque trait de manière aléatoire, jusqu'à 70 pixels horizontalement. Cliquez sur OK.

Ensuite, faites glisser votre collection de chemins distribués de manière aléatoire dans la palette Formes (Fenêtre> Formes) et choisissez de créer une nouvelle forme. Dans la boîte de dialogue Options de styles d’art, attribuez un nom à votre pinceau et assurez-vous qu’il suivra le tracé, et non le long. Cliquez sur OK.

Sélectionnez le chemin de queue central et cliquez sur le nouveau pinceau dans la palette Brosses. Une jolie queue rayée! Pour le terminer, sélectionnez Objet> Développer l’apparence, puis supprimez le chemin d’origine. Ensuite, allez à Objet> Contour de trait pour transformer vos bandes en chemins fermés.. finalement, utilisez l'outil Pathfinder pour réduire les rayures dans les limites de la queue.

Étape 16: Ajout de couleur

Après avoir terminé tous les travaux de trait, il est temps de tout rendre visible (Objet> Tout afficher) et de le colorer. J'ai inclus la palette d'échantillons dans la capture d'écran ci-dessous afin que vous puissiez suivre le même schéma si vous le souhaitez. Si vous construisez votre propre palette, essayez de la garder simple et limitée..

L'objet d'ombre situé sous le collier est coloré en violet avec le bas de la liste de nuances (évitez d'utiliser autant que possible le 100% noir, uniquement les tons sombres). Je lui ai donné une transparence multipliée de 30%.

Comme vous pouvez le constater, j’ai placé un rectangle d’arrière-plan et l’objet window sur un calque séparé pour les conserver sous le chat..

Étape 17: fenêtre

Donnez à votre scène un peu plus d’atmosphère en rendant l’objet fenêtre flou et en le repoussant visuellement à l’arrière-plan. Sélectionnez-le et allez à Effet> Flou> Flou gaussien… Donnez-lui un rayon d'environ 5px et cliquez sur OK. Maintenant, donnez-lui une transparence normale de 20% pour l'achever.

Étape 18: Vision floue

Rendons aussi les yeux un peu plus sinistres. Copiez-les, puis avec les originaux toujours sélectionnés, accédez à Effet> Appliquer le flou gaussien. Après avoir appliqué cet effet à la fenêtre, vous appliquerez automatiquement le même effet avec les mêmes paramètres à vos objets sélectionnés. Vos yeux originaux ont maintenant un flou gaussien avec un rayon de 5px. Cliquez sur Commande + F pour coller les yeux copiés sur le dessus pour plus de clarté..

Étape 19: Quelque chose manque

Bien sûr, vous ne devez pas rester fidèle à votre croquis original à 100%, je me suis repositionné et redimensionné tout au long de ce processus. Il est maintenant porté à mon attention que quelque chose d'extra est nécessaire, quelque chose Gras-chat. Je vais ajouter un cigare.

À l’aide des objets suivants, j’ai construit un cigare que je coloriais ensuite sympathiquement à l’image. L'ombre est à nouveau violet foncé, mais avec une opacité de 10% seulement. C’est exactement ce que fait le cigare: sélectionnez-le et allez à Effet> Styliser> Lueur extérieure. Dans ce cas, la lueur a un mode d’écran, couleur CCA500, et une largeur de 1,75 mm..

Étape 20: atmosphère

Pour cette touche finale d'atmosphère sinistre, j'ai copié le rectangle qui forme cet arrière-plan et l'ai collé en place sur un nouveau calque par-dessus tout. Il présente un remplissage dégradé de 60% de noir à 0% de noir avec le premier arrêt de dégradé positionné à 25%. Avec une transparence multipliée, le rectangle ajoute une sombre obscurité au bas de l'image finale.

Conclusion

Quelques moustaches et le tour est joué! Créer une telle image peut vous venir naturellement ou non, la pratique est bien sûr la clé. Le processus de transformation de vos croquis en art numérique devrait cependant être un peu plus simple, espérons-le..