Atelier retouche Photo

of 30/30
PARCOURS MON IMAGE SUR LE WEB ATELIER Retouche photo LUNDI 17 MARS
  • date post

    26-Jan-2015
  • Category

    Technology

  • view

    104
  • download

    1

Embed Size (px)

description

Atelier retouche Photo basée sur le site pixlr.com Animations numérique de territoire Office de Tourisme de Châtelaillon-Plage. Mars 2014

Transcript of Atelier retouche Photo

  • 1. PARCOURS MON IMAGE SUR LE WEB ATELIER Retouche photo LUNDI 17 MARS

2. LA RETOUCHE PHOTO Les principes de base de la photo numrique Pixlr : prsentation de linterface Outils de retouche photo Comment crer une nouvelle image Les calques, kezako ? Japplique . Et maintenant au boulot ! 3. LA RETOUCHE PHOTO Principes de base de la photo numrique Dfinition, rsolution, DPI, pixels LES DPI PIXELS DPI Un pixel est le plus petit lment d'une surface d'affichage (cran, tlviseur) auquel on peut associer une couleur ou un niveau de gris et une intensit. Dans le cas d'un cran en noir et blanc, chaque pixel correspond un point. En revanche, dans le cas d'un cran couleur, chaque pixel est constitu de trois points de couleurs primaires (rouge, vert, bleu). En variant l'intensit de chacun de ces points, on peut afficher des milliers de couleurs diffrentes. DPI DEFINITION La quantit de pixels composant un cran dtermine sa rsolution, exprime en points par pouce (un pouce reprsentant 2,54 cm). Cette unit de mesure est abrge PPP en franais ou DPI en anglais pour Dots Per Inch. Par exemple, une rsolution de 300 dpi correspond 300 colonnes et 300 ranges de pixels (soit 90.000 pixels) sur un pouce carr de surface. La dfinition correspond au nombre de points constituant une image. Elle indique la "dimension" de cette image. Par exemple, une dfinition de 640x480 correspond une image prsentant 640 pixels en largeur et 480 en hauteur. 4. LA RETOUCHE PHOTO Principes de base de la photo numrique Pour le web, pour limpression LES DPI Le DPI est une unit de mesure de la rsolution. On parle de points par pouce (PPP) ou de pixels par pouce. Plus il y a de points par pouce, meilleure est la rsolution d'une image. Les dtails seront plus fins. La rsolution est donc distinguer de la dfinition, qui donne le nombre de pixels affichs sur un cran (par exemple 1.280 x 1.024). Pour le Web : Rsolution : 72 dpi Taille maxi : 1 Mo Pour limpression: Rsolution : 300 dpi Taille mini : 5 Mo 5. LA RETOUCHE PHOTO Principes de base de la photo numrique Les formats dimage LES DPI Le DPI est une unit de mesure de la rsolution. On parle de points par pouce (PPP) ou de pixels par pouce. Plus il y a de points par pouce, meilleure est la rsolution d'une image. Les dtails seront plus fins. La rsolution est donc distinguer de la dfinition, qui donne le nombre de pixels affichs sur un cran (par exemple 1.280 x 1.024). Pour le Web : Rsolution : 72 dpi Taille maxi : 1 Mo Pour limpression: Rsolution : 300 dpi Taille mini : 5 Mo JPG / JPEG : Joint Photographic Experts Group Format dimage comprim le plus utilis sur le web Attention : lorsquil est comprim plusieurs reprises la qualit globale dune image JPG se rduit. GIF : Graphics Interchange Format Ce sont des fichiers basse rsolution les plus couramment utiliss. Permet la transparence et les images animes PNG : Portable Network Graphics Performant, il runit presque tous les avantages du JPEG et du GIF et permet les fonds transparents. La compression propose par ce format est dune qualit 5 25 % meilleure que la compression GIF. Format compresse pour le Web 6. LA RETOUCHE PHOTO Principes de base de la photo numrique Les formats dimage LES DPI Le DPI est une unit de mesure de la rsolution. On parle de points par pouce (PPP) ou de pixels par pouce. Plus il y a de points par pouce, meilleure est la rsolution d'une image. Les dtails seront plus fins. La rsolution est donc distinguer de la dfinition, qui donne le nombre de pixels affichs sur un cran (par exemple 1.280 x 1.024). Pour le Web : Rsolution : 72 dpi Taille maxi : 1 Mo Pour limpression: Rsolution : 300 dpi Taille mini : 5 Mo TIF : Tagged Image File Format Il est considr comme tant le format le plus fiable pour des impressions de haute qualit comme pour le textile, les tissus, etc. Attention : fichiers de relativement grandes dimensions, il est aussi trop lourd pour internet, aucun navigateur Web ne le lit directement. BMP: Bipmap Format standard dimage non compress comme le TIFF. Lun des premiers formats utiliss par Windows. Assez rarement utilis aujourdhui. PSD : Document Photoshop Cest le format favori des photographes et infographistes. Les images peuvent tre cres en couches de calques. Il est lu par tous les logiciels de retouche photo. Le format .PSD est le format denregistrement natif de Photoshop. Attention : ce format dimage na aucune compression. Tous les calques et couches sont conservs. Les fichiers peuvent atteindre rapidement une taille gigantesque. Format non compress pour larchivage et limpression 7. LA RETOUCHE PHOTO Principes de base de la photo numrique Calibrer son cran LES DPI Pour limpression: Rsolution : 300 dpi Taille mini : 5 Mo http://www.photographe-de-mode.com/calibration-ecran.htm Tester son cran Paramtrer son ordinateur Cliquer sur le panneau de configuration Taper calibrer son cran dans le moteur de recherche Appliquer les directives Modifier la luminosit et le contraste Chaque il a sa propre perception des couleurs et de la luminosit ! 8. LA RETOUCHE PHOTO Lditeur photo Le choix dun diteur de photo LES DPI Le DPI est une unit de mesure de la rsolution. On parle de points par pouce (PPP) ou de pixels par pouce. Plus il y a de points par pouce, meilleure est la rsolution d'une image. Les dtails seront plus fins. La rsolution est donc distinguer de la dfinition, qui donne le nombre de pixels affichs sur un cran (par exemple 1.280 x 1.024). Pour limpression: Rsolution : 300 dpi Taille mini : 5 Mo PIXLR : un diteur en ligne -Pas de logiciel tlcharger -Pas dobsolescence - Un outil complet -Usage des calques Les logiciels disponibles http://pixlr.com/ 9. LA RETOUCHE PHOTO pixlr.com Linterface : jouvre une image, je cre une image LES DPI Le DPI est une unit de mesure de la rsolution. On parle de points par pouce (PPP) ou de pixels par pouce. Plus il y a de points par pouce, meilleure est la rsolution d'une image. Les dtails seront plus fins. La rsolution est donc distinguer de la dfinition, qui donne le nombre de pixels affichs sur un cran (par exemple 1.280 x 1.024). Pour limpression: Rsolution : 300 dpi Taille mini : 5 Mo 10. LA RETOUCHE PHOTO pixlr.com Linterface : Menu, barre doutils LES DPI Le DPI est une unit de mesure de la rsolution. On parle de points par pouce (PPP) ou de pixels par pouce. Plus il y a de points par pouce, meilleure est la rsolution d'une image. Les dtails seront plus fins. La rsolution est donc distinguer de la dfinition, qui donne le nombre de pixels affichs sur un cran (par exemple 1.280 x 1.024). 11. LA RETOUCHE PHOTO pixlr.com Etape 2 : Le Menu LES DPI Fichier Importance du nom pour larchivage Le rfrencement Taille en pixels (dfinition par dfaut) Fichier en fonds transparent vous ! 12. LA RETOUCHE PHOTO pixlr.com Etape 2 : Le Menu LES DPI Editer vous ! Permet dannuler toutes les modifications Ctrl+Z Permet de modifier librement la forme de limage Ctrl+T Permet de recadrer Ctrl+K Exercice Je cre une nouvelle image de 350 px de Haut sur 350 de large en 72 dpi en fonds transparent je la sauvegarde 13. LA RETOUCHE PHOTO pixlr.com Etape 2 : Le Menu LES DPI Image Je modifie la taille de mon image Je modifie la taille de la zone autour de mon image : ajout de couleur en hauteur ou/et largeur Exercice je modifie la zone de travail de mon image je la recadre jannule mes modifications Je retourne mon image 14. LA RETOUCHE PHOTO pixlr.com Etape 2 : Le Menu LES DPI Rglage Je modifie la lumire, les couleurs et les contrastes Exercice recadre ma photo Joptimise la lumire et les contrastes japplique un effet jannule les modifications Le logiciel choisit le meilleur compromis Quelques effets 15. LA RETOUCHE PHOTO pixlr.com Etape 2 : Le Menu LES DPI Filtres Filtre pour crer des flous ou nettet Exercice je recadre ma photo je teste les filtres Filtre pour modifier les pixels Filtres lumire Filtres contours 16. LA RETOUCHE PHOTO pixlr.com Etape 2 : Le Menu LES DPI Visualiser Zoom CTRL ++ ou +- Taille relle de limage Affichage du logiciel plein cran 17. LA RETOUCHE PHOTO pixlr.com Etape 3 : La Barre doutils LES DPI En dtails Outils de slection et recadrage Outils couleurs, texte 18. LA RETOUCHE PHOTO pixlr.com Etape 3 : Outils de slection LES DPI Recadrage L'outil de recadrage permet de modifier la zone de travail lie l'image en dterminant quelle section rectangulaire de l'image sera prserve Aspect ratio Ceci permet de faire un recadrage avec des proportions prcises: par exemple un recadrage carr sera le rsultat d'une ratio 1 pour 1, un recadrage rectangulaire pourrait tre deux fois plus large que haut avec un ratio de 2 pour 1. Taille de sortie On peut spcifier la taille du recadrage en pixels. La slection sera limite une slection ayant le mme rapport proprotionnel de la largeur et la hauteur indique, et la nouvelle image sera de la taille indique. Dplacement L'outil de dplacement sert dplacer soit les slections actives, soit l'ensemble de l'image, sur la surface de la zone de travail. Slection L'outil de slection de base permet de rendre actives des rgions rectangulaires de l'image afin que les oprations ne portent que sur elles. Rectangle et ovale Permet de choisir la forme rectangulaire ou circulaire pour la rgion slectionner. Conserver Pas de restriction Permet une slection suivant le dplacement de la souris Aspect Ratio Force la forme de la slection en vertu des paramtres Hauteur et Largeur, en unit. Fixed size Fait une slection de taille fixe suivants des paramtres Hauteur et Largeur, en pixels. Hauteur et Largeur Champs ditables pour inscrire les valeurs voulues Lasso Le lasso permet de faire des slections de rgions main leve, c'est dire en suivant le parcours de la souris. main leve signifie en suivant le mouvement de la souris dans un mouvement continue, alors qu'avec le polygone on clique au diffrents points qui seront relis l'un l'autre jusqu'au double-clique final qui terminera cette action de slection. Baguette magique Par un simple clic de la souris, a baguette magique fait une slection d'une rgion en vertu de la couleur sous la souris au moment du clic. La slection comprendra tous les pixels de l'image qui rpondent aux caractristiques choisies dans la barre des options. 19. LA RETOUCHE PHOTO pixlr.com Etape 3 : Outils de dessin LES DPI Crayon Outil de dessin de base qui trace le parcours de la souris, comme le ferait peu prs un crayon sur une feuille de papier. Le choix du type de pointe permet de faire des effets sur la trace de la pointe. Type - Concerne les types applicables de la pointe du crayon Plain - Une pointe simple, qui trace le parcours du curseur seulement. Sketchy - Effet de remplissage hachur Trail - Effet de piste, suivi de la trace Shaded - Effet de remplissage ombrag Sticky - Effet d'aquarelle Ink - Effet d'encre: si le curseur bouge rapidement, la couleur est plus lgre, et au contraire, si on bouge moins rapidement la couleur est plus pleine. Taille - Taille de la pointe Opacit - Niveau de transparence de la couleur laisse sur la trace Total - Degr de l'effet, en tendu ou sensibilit au mouvement du curseur Pinceau Similaire au crayon mais avec la possibilit de changer de pointes pour appliquer la couleur. Hard tip - Ne dessine que la partie pleine du trac sans effet de flou au bordure du trac. Disperser - Fait dcaler la pointe de part et d'autre du parcours du curseur. Lueur diffuse - Laisse des pixels vides, c'est dire transparent, sans couleur, dans la trace. Gomme Avec cet outil on peut gommer, effacer les pixels de l'image. 20. LA RETOUCHE PHOTO pixlr.com Etape 3 : Outils de dessin(2) LES DPI Duplication Cet outil sert recopier les pixels de l'endroit initialement identifi en cliquant avec le touche Ctrl enfonce, vers l'endroit o on peinture la surface (aprs avoir relch le bouton de la souris). Remplacement Cet outil permet de peinturer uniquement les pixels de la couleur identifie initialement, par celle de la couleur active. Dessin L'outil de base de Pixlr Editor pour dessiner des formes gomtriques de base Etape 3 : Outils Pot de peinture Cet outil sert remplir une surface d'une certaine couleur par une autre couleur. Dgrad Cet outil permet d'appliquer des dgrads de couleurs. Le dgrad s'applique la section active de l'image Dgrad - Slecteur des couleurs du dgrad Type Linaire - Applique le dgrad entre le point de dpart et le point de destination, entre le clic initial et le dclic (relachement du bouton de souris) final. Radial - Appllique de dgrad circulairement partir du clic initial et jusqu'au rayon du dclic 21. LA RETOUCHE PHOTO pixlr.com Etape 3 : Outils de modification LES DPI Goutte deau Avec cet outil on peut augmenter le flou afin d'attnuer des artes trop rigides. Nettet Avec cet outil on rend les contours moins flous, les artes plus nettes en augmentant le contraste. Doigt Avec cet outil on peut tendre les couleurs comme si on passait le doigt sur de la peinture frache, en les mlangeant au passage avec les autres couleurs qu'elle rencontre. Eponge Avec cet outil on ponge la teinte pour en diminuer la brillance (desaturation) ou en augmenter la brillance (saturation). Densit et Densit + Loutil densite sert augmenter la luminosit Loutil densit + sert diminuer la luminosit. Attnuation yeux rouges Avec cet outil on peut gommer l'effet des yeux rouges qu'on retrouve frquemment dans les photos de personnes prises avec un flash align avec l'objectif Gommage dfauts Avec cet outil on peut gommer, effacer les pixels en bloc. Le logiciel distribue alors les couleurs et les attnue Fluidit Avec cet outil on peut gonfler une rgion. Cet outil s'utilise en cliquant sur un point et de manire circulaire, le centre est gonfl vers les bordures du cercle. Contraction Avec cet outil on peut effectuer la contraction d'une rgion, c'est dire concentrer les pixels du cercle de l'outil vers le point central, entranant les pixels se trouvant en priphrie du cercle. 22. LA RETOUCHE PHOTO pixlr.com Etape 3 : Outils divers LES DPI Prlvement de couleur Avec cet outil on peut prlever une couleur de l'image pour en faire la couleur active. On clique simplement sur le pixel ayant la couleur qu'on dsire activer et ce la sur l'ensemble du cadre de l'application Pixlr Editor (pas seulement l'image, donc). Texte Main Avec cet outil on peut dplacer l'image dans le cadre de visualisation lorsque l'image est plus grande que ce cadre Avec cet outil on peut ajouter du texte notre image. Chaque nouveau bloc de texte apparat sur un nouveau calque cr pour lui. Tant que le calque n'est pas pixellis, on peut revenir y diter le texte avec sa bote de dialogue. Zoom Lorsque cet outil est actif, les clics de la souris permettent de zoomer sur l'image, c'est dire en agrandir le point de vue (sans modifier la taille relle de l'image). 23. LA RETOUCHE PHOTO pixlr.com Etape 3 : La Barre outils Effacer un lment dune image : les diffrentes tapes 1. jutilise loutil selection pour slectionner la zone supprimer 2. Je choisis loutil tampon de duplication 3. Ctrl+ sur la zone copier 4. Je clique sur la zone supprimer et la remplit de la couleur ou motif environnant de couleur AVANT APRES 24. LA RETOUCHE PHOTO pixlr.com Etape 4 : les calques A quoi a sert ? Unit de contenu permettant la sparation des diverses parties d'une image complte, superpos l'un sur l'autre. Chaque calque reprsente une couche de l'image qui peut tre travaille indpendamment des autres. Gnralement, l'image complte est constitu des l'ensemble des calques fusionns. Navigateur : informations sur votre slection Les diffrents calques Historique des modifications Onglet calque Opacit du calque Cration dun masque Style de calques Crer un calque Supprimer un calque Coch = visible 25. = LA RETOUCHE PHOTO pixlr.com Etape 4 : les calques Calque et format dimages Pour conserver les diffrents calques, enregistrer limage au format PXD ( = format PSD photoshop) Jpeg, png, tiff ces formats compressent les calques lors de lenregistrement = plus accs aux diffrents calques, plus de aucune modification possible 26. LA RETOUCHE PHOTO pixlr.com Etape 4 : les calques Le menu calque attention lordre de vos calques renommer vos calques si vous les fusionnez ou aplatissez limage, vous ne pourrez plus les modifier Styles de calque : modifier le calque slectionn au pralable (cliquer dessus) supprimer un calque : le slectionner et cliquer sur la poubelle !! 27. LA RETOUCHE PHOTO pixlr.com Etape 4 : les calques Le masque Un masque est une surface qu'on peut ajouter sur un calque pour en masquer, lire cacher, certaines parties afin d'oprer des modifications sur les parties du calque qui ne seront pas masques. Le masque doit tre appliqu afin d'altrer le calque en liminant du calque tout ce qui est masqu. Le masque cr cache le logo ++ Clic droit souris : gestion des calques et masques 28. LA RETOUCHE PHOTO pixlr.com Etape 5 : Crer un image sur fonds transparent En 10 tapes 1. Crer une nouvelle image - cocher transparent 2. Ouvrir limage du logo Gte de France 3. Utiliser loutil Baguette magique 4. Clic droit : inverser la slection 5. choisir loutil slectionner + Ctrl c 6. Ctrl v sur le fond transparent 7. Enregistrer au format png 8. Choisir loutil slection pour slectionner limage + Ctrl c 9. Ctrl v sur limage de support 10. Enregistrer au format - pxd pour garder les calques - jpeg pour la mise en ligne 29. LA RETOUCHE PHOTO pixlr.com Etape 6 : je me lance Je cre une bannire mon image 30. LA RETOUCHE PHOTO pixlr.com Etape 6 : je me lance Je cre une bannire mon image : les tapes 1. Je recadre mon image, je lui impose une taille prdfinie taille de sortie 2. Je modifie la lumire, le contraste, jutilise des filtres 3. Je cre une image transparente avec un dgrad Un texte avec style de calque je lintgre sur ma bannire 4. Je colle cette image transparente sur ma bannire 5. Jenregistre sous les 2 formats : PXD pour larchivage Jpeg pour intgrer dans mon site 6. Cest beau !!!