Design Web avec Photoshop 6 et ImageReady

On ne présente plus le logiciel de retouche d'images Photoshop, dont la dernière version 6 contient l'utilitaire ImageReady, conçu pour les traitements d'images Web avancés. Ces deux produits sont mis en avant dans le dernier livre de Pierre Labbe, qui guidera tout utilisateur de Photoshop 6 dans la conception et le design de son site Web. Étape par étape, le lecteur apprendra comment réduire le poids des images, insérer des animations, des rollovers, etc.

Le livre s'oriente autour de la conception des quelques pages d'un site sur la Martinique. Après l'analyse des éléments utilisés pour ces pages (boutons de navigation, vignettes photo, , textes déformés, fond de page, animations...), l'ouvrage aborde la réalisation proprement dite de ces éléments : de l'optimisation (recadrage, découpe de pages) jusqu'à l'obtention de la page HTML complète. Le livre est accompagné d'un CD-Rom qui contient les pages du site et tous les éléments pour le construire (depuis les photos brutes à scanner jusqu'aux produits finis).

• Réduire le poids d'une image
• Créer une animation
• Corriger les couleurs d'une image
• Créer un motif pour un fond de page
• Détourer une image
• Créer un rollover

• Quelles images pour le Web ?
• Quels sont les types d'images ?
• Comment régler la résolution de l'image ?
• Comment régler la dimension et le poids des images ?
• Quels sont les formats pour le Web ?

  La préparation des photos

• Comment redimensionner l'image ?
• Comment préparer des vignettes ?
• Comment ajouter une ombre à une photo ?
• Comment détourer une image ?

  Comment modifier les couleurs ?

• Comment régler les contrastes ?
• Comment obtenir une bichromie ?
• Comment réduire le nombre de couleurs ?
• Comment découper une image ?

  Comment créer une animation ?

• Quels sont les types d'animation ?
• Comment travailler les calques de l'animation ?
• Comment ajouter des images dans une animation ?
• Comment gérer les images de l'animation ?
• Comment optimiser et enregistrer l'animation ?

  Comment créer des rollovers ?

• Comment optimiser un fichier ?
• Comment optimiser dans Photoshop ?
• Comment optimiser dans ImageReady ?
• Quels sont les critères pour l'optimisation ?
• Comment compresser les couleurs ?
• Comment compresser les données ?
• Comment choisir le format du fichier ?
• Quels sont les atouts du format GIF ?
• Quels sont les atouts du format JPEG ?

  Comment paramétrer l'optimisation GIF ?

• Comment optimiser une animation GIF ?
• Comment atténuer la disparition de certaines couleurs ?

  Comment paramétrer l'optimisation JPEG ?

• Quelle compression choisir ?
• Comment réduire le poids du fichier JPEG ?

  Comment mémoriser les réglages d'optimisation ?

  Annexe

• raccourcis clavier pour Macintosh et Windows.

CONFIGURATION REQUISE POUR PHOTOSHOP 6.0
Sur Mac : MacOS 8.5 ou plus -Processeur PowerPC - 64 Mo de RAM -125 Mo d'espace disque disponible -Écran 800 x 600 minimum.
Sur PC : Windows 98, NT 4.0, 2000 ou Millenium - Processeur Pentium -64 Mo de RAM -125 Mo d'espace disque disponible -Écran 800 x 600 minimum.