Graphismes 2D pour les programmeurs

Fenêtres de bureau

On m'a demandé de faire un tutoriel rapide d'une simple fenêtre de bureau brillante pour un jeu. Tout ce que vous avez à faire, c'est de jouer avec des rectangles, l'outil de découpe et quelques dégradés.

Commentez 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. Fenêtres de bureau

Image non disponible
Image non disponible


Démarrez avec un rectangle. Image non disponible

Image non disponible


Ajoutez un duplicata en dessous pour le cadre de la fenêtre.

Image non disponible


Créez un dégradé linéaire Image non disponible. Dans ce cas, il est bleu pour refléter le ciel.

Image non disponible


Ajoutez un autre rectangle avec un dégradé allant de 50 % d'alpha à 0 %. Image non disponible Image non disponible

Image non disponible


Ajoutez quelques copies de plus et ajustez leur largeur.

Image non disponible


Sélectionnez tous les rectangles d'effets de lumière et utilisez l'outil d'inclinaison (double-cliquez sur les objets Image non disponible).

Image non disponible


Dupliquez le rectangle de la fenêtre pour créer un objet de découpage,

Image non disponible


puis sélectionnez tous les rectangles d'effets de lumière, puis la copie du rectangle de la fenêtre et effectuez un Objet/Découpe/Définir.

Image non disponible


Pour ajouter un reflet, transformez un rectangle en chemin, modifiez la ligne du dessous et ajoutez un dégradé. Image non disponible Image non disponible

Image non disponible


Créez de mineures variations des effets de lumière et du reflet final de l'objet, afin de faire des rangées de fenêtres qui semblent moins répétitives.

Image non disponible
Image non disponible

Jouez avec les couleurs et ajoutez des décorations pour créer l'aspect que vous recherchez,

Image non disponible

ajoutez une fissure et un reflet vert,

Image non disponible

ou un aspect de coucher de soleil,

Image non disponible

ou quelque chose de plus élaboré.

J'espère que c'est un peu plus clair. Amusez-vous bien !

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 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.