Gimp – Niveau 5 (2/2)
Dans le cadre du cours « outils & panorama du web », nous devions réaliser une production graphique avec Gimp. Voilà donc étape par étape la suite de la démonstration d’une compétence de niveau 5.
Créer un reflet dans une image
En partant de cette image
Je rajoute un lac en premier plan avec un effet de reflet :
Créer des boutons
Voilà donc un bouton :
<?php
<img src="gimp5-19.jpg" width="200" height="200" border="0"
usemap="#map" />
<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:Jonathan -->
<area shape="poly" coords="78,22,118,22,156,39,183,67,189,106,177,145,149,169,105,
187,71,178,45,162,26,145,13,122,12,94,17,67,39,42,57,30"
alt="allez à la page 2" href="http://bersot.mywebcommunity.org/divers/page2.htm" />
</map>
?>
Ceci est le code source d’une zone cliquable, réalisée avec Gimp, cliquez ici pour une démonstration.
Faire un roll-over
En utilisant l’image ci dessous
Je fais une démonstration de roll-over ici
Faire une boite 3D avec des facettes
Je fais donc une boite 3d comme ceci :
puis je sélectionne trois images :
et je les intègre à ma boite
je rajoute enfin un jeu de lumière, d’ombrage et de biseau :
Animation
Et pour finir j’ai fait un essai d’animation avec GIMP :
RSS 2.0