Guide d'utilisation Annuler

Utilisation des images web

Rechercher
Photoshop

Photoshop

Ouvrir sur le 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 mobile (non disponible en Chine continentale)
    1. Guide de l’utilisateur
    2. Nouveautés 
    3. Configuration requise    
  5. 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
  6. Photoshop sur le Web (non disponible en Chine continentale)
    1. Guide de l’utilisateur
    2. Nouveautés de Photoshop
    3. Configuration requise
    4. Questions fréquentes
    5. Dessiner et modifier des Formes
    6. Collaboration sur le web
  7. 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
  8. 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 pour poste de travail
    3. Génération d’une image avec des prompts
    4. Développement génératif dans Photoshop pour poste de travail
    5. Remplacement de l’arrière-plan avec Générer un arrière-plan
    6. Obtention de variations 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
  9. Authenticité du contenu (non disponible en Chine continentale)
    1. Content Credentials dans Photoshop
    2. Identité et provenance des NFT
    3. Connexion de comptes pour l’attribution créative
  10. 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
  11. 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. Barre des tâches contextuelle
    11. Utilisation des outils
    12. Paramètres prédéfinis
    13. Grille et repères
    14. Mouvements tactiles
    15. Utilisation de la Touch Bar avec Photoshop
    16. Fonctionnalités tactiles et espaces de travail personnalisables
    17. Aperçus de technologie
    18. Métadonnées et annotations
    19. Importation d’images Photoshop dans d’autres applications
    20. Règles
    21. Affichage ou masquage des extras non imprimables
    22. Spécification des colonnes pour une image
    23. Commandes Annuler et Historique
    24. Panneaux et menus
    25. Positionnement des éléments avec le magnétisme
    26. Positionnement avec l’outil Règle
  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

Les outils web de Photoshop facilitent la création d’éléments pour vos pages web ou la sortie de pages web complètes dans des formats prédéfinis ou personnalisés.

  • Utilisez des calques et des tranches pour créer des pages web et des éléments d’interface de pages web. (Voir les sections Calques et Découpage de pages web.)

  • Utilisez des compositions de calques pour tester différentes compositions de pages ou exporter des variantes d’une page. (Voir la section Compositions de calques.)

  • Créez de images survolées de texte ou de bouton, appelées transformations par souris, pour les importer dans Dreamweaver ou Flash.

  • Créez des animations web avec le panneau Animation, puis exportez-les en tant que fichiers QuickTime ou qu’images GIF animées. (Voir la section Création d’animations d’images.)

  • Utilisez Adobe Bridge pour créer une galerie web photo afin de transformer rapidement une série d’images en un site web interactif à l’aide d’un large éventail de modèles de sites à l’aspect très professionnel.

Pour visionner une vidéo sur la conception de sites web avec Photoshop et Dreamweaver, rendez-vous à l’adresse Accès à Photoshop depuis Dreamweaver pour améliorer l’image web.

Création d’images de transformations par souris

Une transformation par souris est un bouton ou une image d’une page web qui change d’apparence au passage du curseur de la souris. Pour créer une transformation par souris, vous devez disposer d’au moins deux images : une image principale pour l’état normal et une image secondaire pour l’état transformé.

Photoshop compte de nombreux outils permettant de créer des images de transformations par souris :

  • Utilisez des calques pour créer les images principales et secondaires. Créez du contenu sur un calque, puis dupliquez le calque et modifiez-le pour créer un contenu similaire tout en conservant l’alignement entre les calques. Lorsque vous créez un effet de transformation par souris, vous pouvez changer le style, la visibilité ou la position du calque, régler les couleurs et la tonalité ou appliquer des effets de filtre (voir la section Duplication de calques).

  • Vous pouvez également utiliser des styles de calques pour appliquer des effets, tels qu’un cache de couleur, une ombre portée, une lueur ou un estampage, au calque principal. Pour créer les deux images d’une transformation par souris, activez le style de calque, désactivez-le, puis enregistrez l’image dans chacun des états (voir la section Effets et styles de calque).

  • Utilisez les styles prédéfinis de boutons du panneau Styles pour créer rapidement des boutons à transformation par souris dans trois états possibles : normal, survolé et enfoncé. Dessinez une forme de base avec l’outil Rectangle, puis appliquez un style, tel que Biseau normal, pour transformer automatiquement le rectangle en bouton. Copiez ensuite le calque, puis appliquez d’autres styles prédéfinis, par exemple Biseau souris survolée, pour créer des états de bouton supplémentaires. Enregistrez chacun des calques comme une image distincte pour terminer la création d’un ensemble de transformations par souris.

  • Utilisez la boîte de dialogue Enregistrer pour le Web et les périphériques pour enregistrer les images de transformations par souris dans un format Web et dans une taille de fichier optimisée. 

Remarque :

Lorsque vous enregistrez des images de transformations par souris, utilisez une convention de dénomination permettant de distinguer l’image principale (état normal) de l’image secondaire (état transformé).

Une fois que vous avez créé un ensemble d’images de transformations par souris dans Photoshop, utilisez Dreamweaver pour placer les images sur une page web et ajouter automatiquement le code JavaScript pour l’opération de transformation.

Exportation dans Zoomify

Vous pouvez poster sur le web des images haute résolution avec lesquelles les utilisateurs pourront effectuer un panoramique ou agrandir les vues pour afficher plus de détails. Le téléchargement d’une image de taille standard prend autant de temps que celui d’un fichier JPEG de même taille. Photoshop exporte les fichiers JPEG et le fichier HTML que vous pouvez charger vers votre serveur web.

  1. Choisissez Fichier > Exportation > Zoomify, puis définissez les options d’exportation.

    Modèle

    Définit l’arrière-plan et la navigation de l’image affichée dans le navigateur.

    Emplacement de sortie

    Définit l’emplacement et le nom du fichier.

    Options de mosaïque d’image

    Définit la qualité de l’image.

    Options du navigateur

    Définit la largeur et la hauteur en pixels de l’image de base dans le navigateur des utilisateurs.

  2. Chargez les fichiers HTML et image vers votre serveur web.

Utilisation des valeurs hexadécimales des couleurs

Photoshop peut afficher les valeurs hexadécimales des couleurs d’une image ou copier la valeur hexadécimale d’une couleur en vue de son utilisation dans un fichier HTML.

Affichage des valeurs hexadécimales de couleurs dans le panneau Informations

  1. Choisissez la commande Fenêtre > Informations ou cliquez sur l’onglet du panneau Informations pour afficher le panneau.
  2. Choisissez la commande Options de panneau dans le menu du panneau. Dans les zones Infos couleur 1re lecture ou Infos couleur 2e lecture, choisissez Couleurs web dans le menu Mode, puis cliquez sur OK.
  3. Placez le curseur sur la couleur dont vous voulez afficher les valeurs hexadécimales.

Copie d’une couleur sous forme de valeur hexadécimale

Photoshop copie couleurs soit comme un attribut HTMLCOLOR contenant la valeur hexadécimale (color=#xxyyzz) ou comme la valeur hexadécimale seule.

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

    • Avec l’outil Pipette, placez le pointeur sur la couleur à copier. Cliquez sur le bouton droit de la souris (Windows) ou cliquez en maintenant la touche Contrôle enfoncée (Mac OS), puis choisissez Copier la couleur en HTML ou Copier le code hexadécimal de la couleur.

    • Définissez la couleur de premier plan à l’aide du panneau Couleur, du panneau Nuancier ou du sélecteur de couleurs Adobe. Dans le menu du panneau Couleur, choisissez la commande Copier la couleur en HTML ou Copier le code hexadécimal de la couleur.

    • Dans la boîte de dialogue Enregistrer pour le web, cliquez sur l’échantillon de couleur ou sélectionnez Cache > Autre. Dans le sélecteur de couleurs Adobe, cliquez avec le bouton droit sur la valeur hexadécimale, puis sélectionnez Copier.

  2. Ouvrez le fichier souhaité dans un éditeur HTML, puis sélectionnez Édition > Coller.

Articles connexes

Recevez de l’aide plus rapidement et plus facilement

Nouvel utilisateur ?

Liens rapides

Voir toutes vos formules Gérer vos formules
Afficher les liens rapides
Masquer les liens rapides

Mentions légales    |    Politique de confidentialité en ligne