Créer des personnages de chardonneret européen texturés

Quelques fois par mois, nous revoyons certains des articles préférés de nos lecteurs au cours de l'histoire de Vectortuts +. Ce tutoriel de Nancy Zonneveld a été publié le 26 février 2010.

Créez une création de personnage unique pour un chardonneret européen avec des éclaboussures de peinture et des textures. Les techniques utilisées seront les masques Live Trace, Pathfinder, Transparency, Distort, Warp et Clipping. Nous allons donner à ce personnage un look unique et une personnalité amusante.

Aperçu de l'image finale

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.

Détails du tutoriel

  • Programme: Adobe Illustrator CS3
  • Difficulté: Débutant
  • Temps d'exécution estimé: 2 heures

Étape 1

J'ai d'abord cherché différentes photos du chardonneret et fait quelques croquis réalistes. De cette façon, j'apprends à connaître le sujet et à expérimenter différentes poses. Utilisez des formes simples pour former votre personnage. Nous ajouterons des détails plus tard, assurez-vous d'abord que les bases sont correctes.

Essayez différents types de formes et choisissez celle qui correspond le mieux à votre personnage. Si vous optez pour mignon, alors vous aurez probablement besoin d'une forme ronde. J'ai choisi d'utiliser deux rectangles l'un sur l'autre, avec des coins arrondis pour le garder mignon.

Étape 2

Importez l'esquisse dans Illustrator (Fichier> Importer) et tracez l'esquisse à l'aide de l'outil Plume. Utilisez un calque pour les contours et un calque sous les couleurs de base. Lorsque vous utilisez des calques distincts pour eux, vous pouvez créer des calques entre eux pour l'ombrage et les rehauts..

Utilisez le moins de points d'ancrage possible dans vos lignes pour obtenir des contours nets et agréables. J'ai sélectionné une ligne en vert pour que vous puissiez voir la quantité de points d'ancrage.

Étape 3

Pour créer des éclaboussures de peinture, j'ai utilisé des photos de véritables éclaboussures de peinture. Vous pouvez les fabriquer vous-même et les numériser ou utiliser des photos d'archives. J'ai utilisé des photos de
cgtextures.com, ils ont des centaines de photos éclaboussures. La photo que vous choisissez ne doit pas nécessairement être parfaite, vous pouvez la changer plus tard, mais plus la forme est belle, moins vous aurez de temps pour la changer plus tard..

Nous allons d’abord transformer les éclaboussures des ailes en formes vectorielles avec la fonction Live Trace. Sélectionnez la photo éclaboussée et accédez à Objet> Suivi dynamique> Options de traçage. Utilisez les paramètres indiqués. Les paramètres les plus importants sont "Noir et blanc" car nous n’avons besoin que de 1 remplissage de couleur car nous n’avons pas besoin de traits. Ignorer le blanc est également important car nous n'avons pas besoin que le fond blanc soit une forme vectorielle.

Étape 4

Sélectionnez les éclaboussures et allez à Objet> Développer. Désormais, vos éclaboussures sont des formes vectorielles. Les éclaboussures ne sont probablement pas encore parfaites, ce n'est pas un problème. Il y a deux options pour les éditer. Une option consiste à sélectionner les éclaboussures et à aller dans Filtre> Déformation> Déformation libre. Déplacez les quatre points d'ancrage pour modifier vos éclaboussures. Vous avez beaucoup de possibilités de cette façon, mais pour les ailes, cela ne suffisait pas. Je voulais plier la forme pour suivre la forme des ailes.

Pour réduire les éclaboussures, appliquez Effet> Déformation> Arc. Sélectionnez Aperçu pour pouvoir voir les modifications directement à l'écran. Les contours bleus sont les éclaboussures d'origine et les remplissages noirs sont ce que j'en ai fait en modifiant certains paramètres. Maintenant, il plie plus, ce qui est exactement ce que je veux.

Étape 5

Donnez aux éclaboussures la couleur souhaitée en sélectionnant les éclaboussures, puis en sélectionnant une couleur dans la barre d'outils. Déplacez les éclaboussures à l'endroit souhaité. Dans ce cas, ils sont trop gros et se trouvent aussi sur le ventre et même à l'extérieur de l'oiseau, alors que je ne les veux que sur les ailes. Vous pouvez supprimer certaines petites éclaboussures en les sélectionnant et en appuyant sur Supprimer, ou en utilisant l'outil Gomme, mais vous pouvez également utiliser les outils Pathfinder, ce qui est beaucoup plus simple et précis..

Ouvrez le Pathfinder en allant dans Fenêtre> Pathfinder. Vous devez créer une forme où vous voulez que les éclaboussures apparaissent, dans ce cas, j'ai déjà cette forme: l'aile. Je ne peux pas utiliser l'aile elle-même ou elle disparaîtra après utilisation. Je copie donc l'aile (Commande + C) et la colle exactement au même endroit (Commande + F). Sélectionnez maintenant l'aile copiée et les éclaboussures, puis cliquez sur Intersect Shape Areas dans l'intersection. Vous pouvez voir le résultat dans l'image ci-dessous.

Étape 6

Utilisez les mêmes techniques pour tous les autres éclaboussures. Après avoir fait les éclaboussures, j’ai trouvé que c’était un peu terne et j’ai donc décidé d’ajouter plus de couleur en faisant plus d’éclaboussures plus petites que celles existantes. J'ai utilisé les mêmes éclaboussures, mais les ai mises à l'échelle et pivotées afin qu'elles aient un aspect différent. Je leur ai également donné une couleur plus claire que les éclaboussures existantes pour créer un effet de surbrillance / ombrage.

Si votre style est plus détaillé que cela, vous pouvez bien sûr utiliser cinq éclaboussures différentes de couleurs et de tailles différentes pour créer l’illusion d’une éclaboussure..

Étape 7

J'aime toujours dessiner un contour épais autour de mon dessin pour qu'il ressemble davantage à un dessin animé. Pour créer un contour épais, sélectionnez tous vos contours noirs actuels et copiez-les (Commande + C) et créez un nouveau calque sous tous les autres calques..

Dans ce calque, collez les contours en place (Commande + F). Conservez les lignes sélectionnées et attribuez-leur un trait plus épais que les lignes d'origine. Dans ce cas, les lignes pour le bec et les pieds avaient l’air bizarre si je les rendais plus épaisses, je les ai donc supprimées. Normalement, je trace un contour épais autour de tout.

Dans cette capture d'écran, vous pouvez également voir comment mes calques se trouvent jusqu'à présent. J'utilise beaucoup de couches différentes et les nomme également, cela me fait gagner du temps en parcourant les couches si je veux modifier quelque chose.

Étape 8

J'ai utilisé les mêmes techniques pour créer les deux autres oiseaux. J'ai utilisé les mêmes lignes pour eux, non pas parce que j'étais paresseux, mais parce que je trouvais ça cool de pouvoir utiliser les mêmes lignes pour créer trois oiseaux différents dans trois directions différentes. J'ai seulement changé les positions des becs et recréé les éclaboussures jaune et orange pour les deux autres oiseaux. J'ai également dessiné une branche simple sur laquelle les oiseaux peuvent s'asseoir à l'aide de l'outil Plume.

Étape 9

J'ai utilisé trois formes différentes pour créer la branche. Pour les fusionner, sélectionnez les trois formes et accédez à Fenêtre> Pathfinder> Fusionner. Le résultat est que la branche entière est une forme. Ceci est important pour les autres étapes.

Étape 10

Pour rendre la branche plus intéressante, donnons-lui une texture. Il s'agit d'une technique bien connue des utilisateurs de Photoshop, mais il n'est pas nécessaire de passer à Photoshop car Illustrator propose également des options de calque. Ce n’est pas un effet vectoriel car j’ai utilisé une photo en pixels au lieu de vecteur.

Choisissez une photo avec un bel effet, cela ne doit pas nécessairement être une photo de branche, il est souvent préférable de choisir une photo représentant quelque chose de complètement différent. J'ai utilisé une photo de roches de cgtextures.com. J'ai utilisé la photo en noir et blanc parce que je veux choisir mes propres couleurs. Vous pouvez également utiliser une photo couleur pour obtenir de jolis effets.

Ajoutez la photo à votre dessin (Fichier> Place) et faites une copie de la branche (Commande + C). Créez un nouveau calque et collez la nouvelle branche au même endroit (Commande + F). Nous allons utiliser cette nouvelle branche pour éditer la photo.

Étape 11

Nous utiliserons un masque de découpage pour rendre la photo uniquement visible sur la branche et non sur l’arrière-plan complet. Sélectionnez la branche copiée et la photo, puis appliquez Objet> Masque de découpage> Créer..

Assurez-vous que la branche est toujours sélectionnée, ouvrez la fenêtre Transparence (Fenêtre> Transparence) et indiquez que Normal le change en surimpression. En outre, définir l'opacité à 70%.

Étape 12

Pour le fond j'ai utilisé une autre photo de stock de
cgtextures.com. J'ai également changé celui-ci en noir et blanc avec Photoshop parce que l'original est marron et je ne veux pas utiliser cette couleur.

Étape 13

Créez un rectangle avec l'outil Rectangle (M) pour l'arrière-plan dans un calque sous la photo de texture d'arrière-plan. Allez dans Fenêtre> Dégradé pour y ajouter un dégradé. Sélectionnez le rectangle, puis sélectionnez deux couleurs dans la fenêtre Dégradé pour créer un dégradé. Réglez l'angle sur 90 degrés pour le changer en dégradé vertical.

Étape 14

Sélectionnez la photo de texture d'arrière-plan et allez dans Fenêtre> Transparence, réglez-le sur Superposition et opacité à 60%. Vos couches devraient maintenant ressembler à ceci:

Image finale

Amusez-vous à créer vos propres personnages texturés.

Abonnez-vous au fil RSS Vectortuts + pour rester au courant des derniers tutoriels et articles sur les vecteurs.