Jouez avec les mélanges et le traçage d'image pour créer une scène de chat simple dans Adobe Illustrator

Ce que vous allez créer

Ceux qui suivent mes tutoriels sauront qu'il existe trois thèmes communs: les portraits, les chats et les silhouettes. Dans ce didacticiel, je vais créer une scène de chat du coucher de soleil simple, sans outil, à l’aide de Blends et de Image Trace. Si vous utilisez une version d'Adobe Illustrator antérieure à CC, Image Trace sera appelée Trace vivante avec plus ou moins les mêmes paramètres. Ne vous inquiétez donc pas, vous pouvez participer.!

Celui-ci est parfait pour les débutants, alors restons coincés dans.

Atouts du tutoriel

Pour mener à bien ce projet, vous devez trouver une image d'un chat qui marche. Si vous n'utilisez pas votre propre chat, je vous recommande d'utiliser l'image stock suivante que vous pouvez acheter auprès de PhotoDune:

  • Vue de côté d'un chat noir marchant, isolé sur blanc (Extra Small convient à cet usage)

1. Créer le mélange Sunset

Étape 1

Une fois que vous avez créé un nouveau document paysage dans Adobe Illustrator, créons quatre rectangles avec le Outil Rectangle (M). J'ai créé le premier rectangle puis copié et collé devant, utilisé le Outil de transformation libre (E) et réduit la hauteur de celui-ci et a changé la couleur. Ensuite, j'ai répété le processus pour les deux autres rectangles. C'est pour qu'ils gardent la même largeur et sont tous alignés au bas du rectangle initial.

J'ai utilisé les couleurs suivantes:

  • Jaune: # f7931d
  • Rouge: # be1e2d
  • Bleu: # 262261
  • Bleu Noir: # 0d0d12

Étape 2

Sélectionnez les quatre rectangles et créez un mélange en allant à Objet> Mélange> Marque (Alt-Control-B). Si vous n’avez pas obtenu un dégradé de couleur régulier, conservez le groupe Mélange sélectionné et accédez à Objet> Fusion> Options de fusion et changer le Espacement à Couleur lisse

2. Créer une clôture à partir d'un mélange

Étape 1

En utilisant le Outil Rectangle (M), Créez un rectangle long et fin sur un côté de votre planche d’art. Puis dupliquez-le et déplacez-le de l'autre côté. Si vous avez Guides intelligents (Control-U), alors vous devriez pouvoir l’aligner. Cependant, si ce n’est pas le cas, sélectionnez les deux objets et entrez dans la liste. Aligner panneau et sélectionnez Alignement vertical bas.

Étape 2

Sélectionnez les deux formes et créez un Mélange avec eux (Alt-Control-B). Cela peut créer le résultat ci-dessous, mais ne vous inquiétez pas, je vais vous montrer comment le corriger à l'étape suivante..

Étape 3

Pour modifier l’espacement du mélange lorsque le groupe de mélange est sélectionné, accédez à Objet> Fusion> Options de fusion et changer le Espacement à Distance spécifiée et changer l'unité à 25 mm.

3. Complétez votre clôture

Étape 1

Je veux un look plus ressemblant à une clôture, alors pour ce faire, je vais devoir modifier les deux formes du mélange. Avec Guides intelligents activée (Control-U) et en utilisant le Outil stylo, Je vais ajouter des points en haut au milieu des deux rectangles du mélange. Maintenant, ne vous inquiétez pas, nous utilisons uniquement l'outil Plume pour ajouter un seul point sur chacune des deux formes..

N'oubliez pas d'ajouter les points aux deux rectangles et au même endroit pour obtenir un mélange homogène..

Utilisez ensuite les touches fléchées pour déplacer le point vers le haut, un nombre égal pour chacun de vos messages, pour créer un triangle en haut de vos piquets..

Étape 2

Pour organiser tous les piquets de grève, vous devrez créer deux balustrades. Donc avec le Outil Rectangle (M), dessinez deux longs garde-corps minces comme indiqué ci-dessous.

Étape 3

Il y a un problème ici… la clôture flotte au-dessus de la surface du sol. Nous allons devoir transformer certains de ces piquets en poteaux qui sont coincés dans le sol.

Afin de modifier certains des piquets de grève en postes, nous devrons changer la longueur de certaines formes. Dans un mélange, vous pouvez uniquement modifier les formes en créant le mélange et non les formes. créé par le mélange. Donc, pour accéder aux formes dont nous avons besoin, nous allons devoir élargir le mélange.

Pour ce faire, sélectionnez le mélange, puis passez à Objet> Développer et en cochant tous les paramètres, puis en cliquant sur D'accord.

Étape 4

Si vous deviez utiliser l'outil de transformation libre pour prolonger la longueur des messages tels qu'ils sont actuellement, le triangle / sommet des piquets serait faussé. Ils ne seraient pas tous uniformes. Donc, ce que vous devez faire est d’utiliser le Outil de sélection directe (A) pour sélectionner les deux derniers points de vos publications, puis utilisez les touches fléchées pour les abaisser.

J'ai fait un piquet sur quatre.

4. Use Image Trace on a Cat Image de l'éditeur

Étape 1

Il est temps d'ajouter un chat qui marche avec désinvolture le long de notre palissade. Vous pouvez utiliser votre propre chat ou dessiner le vôtre, mais j’ai opté pour une image de stock d’un chat..

Ce qui rend cette image particulièrement intéressante, c’est que le fond est bien net et que le chat lui-même est noir. Cela en fait un candidat purrfect pour le traçage d'image (vous voyez ce que j'ai fait là?).

Étape 2

Aller à Fichier> Place et localisez l'image de votre chat et placez-le sur votre planche. Vous allez avoir besoin de redimensionner l'image en utilisant le Outil de transformation libre (E), de sorte que les pattes touchent les piquets. Pour le faire avec précision, modifiez l'image en Mode de fusion Multiplier, Opacité 100% et cache le fond du ciel. Ensuite, vous pouvez aligner l'image.

Étape 3

Maintenant que votre chat est aligné, sélectionnons Trace d'image du long de la barre supérieure. Vous pouvez sélectionner un bouton qui vous donnera la Trace d'image options, et vous pouvez utiliser les paramètres ci-dessous pour donner un contour texturé à la forme.

Étape 4

L'aigle aux yeux de vous remarquerez qu'avec la clôture et le chat au-dessus du ciel, il y a un léger contour gris. Cela est dû au fait que les vecteurs sont anti-aliasés sur un écran de pixels. Ainsi, les pixels qui se chevauchent sur l’arrière-plan sont des opacités plus faibles du noir réglé sur Mode de fusion normale. Cela crée cet effet de halo autour de la forme.

Comme nous travaillons avec des formes remplies de noir, nous pouvons les régler sur Mode de fusion Multiplier se débarrasser de l'effet de halo. Vous pouvez voir la différence ci-dessous.

5. Créer des étoiles à partir de mélanges

Étape 1

Pour créer une étoile, vous devrez dessiner deux cercles avec le Outil Ellipse (L), avec le cercle extérieur réglé sur Opacité 0% et rempli de blanc cassé. Ainsi, le mélange passe de 100% au milieu à rien à l'extérieur pour donner un effet brillant.. 

Cependant, lorsque vous créez un mélange à partir de ces formes, vous obtenez un résultat différent de celui que vous obtenez habituellement lorsque vous le définissez. Espacement: Couleur lisse.

Étape 2

En effet, les deux formes ont la même couleur de remplissage, il n'y a donc aucun changement! La seule chose qui change est l'opacité, il n'y a donc pas de progression régulière de la couleur. Pour résoudre ce problème, vous devez changer le Espacement à Étapes spécifiées et entrez une valeur pour créer une transition en douceur dans l'opacité. J'ai utilisé 20 étapes ici.

Étape 3

La lueur de cette étoile n’est pas si «réaliste»… ajoutons donc une forme supplémentaire à l’intérieur du mélange. dans le Couches panneau, allez dans votre groupe d'étoiles et dupliquez l'un des cercles. Puis avec le Outil de transformation libre (E), faites-le juste plus grand que le petit groupe. Cette forme doit être prise en sandwich entre les deux autres cercles. 

Puis changez le Opacité à 30%. Cela modifie ensuite la transition en opacité et crée un effet de lueur plus étoilé. 

Étape 4

Vous pouvez maintenant dupliquer cette étoile sur la toile et modifier la taille des formes, ce qui serait la chose la plus facile à faire… pas la plus efficace. Cependant, ceci est un tutoriel et je veux vous montrer comment le faire via un pinceau à dispersion.

Avec l'étoile sélectionnée, entrez dans le Des pinceaux panneau et sélectionnez Nouveau pinceau. Dans la fenêtre contextuelle, sélectionnez Brosse à dispersion et utilisez les paramètres ci-dessous, puis cliquez sur D'accord.

Étape 5

En utilisant le Outil Pinceau (B), ajoutez trois lignes griffonnées dans le ciel pour créer vos étoiles.

Étape 6

Puis modifiez l'opacité des traits pour faire varier la luminosité des étoiles. La ligne la plus basse est définie sur Opacité 30% comme le soleil se couche toujours et que la visibilité des étoiles sera faible.

6. Ajouter les détails de finition

Étape 1

Terminons notre scène. La première chose que nous allons faire est d’ajouter un effet de vignette. Nous pourrions le faire avec un dégradé, mais comme il s’agit d’un tutoriel basé sur des mélanges, utilisons plutôt ceux-ci..

Un effet de vignette va assombrir les bords. Pour ce faire, nous devons créer deux cercles avec le Outil Ellipse (L) et rendre la forme centrale blanche et le noir extérieur. Puis créer un Mélange (Alt-Control-B).

Étape 2

Le set le mélange à Mode de fusion Multiplier. Cela rendra les formes blanches transparentes, créant ainsi un effet de dégradé radial transparent. Vous pouvez ensuite entrer dans le mélange et ajuster la taille et l'emplacement des formes.

Étape 3

Pour rendre le chat plus visible, entrez dans le groupe de fusion du ciel et ajustez simplement la hauteur du rectangle bleu pour permettre une transition plus claire des couleurs derrière le chat..

Travail impressionnant, vous avez terminé!

Vous avez maintenant terminé! Comme vous avez placé votre ciel dans les limites de votre planche d’art, ne vous inquiétez pas des formes qui se chevauchent. 

Joyeux Halloween et je te rattraperai dans mon prochain tutoriel.