.

9°) créer une illustration vectorielle

9°) créer une illustration vectorielle

Après le logo, nous allons faire une illustration, toute simple également. Ce n’est pas plus compliqué qu’un logo, il y a peut-être juste un peu plus de calques !

Pour mon exemple, j’ai pris une tête d’ail… Pas facile de rendre une tête d’ail attrayante, me direz vous ! Je vais vous prouver que si. Et qu’en plus, cela peut être amusant ;)

Commençons !

1. Préparation du travail :

- En support de l’illustration, créez un nouveau document. J’ai créé un document de 800 x 800 pixels, en 72 dpi.

- Sélectionnez l’outil Dégradé (12ème outil de la boite à outil, associé à l’outil Pot de peinture), et choisissez un dégradé tout fait, ou créez-vous en un dans la boite d’édition des dégradés (pour l’ouvrir, cliquez sur l’aperçu du dégradé dans la barre d’option de l’outil dégradé)

- Ouvrez la photo de la tête d’ail  dans Photoshop et détourez-là. Puisque nous sommes dans le vectoriel… utilisez l’outil plume ;)

- Quand cela est fait, par cliquer/glisser, faites glisser la tête d’ail détourée sur votre document avec le dégradé bordeaux.

2. La forme rose ronde :

- Dans la boite à outils, sélectionnez l’outil Ellipse. Dans la barre d’option de l’outil Ellipse, sélectionnez l’option Calque de forme, puis cliquez sur l’option Couleur : choisissez une couleur rose. Sélectionnez également l’option Cercle.

- Pour que le cercle se place sous la tête d’ail, cliquez sur le calque d’arrière-plan (le calque de forme se positionnera donc juste au dessus).

- Par cliquer/glisser dans votre document, dessinez un cercle sur la gauche de la tête d’ail. (Voir l’exemple ci-dessous). Puis relâchez.

NB : n’oubliez pas : pour déplacer le rond, sélectionnez l’outil sélection de tracé (la flèche noire). Par cliquer/glisser dans le cercle, vous pouvez déplacer la forme et la repositionner.

- Dans la palette des calques, baissez l’opacité du calque à 56%

3. La forme jaune ronde :

- Si l’outil Ellipse n’est plus sélectionné, sélectionnez-le à nouveau.

- Dans la barre d’options de l’outil ellipse, sélectionnez les options : Calque de forme et Créer un nouveau calque de forme. Seulement après, cliquez dans Couleur pour choisir la couleur jaune.

Rappel : Si vous ne cliquez pas sur l’option Créer un nouveau calque de forme avant de changer la couleur, c’est le calque de forme actif que vous allez changer de couleur : votre rond rose deviendrait jaune.

- Par cliquer/glisser dans votre document, dessinez un cercle sur la droite de la tête d’ail. Ne la faites pas de la même taille et positionnez-là en décalé (évitez la symétrie) : Voir l’exemple ci-dessous. Puis relâchez.

- Dans la palette des calques, baissez l’opacité du calque à 69%

4. Le triangle jaune:

- Sélectionnez maintenant l’outil plume.

- Dans la barre d’options de l’outil plume, sélectionnez les options : Calque de forme et Créer un nouveau calque de forme. Seulement après, cliquez dans Couleur pour choisir la couleur jaune (elle devrait être encore jaune).

- Dessinez un triangle sur la droite de la tête d’ail. Voir l’exemple ci-dessous. Puis relâchez.

- Pour dessinez le contour de la forme, cliquez sur la petite icone fx, au bas de la palette des calques, et choisissez Contour dans le menu contextuel qui s’ouvre.

- Cliquez dans l’aperçu de Couleur pour ouvrir le sélecteur de couleurs. Quand il est ouvert, cliquez dans la forme jaune, dans votre document. Votre curseur se transforme en pipette pour en sélectionner la couleur. Vous n’avez plus qu’à valider par OK.

- Maintenant, vous allez rendre le fond du triangle transparent, pour que l’on ne voie plus que le contour. Pour cela, dans la palette des calques, baissez le fond à 0%

- Et toujours : vous pouvez déplacer le triangle en sélectionnant l’outil Sélection de tracé (la flèche noire). Par cliquer/glisser, vous pouvez le positionner au bon endroit.

- Pour le faire tourner, appuyez sur les touches cmd + T (Ctrl + T). Lorsque vous êtes en dehors du cadre de déformation, le curseur se transforme en demi cercle avec 2 flèches. Vous pouvez, par cliquer/glisser, faire pivoter le triangle. Vous pouvez également en profiter pour agrandir ou réduire la dimension du triangle, en agissant sur les poignées aux coins du cadre de déformation et en appuyant également sur la touche Maj pour conserver les proportions. Quand vous avez terminé, valider en appuyant sur la touche Entrée.

5. Le triangle rose :

- Répétez les opérations ci-dessus pour faire le triangle rose. Faîtes-le d’une taille supérieure au triangle jaune. Modifiez son orientation et décalez-le sur la gauche du document.

- Dans la palette des calques, par cliquer/glisser, passez le calque du triangle rose au dessus du calque de la tête d’ail, de sorte qu’une partie du triangle recouvre le bas de la tête d’ail.

6. Retouche sur les ronds jaune et rose :

A ce niveau, je n’étais pas satisfaite de la couleur de mes 2 ronds : trop foncés. Alors, j’ai réduit encore leur opacité, en sélectionnant l’un après l’autre les 2 calques de forme.

7. Le 1er rectangle

- Dans la boite à outils, sélectionnez l’outil Rectangle. Dans la barre d’options de l’outil Rectangle, sélectionnez toujours les mêmes options : Calque de forme, Créer un nouveau calque de forme, puis la Couleur blanche.

- Dessinez un rectangle sur la droite de votre document, par cliquer/glisser.

- On va le mettre en oblique. Pour cela, appuyez sur les touches cmd + T (Ctrl + T) pour sélectionner l’outil déformation. Faîtes pivoter le rectangle. Vous pouvez également en profiter pour l’agrandir ou le réduire, en agissant sur les poignées aux coins du cadre de déformation et en appuyant également sur la touche Maj pour conserver les proportions. Quand vous avez terminé, valider en appuyant sur la touche Entrée.

8. Le 2ème rectangle

- On va simplement dupliquer le calque de forme Rectangle blanc. Pour cela, glissez le calque sur la petite icône Créer un calque, au bas de la palette des calques. La copie du calque de forme se place au dessus. Vous ne pouvez pas le voir dans votre document, car il est superposé au premier rectangle.

- Vous allez le déplacer de l’autre coté de la tête d’ail, vers le bas à gauche. Pour cela, activez l’outil déformation en appuyant sur les touches cmd + T (Ctrl + T).

- Cliquez à l’intérieur du rectangle et, par cliquer/glisser, déplacez-le vers son nouvel emplacement.

- Profitez-en pour le réduire un peu, en cliquant sur une des poignées de coin et en appuyant également sur la touche Maj pour conserver les proportions. Quand vous avez terminé, valider en appuyant sur la touche Entrée.

9. Réduction de l’opacité des 2 rectangles

- Sélectionnez le calque de forme du 1er rectangle (calque forme 5 dans mon exemple) et réduisez son opacité à 57 %

- Sélectionnez ensuite le calque de forme du 2ème rectangle (calque forme 5 copie dans mon exemple) et réduisez son opacité à 52 %

Voilà ce que cela donne pour le moment :

10. Les bandes latérales jaunes

Plutôt que de dessiner 4 rectangles l’un au dessus de l’autre, nous allons dessiner un grand rectangle, puis nous allons dessiner à l’intérieur 3 autres rectangles, mais en soustraction. Pour cela :

Dans la boite à outils, sélectionnez l’outil Rectangle. Dans la barre d’options de l’outil Rectangle, sélectionnez toujours les mêmes options : Calque de forme, Créer un nouveau calque de forme, puis la Couleur jaune.

- Dessinez un rectangle sur la droite de votre document, par cliquer/glisser.

- Maintenant, dans la barre d’option de l’outil rectangle, sélectionnez l’option Soustraire de la zone de forme –> Tout ce que vous dessinerez à présent, se déduira du rectangle précédent.

- Dessinez un rectangle à l’intérieur du grand rectangle, en haut. Puis relâchez. Vous voyez un vide à la place de votre dessin ! –>Faîtes 2 autres rectangles en dessous, à distances différentes et de grosseur différente.

- Vous pouvez redimensionner vos rectangles, en appuyant sur les touches cmd + T (Ctrl + T) pour sélectionner l’outil déformation. Ici, j’ai étiré les rectangles, pour qu’ils touchent le bord droit de mon document. Quand vous avez terminé, valider en appuyant sur la touche Entrée.

11. Les bandes latérales roses

Recommencer les opérations décrites ci-dessus, mais avec la couleur rose, pour les bandes situées à gauche de la tête d’ail.

12. Application d’un style Satin sur les bandes latérales

Pour donner un peu de relief aux bandes latérales, vous allez leur appliquer un style Satin :

- Sélectionner le calque de forme des bandes latérales rose.

- Cliquez sur la petite icône fx, au bas de la palette des calques, et choisissez Satin dans le menu contextuel qui s’ouvre. Vous pouvez faire les réglages que vous voulez. Voici les miens :

- Sélectionner ensuite le calque de forme des bandes latérales jaune et sélectionnez également le style Satin. Vous pouvez faire les réglages que vous voulez. Voici les miens :

13. Application d’un style Satin sur les 2 triangles

Maintenant, vous allez appliquer un style satin  sur les 2 triangles. Vous allez voir un voile foncé remplir l’intérieur des rectangles, ce qui les rendra moins fades :

- Sélectionner le calque de forme du triangle jaune et sélectionnez le style Satin dans le menu contextuel qui s’ouvre. Voici mes réglages :

- Sélectionner ensuite le calque de forme du triangle rose, et faîtes la même chose : application du style Satin. Voici mes réglages :

14. Ajout d’objets de décoration.

Vous pouvez maintenant ajouter ou non d’autres petits objets de décoration. Pour cette illustration, j’ai trouvé des objets vectoriels que j’ai importé depuis Illustrator, afin d’ajouter un contraste 2D / 3D. Vous trouverez sur le Web de nombreux objets pouvant servir à compléter votre illustration, notamment sur Deviantart.

En fin de compte, la couleur de mon arrière-plan ne me satisfaisait pas. Aussi, j’ai opté pour un dégradé argenté. L’effet est complètement différent et je trouve que, finalement, ma tête d’ail, est bien plus jolie qu’au départ :)

Comme vous pouvez le constater, j’ai modifié la couleur de l’arrière-plan de mon travail seulement à la fin, quand tout était fini. En effet, rien n’est jamais figé. Je vous ai montré mon illustration telle que je l’ai créée, au fur et à mesure, avec les corrections que j’ai apportées après coup…

Donc, pour finir, une règle : Quand vous pensez avoir fini votre illustration, enregistrez votre travail et fermez Photoshop. En d’autres termes, passez à autre chose… Mais revenez-y plus tard. Ce laps de temps sera bénéfique, car vous aurez alors une vision différente de votre travail et vous vous apercevrez de petits défauts qui vous échappaient tant que vous étiez plongés dedans. Dès ce moment, n’hésitez pas à bouger les formes, à modifier leur couleur ou leur opacité, etc. Ajoutez ou supprimez des éléments. Et oui, on a tendance à en faire un peu trop ! Mais, en fin de compte, votre imagination est votre seule limite et votre personnalité fera le reste !

Comments are closed.