Developpez.com

Une très vaste base de connaissances en informatique avec
plus de 100 FAQ et 10 000 réponses à vos questions

Graphismes 2D pour les programmeurs

Éclatons-nous

Ce court article explique comment créer la fissure du tutoriel sur les fenêtres de bureau. Il s'agit essentiellement d'une utilisation rapide de l'outil de segments de droites et des courbes de Bézier, en plus de quelques actions sur les nœuds.

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. Éclatons-nous

Image non disponible
Image non disponible


Utilisez l'outil de courbes de Bézier et de segments de droites Image non disponible pour dessiner une forme hérissée.

Image non disponible


Ajoutez-y d'autres craquelures avec l'outil de segments de droites.

Image non disponible


Sinon, créez un triangle puis ajoutez-lui des nœuds,

Image non disponible


Afin de les placer avec l'édition de chemin de l'outil de nœuds Image non disponible.

Image non disponible


Ajoutez quelques craquelures supplémentaires avant de regrouper les formes (Ctrl + G).

Image non disponible


Dupliquez le groupe et décalez-le légèrement (pour correspondre à l'éclairage de votre scène).

Image non disponible


Déplacez les nœuds finals Image non disponible pour s'aligner avec le groupe de la forme initiale…

Image non disponible


Prenez une couleur de remplissage plus claire et définissez la transparence à ±50 % (ajustez-la à votre couleur de fenêtre).

Image non disponible


Placez la forme la plus claire en dessous du groupe sombre.

Image non disponible

Combiner les formes pointues (Chemin/Union) permet de nettoyer un peu plus : vous ne verrez plus les chevauchements. Gardez à l'esprit de combiner deux objets à la fois dans Inkscape.

J'espère que ce tutoriel rapide explique assez bien la création de craquelures.

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.