Réaliser un bouton bulle avec TVPaint

par Pixel Art

article publié sur Obligement

L'exercice pratique de cet article consiste à réaliser un bouton bulle qui peut servir, par exemple, pour vos pages web.

Etape 1

Dessinez un cercle plein de couleur jaune sur un fond blanc.

1. Pour le fond blanc, sélectionnez la couleur blanche dans la palette, cliquez sur l'icône du remplissage et cliquez enfin sur une partie quelconque de l'écran.
2. Il faudra un cercle avec un dégradé de jaune. Il faut pour cela utiliser la fenêtre "Fill options" (ci-dessous, figure de gauche) qui est représentée, dans la palette, par l'icône carrée munie d'un dégradé (en haut, la 2e icône en partant de la gauche). Cliquez sur le bouton droit de la souris sur cette icône et cette fenêtre s'ouvre.
3. Créez un dégradé de jaune/orange/noir : cliquez sur le carré de gauche (une petite flèche noire doit apparaître en dessous), puis cliquez sur "pick" et choisissez une couleur proche des jaunes. Faites ceci également pour l'orange et le noir, comme indiqué sur la figure suivante.
4. Dernier point de configuration pour cette fenêtre : cliquez sur le dernier bouton de l'option "range".
5. Ensuite, cliquez deux fois sur l'icône "cercle" de la palette et créez votre rond. Une fois la grosseur définie, vous relâchez le bouton de la souris et un trait apparaît : inclinez-le en direction haut/droite et sur une longueur équivalente à deux tiers du rayon du cercle.

Résultat:

Résultat:

Etape 2

1. Cliquez avec le bouton droit sur l'éditeur de densité (en haut de la palette, 3è bouton en partant de la gauche) et réglez-le comme ci-dessous (figure de gauche).
2. Différents réglages sont possibles mais, ici, il suffit de cliquer sur la grosse barre rouge et de la bouger à sa guise. N'oubliez pas de cliquer sur le bouton (radial) en bas de cette fenêtre.
3. Dessinez, par dessus la boule jaune/orange, un cercle plein avec la couleur noire. Comme précédemment, inclinez le trait en direction haut/droite et sur une longueur équivalente à deux tiers du rayon du cercle.

Etape 3

1. Réglez la palette et la densité comme ci-dessous. Pour la densité, vous remarquerez qu'il faut inverser verticalement le mapping par défaut (qui est rouge au centre et noir sur les côtés) : cliquez simplement sur le bouton avec la double flèche verticale pour procéder à l'inversion.
2. Dessinez, dans votre boule, un autre cercle plein, plus petit, en indiquant la direction opposée (en bas à gauche).

Résultat:

Etape 4

Dessinez un autre cercle en blanc, de même diamètre qu'en étape 3, et avec le même réglage de densité. Inclinez le trait en direction haut/droite et mettez sa longueur sur deux tiers de rayon environ.

Résultat:

Etape 5

Ajouter une ombre portée, réglée comme ci-dessous :

Résultat:

Résultat final

Voilà, votre bouton bulle est prêt, vous pouvez l'inclure à vos menus par exemple.