Créer un bouton web

Pixia est aussi l'outil idéal pour fabriquer des images web originales. Cette page vous présente la réalisation d'un bouton : l'élément de base des sites qui se respectent. Par ailleurs l'exercice permet d'améliorer la prise en main et la connaissance de Pixia, on vous le recommande donc vivement. Sinon, à quoi ça sert qu'on se décarcasse...

Retour aux tutoriaux  

Voici le bouton que nous vous proposons de créer : (passez la souris dessus)

Il n'est pas terrible, je sais... Mais je vais pas tout de suite vous donner mes meilleurs trucs !

Il est composé de deux images la première visible tout le temps sera construite en parallèle de la seconde, activée au passage de la souris, à laquelle nous nous intéresserons uniquement ici. C'est ce que l'on appelle une image survolée, celle-ci se construit grâce à votre éditeur HTML, en combinant les deux images, et c'est pourquoi nous n'en parlerons pas sur ce site... Quoique...

	Créez une nouvelle image de la taille du bouton Ici, nous avons créé un nouveau document de 100 pixels de largeur sur 40 pixels de hauteur.
	Colorez le bouton A votre convenance. Ici, j'ai choisi un dégradé rectangulaire puis un des fabuleux filtres de Gonta : "Artiste" / "Pinceau"
	Appliquez le filtre "bouton" Ouvrez la palette de filtres et choisissez "Effets" / "Bouton". Dans "Réglages" : adaptez l'épaisseur des bords, leur opacité.... Puis "Appliquer".
	Ecrivez le texte Insérez un texte sur votre bouton (cf : tutorial "Insérer un texte..."). Ici, j'ai superposé deux calques du même texte. Celui de derrière en noir a été élargi grâce au filtre "Contour"....

Retour en haut de page