Interface du logiciel, Les outils   indispensables, Retouchesphotos, Préparation pour le web    et pour le print, Montages...
§  Comprendre l’interface du logiciel§  Retoucher une photo§  Préparer une photo pour le web§  Préparer une photo pour...
Matriciel Mosaïque	  de	  points	       (Bitmap)  VectorielTracés	  élémentaires
§    Extension : *.jpg§    Compression : destructive (perte de pixel)§    Taux de compression : variable§    Possède l...
§  Extension : *.bmp§  Compression : aucune§  Format dimage développé par Microsoft§  Une image 1280x800 a un poids de...
§  Extension : *.gif§  3 caractéristiques principales :  o  couleurs indexées : il ne peut y avoir que 256     couleurs ...
§  Extension : *.png§  Compression : sans perte§  Taux de compression : variable§  La qualité nest pas dégradable car ...
§  Extension : *.tif§  Compression : aucune / faible non destructrice§  Utilisé par le labo photo pour les grands tirag...
§  Extension : différentes suivant le constructeur§  Compression : aucune§  Image brute sans perteRemarque :  Image qui...
Type   Transparence   Compression    UtilisationJPEG       Non          Variable     Premier choix pour le web. Idéal     ...
§  + de couches                          Niveau de gris  o  = + de nuances                       1 couche  o  = + de poid...
§  3 couches : Rouge| Vert | Bleu§  Utilisation : Web ou vidéo
§  4 couches : Cyan | Majenta | Jaune | Noir§  Utilisation : Impression professionnelle
§  Une image possède 3 caractéristiques :  o  Sa taille en point (ou pixel)  o  Ses dimensions réelles en cm, mm ou pouce...
§  C’est le nombre de pixels qui constituent une    image (superficie en pixels)§  Exemple :       Défini&on	  =	  15	  0...
§  La résolution lie le nombre de pixels dune    image à ses dimensions réelles§  Plus la résolution est grande, plus l’...
définition(px) | résolution(dpi) | dim. réelles(cm)
Définition : 12 000 000 pixels (12Mo px)                             Largeur : 4000 px | Hauteur : 3000 px                ...
Définition : 12 000 000 pixels (12Mo px)                             Largeur : 4000 px | Hauteur : 3000 px                ...
§  La résolution Image pour l’écran                        (Blog, Site Web, Vidéo, TV…)  o  72dpi (96dpi)§  La résolutio...
On ne modifie                    pas les pixels   Conclusion :augmentation de  la résolution !
On ne modifie                  pas les pixels Conclusion :diminution dela résolution !
On modifie                       les pixels  Conclusion :calculs artificiels
On modifie                       les pixels  Conclusion :calculs artificiels
§    Rééchantillonnage ≠ Redimensionnement§    Augmenter les cm > Augmente la taille§    Augmenter les pixels > Augment...
§  Agrandir l’image de façon artificielle diminue    la qualité / netteté de l’image§  Petites règles à retenir :   o  A...
§  En haut :   o  Menu Principal      •  Commandes + Raccourcis clavier
§  Située juste en-dessous de la barre des menus,    elle indique quels paramètres vous désirez    appliquer à loutil que...
§  A gauche :  o  Boîte à outils     •  Flottante ou non     •  En 1 ou 2 colonnes
Page 40
§  A droite :   o  Panneaux      (anciennement palettes)      •  Flottants ou non
§  Au centre :   o  Zone de travail      •  Flottant ou non
§    Utiliser les espaces existants§    Créer un nouvel espace de travail§    Modifier un espace de travail§    Suppri...
§  Groupe de panneaux = une pile§  Les panneaux et les piles sont    flottants  o  L’un dans l’autre  o  L’un à côté de ...
§  Pour déplacer une pile flottante  o  Glisser la pile en cliquant sur la zone grise (à coté     des onglets)
§  Placer un panneau dans une pile de    panneaux.  o  Glisser l’onglet dans la pile
§  Afficher / Masquer des commandes§  Surbrillance de commandes
§  Masquer une/des commande(s)§  Surbrillance d’une commande
§  Raccourcis clavier existants :  o  Menu de commandes  o  Barre d’outils§  Création de nouveaux raccourcis  o  Edition >
Ouvrir   Importer
§  Dans l’explorateur Windows  o  Clique droit > ouvrir avec§  Commande > Fichier > Ouvrir… (ctrl+o)§  Double clic dans...
§  Pour sélectionner toutes les photos :   o  Appuyer simultanément sur la touche « ctrl » et la touche « a »§  Pour sél...
§  Présentation sous forme d’onglets  o  Passer d’un onglet à l’autre     •  Vers la droite (Ctrl + tab )     •  Vers la ...
Uniquement siToutes les fenêtres  sont flottantes
§  Image > Taille de l’image
§  Barre état de l’image
§  Panneau > Information  o  Cocher dimension du document dans les options     du panneau
§  Fichier > Imprimer > Résolution d’impression
§  Outils loupe (z)§  Zoom +   o  Ctrl + espace§  Zoom –   o  Alt + espace§  Afficher taille normal (100 %)   o  Doubl...
§  Outils main   o  Barre espace§  Double clic sur l’outils main
§  (Le panneau peut être redimensionner)
§  Zoom -  o  Petites montagnes§  Zoom +  o  Grandes montagnes§  Rectangle rouge  o  Filet d’aperçu  o  Maintenir maj p...
§  Nom    o  Titre de la zone de travail    o  Nom que portera le fichier enregistré§  Paramètre prédéfini    o  = dimen...
§  Elément graphique qui est géré par    Photoshop.§  Un calque représente une partie de notre    projet, autrement dit ...
§  Transparent = pas visible dans la zone de travail§  Laisse transparaitre se qui se trouve juste derrière
§  La transparence sur Photoshop est    caractérisée par une suite de carrés blancs et    gris, à lexemple de cette image :
§  Différentes façons pour créer un calque :  o  Cliquer sur licône Nouveau calque qui se situe en     bas de la fenêtre ...
§  Différentes façons pour supprimer un calque :  o  Sélectionnez le calque que vous désirez supprimer,     et vous cliqu...
Calque Image         Calque Forme           Calque TexteCalque dArrière-plan   Calque de réglage   Calque de remplissage
§  Groupe de calques
§  Clic droit > Dupliquer le calque…§  Cliquer / Glisser vers§  Ctrl + j
www.siteduzero.comwww.sebsauvage.net
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Initiation à la photo numérique
Prochain SlideShare
Chargement dans…5
×

Initiation à la photo numérique

8 444 vues

Publié le

Publié dans : Design
1 commentaire
12 j’aime
Statistiques
Remarques
Aucun téléchargement
Vues
Nombre de vues
8 444
Sur SlideShare
0
Issues des intégrations
0
Intégrations
4 338
Actions
Partages
0
Téléchargements
0
Commentaires
1
J’aime
12
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Initiation à la photo numérique

  1. 1. Interface du logiciel, Les outils indispensables, Retouchesphotos, Préparation pour le web et pour le print, Montages photos…
  2. 2. §  Comprendre l’interface du logiciel§  Retoucher une photo§  Préparer une photo pour le web§  Préparer une photo pour l’impression§  Produire des montages photos simples
  3. 3. Matriciel Mosaïque  de  points   (Bitmap) VectorielTracés  élémentaires
  4. 4. §  Extension : *.jpg§  Compression : destructive (perte de pixel)§  Taux de compression : variable§  Possède le meilleur rapport qualité/poids pour les photos
  5. 5. §  Extension : *.bmp§  Compression : aucune§  Format dimage développé par Microsoft§  Une image 1280x800 a un poids denviron 3 Mo
  6. 6. §  Extension : *.gif§  3 caractéristiques principales : o  couleurs indexées : il ne peut y avoir que 256 couleurs différentes maximum dans une image GIF o  Il supporte la transparence, mais totale seulement o  Il peut contenir des animations
  7. 7. §  Extension : *.png§  Compression : sans perte§  Taux de compression : variable§  La qualité nest pas dégradable car elle est sans pertes
  8. 8. §  Extension : *.tif§  Compression : aucune / faible non destructrice§  Utilisé par le labo photo pour les grands tirages tels que les panoramiques
  9. 9. §  Extension : différentes suivant le constructeur§  Compression : aucune§  Image brute sans perteRemarque : Image qui ne peut être visualisée que par un logiciel spécialisé
  10. 10. Type Transparence Compression UtilisationJPEG Non Variable Premier choix pour le web. Idéal pour les photos.PNG Oui Sans perte Très bon compromis pour le web. A utiliser pour les images avec transparences et/ou pour les images contenant peu de couleur.GIF Oui mais Sans perte Utiliser pour les images disposant totale 256 couleurs de peu de couleurs et pour les uniquement animations.
  11. 11. §  + de couches Niveau de gris o  = + de nuances 1 couche o  = + de poids RVB 3 couches§  Exemple : o  RVB : •  3 couches x 256 nuances = 16,7 millions de pixels
  12. 12. §  3 couches : Rouge| Vert | Bleu§  Utilisation : Web ou vidéo
  13. 13. §  4 couches : Cyan | Majenta | Jaune | Noir§  Utilisation : Impression professionnelle
  14. 14. §  Une image possède 3 caractéristiques : o  Sa taille en point (ou pixel) o  Ses dimensions réelles en cm, mm ou pouce o  Sa résolution Cm ?
  15. 15. §  C’est le nombre de pixels qui constituent une image (superficie en pixels)§  Exemple : Défini&on  =  15  000  px    
  16. 16. §  La résolution lie le nombre de pixels dune image à ses dimensions réelles§  Plus la résolution est grande, plus l’image est de qualité (nette)§  La résolution se mesure en dpi ou ppi ou ppp o  dpi = Dot Per Inch o  ppi = Pixel Per Inch o  ppp = Point Par Pouce
  17. 17. définition(px) | résolution(dpi) | dim. réelles(cm)
  18. 18. Définition : 12 000 000 pixels (12Mo px) Largeur : 4000 px | Hauteur : 3000 px Résolution : 300 dpiDimensions en taille réelle ?Largeur ? 4000 pixels 300 ppp = ------------------------------ nombre de pouces ? 4000 px / 300 ppp = 13,33 pouces 13,33 pouces * 2,54 cm = 33,86 cm de large
  19. 19. Définition : 12 000 000 pixels (12Mo px) Largeur : 4000 px | Hauteur : 3000 px Résolution : 300 dpiDimensions en taille réelle ?Hauteur ? 3000 pixels 300 ppp = ------------------------------ nombre de pouces ? 3000 px / 300 ppp = 10 pouces 10 pouces * 2,54 cm = 25,4 cm de haut
  20. 20. §  La résolution Image pour l’écran (Blog, Site Web, Vidéo, TV…) o  72dpi (96dpi)§  La résolution Image pour l’impression o  Impression « domestique » : ≥ 220 dpi o  Impression / Imprimerie : 300 dpi o  Exception pour l’image Trait : entre 900 et 1200 dpi
  21. 21. On ne modifie pas les pixels Conclusion :augmentation de la résolution !
  22. 22. On ne modifie pas les pixels Conclusion :diminution dela résolution !
  23. 23. On modifie les pixels Conclusion :calculs artificiels
  24. 24. On modifie les pixels Conclusion :calculs artificiels
  25. 25. §  Rééchantillonnage ≠ Redimensionnement§  Augmenter les cm > Augmente la taille§  Augmenter les pixels > Augmente le poids§  Attention : o  commencer par 1 redimensionnement o  et ensuite un rééchantillonnage§  Lors d’une impression : o  Option « ajuste au support » o  Les 2 techniques automatiquement
  26. 26. §  Agrandir l’image de façon artificielle diminue la qualité / netteté de l’image§  Petites règles à retenir : o  Augmenter de 10 à 20 % maximum o  Diminuer de 50 % maximum
  27. 27. §  En haut : o  Menu Principal •  Commandes + Raccourcis clavier
  28. 28. §  Située juste en-dessous de la barre des menus, elle indique quels paramètres vous désirez appliquer à loutil que vous êtes en train dutiliser.§  Chaque outil a ses propres paramètres.
  29. 29. §  A gauche : o  Boîte à outils •  Flottante ou non •  En 1 ou 2 colonnes
  30. 30. Page 40
  31. 31. §  A droite : o  Panneaux (anciennement palettes) •  Flottants ou non
  32. 32. §  Au centre : o  Zone de travail •  Flottant ou non
  33. 33. §  Utiliser les espaces existants§  Créer un nouvel espace de travail§  Modifier un espace de travail§  Supprimer un espace de travail
  34. 34. §  Groupe de panneaux = une pile§  Les panneaux et les piles sont flottants o  L’un dans l’autre o  L’un à côté de l’autre o  L’un au-dessus de l’autre§  Réinitialiser l’emplacement o  Clic droit sur « les indispensables »
  35. 35. §  Pour déplacer une pile flottante o  Glisser la pile en cliquant sur la zone grise (à coté des onglets)
  36. 36. §  Placer un panneau dans une pile de panneaux. o  Glisser l’onglet dans la pile
  37. 37. §  Afficher / Masquer des commandes§  Surbrillance de commandes
  38. 38. §  Masquer une/des commande(s)§  Surbrillance d’une commande
  39. 39. §  Raccourcis clavier existants : o  Menu de commandes o  Barre d’outils§  Création de nouveaux raccourcis o  Edition >
  40. 40. Ouvrir Importer
  41. 41. §  Dans l’explorateur Windows o  Clique droit > ouvrir avec§  Commande > Fichier > Ouvrir… (ctrl+o)§  Double clic dans la zone de travail§  Fichiers récents (max 10 derniers)§  Glisser / Déposer o  Par défaut il importe l’image Commande > Edition > Préférences > Importer ou faire glisser les images pixellisées en tant qu’objet dynamique
  42. 42. §  Pour sélectionner toutes les photos : o  Appuyer simultanément sur la touche « ctrl » et la touche « a »§  Pour sélectionner une suite de photos consécutives : 1.  1 click G sur la première photo de la suite 2.  Se positionner (sans cliquer) sur la dernière photo de la suite 3.  Laisser votre doigt appuyé sur la touche « majuscule » 4.  1 click G sans bouger sur la dernière photo 5.  Lâcher votre doigt du clavier§  Pour sélectionner une suite de photos non consécutives (plic – ploc): 1.  1 click G sur la première photo désirée 2.  Se positionner (sans cliquer) sur la photo désirée suivante 3.  Laisser votre doigt appuyé sur la touche « ctrl » 4.  1 click G sans bouger sur la photo 5.  Lâcher votre doigt du clavier 6.  Recommencer les étapes 2, 3, 4 et 5 pour les autres photos désirées
  43. 43. §  Présentation sous forme d’onglets o  Passer d’un onglet à l’autre •  Vers la droite (Ctrl + tab ) •  Vers la gauche (Maj + Ctrl + Tab) o  La suite des onglets en cliquant sur le chevron§  Fenêtre > réorganiser les documents o  Juxtaposer, cascade, tout regrouper (= onglets)
  44. 44. Uniquement siToutes les fenêtres sont flottantes
  45. 45. §  Image > Taille de l’image
  46. 46. §  Barre état de l’image
  47. 47. §  Panneau > Information o  Cocher dimension du document dans les options du panneau
  48. 48. §  Fichier > Imprimer > Résolution d’impression
  49. 49. §  Outils loupe (z)§  Zoom + o  Ctrl + espace§  Zoom – o  Alt + espace§  Afficher taille normal (100 %) o  Double clic sur l’outils zoom o  Ctrl + 0 (zéro)
  50. 50. §  Outils main o  Barre espace§  Double clic sur l’outils main
  51. 51. §  (Le panneau peut être redimensionner)
  52. 52. §  Zoom - o  Petites montagnes§  Zoom + o  Grandes montagnes§  Rectangle rouge o  Filet d’aperçu o  Maintenir maj pour se déplacer horizontalement ou verticalement§  Régler le % en bas à droite o  Ou dans la barre d’état de l’image
  53. 53. §  Nom o  Titre de la zone de travail o  Nom que portera le fichier enregistré§  Paramètre prédéfini o  = dimensions de la zone de travail o  Liste de formats prédéfinis = formats « populaires » •  formats A3 et A4, enveloppe traditionnelle •  Contenu du presse papier •  Identique à une image ouverte dans Photoshop§  Largeur & Hauteur o  définit la largeur de la zone de travail •  2 paramètres : une valeur et une unité§  Résolution o  Rappel : 72 dpi pour le web |300 dpi pour le print§  Mode colorimétrique o  Rappel : RVB pour le web | CMJN pour le print§  Contenu de larrière-plan o  Blanc : larrière-plan sera... blanc o  Couleur darrière-plan : larrière-plan prend ici la "couleur darrière-plan" définie dans la palette de couleurs o  Transparent : larrière-plan sera comme du papier calque
  54. 54. §  Elément graphique qui est géré par Photoshop.§  Un calque représente une partie de notre projet, autrement dit lun des éléments qui compose la zone de travail.
  55. 55. §  Transparent = pas visible dans la zone de travail§  Laisse transparaitre se qui se trouve juste derrière
  56. 56. §  La transparence sur Photoshop est caractérisée par une suite de carrés blancs et gris, à lexemple de cette image :
  57. 57. §  Différentes façons pour créer un calque : o  Cliquer sur licône Nouveau calque qui se situe en bas de la fenêtre des calques. o  Cliquer sur la petite flèche que vous trouverez en haut à droite de la fenêtre de calques, puis sélectionner Nouveau calque... o  Commande > Calque > Nouveau > Calque o  Raccourcis clavier : SHIFT + CTRL + N
  58. 58. §  Différentes façons pour supprimer un calque : o  Sélectionnez le calque que vous désirez supprimer, et vous cliquez sur licône Supprimer le calque en bas de la fenêtre de calques. o  Cliquer droit sur le calque et de cliquer sur Supprimer ce calque o  Cliquer / Glisser le calque vers l’icône
  59. 59. Calque Image Calque Forme Calque TexteCalque dArrière-plan Calque de réglage Calque de remplissage
  60. 60. §  Groupe de calques
  61. 61. §  Clic droit > Dupliquer le calque…§  Cliquer / Glisser vers§  Ctrl + j
  62. 62. www.siteduzero.comwww.sebsauvage.net

×