Créer une nature morte graphique avec le traçage d'image et l'outil Pinceau

Le pinceau Blob d'Illustrator vous permet de créer des images en vrac et picturales qui présentent tous les avantages des fichiers vectoriels. Dans ce tutoriel, nous allons travailler à partir d'une photo en utilisant Image Trace pour créer une palette de couleurs personnalisée et délimiter les valeurs. Nous utiliserons des couleurs plates et des formes simplifiées pour obtenir l’aspect d’une sérigraphie multicolore. Commençons!


Étape 1

Pour ce tutoriel, je vais utiliser une photo de stock de Graphic River comme image de référence. Placez votre photo sur la planche graphique, puis allez à Fenêtre> Trace d'image pour ouvrir le panneau Trace d'image. Cliquez sur le triangle Avancé si vous ne voyez pas les options supplémentaires..

Conservez la photo sélectionnée, puis cliquez sur le paramètre Couleur faible de la rangée d’icônes située en haut du panneau (la troisième en partant de la gauche). Vous pouvez également choisir les 16 couleurs prédéfinies dans le menu déroulant. Ou bien, choisissez Couleur dans le menu déroulant Mode et Limité dans le menu déroulant Palette..




Étape 2

Vous pouvez ajuster le nombre de couleurs si vous le souhaitez, mais gardez-le plutôt bas. Cochez la case Ignorer les blancs, car vous choisirez éventuellement votre propre couleur d'arrière-plan. Vous remarquerez que le nombre réel de couleurs diminue de deux lorsque vous ignorez le blanc. Planifiez en conséquence..




Étape 3

Une fois la trace terminée, cliquez sur Développer dans la barre de contrôle ou sélectionnez Objet> Suivi d’image> Développer..


Étape 4

Afficher la trace en mode Plan (Commande + Y). Vous verrez un chemin rectangulaire encadrant les autres. Sélectionnez ce chemin avec l'outil de sélection directe (A), puis sélectionnez Sélection> Remplissage & contour identiques. Supprimer ces chemins.




Étape 5

Conservez le tracé sélectionné et cliquez sur l'icône Nouveau groupe de couleurs au bas du panneau Nuancier. Cliquez sur Convertir le processus en global. Si vous utilisez Live Trace dans CS4-CS5, vous pouvez ignorer cette étape en cochant l'option Sortie en nuances dans le panneau Live Trace. Ce n'est plus une option avec Image Trace de CS6.



J'aime réorganiser les nuances dans le groupe de couleurs par couleur et par valeur. De cette façon, je peux rapidement choisir des couleurs similaires sans trop d'essais et d'erreurs. Vous pouvez le faire simplement en les faisant glisser.



Étape 6

Maintenant que nous avons notre palette de couleurs, nous souhaitons convertir le tracé en niveaux de gris afin de l'utiliser comme référence pour le traçage manuel avec le pinceau Blob. Ce sont deux raisons pour lesquelles je préfère utiliser des niveaux de gris. Premièrement, il est plus facile de voir les valeurs des formes. Lorsque vous ne regardez que la lumière et l'obscurité, vous pouvez mieux juger des couleurs à utiliser pour obtenir des ombres et des reflets. Deuxièmement, il est très difficile de savoir où vous avez tracé lorsque la couleur que vous utilisez est la même que celle du dessous..

Donc, sélectionnez la trace développée et allez dans Edition> Modifier la couleur> Convertir en niveaux de gris.


Vous vous demandez peut-être pourquoi ne pas simplement tracer une trace en niveaux de gris? Si vous utilisez Live Trace dans CS4 - CS5, c'est certainement une option. Faites simplement une copie de votre trace avant de la développer, puis modifiez les paramètres de cette trace en niveaux de gris, avec le même nombre de couleurs. Le traçage des images dans CS6 semble poser un problème quand il s'agit de spécifier le nombre de couleurs dans un tracé en niveaux de gris. Dans l'image ci-dessous, vous pouvez voir que j'ai spécifié un maximum de 20 niveaux de gris, mais le résultat de la trace indique 168!




Étape 7

La dernière étape de la préparation de l'image source consiste à la placer sur un calque de modèle. Mais du poing, il faut le rasteriser. Conservez les objets en niveaux de gris sélectionnés et accédez à Objet> Rasteriser. Vous pouvez choisir 72 ppp comme résolution, elle ne sera utilisée que comme référence.

La raison pour laquelle nous avons besoin d'un objet raster sur la couche de modèle est due aux propriétés spéciales d'un calque de modèle. Comme vous le verrez, lorsque vous travaillez avec des objets vectoriels sur leur propre calque, vous pouvez passer en mode Contour tout en conservant l'image sur le calque du modèle..



Double-cliquez sur le calque dans le panneau Calques, puis cliquez sur Modèle. Vous pouvez également modifier le nom et la couleur du calque ici. Par défaut, les calques de modèle sont verrouillés. Laissez-le verrouillé, puis créez un nouveau calque au-dessus de celui-ci..



Étape 8

Nous sommes maintenant prêts à peindre avec le pinceau blob. L'interface dans CS6 est légèrement différente, mais la fonctionnalité n'a pas changé. Les options suivantes sont les mêmes dans les versions CS4 et CS5. Si vous connaissez déjà le blob blush, passez à l'étape 11.

Double-cliquez sur l'outil Pinceau Blob pour afficher ses options. Nous allons juste regarder la section du bas pour le moment, où vous pouvez ajuster la taille, l’angle et la rondeur. Au-dessus de ces paramètres se trouve une représentation visuelle du pinceau et de sa plage de taille. Ainsi, dans cet exemple, la taille du pinceau est définie sur 12 points, avec une variation de 10 points. Ainsi, la taille du trait peut être de 2 points, 22 points ou quelque chose entre les deux. De même, la circularité est fixée à 60%, avec une variation de 40%, ce qui signifie qu'elle peut passer de 20% à 100%..

La liste déroulante située à droite de chaque option vous permet de contrôler davantage les variations du pinceau. Notez que ces variations ne fonctionnent que lorsque vous utilisez une tablette graphique, car la souris ne répond pas aux tâches telles que la pression et l'inclinaison..


Ces options sont:

  • Fixé - Aucune variation d'angle, d'arrondi ou de diamètre.
  • au hasard - Variations aléatoires d'angle, d'arrondi ou de diamètre.
  • Pression - La variation est basée sur la pression lorsque vous utilisez une tablette et un stylet. Une pression plus élevée produit un trait plus épais et une pression plus légère donne un trait plus fin et plus angulaire.
  • Roue de stylet - Certains stylos aérographe ont une roue de stylet sur leurs barils. C'est ce que cette option est pour.
  • Inclinaison, roulement et rotation - Ceux-ci ne sont disponibles que si vous possédez un stylet graphique capable de détecter ces types de mouvement, tel que le Wacom 6D..

Étape 9

Ayez une idée du pinceau Blob en peignant quelques traits. Jetez un coup d'œil au panneau Couleur. Puisque le pinceau blob est techniquement un pinceau, quelle que soit la couleur de trait que vous avez sélectionnée sera la couleur utilisée par le pinceau. Disons que vous utilisez un trait rouge et un remplissage bleu. Lorsque vous peignez avec le pinceau, vous obtenez un trait rouge, mais ce "trait" est en réalité un objet rempli. Si vous n’avez sélectionné qu’une couleur de remplissage dans le panneau Couleur, le pinceau blob utilisera cette couleur..


Peignez un autre trait qui chevauche le premier et vous verrez que le nouveau trait se confond avec le premier. En effet, Illustrator exécute une fonction Pathfinder pendant que vous dessinez, tant que vous utilisez toujours la même couleur de trait comme avant. Essayez de peindre avec une autre couleur, même légèrement différente, et vous verrez que les formes ne se confondent pas.




Étape 10

Ouvrez à nouveau les options de l'outil Pinceau Blob en double-cliquant sur l'outil. Jetez un coup d'œil à la moitié supérieure de la boîte de dialogue. Sous Tolérances, vous pouvez régler la fidélité - le degré d'adaptation du pinceau au mouvement de votre souris ou de votre stylet - et le lissage. Des valeurs plus basses créeront des chemins plus serrés avec plus de points, des valeurs plus élevées donneront des objets plus lâches et plus lisses.


Si vous cochez la case "Conserver la sélection", c'est exactement ce que cela fera. En fonction de votre flux de travail et de vos préférences personnelles, vous souhaiterez peut-être que le dernier trait tracé reste sélectionné. Par exemple, si vous maintenez la touche Option (PC: Alt) enfoncée, le pinceau blob bascule temporairement sur l'outil Lisser..

Garder le chemin sélectionné accélérera le processus de dessin puis de lissage. Vous pouvez également maintenir la touche Commande (PC: Contrôle) enfoncée pour basculer temporairement vers les outils de sélection et déplacer ou ajuster les chemins à partir de là..


Si vous choisissez "Fusionner uniquement avec la sélection", tout nouveau trait dessiné sera fusionné. seulement avec un chemin qui est sélectionné. L'exception à cette règle est si la fusion interfère avec l'ordre d'empilement des objets.



Si vous cochez les deux cases, vous obtenez les deux comportements. REMARQUE: "Fusionner uniquement avec la sélection" dans CS5 s'appelle "Fusion des limites de sélection" dans CS4. Les fonctions pour chacun sont les mêmes.


Étape 11

Commencez à peindre le poivre le plus en avant en utilisant un rouge vif. Peignez sur les bords de la forme du poivron. Cela se traduira par un chemin composé creux. Vous pouvez maintenant sélectionner le chemin interne avec l'outil Sélection directe et le supprimer. Vous pouvez aussi simplement remplir le centre avec le pinceau blob, mais je pense que c'est un peu plus rapide.




Étape 12

Pour les parties les plus sombres du poivron, suivez les contours de la photo de référence et peignez-les sur la forme principale du poivron. Faites en sorte que les bords extérieurs des formes se chevauchent, puis retirez le surplus à l'aide de l'outil Générateur de formes. Pour supprimer une section superposée, maintenez la touche Option / Alt enfoncée tout en faisant glisser dessus avec l'outil..



Étape 13

Pour une plus grande harmonie de couleurs, utilisez la même couleur que la forme principale du poivron pour les valeurs plus foncées. Changez le mode de fusion en Multiplier et ajustez l'opacité si vous le souhaitez.



Étape 14

Pour les reflets, utilisez un rouge plus clair du groupe de couleurs. Comme il s’agit de couleurs globales, vous pouvez également ajuster la teinte des rehauts si vous le souhaitez..



Étape 15

Dessinez la tige de la même manière, en utilisant des verts au lieu de rouges, bien sûr. Créez un nouveau calque sous la première couche de poivron et peignez le piment sur la droite. Faites attention à l'ombre portée sur ce piment par le premier. Utiliser la nuance rouge la plus sombre et le mode de fusion Multiplier.




Étape 16

Créez un nouveau calque pour le piment moyen. Vous n'avez pas besoin d'avoir un calque séparé pour chaque morceau de la nature morte, mais je trouve que cela aide à isoler chaque partie, ce qui facilite son travail..


Peignez le troisième piment de la même manière. Si vous affichez l'illustration en mode Contour, vous pouvez comparer votre peinture à l'image source..



Étape 17

En fonction de vos paramètres dans les options de l'outil Blob Brush, il se peut que vos chemins contiennent trop de points. Vous pouvez les lisser en maintenant la touche Option / Alt enfoncée tout en utilisant le pinceau Blob, qui passera temporairement à l'outil Lisser..


Vous pouvez également aller à Objet> Chemin> Simplifier. Définissez un pourcentage assez élevé dans le champ Précision de la courbe, ce qui conservera la forme générale, mais supprimera certains des points supplémentaires..



Étape 18

Continuez à construire l’illustration pièce par pièce. Travailler rapidement avec Blob Brush vous donnera un aspect plus souple qui pourra être nettoyé rapidement à l'aide de l'outil Shape Builder et de la fonction Simplify. En fait, c'est une bonne idée de créer une action pour vos paramètres de simplification et de lui attribuer un raccourci clavier. Ensuite, vous pouvez peindre un trait, puis le nettoyer en appuyant sur un bouton.

Conservez les couleurs en cohérence en utilisant les modes de fusion et la transparence. Vérifiez les valeurs (pas les teintes) par rapport au tracé en niveaux de gris. Vous serez surpris de voir comment quelques formes abstraites se combinent en un poivron ou une feuille, une fois que les valeurs et les couleurs leur ont été appliquées.


Ci-dessous quelques prises de vue des poivrons et du pot:







Étape 19

Les feuilles sont construites de la même manière que les poivrons. Ce n’est pas parce que vous travaillez à partir d’une photo que vous devez dessiner chaque feuille, chaque tige et chaque veine. Sois judicieux. En règle générale, cependant, les objets plus détaillés attireront l’attention sur eux-mêmes. Utilisez donc plus de détails sur les feuilles à l’avant et gardez celles à l’arrière plus simples..

En plus d'utiliser le mode Multiplier pour les zones les plus sombres, essayez d'utiliser le mode Écran pour les zones les plus claires. Comme auparavant, cela assurera la cohérence des couleurs et améliorera l'apparence de l'écran..

Ci-dessous quelques exemples de construction des feuilles..





Étape 20

Pour les tiges, créez un nouveau calque sous les feuilles. Travaillez rapidement en ajoutant des gouttes plus sombres là où les ombres tombent.





Étape 21

Choisissez une couleur de fond. Il est amusant d'essayer différentes couleurs à l'aide du panneau Guide des couleurs. Sélectionnez une nuance dans le panneau Nuancier, puis vous pourrez voir de nombreuses combinaisons de couleurs basées sur cette nuance..


Dessinez l'ombre avec la même couleur, en changeant son mode de fusion en Multiplier. Comme il s’agit d’une illustration vectorielle, vous pouvez bien sûr changer les couleurs à votre guise..




Conclusion

Live Trace / Image Trace sont des outils impressionnants, mais une trace non modifiée est rarement satisfaisante comme résultat final. Il peut sembler beaucoup de travail de créer une image comme celle-ci à la main, mais le résultat est plus organique. Et passer du temps à préparer et à organiser votre dossier simplifiera le reste du travail..