Nos zones de découpe sont prêtes à etre enregistrées donc on les enregistre pour cela fait File > Save optimized as... puis dans la boite de dialogue indiqué un nom de base pour vos images elle seront toutes sauvegarder en fonctions des parametre choisis précédement.

A ce moment je conseil de faire un petit nettoyage des fichier sauvegarder, car pour ce type d'interface on à besoin de tres peu d'image et beaucoup des images enregistrer ne servirons pas, donc garder juste l'image des arbres, le dégradé du heder ainsi que le dégradé de son menu, le dégradé du menu gauche ainsi que le dégradé de sa zone de titre ce qui donne 5 image seulement, le reste peut etre éffacé.

Enfin je conseil aussi de repasser dans photoshop et de reduire les images de dégradé à 1 pixel seulement de large, lors de la mise en page web, ces images plus légère se repeterons d'elle même donc inutile d'avoir des fichiers images trop lourd.

Une fois tout cela fait on peux passer à la dernière étape, l'étape 3...

Si vous n'etes pas certains d'avoir créer correctement vos zones ou si vous voulez etre sur d'avoir les mêmes fichier que moi, vous pouvez télécharger mes fichiers en cliquant ici.