UE Infographie
UE Infographie
UE Infographie
1. Sélection ..................................................................................................... 19
1.5. Options de l’outil: ............................................................................... 19
1.6. Lasso: .................................................................................................. 20
1.7. Lasso polygonal: ................................................................................. 20
1.8. Lasso Magnétique: .............................................................................. 20
1.9. Combinaison de lassos ........................................................................ 21
1.10. Options de l’outil ................................................................................ 22
1.11. Options de l’outil ................................................................................ 22
1.12. La baguette magique et les couches .................................................... 23
1.8.6. Opérations entre sélection............................................................. 23
1.13. Options: ............................................................................................... 24
2.Calques............................................................................................................. 24
1.14. Affichage de calque: ........................................................................... 26
1.15. Sélection de calque: ............................................................................ 26
1.16. Liason entre les calques: ..................................................................... 27
3.Assemblagle ..................................................................................................... 27
1.8.7. Numérisation des grands documents ............................................ 27
1.17. Le docuent dépasse la grandeur de lavitre du scanner ........................ 27
4.Résolution ........................................................................................................ 28
1.8.8. Image numérique .......................................................................... 28
1.8.9. La définition et la résolution de l’image ....................................... 28
1.18. La définition de l’image: ..................................................................... 28
1.19. Résolution de l’image: ........................................................................ 28
1.8.10. Affichage en Photoshop ............................................................ 29
1.20. Taille écran: ........................................................................................ 29
1.21. Taille réelle des pixels: ....................................................................... 29
1.22. Même fichier mais résolution différentes ........................................... 29
5.Format de fichier .............................................................................................. 29
1.8.11. Définition ................................................................................... 30
1.8.12. Pourquoi ces différents formats? ............................................... 30
1.23. Différence entre la destination de ces images. .................................... 30
1.24. Récapitulatif ........................................................................................ 32
1.8.13. Comment gérer ces formats? ..................................................... 32
6.Retouches ......................................................................................................... 32
1.8.14. Outil Tampon de duplication ..................................................... 32
1.8.15. Outil Correcteur ......................................................................... 33
1.8.16. Outil Pièce ................................................................................. 33
1.8.17. Correcteur de tons directs (correcteur localisé) ......................... 33
1.8.18. Filtre antipoussière .................................................................... 33
1.8.19. Exercice sur le caméléon => continuer le bout de bois ............. 33
1.8.20. Outil Recadrage ......................................................................... 34
1.8.21. Outil Recadrage de perspective ................................................. 34
7.Retouches de Visage ........................................................................................ 34
1.8.22. Nettoyage des défauts de la peau............................................... 34
1.8.23. Adoucissement de la peau ......................................................... 34
1.8.24. Eviter les dents jaunes ............................................................... 35
1.8.25. Problème de teint: modèle avec une peau trop rouge ................ 35
1.8.26. Ajuster les niveaux (photos trop sombres) ................................ 35
1.8.27. Les sourcils ................................................................................ 35
1.8.28. Enlever les rides des yeux ......................................................... 35
1.8.29. Augmenter la définition des yeux.............................................. 36
1.8.30. Cacher des oreilles avec des cheveux ........................................ 36
1.8.31. Faire correspondre la couleur d’une écharpe avec celle de lèvres
36
1.8.32. Reduire le nez (photo de face) ................................................... 36
8.Masque de fusion ............................................................................................. 36
9.Mode de fusion ................................................................................................ 37
REFERENCES
1. www.diplomeo.com/formations-metier-infographie
2. https://www.techno-science.net/glossaire-definition/Image-numerique
3. https://www.futura-sciences.com/tech/definitions/informatique-image-
vectorielle-13099/
4. https://helpx.adobe.com/fr/photoshop/using/color-modes.html
INTRODUCTION
Ce domaine d’activité s’est très vite répandu aujourd’hui, notamment avec l’accès
facile aux micro-ordinateurs et le grand nombre de logiciels de graphisme.
L’infographie a contribué à la création de nombreux emplois et à la diversification
des supports de communication. Peu à peu enseignée dans les écoles,
l’infographie a suscité l’intérêt de nombreuses personnes.
Aujourd’hui, plusieurs écoles dans plusieurs pays ont intégré l’infographie dans
leurs programmes de formation, notamment en communication visuelle.
La maitrise de ces compétences est essentielle pour travailler dans des domaines
tels que le design graphique, le marketing visuel, l’animation ou le développement
web.
Au début des années 1990, presque tous les outils techniques étaient prêts pour le
travail du graphiste, lui permettant sa migration au numérique. Les nouveaux
artistes numériques se sont appropriés le terme d’infographiste jusqu’alors réservé
aux ingénieurs concepteurs de ces outils.
Illustrateur
Designer
Webdesigner
Game designer
Motion designer
Maquettiste
Concepteur designer
Etc.
La création multimédia et web étant une nécessité dans presque tous les domaines
d’activité aujourd’hui, les métiers de l’infographie peuvent se trouver dans de
nombreuses comme :
Les services de communication
La presse
Le cinéma
Le jeu vidéo
L’animation
Les maisons d’édition
La publicité
Etc.
Pour être infographe et exercer dans un des métiers sus-cités, il vous est possible
d’intégrer plusieurs types de formations : Après le secondaire, vous intégrer les
formations suivantes:
design graphique
communication visuelle
Qu’elle soit dessinée sur papier ou réalisée à partir d’ordinateur ou obtenue à partir
d’appareils numériques, l’image reste un élément indispensable pour
l’infographe.
1.2. LE PIXEL
Le pixel, de l’anglais Picture Element, est le plus petit élément qui constitue une
image numérique. Il permet de mesurer sa définition. En « zoomant » sur un détail
de l’image, on voit les pixels apparaître sous la forme de carrés colorés.
Cependant, certaines visionneuses opèrent un flou automatique pour limiter l’effet
pixellisé de l’image.
Le terme de pixels coïncide également avec les points lumineux qui composent
un écran.
Une image vectorielle est une image créée sur un ordinateur à partir de formules
mathématiques. À la différence d'une image matricielle composée de pixels, une
image vectorielle est faite de formes (polygones, lignes, ellipses) possédant divers
paramètres tels que hauteur, longueur, rayon, couleur, etc. Ces formes et lignes
sont des combinaisons de courbes de Bézier composées de vecteurs. Chaque
vecteur possède une norme, une direction et un sens.
Chaque forme d'une image vectorielle est remplie d'une seule couleur dite solide
ou d'un dégradé de couleurs. Elle reste donc limitée en termes de réalisme,
inutilisable en photographie par exemple. De plus une image vectorielle ne peut
être créée qu'à partir d'un logiciel dédié.
« Une image vectorielle d’Horia Varlan» © "Sets of blue waves and surfing boards
with flower patterns vector graphics preview" par Horia Varlan.
La résolution d'une image est le nombre de pixels contenus dans l'image par unité
de longueur. Elle s'exprime le plus souvent en ppp (point par pouces) ou en dpi
(dots per inch), parfois en point par cm. Rappel : 1 pouce (ou inch) = 2,54 cm. La
résolution définit la netteté et la qualité d'une image. Plus la résolution est grande
(c'est-à-dire plus il y a de pixels dans une longueur de 1 pouce), plus votre image
est précise dans les détails.
Aussi, l’on recommande pour une image ou une affiche destinée à internet ou aux
écrans une résolution d’environ 72 ppp, et pour une image ou affiche destinée à
l’impression une résolution d’environ 300 ppp.
Fausse idée
1.8.4. La définition
La définition est le nombre de points (ou pixels) que comporte une image
numérique en largeur et en hauteur (le nombre de colonnes et nombre de lignes).
On parle aussi de Taille en pixels.
Exemple : une image dont la définition est 1600x1200 correspond à une image de
1600 pixels en largeur et 1200 pixels en hauteur.
Ce mode dans Photoshop utilise le modèle RVB, attribuant une valeur d’intensité
à chacun des pixels. Dans les images en 8 bits par couche, les valeurs d’intensité
vont de 0 (noir) à 255 (blanc) pour chacune des composantes RVB (rouge, vert,
bleu) d’une image en couleurs. Par exemple, un rouge vif aura une valeur R de
246, une valeur V de 20 et une valeur B de 50. Lorsque toutes les composantes
ont une valeur égale, on obtient une nuance de gris neutre ; lorsqu’elles ont
chacune une valeur de 255, on obtient un blanc pur. Une valeur égale à 0 pour
chacune produit du noir.
Les images RVB utilisent trois couleurs, ou couches, pour reproduire les couleurs
à l’écran. Dans les images en 8 bits par couche, les trois couches sont converties
en 24 bits (8 bits x 3 couches) d’informations chromatiques par pixel. Pour les
images 24 bits, les trois couches peuvent reproduire jusqu’à 16,7 millions de
couleurs par pixel. Les images 48 bits (16 bits par couche) et 96 bits (32 bits par
couche) peuvent en reproduire encore davantage par pixel.
Le modèle RVB n’est pas simplement le mode par défaut des nouvelles images
Photoshop. Il est utilisé par les moniteurs d’ordinateur pour afficher les couleurs.
Cela signifie que, dans les modes colorimétriques autres que RVB (par exemple,
CMJN), Photoshop convertit l’image CMJN en image RVB pour l’afficher à
l’écran.
Bien que le modèle RVB soit un modèle de couleur standard, la gamme des
couleurs exacte représentée peut varier selon l’application ou le périphérique
Vous pouvez enregistrer les images Lab aux formats Photoshop EPS, Format
de document volumineux (PSB), PDF, Photoshop Brut, TIFF, Photoshop DCS
1.0 et Photoshop DCS 2.0. Vous pouvez enregistrer les images Lab 48 bits (16
bits par couche) aux formats Photoshop, Format de document volumineux
(PSB), Photoshop PDF, Photoshop Brut et TIFF.
E) Mode Bitmap
Ce mode utilise une des deux valeurs chromatiques (noir ou blanc) pour
représenter les pixels dans une image. Les images en mode Bitmap sont
appelées images 1 bit en mode point, car leur profondeur est de 1.
1. Sélection
NB:
Maintenir MAJ → Ajoute de la sélection
Maintenir ALT (option) → Soustrait de la sélection
Maintenir MAJ + ALT → Crée une intersection
L’outil Rectangle/Ellipse
Contour progressif:
Etablit un fondu entre la sélection et la partie extérieure. Utile pour coller une
partie de photo avec des bords estompés ou fondus ou, dans le cas d’un réglage
chromatique, pour assurer une transition douce entre la partie traitée (intérieur de
la sélection) et la partie non traitée.
Lissage:
Avec outil Ellipse, atténue le crénelage.
L’outil Lasso
1.6. Lasso:
Dessin par glissement. NB: pour éviter que le tracé ne se referme si vous relachez
la souris par erreur, maintenez ALT enfoncée, en effet la fermeture ne s’effectuera
que si vous relâchez ALT.
Si vous relachez la souris avant d’avoir fermé la sélection, photoshop fermera le
tracé avec un trait droit depuis l’endroit ou vous êtes, jusqu’à l’endroit d’où vous
êtes parti.
Poygonal vers libre: Pour créer une sélection avec des segments et des tracés
libres, maintenez ALT. Si vous cliquer cela fera des segments et si vous maintenez
la souris cela sera du dessin libre.
Accentuation automatique:
provoque une sorte de lissage de la sélection.
S’assurer d’avoir réglé l’aspect de l’outil. → (Pomme K), curseurs → Taille réelle
de la pointe.
Faire glisser l’outil dans la zone à sélectionner.
S’il y a des zones en trop, réduisez fortement la taille de l’outil et passez sur ces
zone avec ALT.
Pour ajuster la sélection vous pouvez cliquer sur le bouton “Améliorer le contour”.
Permet une sélection de tous les pixels contigus de teintes identiques ou voisines
au pixel sur lequel vous avez cliqué.
Intéressante pour sélectionner des parties d’image présentant une certaine
uniformité de teinte, un fond de calque, l’extérieur d’une image détournée.
=> Utile à utiliser pour intervertir la sélection.
Le Lissage:
Pour atténuer les irrégularités des contours de la sélection. => cela peut donner
une sélection plus douce mais moins nette.
Pixel contigus:
Décoché, elle me permet de saisir toutes les mêmes nuances dans une image,
même si elles ne sont pas proches.
Ajout → MAJ
Soustraction → ALT
On peut utiliser n’importe quel autre mode de sélection pour améliorer une
sélection en cours.
Améliorer le contour
1.13. Options:
- Possibilité de choisir un mode de prévisualisation (fond noir, blanc,…)
Rayon:
Définit la largeur de la zone dans laquelle le lissage s’applique (ses valeurs doivent
rester faibles). Permet de récupérer les détails fins.
Contraste:
Crée une transition plus nette entre la partie sélectionnée et les pixels extérieurs.
Lissage:
Permet de “lisser” la sélection
Contour progressif:
“Floute” la sélection. Crée un fondu entre la sélection et les pixels avoisinants.
Contracter/Dilater:
Réduit ou étend la sélection.
Plume?!!!
2.Calques
Types de calques
Calque Standard:
Que l’on ajoute ou qui provient d’un transfert d’image
Calque de texte:
Ajouté lors d’une saisie de texte
Calque de réglage:
Permet de faire un réglage chromatique sur les calques inférieurs. Il est possible
de passer d’un réglage à un autre par le menu Calque → Modifier le contenu du
calque
Pour afficher un seul calque (et donc masquer les autres), enfoncez ALT et cliquez
dans la première colonne devant sa vignette, un oeil.
Sélection au clavier:
3.Assemblagle
4.Résolution
Observation
- Facteur de zoom
- Taille du document
- Taille de l’image
5.Format de fichier
1.8.11. Définition
Le format des données est la manière utilisée en informatique pour représenter des
données sous formes de nombres binaires. Les ordinateurs ne comprennent que
cela!
C’est une convention utilisée pour représenter des données – des informations
représentant un texte, une page, une image, un son, un fichier exécutable,…
Des données identiques (le sens) sont transmins via des langues
différentes (les formats de fichiers) qui ont par ailleurs leur
limitations (certaines langues ont des manques ou des
impossibilités). Ainsi, si vous affichez à l’écran deux image
identique mais de formats différents il y a de fortes chances pour que
vous ne puissiez pas les différncier.
1. Web
Travaille parfois avec une palette restrainte de couleurs, et surtout
avec des fichiers image qui doivent être réduits au minimum pour
accélérer l’affichage – ils sont compressés. Ces images ne se verront
que sur un écran d’ordinateur et donc seront affichées en RVB => ne
doivent pas dépasser 72 dpi, soit la résolution de l’écran d’un
ordinateur.
Ce sont tous les trois des formats de fichiers qui compressent l’image!
2. Print
Travaille en millions de couleurs, avec des fichiers qui doivent être
d’une qualité parfaite et donc qui ne supportant pas la compression.
Ces images seront imprimées sur des presses 4 couleurs et nécessitent
une qualité optimale, donc une résolution très fine de 300 dpi.
3. Logos
Se créent dans un format qui permet un agrandissement maximal et
donc une souplesse totale (de la carte de visite au 20m2) – mais ce ne
sont plus des images, des photos, mais bien des dessins!
1.24. Récapitulatif
Une image ouverte dans photoshop peut être convertie en tiff, pdf, psd via la
commande Fichier → Enregistrer sous en cliquant sur format.
En illustrator pour les logos c’est le même scénario pour le format .ai, .svg et .pdf
Pour le web: Une image ouverte dans Photoshop peut être convertie en jpg, gif ou
png via la commande Fichier → Enregistrer pour le web. La conversion à 72 dpi
se fait automatiquement.
6.Retouches
Définissez ses options et n’oubliez pas d’utiliser ou non l’option échantilloner tous
les calques.
Définissez ses options et n’oubliez pas d’utiliser ou non l’option échantilloner tous
les calques.
=> Les pixels échantillonnés sont fusionnés avec les pixels existants à chaque fois
que vous relachez le bouton de la souris.
7.Retouches de Visage
Dans les deux cas, il faut créer un masque de fusion et peindre en noir ce qui doit
rester net.
Pour les cils, pareils sauf que le masque de fusion est Incrustation et
densité +.
8.Masque de fusion
Mais à retenir:
- le masque de fusion s’ajoute au calque, à côté de celui-ci.
- Il peut être blanc, ou noir, ou toute variation entre blanc et noir.
- S’il est blanc il laisse passer les pixels du calque.
9.Mode de fusion
Vidéo conférence