|
|
|
|
Lorsqu'on travail avec The Gimp il est courant de produire un graphisme et de le décliner ensuite sous diverses teintes. Ceci est particulièrement vrai en ce qui concerne les graphismes destinés à des pages Web. Il est courant de retrouver une forme ou un effet récurrant décliné par thèmes ou coloris. Afin de vous évitez un maximum de manipulations, la technique de base pour ce type de création est de penser dès le départ à faciliter une modification de la base de couleur par après.
|
Plus clairement, il s'agit de prendre en considération le fait que la couleur (par exemple) de votre création devra pouvoir être changée facilement et rapidement. Ceci ne s'improvise pas, il n'est pas rare d'arriver à un résultat très prometteur pour devoir recréer de A à Z tout l'objet pour une simple modification de couleur ou de motif de remplissage.
Pour obtenir une création dynamique, il vous faudra éliminer l'élément changeant du graphisme ou plus exactement ne jamais toucher au claque qui déterminera la couleur de l'ensemble. Dans bien des cas, il est parfaitement possible d'arriver à obtenir un dessin où le seul fait de changer un calque changera l'ensemble de la création.
Pour illustrer le principe de création dynamique, j'utiliserai un exemple simple. Même si le résultat vous semble très courant, ne perdez pas de vue que le but du présent tutoriel n'est pas la création d'une simple pastille Aqua mais le principe de création dynamique.
|
|
Créez une nouvelle image possèdant un fond blanc puis ajoutez un nouveau calque que vous activerez immédiatement. Créez ensuite une forme circulaire avec l'outil de sélection et remplissez-là d'une couleur quelconque (figure 1). Ce calque sera notre base dynamique de travail. En d'autres termes il n'est pas question d'y toucher. Tous les effets que nous allons donner devront être ajouté via d'autres calques. C'est ce couleur de calque qui servira de base à l'ensemble. Il n'est donc pas question non plus d'utiliser un claque supplémentaire dans les même teintes. En effet, en cas de changement du calque de base nous serions obligé de changer également le calque supplémentaire.
|
|
|
|
L'astuce consiste donc à ajouter des calques propageant des effets sur le calque de base. Il ne faut pas perdre de vue que ces effets doivent agir de la même manière sur la teinte actuelle que sur n'importe quelle autre.
Commençons par la partie la plus simple. Pour donner du relief, nous allons éclaircir une partie du disque de couleur tout en assombrissant le reste. Normalement, la sélection est toujours active. Ajoutez alors un calque en utilisant la couleur de premier plan qui est normalement le noir. A l'aide de l'outil de sélection rectangulaire, supprimez la partie supérieur de la sélection (touche CTRL et clic). Réduisez la sélection d'une 20aine de pixels puis remplissez-la de blanc. Annulez la sélection et appliquez un flou gaussien pour obtenir quelque chose d'approchant la figure 2. Passez ensuite ce calque en mode Superposer (figure 3).
|
|
Nous obtenons un effet de réfraction de la lumière. Il nous faut ensuite ajouter un reflet sur la partie supérieure. Ici, nous allons faire cela de manière un peu cavalière en ajoutant un calque et en faisant une sélection elliptique. ensuite, nous remplirons cette dernière avec un dégradé du blanc (haut) vers le noir (bas). Ceci nous donne la figure 4. En passant celui-ci en mode Ecran et en affichant tout les calques, notre effet de relief prend forme (figure 5).
La technique pour ce reflet est "cavalière" dans le sens où, normalement, la forme réelle et 3D de la pastilles donne la forme du reflet. Ici, j'ai décris l'utilisation de la sélection elliptique, ce qui ne correspond à aucun reflet réèl. Pour faire plus réaliste, il aurait été bien de prendre le temps de créer une forme de reflet basée sur la forme de l'objet 3D... la pastille.
|
|
|
|
Pour affirmer l'effet de relief et surtout d'éclairage, nous allons ajouter une ombre à l'arrière de la pastille Aqua. Pour cela créez un calque transparent et placez-le entre le fond blanc et notre calque de base. Activez le calque de base et transformez l'alpha en sélection. Décalez la sélection vers le bas (la sélection elle-même et non pas son contenu) puis réactivez le nouveau calque. Remplissez la sélection de noir, annulez la sélection puis appliquez un important flou gaussien. Notre ombre est crée (figure 6).
|
|
Nous obtenons un graphisme acceptable mais surtout, nous pouvons très facilement en changer la couleur. Il nous suffit en effet de revenir sur notre calque de base et de transformer l'aplha en sélection et de remplir avec la couleur de notre choix (comme du bleu par exemple - figure 7).
|
|
|
Cependant, il y a encore trop de manipulations. Nous pouvons résoudre ce problème très facilement en utilisant un masque de calque. Transformez l'alpha en sélection sur le calque de base puis ajoutez un nouveau calque blanc. Dans la fenêtre des Calques et canaux cliquez avec le bouton droit sur le nouveau calque et choisissez Ajouter un masque de calque. Choissez un masque noir puis remplissez la sélection de blanc.
Pour l'heure ces manipulations n'ont aucun effet apparent. Pourtant, nous venons de nous simplifier la vie. Choisissez une couleur au hasard, activez le nouveau calque de base (et non son masque) et remplissez avec la couleur (sans aucune sélection active). Le masque fait son office et nous ne voyons que le cercle de couleur. A présent, le changement de couleur se limitera à un remplissage de calque, sans plus.
|
|
|
|
Ceci ouvre également la porte à n'importe que manipulations sur le calque de base puisque nous ne somme plus limité par la forme. Nous pouvons remplir à l'aide d'un motif, d'une images ou encore d'un dégradé. Peu importe, nous obtiendrons toujours un effet de relief, de refraction et d'éclairage quelque soit l'aspect de la base (sauf, bien sûr, si les teintes de la base sont beaucoups trop claires).
|
|
|
|
En guise d'exercice, je vous laisse le plaisir d'ajouter une bordure sombre donnant dans le verre de la pastille un effet d'ombre comme dans les images en fin de page. Une petite indication tout de même, il y a plusieurs manière de procéder et l'une d'elle fait usage des courbes de Bézier.
|
$Id: dynamique.php,v 1.11 2005/04/04 06:50:46 denis Exp $
|
|
|