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