Thierry Dambermont : Techniques infographiques / Créativité graphique / Cultures alternatives / Ressources du web / Stages et formations en infographie

jeudi 5 mars 2009

45. Les web memento des éditions Eyrolles

Présentation

Indéchirables et imperméables, les mémentos Eyrolles sont des aides-mémoire pratiques pour le travail quotidien : chaque mémento reprend l'essentiel d'une technologie sous la forme d'un dépliant de 14 pages.

Mémento - Ergonomie web

Un rappel des principes d'ergonomie appliquée aux sites Web.

Au sommaire :

L'ergonomie, c'est quoi ?

Bien organiser une page web

Des textes lisibles et clairs

Titres et libellés : aller à l'essentiel

Liens hypertextes : les clés d'une navigation réussie

Des formulaires simples et efficaces

Menus : naviguer sans perdre le nord

Des boutons pour passer à l'action

Organiser ses listes et tableaux

Bannières publicitaires : oui, mais !

Des messages d'information pour accompagner votre internaute

Et maintenant... au delà des recommandations

Plus d'infos…

Aucun commentaire:

Enregistrer un commentaire

Les CONSIGNES du travail Graphisme bitmap pour l'année scolaire 2006-2007 à Jacquard Infographie

Travail pour le cours Graphisme bitmap et numérisation (30 heures) 2006-2007 :
Jeu avec les échelles

Sources des images : Travaillez avec des images de bonne qualité, qui contiennent beaucoup de détails, et uniquement avec des photos que vous avez prises vous-mêmes. Imposez-vous d’utiliser un décor et des éléments que vous pouvez facilement prendre en photo, c’est très important. L’utilisation d’un appareil photo argentique est déconseillé car c’est plutôt couteux à moyen terme. Il ne faut pas nécessairement un appareil photo couteux : un appareil 4 mega-pixels peut être suffisant à condition que les photos ait été réalisées dans des conditions d’éclairage et avec des réglages permettant au capteur de générer une image sans grain et avec du détail (en 2006, un appareil 4 mega-pixels coutait 100 euros, il s’agit d’un appareil de marque réputée). Par ailleurs pensez que vous pouvez aussi emprunter un appareil, ou en acheter un à plusieurs.

Consignes générales :
1) Le travail commence avec une photo d’un décor complexe : une scène grande (une ville par exemple, ou un bâtiment, ou l’intérieur d’un local) OU une scène petite (par exemple une coupe de champagne ou un livre avec d’autres éléments de décor).
2) Il faut intégrer dans ce décor un être vivant qui vient d’une autre photo.
3) L’être vivant doit sembler vraiment beaucoup trop petit dans le petit décor (ex : un enfant dans une coupe de champagne) ou beaucoup trop grand dans le grand décor (ex : un géant dans la ville).
4) Cet être vivant doit être en interaction avec soit un objet, soit un autre être vivant.
1. Cet objet ou cet autre être vivant ne doit VRAIMENT PAS être à la bonne échelle NI par rapport au décor NI par rapport au premier sujet vivant. (par exemple le géant dans la ville tient en main une très grande fleur encore plus géante que lui).
2. Si l’être vivant est dans un grand décor il doit donc être plus grand que la normale : dans ce cas le quelquechose avec lequel il est en interaction doit également être plus grand que la normale. / Si l’être vivant est dans un petit décor il doit donc être plus petit que la normale : dans ce cas le quelquechose avec lequel il est en interaction doit également être plus petit que la normale.
5) Envoyer un ballon en l’air est par exemple une interaction avec un objet, «être posé dessus» ou «être attaché sur» sont d’autres exemples d’interactions, etc.
6) Vous devez ajouter un slogan personnel, intelligent, sans faute d’orthographe, et en rapport avec l’effet d’échelle mis en scène, c’est-à-dire que le slogan doit comporter un mot qui fait clairement référence à la DIMENSION. Il faut soigner sa typographie : choix de la police, effet spécial éventuel sur le texte (mais ce dernier point n’est pas obligatoire). Le slogan peut être en 3D. Si le slogan n’est pas en français, il faudra une traduction française, à côté du slogan ou dans le bas de l’image (pas trop près du bord de l’image!), éventuellement en plus petit et sans effets spéciaux sur le texte si vous le souhaitez.
7) Le résultat doit être photoréaliste : ça doit sembler réel, ressembler à une photo de la réalité. Attention, il faut uniquement travailler avec des photographies : pas de dessin ou d’image de synthèse.
8) Le cadrage de ce photomontage que vous allez créer doit être dynamique : Par exemple utilisez une vue en plongée = photo prise en regardant vers le bas, ou une vue en contre-plongée = photo prise en regardant vers le haut. Soignez la mise en concordance des perspectives des différents éléments du montage, c’est ce qui accentuera le côté «vrai» du montage.
9) Cadrez vos sujets de manière à ce qu’ils occupent une bonne partie de l’image. Les sujets ne doivent pas être trop petits dans le cadrage de l’image. Au besoin, et ce dès la conception-papier de votre photomontage, positionnez l’appareil photo virtuel près de ces sujets afin qu’ils ne soient pas trop petits dans le cadrage de l’image.
10) Sauf accord du professeur, aucun des éléments ajoutés dans le décor ne peut sortir du cadre.
11) Avant de passer à la réalisation sur ordinateur faites des projets sur papier et parlez-en avec le professeur. Vous ne passerez à la réalisation sur ordinateur que lorsque votre projet aura été tout à fait validé, car un projet réalisé correctement mais ne répondant pas aux consignes demandées vous mènerait à l’échec..
12) Le photomontage final doit être précis, il doit contenir du détail (d’où l’importance du bon choix de toutes les photos de départ). Il n’y a pas de format-pixels imposé, ni d’orientation (travail en largeur ou en hauteur). Toutefois le travail doit pouvoir être affiché en grand sur un moniteur 1024/768 et on doit pouvoir zoomer dessus à 200% sans voir apparaitre distinctement les pixels.
13) Le photomontage final doit être en niveaux de gris véritable : l’image numérique finale ne comportera donc qu’une seule couche dans la palette des couches (sans compter les couches alpha, toutefois).
14) Veillez à bien régler la luminosité de chaque élément du montage, ainsi que son contraste et son degré de netteté. Si un élément (ou une partie d’élément) est moins précis(e) qu’un(e) autre dans le montage, ça doit se justifier parce que cet élément (ou cette partie d’élément) est à l’avant-plan ou à l’arrière-plan dans la scène, hors de la zone de netteté virtuelle du montage (profondeur de champ virtuelle).
15) Tous les calques doivent être mis dans un groupe de calque.
16) Le fichier final doit être enregistré en deux formats : Photoshop PDF avec l’option «polices incorporées» cochée, et PSD. Cependant, pendant la réalisation du travail vous êtes libre du choix du format.
17) Les fichiers doivent être non aplatis , c’est-à-dire que les calques du montage ne doivent pas avoir été réunis en un seul calque. Il faut donc tous les calques séparés (certains des calques du montage peuvent toutefois avoir été réunis en un seul, fusionnés, pour une raison technique et en accord avec le professeur).
18) Gardez les versions intermédiaires du travail, si possible sur plusieurs supports informatiques et en des endroits différents. Ces versions intermédiaires vous permettent de ne pas tout perdre si votre fichier de travail devient corrompu par vous-même ou par l’informatique. Ces versions intermédiaires ne doivent pas nécessairement être rendues avec le travail final. L’invocation d’un «crash disk» ou d’un vol n’est donc pas une excuse pour être dispensé de rendre le travail à temps.
19) Sont interdits les photomontages à connotation politique, religieuse, raciste, sexiste, pornographique, ainsi que les photomontages incitant à la haine ou à la cruauté envers autrui ou envers les animaux. Demandez son avis au professeur si vous avez un doute sur la manière dont votre travail pourrait être interprêté.
20) Dans votre montage final, les parties non visibles des photos originales doivent pouvoir être révélées à tout moment : donc il faut cacher les parties des photos originales qui doivent être non visibles dans le montage, il ne faut pas les effacer. Pour les cacher vous aurez recours au procédé des «masques de fusion» ou au procédé des «masques vectoriels».
21) Tenez compte des conseils fournis par le professeur tant oralement que par écrit. Parlez au professeur si vous avez une question à propos des consignes. En cours de travail, posez-lui aussi des questions d’ordre conceptuel ou technique. Vous noterez alors à la main les remarques du professeur sur la feuille de notes qu’il vous donne à chaque cours à cet effet. Régulièrement, le professeur interviendra également sans que vous fassiez appel à lui.
22) Il est bon et souhaitable que vous veniez en aide à vos camarades de classe, mais ne réalisez pas pour autant leur travail à leur place, et aussi n’oubliez pas de réaliser correctement votre propre travail.

Les CONSEILS pour le travail Graphisme bitmap pour l'année scolaire 2006-2007 à Jacquard Infographie

Cours de Graphisme bitmap, Thierry Dambermont.
Ce document regroupe en vrac des conseils donnés oralement aux étudiants de cette année scolaire et des années précédentes, soit en groupe complet, soit en petits groupes, ou bien encore individuellement. Ce document a été gracieusement mis au point par le professeur afin de permettre ainsi aux étudiants de compléter leurs notes manuscrites.

---------------------------------------------------------------------

LES ERREURS INFORMATIQUES A NE PAS COMMETTRE :
- Réglez votre écran pour qu'il affiche une maximum possible d'images par seconde, cela évitera que vos yeux fatiguent très vite : allez sur l'icône de l'écran en haut à droite sur l'écran, dans le menu choisissez préférences moniteurs, choisissez un nombre de pixels suffisant et une fréquence "Hz" la plus élevée possible.
- Lorsque vous posez le stylet quelque part sur la tablette graphique, le pointeur doit changer de position sur l'écran… Cela veut dire que la tablette est bien réglée, qu'elle est en mode "stylet". Par contre si le curseur ne change pas de position sur l'écran lorsque vous posez le stylet sur la tablette, alors cela veut dire que la tablette n'est pas bien réglée… Elle est en mode "souris", et à ce moment il est très difficile de s'en servir pour dessiner.
- N'enregistrez jamais directement de Photoshop vers votre clé USB. Enregistrez toujours vers un disque dur, ensuite en fin de journée copiez du disque dur vers votre clé USB. Gardez le fichier sur le disque dur au cas où la clé aurait un problème. Pourquoi ne pas enregistrer directement sur la clé USB? C'est très lent et il n'y a pas de système de vérification d'erreur : le fichier peut être illisible.
- Si le disque dur externe que vous connectez au Macintosh est formaté en NTFS, vous ne pourrez que lire les fichiers, et pas écrire sur le disque. Un formatage FAT32 est conseillé.
- Dans le cas où vous travaillez chez vous dans Photoshop dans une version plus récente que celle qui est utilisée sur les ordinateurs de l'école, allez dans le menu "Fichier/préférences" (ou "Photoshop/préférences"), "gestion des fichiers", et enclenchez "maximiser la compatibilité, toujours". Les fichiers créés par Photoshop seront plus lourds mais davantage compatibles avec les anciennes versions (n'oubliez pas de désenclencher cette option lorsqu'elle ne vous sera plus nécessaire).
- Dans le menu Préférences de Photoshop/Modules externes et disques de travail, vérifiez que Photoshop est réglé pour utiliser tous les disques durs de l'ordinateur en tant que disques de mémoire virtuelle, et particulièrement et en priorité le disque dur dédié à cet effet : "VM".
- La version PDF de votre travail doit être enregistrée avec la méthode de compression ZIP. N'enregistrez jamais avec la méthode de compression JPEG. Dans le cas d'un grand travail comme celui-ci, qui devra être enregistré plusieurs fois avant d'obtenir la version finale, les compression JPEG successives à chaque enregistrement dégraderaient la qualité de l'image à chaque fois.
- Créez une image niveaux de gris en 16-bit, c'est-à-dire une image qui peut contenir 60.000 niveaux de gris différents, et non pas une image niveaux de gris 8-bit qui ne peut contenir que 256 niveaux de gris différents. Toutes ces nuances de gris seront bien utiles lorsque vous réglerez ensuite la luminosité de chaque calque, et son contraste (N.B. Cela se fera avec des outils plus performants que les outils de débutants tels que le réglage "luminosité/contraste"). Une démonstration au cours explique cela : pour obtenir une image en niveaux de gris 16-bit au départ d'une image en couleur, faites passer l'image couleur de 8-bit à 16-bit, par le menu "Image/mode", ensuite fusionnez chaque calque de réglage avec son calque inférieur, ensuite transformez l'image de rvb vers niveaux de gris et cliquez bien à ce moment sur l'option qui permet de conserver les calques séparés (non fusionnés).
N.B.#1 : dans le cas où vous auriez oublié de passer au mode 16-bit avant d'avoir transformé l'image en niveaux de gris, sachez que faire passer l'image niveaux de gris de 8-bit à 16-bit ne permet pas de récupérer des nuances : l'image 16-bit ainsi obtenue ne contiendrait toujours que 256 niveaux de gris.
N.B.#2 : en mode 16-bit certains filtres sont inaccessibles, en mode niveaux de gris aussi.

DES INFORMATIONS A PROPOS DU DEROULEMENT DES COURS :
- Les cours sont l'occasion d'apprendre les techniques nécessaires à la réalisation de votre projet. Les cours sont également l'occasion de rencontrer le professeur afin de faire évoluer votre projet. A partir du deuxième cours le professeur appellera chaque étudiant pour qu'il vienne lui parler de son projet.
- L'ordre d'appel des étudiants n'est pas alphabétique. A chaque cours, l'ordre d'appel est inversé afin que ce ne soient pas à chaque fois les mêmes étudiants qui sont appelés en début de cours, et afin que ce ne soient pas à chaque fois les mêmes étudiants qui sont appelés en fin de cours.
- Au cours, quand un étudiant n'a pas encore été appelé par le professeur, et que l'étudiant interpelle le professeur, alors le professeur ne répond à cet étudiant qu'à des questions d'ordre technique, il ne lui parle pas encore de l'évolution graphique de son projet. Une fois qu'un étudiant a été appelé par le professeur, l'étudiant peut interpeller ensuite le professeur à tout moment pour lui parler soit de problèmes d'ordre technique, soit de l'évolution graphique de son projet. Cette manière de procéder est nécessaire afin que chaque étudiant puisse être suivi correctement.
- Si un étudiant n'a pas pu être appelé à un cours, faute de temps, alors il sera parmi les premiers à être appelés au cours suivant.
- Chaque étudiant sans exception a la possibilité d'interpeller le professeur pendant qu'il donne cours à une autre classe, puis ouvrir son travail sur un ordinateur et parler au professeur : ces étudiants "hors-classe" seront vus rapidement, avant ceux de la classe qui a cours à ce moment-là avec le professeur (l'appel des étudiants de la classe est temporairement interrompu).
- Le dessin doit absolument être apporté au second cours et au troisième cours aussi. Le dessin devra être rendu au quatrième cours.
- Les photos peuvent être apportées au second cours aussi, c'est l'idéal. Les photos doivent absolument être apportées au troisième cours.
- Une fois commencé, le montage photographique doit être apporté à chaque cours.
- Si un étudiant ne rend pas le travail final au 7ème cours comme demandé dans les consignes, alors il le rendra au 8ème cours. Le professeur ne reprendra pas le travail d'un étudiant entre le 7ème et le 8ème cours, même si l'étudiant est couvert par un certificat médical pour son absence au 7ème cours : en effet, les dossiers des étudiants, constitués par le professeur pour ce cours, ne sont ouverts qu'au moment des cours. De plus, les certificats médicaux ne sont pas pris en compte pour ce cours.

LES ERREURS DU METIER D'ETUDIANT A NE PAS COMMETTRE :
- Quand vous lisez dans les consignes "vous pouvez", cela ne veut pas dire "vous devez".
- Quand vous lisez dans les consignes "vous devez", cela ne veut pas dire "vous pouvez".
- En ce qui concerne le travail à réaliser, et la manière dont l'évaluation sera mise en place, les trois seules sources d'information fiables sont : le professeur, les consignes écrites et remises à jour fournies par le professeur, les valves-étudiants. Toute information provenant d'une autre source ne peut être raisonnablement considérée comme étant véritablement fiable : informations fournies par les étudiants, rumeurs, on-dits, sites internet non-officiels, etc.
- Le secrétariat-étudiants n'est pas habilité à fournir des informations à propos du contenu et du déroulement de ce cours de graphisme bitmap. Sachant cela, il est interdit aux étudiants d'aller faire perdre leur temps aux secrétaires avec des questions de cet ordre.
- Les étudiants absents doivent se remettre en ordre, ils doivent se renseigner à propos des techniques qui ont été expliquées au cours et également à propos des informations que le professeur a fournies au groupe par écrit ou oralement.
- En attendant que le professeur vous appelle, vous devez travailler dans Photoshop : soit vous exercer, soit commencer le travail demandé, quitte à corriger le tir en fonction des nouvelles techniques que vous apprendrez au cours et aussi des remarques que le professeur fera à propos de votre travail. Le temps passé à s'exercer n'est jamais perdu. (Rappel : il est possible que le professeur n'ait pas la possibilité de vous voir à chaque cours).
- Les ordinateurs portables sont interdits au cours de graphisme bitmap (voir les consignes que vous avez signées + le Vade Mecum que vous avez reçu de l'école ). Il faut utiliser des clés USB ou des CDR pour apporter vos photos au cours. Envoyer le travail sur une boite mail que vous releverez à l'école peut également être une bonne idée, en plus d'apporter le travail sur un support physique à l'école.

---------------------------------------------------------------------

LES SCENES A EVITER :
- Sont déconseillés les montages mettant en scène un ordinateur, un livre géant, un insecte, un canard en plastique, une baignoire, une araignée, un jeu d'échec, des oeuvres d'artistes ou des objets industriels au design inhabituel (dans votre oeuvre originale il vaut mieux éviter d'utiliser d'autres oeuvres originales), des sites architecturaux uniques (la tour Effel, la statue de la liberté, etc).
- Sont déconseillés les projets mettant en scène des planètes, car cela pose un problème en ce qui concerne les consignes… En effet, on demande un décor COMPLEXE. L'espace et les étoiles qui entourent les planètes, ce n'est pas un décor complexe. Sont également déconseillés, parce que trop vus, les projets mettant en scène une vraie souris qui remplace la souris de l'ordinateur, ou une espèce de King Kong sur un building, ou un petit bonhomme sur une petite échelle ou avec une corde.
- Evitez les projets qui reprennent les exemples donnés dans les consignes : "un géant dans la ville", "une scène sur un coin de table" : avec un travail plus original, vous obtiendrez des points supplémentaires pour l'originalité.

LES ETRES VIVANTS ET OBJETS A EVITER :
- Evitez l'utilisation d'êtres vivants ou d'objets qui existent en plusieurs tailles, comme un requin par exemple, ou un marteau, qui peuvent être petits ou grands.
- Sont interdites les hybridations de personnages, comme par exemple un homme avec une tête d'animal. Les personnages doivent garder leur intégrité physique.

LES OBJETS A EVITER :
- Les objets tels que cure-dents, coton-tige, etc ne seront pas acceptés parce que visuellement trop simples.
- Evitez le recours à l'image d'une échelle sur laquelle l'être vivant monte ou descend.
- Evitez le recours à des cordes ou des laisses.

---------------------------------------------------------------------

LES ERREURS DE CONCEPTION-PAPIER A NE PAS COMMETTRE :
- Réalisez vos projets papier sur des feuilles totalement blanches.
- Le professeur ne s'intéressera à votre montage dans Photoshop qu'une fois votre projet papier validé. Votre projet papier a pour but de ne pas perdre du temps durant la réalisation du travail dans Photoshop, ne le voyez donc pas comme une perte de temps mais plutôt comme un gain de temps.
- Dans vos projets, évitez absolument les sujets vus de face, de profil, de dos. Ce n'est que dans de très rares cas que de telles positions de sujets se justifient, et c'est le plus souvent dans des projets dans lesquels c'est le graphisme qui prime, et non pas le photoréalisme comme dans le travail que vous devez réaliser ici. Il vaut donc mieux ici privilégier les sujets vus de 3/4. Si en plus ils sont vus en plongée ou en contre-plongée c'est encore mieux, ça aidera le spectateur à entrer dans la scène en esprit.
- Il n'y a pas de proportion d'image imposée (donc ne vous limitez pas à créer un montage photo qui a les proportions des feuilles A4, sauf si vous y tenez vraiment). Vous pouvez même créer un montage carré ou circulaire, ou très allongé en hauteur, ou en largeur.
- Si un de vos éléments disproportionnés flotte en l'air, il faut faire comprendre au spectateur que cet élément n'est pas à bonne proportion. Pour cela, utilisez une de ces solutions : soit un ou plusieurs éléments du décor qui passe(nt) partiellement devant l'élément disproportionné, soit une ombre projetée sur le décor, soit un reflet, ou une combinaison de ces solutions.
- Le slogan doit faire référence d'une manière ou d'une autre à la "dimension" : emploi d'adjectifs comme "grand", "petit", etc.
- Lorsque vous rendrez votre projet papier, inscrivez votre nom du côté du dessin, pas trop près du bord de la feuille. Ce projet papier sera photocopié, l'original vous sera rendu et la copie sera insérée dans votre dossier qui est en possession du professeur et qui lui permet de suivre l'évolution (ou la non-évolution) de votre travail au fur et à mesure de votre venue (ou de votre non-venue) au cours.
- D'une manière générale, les slogans qui peuvent s'appliquer à un grand nombre de scène seront refusés, même s'ils font référence à la dimension comme demandé. Parlez-en avec le professeur avant de choisir définitivement votre slogan. Ainsi, sont fortement déconseillés les slogans tels que ceux-çi : "Les petites bêtes ne mangent pas les grosses", "On a toujours besoin d'un plus petit que soi", "Ce n'est pas la taille qui compte", "Petit mais costaud", "Petit par la taille, grand par le talent", "Tout ce qui est petit est mignon", "Les yeux plus gros que le ventre".
- Comme indiqué dans les consignes, faites en sorte que les sujets mis en scène dans le décor occupent une bonne partie de l'espace de travail, il faut qu'ils soient précis. Si vous faites en sorte que les sujets de votre montage occupent une surface équivalente à plus ou moins le quart de la surface de votre image, alors vous êtes dans le bon. Le but de ceci est de permettre que le travail puisse être montré à différentes dimensions au public, même en petit, tout en restant lisible facilement.
- Tous les membres (bras, pattes, etc) du ou des êtres vivants de la scène doivent être clairement visibles. Choisissez un angle de vue et une attitude qui le permettent.
- Les deux éléments ajoutés dans le décor doivent occuper au moins la moitié de la largeur du cadre de l'image, chacun.
- Il doit y avoir un être vivant central qui est le personnage central dans votre scène. On peut toutefois trouver dans la scène un/des personnage(s) et/ou objet(s) secondaire(s). Vous veillerez à ce que ces éléments secondaires soient plus petits que le personnage principal.

LES ASTUCES POUR LA CONCEPTION-PAPIER :
- Si vous avez du mal à dessiner vos projets vous pouvez modéliser en 3D (dans n'importe quel programme 3D) les formes générales du décor et des sujets de la scène (ex. : des cubes et des boules pour créer les personnages). Vous positionnez tous ces sujets 3D les uns par rapport aux autres puis vous positionnez la caméra virtuelle 3D. Vous pourrez rendre l'image imprimée de cette scène en guise de projet papier. Au besoin faites passer l'image en négatif dans Photoshop avant de l'imprimer afin d'économiser de l'encre : utile si votre image comporte de grands fonds noirs.
- Beaucoup d'étudiants choisissent un être humain en tant qu'être vivant dans leur montage. Cela ne pose pas de problème, je tiens toutefois à attirer votre attention sur le fait qu'un animal convient également en tant qu'être vivant dans votre montage.

---------------------------------------------------------------------

LES ERREURS DE PRISE DE VUE A NE PAS COMMETTRE :
- Lorsque vous prenez des photos de petits objets, utilisez la fonction "macro" de votre appareil photo. Généralement elle est symbolisée dans les réglages par l'image d'une tulipe.
- Lorsque vous photographiez un paysage, un être vivant ou un objet, prenez une multitude de photos avec différents angles. Ainsi vous augmentez vos chances de ne pas devoir refaire une séance de photographies.
- Lors des prises de vue, si votre sujet est plutôt vertical tenez l'appareil photo en vertical afin de maximiser l'utilisation du capteur de l'appareil photo.
- Lorsque vous photographiez les sujets que vous allez intégrer dans votre montage, faites en sorte qu'ils occupent le maximum de place possible sur le capteur. L'erreur habituelle c'est de photographier de loin un sujet avec un appareil de 6 méga-pixels par exemple, et donc d'avoir le sujet en petit dans la photo : on obtient ainsi un sujet un peu flou comme s'il avait été photographié de près avec un appareil 1 méga-pixel.
- Beaucoup d'étudiants utilisent leurs appareils 4 méga-pixels mal réglés : ils prennent des photos 1 méga-pixels. Vérifiez les réglages avant de photographier. (Une dimension d'image 2000/3000, c'est une image 6 méga-pixels : il suffit de multiplier les 2 chiffres… Par exemple une dimension d'image 2000/1500, c'est une image 3 méga-pixels).
- Ne prenez pas vos photos au flash, ça supprime les ombres, et les ombres sont utiles pour donner du relief, du modelé. (très rarement toutefois le flash soulignera bien le modelé des objets brillants).
- Photographiez en couleur, même si le montage final est en noir et blanc. Durant le cours je vous expliquerai comment transformer intelligemment vos images couleur en images en niveaux de gris.
- Réglez l'appareil pour que la compression JPEG soit faible, car dans le cas contraire cela fait des photos avec du grain. Si possible, réglez l'appareil en TIFF non compressé.
- Evitez les personnages à genoux. Il est préférable de les voir accroupis : les jambes seront mieux visibles.

LES ASTUCES POUR LA PRISE DE VUE :
- La photographie du décor peut être créée au départ de deux photographies de ce décor, assemblées dans Photoshop. Ainsi vous pourrez donner l'impression d'une photographie prise avec un objectif très grand angle. Par exemple photographiez le sol et l'arrière-plan d'un décor en pointant l'appareil photo à l'horizontale, puis photographiez du même endroit le haut du décor. Ensuite assemblez ces deux images pour n'en créer qu'une seule. Il est nécessaire de prendre beaucoup de photographies afin de trouver les deux bonnes pour créer ce montage.
- Photographiez en lumière du jour, c'est une lumière puissante avec laquelle votre appareil vous donnera les meilleurs résultats.
- Lors de la prise de vue, vérifiez que l'appareil est bien réglé en ce qui concerne la sensibilité : en effet, même en condition d'éclairage suffisant, un appareil photo dont le capteur est trop sensible produira des images avec du grain, ou des parties claires brûlées.
- Evitez l'utilisation de photos analogiques imprimées sur papier, car généralement leur qualité est médiocre. Les diapositives sont de meilleure qualité pour les travaux de photomontage en infographie.
- Pour montrer vos photographies au professeur afin qu’il ait une vue d’ensemble et qu’il puisse vous indiquer quelles sont les plus appropriées pour réaliser le montage, faites une planche contact 20/30cm dans Photoshop : menu Fichier/Automatisation/Planche contact II. Activez l’option «utiliser le nom de fichier en légende» afin de retrouver facilement les photos par leur nom. Choisissez une résolution de 150 dpi.

---------------------------------------------------------------------

LES ERREURS DE CONCEPTION-PHOTOSHOP A NE PAS COMMETTRE :
- Créez un montage en couleur, et ne vous souciez pas trop de la luminosité et de la qualité des couleurs dans un premier temps car durant le cours je vous expliquerai comment transformer intelligemment votre montage couleur en un montage en niveaux de gris.
- Utilisez les masques de fusion correctement dans votre montage.
- Si dans votre montage final un de vos sujets est partiellement masqué par le décor, faites en sorte que le masque de fusion du calque de ce sujet fasse apparaître le sujet en entier, et par-dessus le calque de ce sujet créez un calque qui contient une copie du décor (ou d'une partie du décor seulement afin de ne pas alourdir le fichier), ajoutez-y un masque de fusion qui masque tout et faite apparaître le décor par-dessus le sujet en dessinant en blanc dans ce masque de fusion. Ainsi vous pourrez facilement agrandir le sujet ou le déplacer, cela vous permettra de discuter avec le professeur (et plus tard un client) et modifier facilement le montage selon les conseils qu'il vous donne. Pour plus de détails à ce propos, demandez au professeur, particulièrement dans le cas où votre montage demande une disposition de calque plus complexe que celle qui vient d'être évoquée.
- Ne pas retoucher les photos (luminosité, netteté…) avant que le professeur ne vous explique comment faire, sous peine de devoir peut-être recommencer le montage avec des photos non retouchées.
- Lorsque vous transformez votre image couleur en une image "niveaux de gris", vous utilisez les calques de réglages "mélangeur de couches" : chaque calque reçoit un mélangeur de couche, cela permet d'ajuster correctement les éléments du montage les uns par rapport aux autres, comme expliqué au 5ème cours. Un rappel ici : le but n'est pas de faire en sorte que tous les éléments du montage aient la même intensité de gris, le but est plutôt de faire en sorte que le montage dans son ensemble paraisse photographiquement réaliste. Autrement dit, il faut faire en sorte que la partie la plus claire de chaque élément du montage soit d'une intensité semblable à l'intensité des parties les plus claires des autres éléments du montage. Idem pour les parties les plus foncées des éléments du montage.

LES ASTUCES POUR LA CONCEPTION-PHOTOSHOP :
- Avant d'appeler le professeur pour une question d'ordre technique, posez-la à vos camarades de classe. Le professeur est bien sûr à votre disposition aussi mais il est fort sollicité.
- Le travail Photoshop ne doit pas être nécessairement la transposition parfaite du projet papier : des aménagements sont possibles en cours de travail, parlez au professeur à chaque fois que vous décidez de vous éloigner du projet papier afin de savoir si vous êtes toujours dans le bon vis-à-vis des consignes.
- Il n'y a pas de nombre de pixels imposé : il faut cependant qu'on puisse afficher l'image plein écran sur l'ordinateur et zoomer une fois ou deux sans qu'on voit apparaître distinctement les pixels, le grain de l'image ou du flou. Souvenez-vous que le terme "résolution" est un terme qui désigne combien de pixels de l'image seront utilisés pour imprimer l'image sur une distance d'un pouce (2,54 cm)… Comme nous ne voulons pas imprimer nos images, nous ne parlerons donc pas de résolution ici. Pour nous, ce qui compte c'est le nombre total de pixels de l'image, et donc le nombre de pixels en hauteur et en largeur (exemples : L=1450/H=3900, L=3900/H=1450, L=3600/H=3600, etc).
- Dans Photoshop, les outils de sélection "lasso" sont des outils d'amateur, évitez donc de les utiliser. Travaillez plutôt avec des couches alpha, des masques de fusion et/ou des tracés vectoriels. D'une manière générale les professeurs de première et de deuxième année souhaitent faire passer en deuxième année du graduat en infographie des étudiants qui manipulent les programmes autrement qu'en amateur. Dans cette optique, le contenu technique et théorique du cours de graphisme bitmap de première année est très réduit afin de vous permettre de maîtriser correctement ces quelques méthodes de travail qui relèvent du monde professionnel (couches alpha, masques de fusion, tracés vectoriels).
- Lorsque vous amenez un sujet dans un décor et que le sujet est trop grand, ne le réduisez pas par "transformation manuelle". Supprimez-le du décor, ensuite multipliez le nombre de pixels du décor par "image/taille de l'image"… choisissez "%" dans le menu à la place de "cm". Amenez ensuite à nouveau le sujet dans le décor pour observer la place qu'il occupe dans ce décor. Au besoin supprimez à nouveau le sujet puis multipliez à nouveau le nombre de pixels du décor. Pour obtenir une multiplication des pixels de haute qualité, n'augmentez pas trop vite, par exemple en indiquant "200 %". Procédez plutôt comme ceci : augmentez plusieurs fois de suite d'un faible pourcentage, comme "110%", ainsi la multiplication des pixels sera effectuée avec une suite de calculs complexes, ce qui résultera en une image agrandie de plus haute qualité.
- Vos sujets doivent être nets sur les photos originales et dans le montage, mais cependant ils peuvent présenter des "flous de bouger" réalisés artificiellement dans Photoshop. Attention un flou de bouger ne doit pas être visible sur la totalité du sujet sinon ça entrerait évidemment en contradiction avec une des exigences du travail : la précision (donc impossible d'utiliser le flou de bouger afin de compenser la piètre qualité d'une photo!).
- Habituez-vous à travailler avec un stylet plutôt qu'avec la souris. Lorsque vous dessinez une couche alpha avec un stylet, vérifiez que les options de dynamique du stylet sont bien désactivées : dans la palette des formes en haut à droite sur l'écran, toutes les options de dynamique qui se trouvent au-dessus de la ligne de séparation horizontale doivent être désactivées, et pour éviter qu'elles ne s'enclenchent à nouveau quand vous changez de forme, tous les verrous doivent être fermés en face de ces options. Avec ces options désactivées, la pression du stylet sur la tablette ne fait plus varier l'épaisseur et l'opacité du trait, c'est ce qu'il faut car cela peut poser des problèmes quand on crée une couche alpha (difficulté à bien poser les traits, image fantôme du décor autour des sujets quand on les a emmenés dans l'autre décor). L'utilisation du stylet permet la création de travaux plus précis, plus rapidement réalisés, et cela évite également d'user les articulations des doigts : cela peut paraître drôle, mais il s'agit là d'un réel problème (maladie professionnelle dite des gestes répétitifs).
- Lorsqu'un décor n'est pas assez grand pour accueillir les sujets, vous pouvez ajouter de la zone de travail avec "image/taille de l'image" et ensuite avec l'outil "tampon". Afin de vous pouvoir facilement corriger les erreurs quand vous travaillez au tampon, choisissez de travailler sur un calque vide que vous créez au-dessus du calque du décor à étendre. Parlez-en au professeur en cas de question à ce propos.
- Lorsqu'un sujet n'a pas été photographié en entier (cette astuce est surtout valable pour les photographies que vous n'avez pas prises vous-mêmes), vous pouvez recréer au tampon la zone du sujet manquante : créez une sélection qui a la forme de ce qui manque et travaillez au tampon dans cette zone sélectionnée. Pour créer cette sélection c'est généralement la plume vectorielle qui est l'outil le plus approprié.
- Pour les objets à caractère industriel, ou naturels mais à contour très net (c'est-à-dire non flou), vous pouvez réaliser la sélection à la plume vectorielle plutôt qu'avec une couche alpha : ce sera plus facile et plus précis. Ensuite la tracé vectoriel servira à créer un masque vectoriel (demandez au professeur comment procéder pour créer le tracé vectoriel sans couleur et ensuite pour le transformer en un masque vectoriel). Si votre sujet présente une partie floue sur son contour vous pourrez, en plus du masque vectoriel que vous aurez ajouté sur le calque, utiliser un masque de fusion pour cette partie plus floue du sujet (demandez également au professeur pour savoir comment procéder). Quant aux personnages et êtres vivants, c'est en général la méthode de sélection par couche alpha qui convient le mieux.
- Dans le cas où il s'avère, en cours d'élaboration dans Photoshop, et ce malgré tous les efforts déployés lors de la conception, que votre montage paraît pauvre (trop peu d'éléments dans la scène par exemple), des solutions existent :
1) Vous pouvez agrandir la zone de travail, créer un bord flou ou bien encore graphique (motif complexe et esthétique), et faire déborder certains des éléments de la scène en dehors de ce bord. Ainsi vous obtenez une mise en page, une manière de présenter votre travail, qui fait penser aux livres pour enfants (poétique) ou aux livres du genre fantastique (référence aux livres illustrés pour enfants, référence à ce qui est magique et obscur). Demandez son avis au professeur à propos de l'opportunité de faire évoluer votre travail dans ce sens.
2) Vous pouvez travailler l'aspect graphique du slogan, lui donner un aspect élaboré. Vous pouvez aussi éventuellement lui ajouter une image, peut-être dans un cartouche. Vous pouvez aussi le réaliser en 3D (Attention… "en 3D" ne veut pas nécessairement dire "extrudé" : les lettres peuvent être plates sans épaisseur, c'est généralement moins lourd visuellement. Les lettres peuvent toutefois avoir un aspect lourd si cela se justifie dans la scène).
- Pour le transfert de vos travaux de et vers chez vous, il peut être intéressant de zipper les fichiers (ou les dossiers contenant plusieurs fichiers). Pour zipper un dossier sous MAC OS X, enfoncez la touche CTRL, puis dans le menu qui apparait quand vous cliquez sur l'élément à zipper, choisissez "Créer une archive de…"
- L'être vivant semblera vraiment intégré si on voit ses pieds ou ses pattes posés dans le décor (ou le dos posé dans le décor dans le cas où il a les jambes/pattes en l'air). Pensez également à recréer des ombres et/ou des reflets si c’est possible.

Le cours Graphisme bitmap / Adobe Photoshop de l'année scolaire 2006-2007 à Jacquard Infographie