Guide d'utilisation Annuler

Création de galeries de photos web

  1. Guide de l’utilisateur de Photoshop
  2. Présentation de Photoshop
    1. L’imaginer. Le créer.
    2. Nouveautés de Photoshop
    3. Modification de votre première photo
    4. Création de documents
    5. Photoshop | Questions courantes
    6. Configuration requise pour Photoshop
    7. Découverte de Photoshop
    8. Maintenir Photoshop à jour
  3. Photoshop et autres produits et services Adobe
    1. Utilisation d’illustrations Illustrator dans Photoshop
    2. Utilisation de fichiers Photoshop dans InDesign
    3. Matériaux Substance 3D pour Photoshop
    4. Utilisation de l’extension Capture dans l’application sur Photoshop
  4. Photoshop sur iPad (non disponible en Chine continentale)
    1. Photoshop sur iPad | Questions courantes
    2. Découverte de l’espace de travail
    3. Configuration requise | Photoshop sur iPad
    4. Création, ouverture et exportation de documents
    5. Ajout de photos
    6. Utilisation des calques
    7. Dessin et peinture à l’aide de pinceaux
    8. Réalisation de sélections et ajout de masques
    9. Retouche de vos compositions
    10. Utilisation des calques de réglage
    11. Réglage de la tonalité de votre composition à l’aide des courbes
    12. Exécution des opérations de transformation
    13. Recadrage et rotation des compositions
    14. Rotation, panoramique, zoom et réinitialisation des zones de travail
    15. Utilisation des calques de texte
    16. Utilisation de Photoshop et de Lightroom
    17. Obtention des polices manquantes dans Photoshop sur iPad
    18. Texte japonais dans Photoshop sur iPad
    19. Gestion des paramètres de l’application
    20. Raccourcis et mouvements tactiles
    21. Raccourcis clavier
    22. Modification de la taille de votre image
    23. Diffusion en direct de vos créations dans Photoshop sur iPad
    24. Correction des imperfections avec l’outil Correcteur
    25. Création de pinceaux dans Capture et utilisation dans Photoshop sur iPad
    26. Utilisation des fichiers Camera Raw
    27. Création et utilisation des objets dynamiques
    28. Réglage de l’exposition de vos images à l’aide des outils Densité - et Densité +
    29. Commandes de réglage automatique dans Photoshop sur iPad
    30. Utilisation de l’outil Doigt sur les zones d’une image avec Photoshop sur iPad
    31. Saturation ou désaturation de vos images à l’aide de l’outil Éponge
    32. Fond basé sur le contenu pour iPad
  5. Photoshop sur le web (non disponible en Chine continentale)
    1. Questions courantes
    2. Configuration requise
    3. Raccourcis clavier
    4. Types de fichiers pris en charge
    5. Présentation de l’espace de travail
    6. Ouverture et utilisation de documents en ligne
    7. Fonctionnalités d’IA générative
    8. Concepts de base de l’édition
    9. Actions rapides
    10. Utilisation des calques
    11. Retouche d’images et suppression des imperfections
    12. Création de sélections rapides
    13. Améliorations des images avec les calques de réglage
    14. Ajouter un calque de remplissage
    15. Déplacement, transformation et recadrage d’images
    16. Dessin et peinture
    17. Dessiner et modifier des Formes
    18. Utilisation des calques de texte
    19. Collaboration sur le web
    20. Gestion des paramètres de l’application
    21. Génération d’une image
    22. Génération d’un arrière-plan
    23. Image de référence
  6. Photoshop (beta) (non disponible en Chine continentale)
    1. Prise en main des applications Creative Cloud version Beta
    2. Photoshop (Beta) sur poste de travail
    3. Image de référence
  7. IA générative (non disponible en Chine continentale) 
    1. Questions fréquentes sur l’IA générative dans Photoshop
    2. Remplissage génératif dans Photoshop sur poste de travail
    3. Génération d’une image avec des prompts
    4. Développement génératif dans Photoshop sur poste de travail
    5. Remplacement de l’arrière-plan avec Générer un arrière-plan
    6. Obtention de variantes similaires avec la fonctionnalité Générer des résultats similaires
    7. Remplissage génératif dans Photoshop sur iPad
    8. Développement génératif dans Photoshop sur iPad
    9. Fonctionnalités de l’IA générative dans Photoshop sur le web
  8. Authenticité du contenu (non disponible en Chine continentale)
    1. Informations de traçabilité du contenu dans Photoshop
    2. Identité et provenance des NFT
    3. Connexion de comptes pour l’attribution créative
  9. Documents en ligne (non disponibles en Chine continentale)
    1. Documents en ligne de Photoshop | Questions courantes
    2. Documents en ligne de Photoshop | Questions relatives au workflow
    3. Gestion et utilisation de documents en ligne dans Photoshop
    4. Mise à niveau de l’espace de stockage en ligne pour Photoshop
    5. Impossible de créer ou d’enregistrer un document en ligne
    6. Résolution des erreurs de documents en ligne Photoshop
    7. Collecte des journaux de synchronisation de documents en ligne
    8. Invitation d’autres personnes à modifier vos documents en ligne
    9. Partage de fichiers et de commentaires dans l’application
  10. Espace de travail
    1. Concepts de base sur l’espace de travail
    2. Préférences
    3. Formation accélérée grâce au panneau Découverte de Photoshop
    4. Création de documents
    5. Importation de fichiers
    6. Raccourcis clavier par défaut
    7. Personnalisation des raccourcis clavier
    8. Galeries d’outils
    9. Préférences de performances
    10. Utilisation des outils
    11. Paramètres prédéfinis
    12. Grille et repères
    13. Mouvements tactiles
    14. Utilisation de la Touch Bar avec Photoshop
    15. Fonctionnalités tactiles et espaces de travail personnalisables
    16. Aperçus de technologie
    17. Métadonnées et annotations
    18. Importation d’images Photoshop dans d’autres applications
    19. Règles
    20. Affichage ou masquage des extras non imprimables
    21. Spécification des colonnes pour une image
    22. Commandes Annuler et Historique
    23. Panneaux et menus
    24. Positionnement des éléments avec le magnétisme
    25. Positionnement avec l’outil Règle
  11. Web, écran et conception d’application
    1. Photoshop pour la création
    2. Plans de travail
    3. Aperçu sur l’appareil
    4. Copie des propriétés CSS à partir de calques
    5. Découpage en tranches des pages web
    6. Options HTML pour les tranches
    7. Modification de la mise en page de la tranche
    8. Utilisation des images web
    9. Création de galeries de photos web
  12. Principes de base sur les images et les couleurs
    1. Redimensionnement des images
    2. Utilisation d’images pixelisées et vectorielles
    3. Taille et résolution de l’image
    4. Acquisition d’images à partir d’un appareil photo ou d’un scanner
    5. Création, ouverture et importation d’images
    6. Affichage des images
    7. Erreur de marqueur JPEG incorrect | Ouverture d’images
    8. Affichage de plusieurs images
    9. Personnalisation des sélecteurs et nuanciers
    10. Images HDR (High Dynamic Range)
    11. Correspondance des couleurs de votre image
    12. Conversion entre modes colorimétriques
    13. Modes colorimétriques
    14. Effacement de certaines parties d’une image
    15. Modes de fusion
    16. Sélection des couleurs
    17. Personnalisation des tables de couleurs indexées
    18. Informations sur l’image
    19. Les filtres de distorsion sont indisponibles
    20. À propos de la couleur
    21. Réglages de la couleur et du monochrome à l’aide des couches
    22. Sélection des couleurs dans les panneaux Couleur et Nuancier
    23. Exemple
    24. Mode colorimétrique ou mode Image
    25. Dominante de couleur
    26. Ajout d’un changement de mode conditionnel à une action
    27. Ajout de nuances à partir de fichiers HTML, CSS et SVG
    28. Profondeur et préférences
  13. Calques
    1. Concepts de base sur les calques
    2. Modification non destructrice
    3. Création et gestion de calques et de groupes
    4. Sélection, association et liaison de calques
    5. Importation d’images dans des blocs d’image
    6. Opacité et fusion de calque
    7. Masquage des calques
    8. Application de filtres dynamiques
    9. Compositions de calques
    10. Déplacement, superposition et verrouillage des calques
    11. Masquage de calques à l’aide de masques vectoriels
    12. Gestion des calques et des groupes
    13. Effets et styles de calque
    14. Modification des masques de calque
    15. Extraction de ressources
    16. Démasquer des calques grâce à des masques d’écrêtage
    17. Génération de fichiers d’image à partir de calques
    18. Utilisation des objets dynamiques
    19. Modes de fusion
    20. Combinaison de plusieurs images dans un seul portrait de groupe
    21. Association d’images avec des calques automatiquement fusionnés
    22. Alignement et répartition de calques
    23. Copie des propriétés CSS à partir de calques
    24. Chargement de sélections à partir des limites d’un masque de fusion ou d’un calque
    25. Masquage pour afficher le contenu des autres calques
  14. Sélections
    1. Prise en main des sélections
    2. Sélections dans votre image composite
    3. Espace de travail Sélectionner et masquer
    4. Sélection à l’aide des outils de sélection
    5. Sélection à l’aide des outils Lasso
    6. Ajustement des sélections de pixels
    7. Déplacement, copie et suppression de pixels sélectionnés
    8. Création d’un masque temporaire
    9. Sélection d’une plage de couleurs dans une image
    10. Conversion des tracés en cadres de sélection et inversement
    11. Concepts de base sur les couches
    12. Enregistrement de sélections et de masques de couche alpha
    13. Sélection des zones actives de l’image
    14. Duplication, fractionnement et fusion de couches
    15. Opérations sur les couches
  15. Réglages d’images
    1. Remplacement des couleurs d’objets
    2. Déformation de perspective
    3. Réduction du flou dû aux tremblements de l’appareil photo
    4. Exemples de Correcteur
    5. Exportation des tables de correspondance de couleur
    6. Réglage de la netteté et du flou des images
    7. Réglage des couleurs
    8. Application du réglage Luminosité/Contraste
    9. Réglage des détails des tons foncés et des tons clairs
    10. Réglage Niveaux
    11. Réglage de la teinte et de la saturation
    12. Réglage de la vibrance
    13. Réglage de la saturation des couleurs dans des zones d’image
    14. Appliquer des réglages rapides de tons
    15. Application d’effets de couleur spéciaux aux images
    16. Amélioration de votre image grâce aux réglages de la balance des couleurs
    17. Images HDR (High Dynamic Range)
    18. Affichage des histogrammes et des valeurs des pixels
    19. Correspondance des couleurs de votre image
    20. Recadrage et redressement des photos
    21. Conversion d’une image couleur en photo noir et blanc
    22. Calques de réglage et de remplissage
    23. Réglage Courbes
    24. Modes de fusion
    25. Optimisation des images pour l’impression
    26. Réglage des tons et des couleurs à l’aide des pipettes Niveaux et Courbes
    27. Réglage de l’exposition et des tonalités HDR
    28. Éclaircissement ou obscurcissement de zones de l’image
    29. Réglages de la correction sélective
  16. Adobe Camera Raw
    1. Configuration requise pour Camera Raw
    2. Nouveautés de Camera Raw
    3. Présentation de Camera Raw
    4. Création de panoramas
    5. Objectifs compatibles
    6. Effets de vignettage, de grain et de correction du voile dans Camera Raw
    7. Raccourcis clavier par défaut
    8. Correction automatique de perspective dans Camera Raw
    9. Filtre radial dans Camera Raw
    10. Gestion des paramètres Camera Raw
    11. Ouverture, traitement et enregistrement d’images dans Camera Raw
    12. Correction des images grâce à l’outil Suppression des défauts amélioré de Camera Raw
    13. Rotation, recadrage et retouche d’images
    14. Réglage du rendu des couleurs dans Camera Raw
    15. Versions de processus dans Camera Raw
    16. Réglages locaux dans Camera Raw
  17. Réparation et restauration d’image
    1. Outil Supprimer
    2. Suppression d’objets dans les photos depuis l’espace Remplissage d’après le contenu
    3. Correctif et déplacement basés sur le contenu
    4. Retouche et correction des photos
    5. Correction de la distorsion et du bruit d’une image
    6. Procédures de dépannage simples pour résoudre la majorité des problèmes
  18. Amélioration et transformation des images
    1. Remplacement du ciel dans vos images
    2. Transformation d’objets
    3. Réglage du recadrage, de la rotation et de la dimension de la zone de travail
    4. Recadrage et redressement des photos
    5. Création et modification d’images panoramiques
    6. Déformation d’images, de formes et de tracés
    7. Point de fuite
    8. Mise à l’échelle sensible au contenu
    9. Transformation d’images, de formes et de tracés
  19. Dessin et peinture
    1. Peinture de motifs symétriques
    2. Traçage de rectangles et modification des options de contour
    3. À propos du dessin
    4. Dessin et modification de formes
    5. Outils de peinture
    6. Création et modification de pinceaux
    7. Modes de fusion
    8. Ajout de couleurs aux tracés
    9. Modification des tracés
    10. Utilisation de l’outil Pinceau mélangeur pour peindre
    11. Pinceaux prédéfinis
    12. Dégradés
    13. Interpolation de dégradé
    14. Fond et contour des sélections, des calques et des tracés
    15. Dessin avec les outils Plume
    16. Création de motifs
    17. Création d’un motif avec le filtre Placage de motif
    18. Gestion des tracés
    19. Gestion des motifs prédéfinis et des bibliothèques de motifs
    20. Dessin ou peinture réalisé avec une tablette graphique
    21. Création de pinceaux texturés
    22. Ajout d’éléments dynamiques à des pinceaux
    23. Dégradé
    24. Peinture de contours stylisés avec le pinceau d’historique artistique
    25. Peinture avec motifs
    26. Synchronisation des paramètres prédéfinis sur plusieurs appareils
    27. Migration des paramètres prédéfinis, actions et paramètres
  20. Texte
    1. Ajout et modification de texte
    2. Moteur de texte unifié
    3. Utilisation des polices OpenType SVG
    4. Mise en forme des caractères
    5. Mise en forme des paragraphes
    6. Création d’effets de texte
    7. Modification du texte
    8. Espacement des lignes et des caractères
    9. Texte en arabe et en hébreu
    10. Polices
    11. Dépannage des polices
    12. Texte asiatique
    13. Création de texte
  21. Filtres et effets
    1. Utilisation de la galerie des effets de flou
    2. Concepts de base sur les filtres
    3. Référence des effets de filtre
    4. Ajout d’effets d’éclairage
    5. Utilisation du filtre grand-angle adaptatif
    6. Utilisation du filtre Peinture à l’huile
    7. Utilisation du filtre Fluidité
    8. Effets et styles de calque
    9. Application de filtres spécifiques
    10. Étalement de la couleur dans des zones de l’image
  22. Enregistrement et exportation
    1. Enregistrement de fichiers dans Photoshop
    2. Exportation de fichiers dans Photoshop
    3. Formats pris en charge
    4. Enregistrement de fichiers dans des formats graphiques
    5. Déplacement des conceptions entre Photoshop et Illustrator
    6. Enregistrement et exportation de vidéos et d’animations
    7. Enregistrement des fichiers PDF
    8. Protection de copyright Digimarc
  23. Gestion des couleurs
    1. Compréhension de la gestion des couleurs
    2. Homogénéité des couleurs
    3. Paramètres de couleurs
    4. Images bichromes
    5. Utilisation des profils colorimétriques
    6. Gestion des couleurs de documents pour un affichage en ligne
    7. Gestion des couleurs de documents pour l’impression
    8. Gestion des couleurs des images importées
    9. Épreuvage des couleurs
  24. Web, écran et conception d’application
    1. Photoshop pour la création
    2. Plans de travail
    3. Aperçu sur l’appareil
    4. Copie des propriétés CSS à partir de calques
    5. Découpage en tranches des pages web
    6. Options HTML pour les tranches
    7. Modification de la mise en page de la tranche
    8. Utilisation des images web
    9. Création de galeries de photos web
  25. Vidéo et animation
    1. Montage vidéo dans Photoshop
    2. Édition des calques vidéo et d’animation
    3. Présentation de vidéos et d’animations
    4. Aperçu des vidéos et des animations
    5. Retouche d’images dans les calques vidéo
    6. Importation de fichiers vidéo et de séquences d’images
    7. Création d’animations d’images
    8. Animation 3D Creative Cloud (aperçu)
    9. Création d’animations de montage
    10. Création d’images pour la vidéo
  26. Impression
    1. Impression d’objets 3D
    2. Impression à partir de Photoshop
    3. Impression avec gestion des couleurs
    4. Planches contact et présentations PDF
    5. Impression de photos dans une disposition de collection d’images
    6. Impression de tons directs
    7. Impression d’images sur une presse commerciale
    8. Amélioration des impressions couleur depuis Photoshop
    9. Dépannage des problèmes d’impression | Photoshop
  27. Automatisation
    1. Création d’actions
    2. Création de graphiques dynamiquement adaptés aux données
    3. Script
    4. Traitement des fichiers par lots
    5. Lecture et gestion des actions
    6. Ajout d’actions conditionnelles
    7. À propos des actions et du panneau Actions
    8. Enregistrement d’outils dans des actions
    9. Ajout d’un changement de mode conditionnel à une action
    10. Boîte à outils de l’interface utilisateur de Photoshop pour les modules externes et les scripts
  28. Résolution des problèmes
    1. Problèmes résolus
    2. Problèmes connus
    3. Optimisation des performances de Photoshop
    4. Dépannage initial
    5. Dépannage d’un blocage ou d’un gel
    6. Résolution des erreurs de programme
    7. Résolution des erreurs de saturation du disque de travail
    8. Résolution des problèmes de GPU et de pilote graphique
    9. Recherche des outils manquants
    10. Photoshop 3D | Questions fréquentes concernant les fonctionnalités supprimées
Remarque :

Pour créer des galeries web avec Photoshop CS5, reportez-vous à la section Création d’une galerie web de photos dans l’aide d’Adobe Bridge. Pour utiliser le module externe facultatif Galerie Web Photo plus ancien décrit dans les rubriques ci-dessous, commencez par le télécharger et l’installer (version pour Windows ou Mac OS).

A propos des galeries de photos web

Une galerie de photos web est un site web formé d’une page d’accueil présentant des images miniatures et de pages de galerie contenant des images en taille réelle. Chaque page contient des liens permettant aux visiteurs de naviguer sur le site. Par exemple, lorsqu’un visiteur clique sur une image miniature de la page d’accueil, l’image correspondante en taille réelle est chargée dans une page de galerie. La commande Galerie Web Photo vous permet de générer automatiquement une galerie de photos Web à partir d’une série d’images.

Page d’accueil de la galerie de photos web Photoshop
Page d’accueil de la galerie de photos web

Photoshop propose divers styles de galerie que vous pouvez sélectionner à l’aide de la commande Galerie web Photo. Si vous êtes un utilisateur chevronné connaissant bien HTML, vous pouvez créer ou personnaliser un style en éditant une série de fichiers modèles HTML.

Chaque modèle de styles de galerie est fourni avec différentes options. Si vous utilisez un style prédéfini, certaines options peuvent ne pas être disponibles (en grisé) dans ce style.

Création de galeries web à l’aide d’Adobe Bridge

Adobe Bridge offre des fonctionnalités de galerie web mises à jour. Pour obtenir des instructions, voir la section Création d’une galerie web de photos dans l’aide d’Adobe Bridge ou consultez les didacticiels ci-dessous.

Utilisation du module externe Photoshop facultatif et plus ancien

  1. Vous pouvez télécharger et installer le module externe plus ancien Galerie Web Photo pour Windows ou Mac OS.

  2. (Facultatif) Sélectionnez les fichiers ou le dossier à utiliser dans Adobe Bridge.

    Vos images seront présentées dans leur ordre d’affichage dans Bridge. Si vous préférez qu’elles soient affichées dans un autre ordre, modifiez leur ordre d’affichage dans Bridge.

  3. Utilisez l’une des méthodes suivantes :

    • Dans Adobe Bridge, choisissez Outils > Photoshop > Galerie Web Photo.

    • Dans Photoshop, choisissez Fichier > Automatisation > Galerie Web Photo.

  4. Choisissez un style pour la galerie dans le menu déroulant Styles. Un aperçu de la page d’accueil dans le style choisi apparaît dans la boîte de dialogue.

  5. (Facultatif) Entrez une adresse électronique comme coordonnées du contact pour la galerie.

  6. Choisissez les fichiers source pour la galerie dans le menu Utiliser.

    Images sélectionnées dans Bridge

    Les images sélectionnées avant l’ouverture de la boîte de dialogue Galerie Web Photo sont utilisées.

    Dossier

    Utilise les images de dossiers que vous sélectionnez à l’aide de la commande Parcourir (Windows) ou Sélectionner (Mac OS). Sélectionnez Inclure tous les sous-dossiers pour inclure les images contenues dans les éventuels sous-dossiers du dossier sélectionné.

  7. Cliquez sur Destination, puis sélectionnez un dossier dans lequel stocker les images et les pages HTML de la galerie. Cliquez ensuite sur OK (Windows) ou sur Sélectionner (Mac OS).

  8. Sélectionnez des options de mise en page pour la galerie Web. Utilisez le menu Options pour afficher chaque ensemble d’options (voir la section Options de galerie de photos Web).

  9. Cliquez sur OK. Photoshop place les fichiers HTML et JPEG suivants dans votre dossier de destination :

    • La page d’accueil de la galerie, nommée index.htm ou index.html, selon les options d’extension. Ouvrez ce fichier dans un navigateur Web quelconque pour prévisualiser votre galerie.

    • Les images JPEG dans un sous-dossier d’images.

    • Les pages HTML dans un sous-dossier de pages.

    • Les vignettes JPEG dans un sous-dossier de vignettes.

Vérification de la concordance des couleurs

Si vous travaillez avec des photos dans un espace de travail doté d’une gamme de couleurs étendue tel que ProPhoto RVB ou Adobe RVB, leurs couleurs peuvent varier lorsqu’elles sont affichées dans une galerie web à l’aide d’un navigateur qui ne lit pas les profils colorimétriques intégrés. Si cela se produit, essayez de convertir les profils de l’image en sRVB (que la plupart des navigateurs utilisent par défaut) avant de les optimiser ou de les inclure dans une galerie de photos web. Convertissez-les selon l’espace sRVB en procédant de l’une des manières suivantes (il est conseillé de travailler avec une copie de l’image) :

Si vous utilisez le processeur d’images, vous pouvez enregistrer les fichiers directement au format JPEG à la taille de votre choix. Dans ce cas, veillez à désactiver l’option Redimensionner les images dans les options Grandes images.

Général

Options pour les extensions de fichier, le codage et les métadonnées.

Extension

Utilise l’extension .htm ou .html pour le nom du fichier.

Utiliser le codage UTF 8 pour l’URL

Utilise le codage UTF-8.

Ajouter des attributs de largeur et de hauteur pour les images

Spécifie les dimensions, ce qui réduit le temps de chargement.

Conserver toutes les métadonnées

Conserve les informations sur les métadonnées.

Bannière

Options de texte pour la bannière reproduite sur chaque page de la galerie. Entrez du texte pour chacun des champs suivants :

Nom du site

Nom de la galerie.

Photographe

Nom de la personne ou de la société qui a réalisé les photos de la galerie.

Coordonnées du contact

Coordonnées du contact pour la galerie telles qu’un numéro de téléphone ou une adresse professionnelle.

Date

Date figurant sur chaque page de la galerie. Par défaut, Photoshop utilise la date du jour.

Police et Corps

(Disponible pour certains styles de site) Options pour le texte de la bannière.

Grandes images

Options pour les images principales qui s’affichent sur chaque page de la galerie.

Ajout de liens numériques

(Disponible pour certains styles de site) Insère une séquence numérique horizontale (commençant par 1 et se terminant par le nombre total de pages de la galerie) en haut de chaque page de la galerie. Chaque numéro est un lien vers la page correspondante.

Redimensionner les images

Redimensionne les images source avant de les placer dans les pages de la galerie. Choisissez une taille dans le menu déroulant ou entrez une taille en pixels. Dans le menu déroulant Conserver, choisissez les dimensions d’image à conserver lors du redimensionnement. Choisissez une option dans le menu déroulant Qualité JPEG, entrez une valeur comprise entre 0 et 12 ou faites glisser le curseur. Plus la valeur est élevée, plus l’image est de bonne qualité et le fichier volumineux.

Remarque :

Photoshop utilise la méthode d’interpolation de l’image par défaut définie dans les préférences. Choisissez Bicubique plus net par défaut pour obtenir des résultats optimum avec une taille d’image réduite.

Taille du cadre

Détermine la largeur, en pixels, du cadre de l’image.

Titres avec

(Disponible pour certains styles de site) Définit des options pour l’affichage des légendes sous chaque image. Sélectionnez Nom du fichier pour afficher le nom du fichier ou Description, Auteurs et remerciements, Titre et Copyright pour afficher une description provenant de la boîte de dialogue Informations.

Police et Corps

(Disponible pour certains styles de site) Détermine la police et la taille de la légende.

Vignettes

Options pour la page d’accueil de la galerie, y compris la taille des vignettes.

Taille

Spécifie la taille des vignettes. Choisissez une option dans le menu déroulant ou entrez une valeur en pixels pour indiquer la largeur de chaque vignette.

Colonnes et Lignes

Spécifient le nombre de colonnes et de rangées pour l’affichage des vignettes sur la page d’accueil. Cette option ne s’applique pas aux galeries qui utilisent le style Image horizontale ou Image verticale.

Taille du cadre

Détermine la largeur, en pixels, du cadre de chaque vignette.

Titres avec

(Disponible pour certains styles de site) Définit des options pour l’affichage des légendes sous chaque vignette. Sélectionnez Nom du fichier pour afficher le nom du fichier ou Description, Auteurs et remerciements, Titre et Copyright pour afficher une description provenant de la boîte de dialogue Informations.

Police et Corps

(Disponible pour certains styles de site) Détermine la police et la taille de la légende.

Couleurs personnalisées

Options pour les couleurs des éléments dans la galerie. Pour modifier la couleur d’un élément, cliquez sur son échantillon, puis sélectionnez une nouvelle couleur à l’aide du sélecteur de couleurs Adobe. Vous pouvez modifier la couleur d’arrière-plan de chaque page (option Arrière-plan) et de la bannière (option Bannière).

Protection

Affiche du texte sur chaque image afin de dissuader d’éventuels contrevenants.

Contenu

Spécifie le texte à afficher. Sélectionnez Texte personnalisé afin d’entrer un texte personnalisé. Sélectionnez Nom de fichier, Description, Auteurs et remerciements, Titre ou Copyright pour afficher un texte provenant de la boîte de dialogue Informations.

Police, Couleur et Position

Spécifie la police, la couleur et la position de la légende.

Rotation

Fait pivoter le texte de l’image selon un angle.

Photoshop propose divers styles pour votre Galerie web Photo. Si vous êtes un utilisateur chevronné connaissant bien HTML, vous pouvez créer ou personnaliser un style en éditant une série de fichiers modèles HTML.

Les styles de galerie de photos Web proposés par Photoshop sont enregistrés dans des dossiers distincts aux emplacements suivants :

Windows

Program Files/Adobe/Adobe Photoshop CS5/Presets/Web Photo Gallery.

Mac OS

Adobe Photoshop CS5/Presets/Web Photo Gallery.

Le nom de chaque dossier à cet emplacement apparaît sous forme d’option dans le menu Styles de la boîte de dialogue Galerie Web Photo. Chaque dossier contient les fichiers modèles HTML suivants que Photoshop utilise pour générer la galerie :

Caption.htm

Détermine la disposition de la légende qui apparaît sous chaque vignette sur la page d’accueil.

FrameSet.htm

Détermine la disposition du cadre défini pour afficher les pages.

IndexPage.htm

Détermine la disposition de la page d’accueil.

SubPage.htm

Détermine la disposition des pages de la galerie contenant des images en taille réelle.

Thumbnail.htm Détermine la disposition des vignettes qui figurent sur la page d’accueil.

Chaque fichier modèle contient du code HTML et des marques. Une marque est une chaîne de texte qui est remplacée par Photoshop lorsque vous définissez l’option correspondante dans la boîte de dialogue Galerie web Photo. Par exemple, un fichier modèle peut contenir l’élément TITLE suivant, dont le texte est une marque :

<TITLE>%TITLE%</TITLE>

Lorsque Photoshop génère la galerie à partir de ce fichier modèle, il remplace la marque %TITLE% par le texte que vous avez entré dans la zone Nom du site de la boîte de dialogue Galerie Web Photo.

Pour mieux comprendre un style existant, vous pouvez ouvrir et consulter ses fichiers modèles HTML à l’aide d’un éditeur HTML. Etant donné que seuls les caractères ASCII standard sont nécessaires pour créer des documents HTML, vous pouvez ouvrir, modifier et créer ces documents à l’aide d’un éditeur de texte brut tel que le Bloc-notes (Windows) ou TextEdit (Mac OS).

Vous pouvez personnaliser un style de galerie de photos web existant en éditant un ou plusieurs de ses fichiers modèles HTML. Pour personnaliser un style, veillez à suivre les recommandations suivantes afin de permettre à Photoshop de générer la galerie correctement :

  • Le dossier de style doit contenir les fichiers suivants : Caption.htm, IndexPage.htm, SubPage.htm, Thumbnail.htm et FrameSet.htm.

  • Vous pouvez renommer le dossier de style, mais pas les fichiers modèles HTML qu’il contient.

  • Vous pouvez laisser le fichier Caption.htm vide et placer le code et les marques HTML qui définissent la disposition de la légende dans le fichier Thumbnail.htm.

  • Vous pouvez remplacer une marque dans un fichier modèle par le texte ou le code HTML approprié, afin de définir une option par l’intermédiaire du fichier modèle plutôt que la boîte de dialogue Galerie Web Photo. Par exemple, un fichier modèle peut contenir un élément BODY assorti de l’attribut de couleur d’arrière-plan suivant, dont la valeur est une marque :

    bgcolor=%BGCOLOR%

    Pour définir l’arrière-plan de la page en rouge, il suffit de remplacer la marque %BGCOLOR% par « FF0000 ».

  • Vous pouvez ajouter du code HTML et des marques aux fichiers modèles. Toutes les marques doivent être en caractères majuscules et commencer et finir par le symbole de pourcentage (%).

  1. Recherchez le dossier contenant les styles de galerie de photos web existants.
  2. Utilisez l’une des méthodes suivantes :
    • Pour personnaliser un style, créez une copie du dossier des styles et stockez-la au même emplacement que les dossiers de style existants.

    • Pour créer un nouveau style, créez un dossier pour le nouveau style et stockez-le au même emplacement que les dossiers de style existants.

    Le style nouveau ou personnalisé (nommé d’après son dossier) s’affiche dans le menu Styles de la boîte de dialogue Galerie Web Photo.

  3. A l’aide d’un éditeur HTML, effectuez l’une des opérations suivantes :
    • Personnalisez le fichier modèle HTML.

    • Créez les fichiers modèles HTML requis et stockez-les dans le dossier des styles.

    Lors de la création des fichiers modèles, veillez à respecter les recommandations données à la section Personnalisation des styles de galerie de photos Web.

    Remarque :

    Lors de la personnalisation ou de la création d’un modèle de style de galerie, placez les marques suivantes sur une ligne séparée du fichier HTML : %CURRENTINDEX%, %NEXTIMAGE%, %NEXTINDEX%, %PAGE%, %PREVIMAGE% et %PREVINDEX%. Lors de la génération de pages spécifiques d’une galerie, Photoshop saute les lignes d’un modèle contenant des marques qui ne s’appliquent pas à ces pages. Par exemple, lorsque Photoshop génère la première page de la galerie, il ignore les lignes du modèle qui contiennent la marque %PREVIMAGE%, puisque celle-ci détermine le lien vers la page précédente dans la galerie. En plaçant la marque %PREVIMAGE% sur une ligne distincte, vous êtes assuré que Photoshop n’ignorera pas d’autres marques dans le modèle.

Photoshop inclut des marques dans les fichiers modèles HTML pour définir un style de galerie de photos web par défaut. Ces marques permettent à Photoshop de générer une galerie d’après les données fournies par l’utilisateur dans la boîte de dialogue Galerie Web Photo.

Lors de la personnalisation ou de la création d’un style de galerie, vous pouvez ajouter une marque dans n’importe quel fichier modèle HTML, à l’exception des marques %THUMBNAILS% et %THUMBNAILSROWS%, qui ne peuvent figurer que dans le fichier IndexPage.htm. Lors de l’ajout d’une marque, il peut se révéler nécessaire d’ajouter du code HTML au fichier de sorte que la marque soit correctement utilisée.

Vous pouvez utiliser les marques suivantes dans les fichiers modèles HTML :

%ALINK%

Détermine la couleur des liens actifs.

%ALT%

Détermine le nom d’un fichier image.

%ANCHOR%

Permet de retourner à la vignette de l’image que l’utilisateur visualise plutôt qu’au début de l’index. Cette marque prend effet lorsque l’utilisateur clique sur le bouton Accueil.

%BANNERCOLOR%

Détermine la couleur de la bannière.

%BANNERFONT%

Détermine la police du texte de la bannière.

%BANNERFONTSIZE%

Détermine le corps de la police du texte de la bannière.

%BGCOLOR%

Détermine la couleur d’arrière-plan.

%CAPTIONFONT%

Détermine la police de la légende affichée sous chaque vignette sur la page d’accueil.

%CAPTIONFONTSIZE%

Détermine le corps de la police utilisée pour la légende.

%CAPTIONTITLE%

Insère le titre de document extrait des informations sur le fichier pour une légende.

%CHARSET%

Détermine le jeu de caractères utilisé sur chaque page.

%CONTACTINFO%

Détermine les coordonnées du contact pour la galerie telles que le numéro de téléphone et l’emplacement.

%CONTENT_GENRATOR%

Affiche la « Galerie web Photo Adobe Photoshop CS5 ».

%COPYRIGHT%

Insère les informations sur le droit d’auteur extraites des informations sur le fichier pour une légende.

%CREDITS%

Insère les crédits (auteurs et remerciements) extraits des informations sur le fichier pour une légende.

%CURRENTINDEX%

Détermine le lien vers la page d’accueil active.

%CURRENTINDEXANCHOR%

Réside dans le fichier subpage.htm et renvoie vers la première page d’index.

%DATE%

Détermine la date qui apparaît sur la bannière.

%EMAIL%

Détermine l’adresse électronique du contact pour la galerie.

%FILEINFO%

Détermine les informations relatives au fichier image pour une légende.

%FILENAME%

Détermine le nom de fichier d’une image. Utilisez cette marque pour les métadonnées qui apparaissent sous la forme de texte HTML.

%FILENAME_URL%

Détermine le nom de fichier de l’URL d’une image. Utilisez cette marque uniquement pour les noms de fichiers d’URL.

%FIRSTPAGE%

Détermine le lien vers la première page de la galerie qui apparaît dans le cadre de droite d’un ensemble de cadres.

%FRAMEINDEX%

Détermine le lien vers la page d’accueil qui apparaît dans le cadre de gauche d’un ensemble de cadres.

%HEADER%

Détermine le titre de la galerie.

%IMAGEBORDER%

Détermine la taille du cadre de l’image en taille réelle sur une page de la galerie.

%IMAGE_HEIGHT%

Active la case Ajouter des attributs de largeur et de hauteur pour les images. L’utilisateur peut ainsi télécharger les attributs et réduire les temps de chargement.

%IMAGE_HEIGHT_NUMBER%

Cette marque est remplacée par un nombre (uniquement) représentant la largeur de l’image.

%IMAGEPAGE%

Détermine le lien vers une page de la galerie.

%IMAGE_SIZE%

Si l’option Redimensionner les images est sélectionnée, cette marque contient le nombre de pixels de l’image extrait du panneau Grandes images. Si l’option est désélectionnée, cette marque contient une chaîne vide. Cette marque est notamment utile lors de l’utilisation du langage JavaScript dans les modèles, dans la mesure où elle peut afficher les valeurs de hauteur et de largeur maximales de toutes les images du site créé.

%IMAGESRC%

Détermine l’URL d’une image en taille réelle sur une page de la galerie.

%IMAGE_WIDTH%

Active la case Ajouter des attributs de largeur et de hauteur pour les images. L’utilisateur peut ainsi télécharger les attributs et réduire les temps de chargement.

%IMAGE_WIDTH_NUMBER%

Cette marque est remplacée par un nombre (uniquement) représentant la largeur de l’image.

%LINK%

Détermine la couleur des liens.

%NEXTIMAGE%

Détermine le lien vers la page suivante de la galerie.

%NEXTIMAGE _CIRCULAR%

Définit le lien permettant de passer d’une grande image d’aperçu à la prochaine grande image d’aperçu.

%NEXTINDEX%

Détermine le lien vers la page d’accueil suivante.

%NUMERICLINKS%

Permet d’insérer dans des sous-pages des liens numérotés vers toutes les grandes images d’aperçu.

%PAGE%

Détermine la position de la page active (par exemple, page 1 sur 3).

%PHOTOGRAPHER%

Détermine le nom de la personne ou de la société qui a réalisé les photos de la galerie.

%PREVIMAGE%

Détermine le lien vers la page précédente de la galerie.

%PREVINDEX%

Détermine le lien vers la page d’accueil précédente.

%SUBPAGEHEADER%

Détermine le titre de la galerie.

%SUBPAGETITLE%

Détermine le titre de la galerie.

%TEXT%

Détermine la couleur du texte.

%THUMBBORDER%

Détermine la taille des cadres des vignettes.

%THUMBNAIL_HEIGHT%

Active la case Ajouter des attributs de largeur et de hauteur pour les images. L’utilisateur peut ainsi télécharger les attributs et réduire les temps de chargement.

%THUMBNAIL_HEIGHT_NUMBER%

Cette marque est remplacée par un nombre (uniquement) représentant la hauteur de la vignette.

%THUMBNAILS%

Cette marque est remplacée par les vignettes qui utilisent le fichier Thumbnail.htm pour les styles d’image. Vous devez la placer seule sur une ligne insécable séparée dans le fichier HTML.

%THUMBNAIL_SIZE%

Contient le nombre de pixels de la vignette extrait du panneau Vignettes. Cette marque est notamment utile lors de l’utilisation du langage JavaScript dans les modèles, dans la mesure où elle peut afficher les valeurs de hauteur et de largeur maximales de toutes les vignettes du site créé.

%THUMBNAILSRC%

Détermine le lien vers une vignette.

%THUMBNAILSROWS%

Cette marque est remplacée par des rangées de vignettes qui utilisent le fichier Thumbnail.htm pour les styles autres que les styles d’image. Vous devez la placer seule sur une ligne insécable séparée dans le fichier HTML.

%THUMBNAIL_WIDTH%

Active la case Ajouter des attributs de largeur et de hauteur pour les images. L’utilisateur peut ainsi télécharger les attributs et réduire les temps de chargement.

%THUMBNAIL_WIDTH_NUMBER%

Cette marque est remplacée par un nombre (uniquement) représentant la largeur de la vignette.

%TITLE%

Détermine le titre de la galerie.

%VLINK%

Détermine la couleur des liens visités.

 Adobe

Recevez de l’aide plus rapidement et plus facilement

Nouvel utilisateur ?