Developpez.com

Plus de 2 000 forums
et jusqu'à 5 000 nouveaux messages par jour

Introduction aux dégradés

Le dégradé est un outil très utile. Voyons ce que nous pouvons en faire.

7 commentaires Donner une note à l'article (5)

Article lu   fois.

Les deux auteur et traducteur

Traducteur : Profil ProSite personnel

Liens sociaux

Viadeo Twitter Facebook Share on Google+   

I. Les dégradés

Image non disponible
Image non disponible


Commencez avec trois cercles et écrasez-les légèrement. Image non disponible

Image non disponible


Utilisez l'outil de dégradé et choisissez le radial. Image non disponible
Les deux cercles montrent l’étendue du dégradé,

Image non disponible


et le carré montre le point central.
Créez des formes dupliquées et coloriez-les d'un violet sombre.

Image non disponible


Définissez l'opacité à 25 % (soit dans la fenêtre Remplissage et contour, soit dans le coin inférieur gauche, à côté de la couleur),

Image non disponible


et altérez les nœuds pour les déformer. Image non disponible Ramenez les nœuds gauche et droit dans les coins. Image non disponible

Image non disponible


Ajoutez un duplicata violet sombre de celui du centre, plus large, avec une opacité de 10 % et deux cercles noirs déformés. Image non disponible

Image non disponible


Un troisième cercle noir constituera la bouche, Image non disponible

Image non disponible


avec deux rectangles Image non disponiblecombinés avec l'option Chemin/Différence Image non disponible.

Image non disponible


Dupliquez les yeux et la bouche deux fois avec une opacité de 20 %, l'une avec une couleur jaune clair et la seconde avec une couleur violet foncé.

Après quelques cercles déformés supplémentaires sur le dessus et dans les yeux, nous obtenons une jolie citrouille d'Halloween !
Et un premier pas en direction des dégradés des illustrations vectorielles.

Image non disponible
Image non disponible
Image non disponible


Un des plus grands avantages de travailler avec des graphismes vectoriels est la possibilité d'altérer rapidement son œuvre,

Image non disponible


par exemple, positionner une lumière vers le devant implique de modifier la forme des ombres et le centre du dégradé,

Image non disponible


ou de créer des expressions différentes.

Image non disponible


Une lumière sur le côté droit implique aussi d'altérer la position de la surbrillance,

Image non disponible


comme la position du dégradé.

Image non disponible
Image non disponible


Même changer la lumière pour une bougie dans la citrouille revient à altérer les couleurs des formes…

Image non disponible
Image non disponible


Commencez avec un cercle. Image non disponible

Image non disponible


Ajoutez un autre cercle plus petit avec une couleur différente.

Image non disponible


Combinez les deux avec l'option Chemin/Difference Image non disponible pour constituer un anneau.

Image non disponible


Dupliquez deux fois l'anneau et agrandissez les copies.

Image non disponible


Ajoutez un autre anneau légèrement plus petit que le plus grand mais pas aussi large.

Image non disponible


Il est temps d'ajouter un dégradé. Image non disponible Sélectionnez le dégradé linéaire et dirigez-le vers le bas du dernier anneau.

Image non disponible


Faites de même avec l'anneau intérieur et déplacez le second plus sombre un petit peu plus haut.

Image non disponible


Créez un autre cercle et convertissez-le en chemin. Utilisez l'outil de nœud pour le déformer. Image non disponible

Image non disponible


Lorsque vous double- cliquez sur une forme vous voyez une petite croix. C'est le point de pivot. Déplacez la pointe vers le bas.

Dupliquez l'objet et tournez les copies pour former les rayons. En sélectionnant les cinq formes, puis en utilisant l'outil de dégradé, ils seront coloriés équitablement.
J'ai ajouté un duplicata plus clair pour les cinq formes avec un cercle au centre et une étoile pour la décoration ainsi qu'un cercle sur le bas de la roue pour un reflet supplémentaire. Le dégradé est un excellent outil pour créer des aspects brillants et métalliques ainsi qu'une impression de profondeur.

Image non disponible
Image non disponible
Image non disponible


Faisons un autre anneau,

Image non disponible


ajoutons-lui une copie,

Image non disponible


et un rectangle. Image non disponible

Image non disponible


Dupliquez et tournez les copies,

Image non disponible


Ajoutez quelques cercles,

Image non disponible


déformez-en un et déplacez le point de pivot au centre de la roue.

Image non disponible


Aussi facile que cela a été pour les assembler, avec simplement quelques détails supplémentaires, cela convient parfaitement comme pièce centrale de cette illustration.

Cela conclut cet article. J'espère que vous vous êtes amusé à recréer quelques-uns de ces tutoriels chez vous ou simplement en jouant avec Inkscape, Gimp & Co.

II. Remerciements

Cet article est une traduction autorisée de l'article paru sur 2D Game Art for programmers. Je remercie chaleureusement Chris Hildenbrand de nous avoir permis de le traduire.

III. Commenter

Vous pouvez commenter cet article ou présenter vos réalisations sur le forum.

Vous avez aimé ce tutoriel ? Alors partagez-le en cliquant sur les boutons suivants : Viadeo Twitter Facebook Share on Google+   

  

Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright © 2014 2014. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.