Adobe
Se connecter Mes livraisons Mon assistance
Retour à l’index
Version à imprimer
Utilisation d'images tranchées pour la création rapide de pages Web
page : 1 2 3
Comme la plupart des concepteurs Web, vous pouvez développer vos pages dans Adobe® Photoshop®. Grâce aux objets dynamiques d'Adobe GoLive®, vous pouvez désormais gagner du temps et importer des tranches de vos fichiers Photoshop en toute simplicité.GoLive assemble les tranches dans un tableau et vous permet d'optimiser chacune d'elles individuellement. Les tranches peuvent être utilisées comme liens de navigation, dans des boutons animés ou comme balises d'emplacement destinées à l'affichage d'images différentes. La procédure ci-après vous indique comment trancher une image et utiliser cette tranche dans une page Web.
main
Ouvrir une image dans Photoshop.
Lorsque Photoshop est lancé, choisissez la manière dont vous souhaitez diviser votre image pour créer la page Web. D'une manière générale, une page Web est constituée de barres de navigation, de bannières, de boutons et d'une image ou d'une zone d'information principale. Commencez par les zones les plus grandes et les plus logiques, puis créez de tranches de plus petite taille autour d'éléments individuels, tels que les boutons. L'utilisation des repères peut s'avérer utile pour l'organisation des images en tranches.
step01
Découper l'image en tranches.
Sélectionnez l'outil Tranche. Faites glisser la souris sur une partie de votre image en maintenant le bouton enfoncé, puis relâchez le bouton afin de créer une tranche. L'image est à présent divisée en plusieurs tranches : la tranche utilisateur que vous venez de créer et des tranches automatiques supplémentaires créées sur le reste de l'image. Recommencez la procédure pour créer des tranches supplémentaires à partir d'autres zones de l'image. Les options de magnétisme des repères et des tranches du menu Affichage peuvent s'avérer utiles lors de la division de l'image en tranches.
L'outil Sélection de tranche permet de sélectionner et de redimensionner les tranches créées. Pour redimensionner une tranche, cliquez sur celle-ci à l'aide de l'outil Sélection de tranches et faites-en glisser l'une des poignées.
step02_int
Nommer les tranches.
Sélectionnez la tranche qui vous intéresse à l'aide de l'outil Sélection de tranche, puis cliquez sur le bouton Options de tranche de la barre d'outils des options. Dans la boîte de dialogue des options de tranche, saisissez un nom évocateur pour la tranche dans la zone de texte appropriée. GoLive nomme l'image optimisée pour le Web en fonction du nom de la tranche.
step03_int
retour au début
précédent suivant