Découper un kit graphique 2 / 4

Voici l'image que je vous propose de prendre en exemple.

Au passage de la souris sur les boules périphériques, celles-ci vont changer de couleur.
Il est donc nécessaire d'isoler chacune de ces boules.
4 - La méthode

Pour cela, on prend l'image du kit graphique dans son éditeur préféré, puis on trâce des répères verticaux et horizontaux de manière à délimiter les zones modifiables et celles qui ne le sont pas.
Dans mon cas, j'utilise les lignes guides (repères) de Paintshop pro ou de Photoshop, mais on peut aussi créer un calque et y tracer les lignes en question.
Cette phase est très importante pour l'optimisation.
Les coupures doivent être faites de façon à isoler uniquement les parties qui vont être modifiées au cours du rollover.
5 - La découpe proprement dite

Une fois que ce travail est réalisé, il faut couper.
Là aussi, deux possibilités s'offrent à vous :
- la solution simple, mais pas optimisée
- la solution la plus performante, mais plus délicate
     

Tutoriel réalisé par GraphicXperiment.com