[Fireworks MX] Découper un design complet

[Blaster]

Ce tutorial vous aidera a découper un design complet avec le logiciel Fireworks MX .

Auteur : Blaster
Niveau : 2/5
Temps : Environ 15 minutes
Pré-requis : Un design ( source PNG )

Etape 1 :
1 / Ouvrez le document .png de votre design .
2 / Pour découper il vous faut utiliser l'outil découpe ( voir la capture )


Ensuite il vous faut découper morceaux par morceaux puis attribuer un nom au morceaux découper , par exemple comme ceci ( premier morceaux )

Et pour renommer une image , il faut quelle ai un nom différent que par défaut , pour l'appeler exemple "image01" c'est ici :


Voilà le principe de base de découpage , maintenant il vous suffit de recommencer l'étape autant de fois que vous le souhaitez et de géré votre découpe vous même .
Ce qui a la fin du découpage , vous obtiendrez ceci :


Il ne vous reste plus qu'a exporter votre design en HTML ( Fichier -> Exporter )
Nous expliquerons plus en détails pour l'exportation et la mise en page ( intégration html ) dans un prochains tutorials .

J'espere que vous avez maintenant compris le principe du découpage

Il est interdit de distribuer ce tutorial sans l'accord de son auteur , ce tutorial est a la propriété de phpbb-graph.com !