Encore plus de fun avec les dégradés

Chris Hildenbrand

Traducteur

Alexandre Laurent

Emmenons l'outil de dégradé au niveau supérieur et travaillons avec la couleur et la transparence pour créer un fond marin simple.

Commentez

- Titre : Encore plus de fun avec les dégradés

- Auteur : Chris Hildenbrand

- Traducteur : Alexandre Laurent

- Parution : 26 août 2014

- Licence : 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 Chris Hildenbrand. 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.

Sommaire

- I. Encore plus de fun avec les dégradés

- II. Remerciements

- III. Commenter

I - Encore plus de fun avec les dégradés

Commencez avec un rectangle.

Utilisez l'outil de dégradé pour en créer un linéaire. L'intensité de la lumière décroît au fur et à mesure que vous descendez.

Ajoutez un duplicata en dessous et éditez le dégradé pour choisir une couleur marron pour le fond marin.

Changez le rectangle en un chemin et modifiez les nœuds.

Ajoutez deux autres copies et rendez-les plus claires.

Créez un autre rectangle pour le rayon de lumière en utilisant un dégradé linéaire avec un paramètre alpha.

Changez le paramètre alpha à 50 % sur la partie haute et 0 % pour le bas. Utilisez l'outil de nœuds pour élargir la base.

Utilisez les modificateurs d'inclinaison (double clic) pour choisir l'angle du rayon de lumière.

Ajoutez des duplicatas et modifiez leur inclinaison et leurs nœuds. Quelques cercles semi-transparents augmentent l'impression de profondeur sous-marine.

Ajoutez quelques décorations dont quelques bulles. Commencez avec un cercle blanc semi-transparent.

… et deux copies (dont l'une légèrement plus petite) ; combinez-les en un anneau (Chemin/Difference)…

… et ajoutez-en trois autres pour donner quelques reflets.

Prochaine étape :
l'anémone de mer. Commencez avec un rectangle aux bords arrondis…

… convertissez-le en un chemin et modifiez les nœuds pour former la base.

Quelques cercles déformés peuvent être transformés en tentacules.

Copiez, placez et tournez-lez pour les embellir.

En appliquant un dégradé linéaire à la partie avant et à la base …

… et en ajoutant des reflets sur le dessus, nous faisons correspondre l'éclairage à celui plongeant de notre scène sous-marine.

Utilisez les touches « Page Suivante » et « Page précédente » pour ajuster l'ordre des objets (par exemple : la place des anémones de mer dans le milieu de la scène derrière les rayons de lumière).

J'aimerais ajouter un peu de vie à la scène sous-marine et créer quelques poissons. Le principe de base lors de l'ajout d'un élément « réel » dans une scène vectorielle est de regarder les formes et les « décomposer » en des éléments basiques comme des cercles, carrés, rectangles ou encore des ellipses.

Je fais habituellement une recherche rapide d'images sur Google pour trouver une image de référence afin d'avoir une meilleure idée sur ce que je vais créer. Dans ce cas, la recherche « poisson jaune récif » permet d'obtenir un joli poisson papillon avec un long nez jaune.

Cela était parfait, car le corps était une sorte de carré et que le devant avait une forme triangulaire.

Un « poisson papillon au long nez » fera un joli poisson coloré pour notre scène…

… et présente une combinaison plus complexe. Commençons avec un rectangle.

La modification des nœuds permet de créer la forme du corps.

Deux rectangles de plus formeront la tête…

… en regroupant simplement les deux nœuds du coin à l'intérieur.

Il est temps d'ajouter quelques cercles…

… et modifier leurs nœuds pour créer les formes désirées.

Dupliquez ceux-ci et placez-les aux bons endroits…

… en ajoutant des variations de couleurs, les mêmes formes créent un ombrage et ajoutent des détails à notre poisson.

La même approche fonctionne avec aussi bien avec des éléments bien plus complexes. Tout tient à la façon de voir les « blocs de construction ».

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.