GIMP et graphisme pour le Web

Sans avoir besoin de dessiner, on peut faire de ce logiciel gratuit l'outil de prédilection des graphismes d'un site Web. GIMP (GNU Image Manipulation) est un éditeur graphique open source qui est une bonne alternative à Photoshop, bien que d'une utilisation plus laborieuse. Il existe d'ailleurs une version de GIMP qui tente d'émuler l'interaction avec Photoshop nommée Gimpshop.
Lorsqu'on maîtrise l'usage de ce logiciel, il devient très utile pour les graphismes du Web.

Que peut réaliser un webmaster avec GIMP?

Les éléments graphiques

Les pages Web modernes doivent contenir des éléments graphiques variés.

• Logo. Le nom du site et éventuellement un symbole.
• Bannière. Une image composite à placer en en-tête du site, ou pour réaliser des publicités.
• Signes. Ce sont des images servant à identifier des catégories d'articles (voir la page d'accueil de ce site).
• Icônes. Signes graphiques pour accéder à des fonctions d'un site.

Ces éléments se réalisent par combinaison d'objets et applications d'effets spéciaux.

Images spéciales sur les pages

Ce sont des images transformées éventuellement par des effets artistiques.

• L'image au contour flou.
  Utiliser une image comme banière produit le meilleur effet, mais lorsque la largeur de la page varie et qu'on l'agrandit, l'image donnera l'impression d'être trop petite. Pour éviter cet effet négatif on crée un effet de flou sur les cotés grâce auquel l'image se confond progressivement avec le fond de la page.
• Les titres artistiques. De nombreux effets sur les polices de caractères permettent de créer des logos originaux.
• Les objets sur fond transparent que l'on combine en bannière.

Ce qu'il faut apprendre

Si on compte deux heures pour maîtriser chaque question, avec une étude par jour, vous devriez au bout d'une semaine savoir ce qui est nécessaire pour faire les graphismes d'un site avec GIMP. En supposant que vous n'utilisiez que des compositions d'images déjà déssinées ou des photos. Il faut connaître:

• Le rôle des icônes de commandes.
• Les dégradés et l'aérographe.
• Taille d'image et copier/coller.
• Sélection. Déplacement de sélection.
• Adoucir, transparence.
• Les calques et les masques (chapitre 8 entier).
• Chemin pour réaliser un détourage.

Le tutoriel du logiciel suffira pour apprendre tout cela sauf peut-être le détourage. Pour aller plus loin et mettre en pratique ce savoir afin de réaliser des composants de site, on devra recourir aux tutoriels supplémentaires faits par les utilisateurs, et ceux de scriptol.fr...

Tutoriels

	Comment donner à une image un contour flou.
	Comment incruster une image dans une photo.
	Combiner des images avec effet de fondu.
	Supprimer un objet dans une photo.
	Créer un logo en texte et image. Automatiquement avec les filtres Alpha vers logo...
	Tutoriel du détourage.

Voir aussi

• Liste de tutoriels.

Liens externes

• Télécharger GIMP. Le logiciel s'adapte automatiquement à la langue de l'utilisateur.