But :Ce petit tutoriels pour utiliser le mode masque sur les calques.Très utile pour créer ,par exemple, des boutons personnalisés pour votre site.

Version logiciel :Fireworks MX 2004 .Je ne détaillerai pas toutes les actions "basiques" déja maintes fois expliquées dans les tutoriels précédents

L'effet voulu et celui ci

Image de départ
Image finale

 

Lancer Fireworks >>Fichier >> Ouvrir : ouvrez l'image que vous voulez modifier

1)Dessiner la forme: Nous allons utiliser une , parmis tant d'autre , des formes que met Fireworks a notre disposition .Pour les version antérieures de Fireworks, vous ne trouverez pas un tel choix , vous pouvez malgré tout faire ce tutoriel en utilisant le cercle par exemple.Choisissons l'outils "flèche" dans la barre d'outils.

Etape1
Etape2

Votre curseur se transforme en pointeur (croix) cliquez et tirez pour dessiner la forme choisie sur votre image.

Peut importe la couleur de remplissage de la forme

 

 

 

 

2) Redimensioner la forme: Une fois la forme dessinée , vous pouvez toujours la redimensioner en utilisant un des points (jaune) se trouvant sur le pourtour de la flêche .Essayez les tous ! vous verrez toutes les possibilitées offerte par Fireworks.

 

3)L'effet masque : Votre flêche est selectionnée, cliquez dessus si ce n'est pas le cas.

a)Onglet EDITION >>> Couper

 

 

 

b)Puis dans le panneaux "Calques" selectionnez l'image de fond c)Puis Onglet edition : Coller en tant que masque

 

Le resultat ,voulu, est celui ci , tout ce qui était hors de la forle flêche à disparu.

 
Vous voyez maintenant , dans la palette Calques , l'image et son masque

A ce stade vous pouvez toujours modifier la forme de la flêche .

Pour déplacer l'image par rapport à son masque , afin de modifier de trouver le bon positionnement , cliquez hors de l'image , puis cliquez sur la flêche. Puis déplacez l'image en maintenant cliquez sur la petite cible au milieux de l'image, et positionnez là ou vous le souhaitez.

 

3) Finition

a) Donner de l'effet a notre flêche .

Cliquez sur la flèche , puis dans le panneau"Propriétés" (en bas de l'écran) cliquez sur "Effets" , choisissez "Biseau et estampe" et "Biseau intérieur"

 

Ici dans cette fenêtre choisissez un des effets de biseau intérieur proposés," image 1 " par exemple , sur cet effet vous pouvez encore modifier :taille de l'effet , angle etc..

 

Choix du motif du biseau interieur
Paramètres du biseau choisi

 

Voici le résultat, vous pouvez évidement combiner d'autres effets a celui ci

 

b) Oter le vide autour de l'image: la flêche étant selectionnée , faites ctrl+alt+F

 

c) Modifier la taille de l'image

Peut être la taille de votre image ne convient pas , pour cela onglet "Modification" puis "Document" puis "Taille de l'image" et là redimensionnez votre image .

IMPORTANT: Gardez l'option "Contraindre les proportions " pour garder les proportions d'origine de votre image , ou décochez la, si ça n'a pas d'importance.

 

 

c) Exporter l'image

Onglet"Fichier" puis "Aperçu avant exportation"

Selectionez Format>>>GIF et Transparence d'index et enfin cliquez sur exporter.

IMPORTANT: avant de fermer Fireworks faites une sauvegarde au format .png, de votre travail pour pouvoir ensuite revenir sur vos modifications . Faire enregistrer >>format .png