Davy Olivier - SI28 - Séance du 20/10/2004

Ce logiciel offre de nombreuses possibilités, dont voici quelques exemples :  Correction et retouche d'images et de photos  Création d'images, boutons et autres graphismes  Importation d'images en provenance d'un scanner ou d'un appareil photo numérique Présentation du Logiciel Photoshop

Les différents formats d’images Présentation Format  Photoshop accepte les formats suivants: BMP Brut EPS PIXAR Scitex TWAIN MacPaint PICT GIF JPEG PCX,...

Les formats pour le WEB Présentation Format Pour le Web, on utilise des JPG ou des GIF

Les formats pour le WEB Présentation Format  Faible poids  Compression avec perte (bruit, blocs de pixels)  Couleurs : 24 bits maxi A utiliser principalement pour des photos, ou des images à fortes zones de contraste JPG ou JPEG (Join Photographic Experts Group)

Les formats pour le WEB Présentation Format  compression sans perte  supporte les animations et la transparence  couleurs : 8 bits maxi A utiliser principalement pour des images avec des zones de couleur homogènes (ex : logos, boutons, bannières…) GIF (Graphics Interchange Format)

Le format pour sauvegarder Présentation Format Pour sauvegarder un document re-travaillable PSD : format d’image Photoshop Sauvegarder le travail dans ce format jusqu’à la fin pour conserver les calques

L’espace de travail Présentation L’espace de travail Boîte à outils Vue globale Informations Palettes couleurs Styles de remplissage Palettes calques Historique Actions Outils prédéfinis Barre de menusOptions des outils Travail en cours Barre d’état Palettes

La barre d’outils Présentation L’espace de travail Outils de sélection Outils de dessin et de retouche Outils de création Outils de navigation et d’information Couleurs d’avant plan et d’arrière plan Modes d’affichage / Image Ready Barre d’option des outils

La palette info Présentation L’espace de travail L’onglet « Navigateur »  Aperçu global  Niveau de zoom L’onglet « Infos »  Valeurs RVB  Valeurs CMJN  Coordonnées

La palette couleur Présentation L’espace de travail Onglet « Couleur »  Couleurs d’avant et d’arrière plan en passant par les valeurs RVB Onglet « Nuancier »  Sélection d’une couleur existante dans le nuancier  Nuancier modifiable Onglet « Styles »  Styles de remplissage

La palette calques Présentation L’espace de travail Onglet « Calques »  Ajouter des nouveaux calques  Afficher / cacher des calques  Verrouiller des calques  Régler l’opacité... Onglet « Couches »  Couleurs d’avant et d’arrière plan en passant par les valeurs RVB Onglet «Tracés»  Enregistre les tracé  Passage de tracé à sélection

La palette historique Présentation L’espace de travail Onglet « Historique »  Liste toutes les actions faites  Supprimer des opérations effectuées  Dupliquer un état  Restaurer un état partiel ou total Onglet « Outils prédéfinis »  Outils avec des options prédéfinies

La Retouche Photo Redimensionnement, réglages La retouche photo  Redimensionnement de l’image: Image > Taille de l’image Résolution ( 72 pixels/pouce pour les écrans) Taille de l’image / Poids de l’image  Réglages: Image > Réglages Contraste, Luminosité, Couleurs….

La Retouche Photo LA sélection La Sélection Sélection Déplacement / Modification d’une sélection Lasso Baguette magique Recadrage Tranche Pour transformer la sélection : Édition >transformation

La Retouche Photo LA sélection La Sélection  Exercice: Prendre la photo de la pub Essayer les différents outils de sélection Prendre l’outil plume et détourer la femme de droite -Placer des points aux endroits les plus intelligent -Rajouter des points puis jouer sur la courbe de Bézier Dans la palette calque,aller dans l’onglet Tracé, renommer le tracé Transformer le tracé en sélection (Ctrl+clic sur le tracé) Copier la sélection

La Retouche Photo Les Calques Les calques  Principe: Une image est une superposition de plusieurs images plus ou moins indépendantes : les calques

La Retouche Photo Les Calques Les calques  But ? Pouvoir modifier les calques indépendamment les uns des autres (taille, position, filtres, propriétés colorimétriques…) Attribuer des effets à un calque, qui auront un impact sur les autres calques Voir / Cacher certains calques Verrouiller des calques pour les protéger Régler l’opacité des calques

La Retouche Photo Les Calques Les calques  Suite de l’exercice Ouvrir la photo « Chirac » Renommer le calque de fond Créer un nouveau calque et le nommer Coller la sélection dans ce calque Transformer la sélection: Édition> transformation Jouer avec les deux calques ( opacité, état du calque…)

La Retouche Photo Les retouches Les retouches d’images Correcteur Pinceau Tampon Historique Gomme Pot de peinture Goutte d’eau Densité

La Retouche Photo Les retouches Les retouches d’images  Suite de l’exercice Sur le calque « Chirac », supprimer la pierre grâce au tampon Mettre les chaussures de Chirac au président chinois (sélection, copier/coller, transformation, goutte d’eau…)

La Retouche Photo Les filtres  Pour améliorer la qualité de l’image numérisée, on utilise essentiellement les Filtres: Bruit / Antipoussière,pour débruiter Renforcement, pour les contours Atténuation, pour faire du flou Contours / contours accentués  Pour donner des effets aux images ou pour créer des images, on utilise également les filtres: Craquelure Plastique Crayon de couleur…

La Retouche Photo Les filtres image originale verre plastique halo

La Retouche Photo Les filtres Craquelure Croisillons Mosaïque Crayon de couleur

La Retouche Photo Les filtres  Exercice: Prendre une photo et essayer les différents filtres  Suite de l’exercice: Dupliquer le calque « femme » Dans ce calque faire une sélection de la femme et appliquer un filtre ( flou>flou gaussien) Dupliquer le calque « Chirac » Dans ce calque faire une sélection de la tête de Chirac et appliquer un filtre ( Pixelisation/ Mozaique)

La Retouche Photo Résultats Enregistrer en PSD

Création de page Web Résultats Création de page Web Sélection de tracé Texte Tracé vectoriel Forme  Les outils de création

Création de page Web Résultats Création de page Web  Les outils de couleurs Couleurs d’avant / arrière plan Mode standard / masque Modes d’affichage Image Ready

Création de page Web Résultats Création de page Web  Exercice: à partir des outils de création et des outils de couleurs etc…on peut utiliser Photoshop pour créer des “icones” ou des “bannières” pour page Web. Par exemple,créez le banner ci- desous:

Création de page Web Résultats Création de page Web Au debut, on crée le fond

Création de page Web Résultats Création de page Web 1.Ajoutez : nouveau calque de nom comme vous voulez. 2.Choisissez : outil rectangle arrondi, puis tracez 2 rectangles de styles “surpulvérisation” comme l’image

Création de page Web Résultats Création de page Web 1.Ajouter : nouveau calque de nom comme vous voulez. 2.Outils forme personnalisé et puis ajoutez des images comme vous voulez,vous pouvez aussi utiliser des Styles différents …

Création de page Web Résultats Création de page Web 1.Ajoutez : nouveau calque 2.Choisissez : outil Texte, puis écrivez un texte

Création de page Web Résultats Création de page Web  On va obtenir cette image

Création de page Web Résultats Création de page Web 1.Ajoutez : nouveau calque 2.Choisissez : outil rectangle arrondi, puis dupliquez le calque (j’ai fait 4 fois comme ca)

Création de page Web Résultats Création de page Web 1.Ajoutez : nouveau calque 2.Choisissez : outil Texte, puis écivez les textes.