Avril Effectué par Karine Therrien et Geneviève Ouellet-Brown À l'intention du Bureau International du Cégep de l'outaouais

Transcription

1 Avril 2013 RÈGLES DIRECTRICES DE TRI DE PHOTOS ET VIDÉOS POUR DIFFUSION Plus :Traitement photo de base, recadrage et exportation pour le Web à l'aide de Photoshop À l'intention du Bureau International du Cégep de l'outaouais Note : Les photos utilisées viennent de la banque de photos du BICO

2 Table des matières TABLE DES MATIÈRES... 2 GÉNÉRALITÉS... 3 Dimensions des images... 3 Dimensions des vidéos... 3 SECTION SUR L'IMAGE (TRAITEMENT PHOTOSHOP)... 4 CONSEILS DE BASE POUR AMÉLIORER LA QUALITÉ D'UNE PHOTO SOUS PHOTOSHOP... 5 Étapes... 6 EXPORTATION DES PHOTOS POUR LE WEB ET INTÉGRATION DE PHOTOS DANS UNE GALERIE Étapes Retravailler un cadrage SECTION SUR L'IMAGE (TRI DES PHOTOS) LA NETTETÉ GÉNÉRALE DE LA PHOTO ET LE MOUVEMENT Photo de qualité Photo de mauvaise qualité LA MISE AU POINT (LE FOCUS) Photo de qualité Photo de mauvaise qualité LE CADRAGE Cadrage adéquat Cadrage non adéquat LA PRÉCISION DES DÉTAILS ET PIXELLISATION Photo de qualité Photo de mauvaise qualité LA LUMINOSITÉ Photo de qualité Photo de mauvaise qualité LA PERTINENCE Photo pertinente Photo non pertinente SECTION SUR LA VIDÉO NOTES ET GÉNÉRALITÉS Normes de bases pour la sélection d'images et de vidéos 2

3 Généralités Dimensions des images Dans un article 840 x 407 Dimensions maximales. Elles peuvent être plus petites. Dans la galerie d'images (les meilleures) 901 x 600 Dimensions idéales. Si plus petites, compenser le vide avec du noir. Dans la galerie d'images à l'accueil 901 x 245 Applicable pour les images dans les galeries de photos des pays Dans la galerie d'images d'un projet 840 x 245 Dans un module 164 x 111 Comme pour la vidéo pour l'unité visuelle Capture d'écran pour montrer le visuel 840 x 336 Conseillé pour l'unité visuelle d'un blogue Dimensions des vidéos Dans un module 164 x 111 Dans un article 840 x 470 Maximum Pour plus d'informations, consulter le «Guide de base d'administration du site Web du BICO sous Joomlà». Normes de bases pour la sélection d'images et de vidéos 3

4 SECTION SUR L'IMAGE (Traitement Photoshop) Normes de bases pour la sélection d'images et de vidéos 4

5 Conseils de base pour améliorer la qualité d'une photo sous Photoshop Bien souvent, améliorer la qualité d'une photo est simple si cette photo est belle de base. Un petit tour dans Photoshop et la photo est déjà améliorée. Cependant, ceci doit être effectué après le tri des photos (netteté, cadrage, luminosité, etc.) puisque la capacité de Photoshop à rendre une image belle est tout de même limitée. Une photo extrêmement foncée restera une photo extrêmement foncée ou sera de très mauvaise qualité. Voici un exemple d'une photo améliorée à l'aide de Photoshop. Avant Après Normes de bases pour la sélection d'images et de vidéos 5

6 Étapes 1 - S'assurer que le tri de départ des photos a déjà été effectué (netteté, cadrage, luminosité, etc.) 2 - Ouvrir Photoshop et importer la photo à modifier désirée. Pour ce faire, vous pouvez simplement cliquer sur la photo désirée et, en tenant le bouton de la souris enfoncée, la glisser dans le logiciel. 3 - Une fois la photo importée, aller sous le menu «Image / Ton automatique». Image > Ton automatique Résultat Normes de bases pour la sélection d'images et de vidéos 6

7 4 - Une fois ceci fait, ajustons le contraste. Aller sous le menu «Image / Contraste automatique». Image > Contraste automatique Résultat Normes de bases pour la sélection d'images et de vidéos 7

8 5 - Maintenant, ajustons les couleurs. Parfois, cette étape est facultative, puisqu'elle modifie les couleurs. Si dans une photo X c'est le bleu qui ressort le plus, les couleurs vont s'ajuster en fonction de ce bleu et ce n'est pas toujours l'effet désiré. Si vous effectuez cette étape et que vous n'aimez pas l'effet, faire la combinaison de touches «CTRL + Z» pour annuler cette opération ou ouvrir la fenêtre d'historique et cliquer sur l'opération précédente. Pour ouvrir la fenêtre d'historique, aller sur le menu «Fenêtre / Historique». Donc, aller sous le menu «Image / Couleur automatique». Image > Couleur automatique Résultat Normes de bases pour la sélection d'images et de vidéos 8

9 6 - Finalement, si les couleurs sont jugées trop sombres ou encore trop claires sur la photo, il y a possibilité d'en modifier le ton. Dans ce cas-ci, l'image est un peu trop sombre, nous allons l'éclaircir un peu Aller sur le menu «Image / Réglages /Tons foncés/ton clairs...». Image > Réglages > Tons foncés/ton clairs Normes de bases pour la sélection d'images et de vidéos 9

10 6.2 - Suite à cette opération, une nouvelle fenêtre apparaîtra. Cette fenêtre permet de régler les tons sombres et clairs d'une image donnée. Dans l'exemple, le facteur des tons foncés a été augmenté à 2% : cette opération éclaircit les tons foncés. Si nous augmentons le facteur des tons clairs, les tons clairs s'assombrissent. Dans cette opération il ne faut jamais autant que possible dépasser le 10% dans l'un ou l'autre de ces paramètres. Fenêtre de réglages des tons foncés et clairs Normes de bases pour la sélection d'images et de vidéos 10

11 7 - Une fois ceci effectué, la photo peut être enregistrée sous le format JPEG. Si l'image doit être exportée pour le Web, voir la page 17 du document «Exportation des photos pour le Web et intégration de photos dans une galerie» à partir du numéro sept. Assurez-vous que votre image n'est pas trop grande (901 x 600 pixels max)! Final Normes de bases pour la sélection d'images et de vidéos 11

12 Exportation des photos pour le Web et intégration de photos dans une galerie Pour une image/photo pour le Web, il ne s'agit pas de faire simplement «Fichier / Enregistrer», car l'image sera inutilement lourde. Ceci fait en sorte qu'elle prendra plus de temps à se télécharger, donc d'apparaître. Sous Photoshop, il y a possibilité de réduire son poids en passant par une exportation pour le Web et les périphériques. En même temps que de voir comment exporter pour le Web, on verra comment créer une image pour une galerie d'images ayant les dimensions 901 x 600 pixels. Image initiale pour l'exemple Normes de bases pour la sélection d'images et de vidéos 12

13 Étapes 1 - S'assurer que le tri de départ des photos a déjà été effectué (netteté, cadrage, luminosité, etc.) 2 - S'assurer que les photos qui seront utilisées pour la galerie sont déjà traitées. Voir p.5 «Conseils de base pour améliorer la qualité d'une photo sous Photoshop» du document. 3 - Ouvrir Photoshop et faire «Fichier / Nouveau...». Une fenêtre vous apparaîtra comme ci-dessous. #1 : Donner un nom significatif au fichier Photoshop. Fichier > Nouveau... #2 : Indiquer les dimensions du nouveau fichier Photoshop. Puisque nous voulons intégrer une photo à une galerie d'images de dimensions 901 x 600 pixels, nous devons indiquer ces dimensions dans le fichier. Assurez-vous que les mesures sont bien en pixels. #3 : Puisque c'est seulement pour l'écran, la résolution n'a pas besoin d'être plus haute que 72 ppp (pixels par pouce). Pour l'imprimé, la valeur doit être de minimum 300 ppp (points par pouce). Cette valeur affecte le poids d'une image, c'est donc important d'y porter attention pour le Web. #4 : Puisque, encore une fois, c'est pour l'écran, il faut mettre le mode en «Couleurs RVB». L'écran utilise la colorimétrie «Rouge, Vert Bleu» tandis que l'imprimé utilise la colorimétrie «Cyan, magenta, jaune, noir», donc «Couleurs CMJN». Normes de bases pour la sélection d'images et de vidéos 13

14 4 - Une image blanche (votre zone de travail) vous apparaîtra au milieu de votre bureau de travail Photoshop. Cliquer sur la couleur de premier plan située dans la barre d'outils et aller sélectionner la couleur noire. Barre d'outils Sélection de la couleur noire ««Couleur de premier plan Normes de bases pour la sélection d'images et de vidéos 14

15 5 - Sélectionner le pot de peinture dans la barre d'outils et cliquer dans la zone de travail pour rendre l'image noire. Ceci permettra d'avoir un fond noir si jamais une photo est plus petite que les dimensions désirées. Le noir permettra de la mettre en valeur. Barre d'outils ««Pot de peinture Normes de bases pour la sélection d'images et de vidéos 15

16 6 - Il est temps de glisser la photo désirée dans la zone de travail. Vous pouvez simplement cliquer sur la photo désirée et, en tenant le bouton de la souris enfoncée, la glisser dans le logiciel. La photo s'ajustera automatiquement à la zone de travail et elle le fera de façon proportionnelle, donc elle ne sera pas écrasée ou étirée. Appuyer sur la touche de votre clavier «Entrée» pour confirmer que la photo s'est bien importée de la dimension désirée. La photo lors de son importation dans Photoshop Le contour gris est la zone de bureau Normes de bases pour la sélection d'images et de vidéos 16

17 7 - Ceci fait, il est temps d'exporter. Faire «Fichier / Enregistrer pour le Web et les périphériques...». Fichier > Enregistrer pour le Web et les périphériques... Normes de bases pour la sélection d'images et de vidéos 17

18 8 - Une fenêtre apparaîtra. Cette fenêtre permettra de visualiser la photo à exporter selon les divers niveaux de qualité et de comparer ce niveau de qualité avec le poids. Faire attention de ne pas rendre la photo pixellisée! #1 : Choisir l'onglet «2 vignettes» ou «4 vignettes». Ceci permet de mieux comparer les niveaux de qualité d'exportation en comparaison avec la photo originale. Dans l'exemple, la photo originale est dans le haut et la photo exportée est dans le bas. Fenêtre «Enregistrer pour le Web et les périphériques...» #2 : Vous pouvez agrandir la fenêtre en cliquant sur le coin inférieur droit et, en tenant le bouton de la souris enfoncée, glisser pour mieux voir. #3 et #4 : Laisser au format JPEG et l'option «Optimisé» sélectionnée. #5 : Tester les divers niveaux de qualité. Généralement, pour les photos, le niveau varie entre moyen et élevé. #6 : Selon le niveau de qualité, le poids de l'image varie. Il est important d'en tenir compte pour le Web : une image trop lourde sera plus lente à télécharger! Normes de bases pour la sélection d'images et de vidéos 18

19 9 - Une fois que ceci est fait, cliquer sur le bouton «Terminer». Choisir l'emplacement idéal pour sauvegarder, renommer l'image de façon significative et sauvegarder. Il ne reste plus qu'à l'intégré à la galerie d'image! Image avec le bon cadrage pour la galerie de photos (dimensions 901 x 600) Réduit pour le document Normes de bases pour la sélection d'images et de vidéos 19

20 Retravailler un cadrage Il est possible avec Photoshop de retravailler un cadrage qui est trop grand ou juste un peu mal ajusté en peu de temps. Je prendrai la photo affichée ci-dessous comme exemple. Normes de bases pour la sélection d'images et de vidéos 20

21 1 - S'assurer que le tri de départ des photos a déjà été effectué (netteté, cadrage, luminosité, etc.) 2 - Ouvrir Photoshop et importer la photo à recadrer désirée. Pour ce faire, vous pouvez simplement cliquer sur la photo désirée et, en tenant le bouton de la souris enfoncée, la glisser dans le logiciel. 3 - Sélectionner l'outil de recadrage dans la barre d'outils. Barre d'outils ««Outil de recadrage Normes de bases pour la sélection d'images et de vidéos 21

22 2 - À l'aide de l'outil de recadrage, encadrez la section que vous désirez recadrer. Il est possible de modifier le cadrage fait à cette étape en sélectionnant un des coins et, en tenant le bouton de la souris enfoncée, glisser pour l'agrandir ou le réduire. Photo avec l'outil de recadrage Normes de bases pour la sélection d'images et de vidéos 22

23 3 - Une fois le cadrage ajusté comme désiré, appuyer sur la touche «Entrée» du clavier. La photo se recadra automatiquement. Ceci fait, la photo est prête à être enregistrée sous le format JPEG! Si l'image doit être exportée pour le Web, voir la page 16 du document «Exportation des photos pour le Web et intégration de photos dans une galerie» à partir du numéro 7 et assurez-vous que votre image n'est pas trop grande (901 x 600 pixels max)! Photo recadrée Normes de bases pour la sélection d'images et de vidéos 23

24 SECTION SUR L'IMAGE (Tri des photos) Normes de bases pour la sélection d'images et de vidéos 24

25 La netteté générale de la photo et le mouvement Une photo considérée professionnelle permet facilement de distinguer chaque élément qui la compose. Par exemple, une caméra de mauvaise qualité ou une mise au point très mal ajusté peut causer du flou, ainsi qu'un élément en mouvement (un oiseau en vol ou encore une personne qui se lève d'une chaise). Photo de qualité Dans cette photo, il n'y a aucun flou malgré la présence d'une personne se déplaçant et d'un animal en mouvement. Normes de bases pour la sélection d'images et de vidéos 25

26 Photo de mauvaise qualité Dans cette photo, il y a présence de flou : l'appareil photo n'a pas été ajusté de sorte à rester nette malgré le mouvement des personnes. Normes de bases pour la sélection d'images et de vidéos 26

27 La mise au point (Le focus) Pour chacune des photos, il faut déterminer l'élément qui doit être mis en valeur. Si cet élément est flou, la mise au point a mal été ajustée et la photo n'est pas de calibre professionnel. Dépendamment de l'appareil photo utilisé et du niveau de l'expérience du photographe, il se peut que ce point ne s'applique pas. Photo de qualité Dans cette photo, le photographe voulait mettre de l'avant la structure située à l'arrière des plantes. Cette structure est nette et les plantes à l'avant sont un peu floues. Normes de bases pour la sélection d'images et de vidéos 27

28 Photo de mauvaise qualité Dans cette photo, il n'est pas clair de ce qui doit être mis de l'avant. Le photographe a-t-il tenté de prendre la personne située sur les lettres «LE»? Si c'est le cas, la mise au point a mal été ajustée : ce dernier est flou. Normes de bases pour la sélection d'images et de vidéos 28

29 Le cadrage Dépendamment de la photo, de l'effet recherché et de ce que nous voulons montrer, le cadrage est primordial. Si nous prenons une photo d'une personne pour la bibliographie de cette dernière, il serait inapproprié de couper une partie de son visage. Il est de même si nous voulons voir une espèce d'oiseau et que la moitié de son corps n'y est pas ou encore qu'il est minuscule comparativement à la taille de la photo. Un problème de cadrage trop grand peut être réglé avec Photoshop (voir p.20 «Retravailler un cadrage») Cadrage adéquat Cette photo a un cadrage adéquat. Nous y voyons chacune des personnes présentes, aucune tête n'est coupée et il y a de l'espacement entre les bordures de la photo et le corps de chacune des personnes. Normes de bases pour la sélection d'images et de vidéos 29

30 Cadrage non adéquat Cette photo a un cadrage inadéquat. Des têtes sont coupées. Normes de bases pour la sélection d'images et de vidéos 30

31 La précision des détails et pixellisation Il se peut parfois que la photo ne soit pas nécessairement floue, mais qu'elle soit tout de même de mauvaise qualité puisque les détails ne sont pas bien perceptibles. Par exemple, il est dur de déterminer les yeux d'une personne : ces derniers paraissent comme deux tâches noirs. Ce problème provient généralement d'un vieil appareil photo, d'une image agrandie ou encore d'un mauvais traitement photo sous Photoshop. Photo de qualité Cette photo-ci est de qualité. Il est possible de voir chacune des détails de l'image avec précision. Normes de bases pour la sélection d'images et de vidéos 31

32 Photo de mauvaise qualité Cette photo-ci est de mauvaise qualité, car il est difficile d'y voir chacun des détails. Cette photo est d'ailleurs pixellisée : il est possible d'y voir des petits carrés (pixel). Normes de bases pour la sélection d'images et de vidéos 32

33 La luminosité Il arrive qu une photo soit trop lumineuse ou trop foncée. Ce problème peut être corrigé à l aide de Photoshop, si le problème n est pas trop prononcé. Généralement, un problème de luminosité trop clair est dû au «flash» de l appareil photo ou à une source lumineuse trop près de l élément à photographier et un problème de luminosité trop sombre provient d un endroit trop sombre. Photo de qualité Cette photo est de qualité puisque le niveau de luminosité est adéquat. Il est possible de bien distinguer chaque élément de la photo. Normes de bases pour la sélection d'images et de vidéos 33

34 Photo de mauvaise qualité Cette photo est de mauvaise qualité puisque la photo a été prise avec un «flash». Cela qui a rendu la peau de la personne beaucoup trop claire pour être traitée. Normes de bases pour la sélection d'images et de vidéos 34

35 La pertinence La pertinence d une photo dans son contexte ou dans son utilisation est importante. Il serait inapproprié de montrer des fêtards saouls pour faire la promotion d un voyage sérieux en Angleterre ou encore de montrer l ombre de deux personnes debout sur du sable pour faire la promotion de l entraide en Afrique, puisqu on n y voit absolument rien. Photo pertinente Cette photo est pertinente dans le contexte du BICO, puisqu'une étudiante travail avec des enfants et cela montre bien le travail à l'international. Normes de bases pour la sélection d'images et de vidéos 35

36 Photo non pertinente Cette photo est non pertinente dans le contexte du BICO, puisque l'international n'y est pas du tout montré. Normes de bases pour la sélection d'images et de vidéos 36

37 SECTION SUR LA VIDÉO Normes de bases pour la sélection d'images et de vidéos 37

38 Notes et généralités Ce qui a été mentionné précédemment sur les images et photos est tout aussi applicable à la vidéo. Après tout, une vidéo est des images prises consécutivement très rapidement. Donc, une vidéo doit être : Pertinente dans son contexte Avoir une bonne luminosité Avoir une précision dans ses détails Avoir la mise au point sur le bon élément Être nette Avoir un cadrage adéquat Puisqu'une vidéo a tout de même des éléments de plus qu'une simple image, il faut rajouter ces points : Elle doit être d'une durée convenable pour le contexte de son utilisation Elle ne doit pas être constamment en mouvement, à moins que cela soit un effet désiré Il n'y aura pas d'explications dans ce document sur comment corriger une vidéo, cependant, voici les points qui rejettera l'utilisation d'une vidéo : Une durée de moins de 10 secondes Contenu complètement noir (trop sombre) ou complètement blanc (trop de lumière) Présence de trop de flous de sorte qu'on doit deviner le contenu de la vidéo Des corps qui dépassent le cadre de la vidéo, de sorte que nous ne voyons pas de tête, mais juste le bas du corps, ou encore une moitié de corps. Normes de bases pour la sélection d'images et de vidéos 38