6. Traitement d’images ?
On désigne par
"technique de
traitement d'images"
toutes les techniques
ayant pour but la
modification des
caractéristiques
chromatiques des pixels
des images bitmap.
7. Le traitement d’images
Une discipline de l'informatique et des mathématiques
appliquées qui étudie les images numériques et leurs
transformations, dans le but d'améliorer leur qualité ou d'en extraire
de l'information.
9. Un peu d’histoire
Le traitement d'images commence à être
étudié dans les années 1920 pour la
transmission d'images par le câble sousmarin allant de New York à Londres : la
première numérisation d'image
avec compression de données pour envoyer
des fax.
10. Un peu d’histoire
Le traitement du signal prend de
l'importance vers la fin de la Seconde
Guerre mondiale : l'arrivée du radar.
11. Un peu d’histoire
La prospection pétrolière a participé aussi
beaucoup au développement de ces
techniques.
12. Un peu d’histoire
Le véritable essor du traitement d'images n'a lieu que
dans les années 1960 : les ordinateurs commencent à être
suffisamment puissants pour travailler sur des images.
13. De nos jours
Affiches publicitaires, mannequins sans défaut, effets spéciaux
modernes et réalistes... On peut presque tout faire avec la
technologie !
15. Découverte de Photoshop
« Photoshop est un logiciel de retouche,
de traitement et de dessin assisté par
ordinateur ». Édité par Adobe Systems, il
fait partie d'une longue suite logicielle
touchant dans le domaine du multimédia
qui est connue sous le nom d'Adobe
Creative Suite (Photoshop, Illustrator,
InDesign, Dreamweaver, Flash, entreautres).
Il est surtout utilisé pour le traitement de
photos numériques (ce que l'on appelle
plus communément la retouche
photographique), mais sert également à
la création d'images.
"Reconnu principalement par les
infographistes professionnels à travers sa
puissante galerie de filtres et d'outils
graphiques performants, il est
maintenant enseigné dans les plus
grandes écoles et est utilisé par une
grande majorité des studios et agences de
créations."
16. Découverte de Photoshop
« Photoshop est un logiciel de
retouche, de traitement et de
dessin assisté par ordinateur ».
Édité par Adobe Systems, il fait
partie d'une longue suite logicielle
touchant dans le domaine du
multimédia qui est connue sous le
nom d'Adobe Creative
Suite (Photoshop, Illustrator,
InDesign, Dreamweaver, Flash,
entre-autres).
Il est surtout utilisé pour le
traitement de photos numériques
(ce que l'on appelle plus
communément la retouche
photographique), mais sert
également à la création d'images.
18. Acquérir Photoshop
Qu’on achète ou qu’on télécharge le logiciel, dans les deux cas, il vous faudra
passer par le site internet officiel de la firme éditrice du logiciel à la
plume, Adobe, par le biais duquel vous trouverez toutes les informations
relatives à Photoshop ainsi que les liens menant à vos besoins.
21. L’espace de travail
C'est ce qu’on peut voir en premier à l'ouverture de Photoshop :
l'interface du logiciel.
C’est ce fond gris et les fenêtres de gauche et de droite
22. L'espace de travail
Il s'agit métaphoriquement du bureau de travail sur lequel les
infographistes dessinent et là où sont disposés gomme, crayons
de couleur et feuilles blanches (entre-autres bien entendu).
23. 1. Barre des menus
Fichier : enregistrement, ouverture et
fermeture de fichier. Imprimer un
document ou importer ou exporter un
document.
Édition : copier, couper, coller, Annuler.
Plus les transformations.
Image : définir un mode à notre zone
de travail (RVB, CMJN, Niveaux de gris,
quelques réglages, quelques
retouches, modifier la taille de nos
images et zones de travail, etc.
Calque : création, suppression,
duplication, association, masques,
réglages, remplissage, pixellisation, ...
Sélection : Les outils de sélection.
Filtre : choisir le filtre à appliquer,
modifier ses paramétrages
Affichage : les paramètres d'affichage.
Fenêtre : paramétrer votre espace de
travail
24. 2. Barre d'options des outils
Nous permettra de définir une ou
plusieurs options spécifiques aux
outils de notre logiciel afin de les
paramétrer.
25. 3. Boîte à outils
Autrement dit la trousse dans
laquelle nous trouverons paire de
ciseaux, pinceaux, crayons de
couleur, gomme etc.
28. 4. Palettes flottantes
à partir desquelles nous aurons
accès à la majorité des
fonctionnalités dont nous disposons
avec Photoshop. Parmi elles, je peux
vous citer l'historique, les calques,
les couleurs, le navigateur et... la
boite à outils !
29. 5. Palettes flottantes
masquées (raccourcis)
Ces raccourcis sont très utiles car ils
permettent de gagner en lisibilité
mais aussi en accessibilité :
Le principe est simple : vous déposez
toutes les palettes flottantes que
vous désirez à l'intérieur de cette
petite zone puis elles se
transforment en de petites vignettes
que vous n'aurez alors plus qu'à
"déplier" pour leur faire reprendre
une apparence "normale"
30.
31. Passons à la pratique
CRÉER UNE NOUVELLE
ZONE DE TRAVAIL
32. Créer une zone de travail et
la paramétrer
Créer une zone de
travail avec les
paramètres suivants :
En-tête
Valeur (champs blanc)
Nom
Ma première zone de
travail
Paramètre prédéfini
Presse-papiers
Taille
800*600 px
Résolution
72 pixels/pouces
Mode colorimétrique
Couleurs RVB pour 8 bits
Contenu de l'arrière-plan Blanc
33.
34. Créer une zone de travail et
la paramétrer
Créer une zone de
travail avec les
paramètres suivants :
En-tête
Valeur (champs blanc)
Nom
Ma première zone de
travail
Paramètre prédéfini
Presse-papiers
Taille
500*300 px
Résolution
72 pixels/pouces
Mode colorimétrique
Couleurs RVB pour 8 bits
Contenu de l'arrière-plan Blanc
38. Format Photoshop
(dont l'extension la plus connue est .PSD)
est le format type de Photoshop. Il s'agit
du format "source" de votre travail, celui
dans lequel on retrouve tous les éléments
qui le composent, toutes les modifications
qui y ont été apportées, l'historique, etc.
Ce n'est pas véritablement une image :
c'est un fichier dédié à la modification et
qu'on ne peut ouvrir qu'avec des logiciels
de traitement d'image, comme
Photoshop évidemment ou
éventuellement The GIMP par exemple.
1. Je sauvegarde mon travail au format .PSD
(fichier source).
2. J'enregistre une copie de cette source.
3. Je lui attribue un format qui engendrera
la transformation de cette copie en une
image, c'est-à-dire un fichier qui permet
de visualiser le contenu du fichier source
sans passer obligatoirement par
Photoshop.
39. Les formats PNG et JPEG
JPEG
PNG
•
• Bien que la technique de
compression soit également utilisée
ici, le PNG permet d'enregistrer une
image avec une qualité nettement
plus optimale.
• Or, plus la qualité de l'image est
bonne, plus le fichier est lourd et de
ce fait, il occupera plus de place sur
le disque dur de votre ordinateur.
• L'autre atout du PNG est qu'il gère
la transparence contrairement au
JPEG.
•
•
•
Le JPEG est un format très léger qui utilise
la « compression ». Cela signifie que votre
machine va effectuer un calque pour que
l'image sauvegardée n'occupe que très
peu de place sur le disque dur de votre
ordinateur.
Malheureusement, la qualité de l'image
s'en trouvera déteriorée. En effet, plus le
fichier est léger, plus la qualité de l'image
diminue.
On peut toutefois noter que ce format est
paramétrable, c'est-à-dire que l'on va
pouvoir choisir le degré de compression
de l'image, ce qui rend ce format
d'enregistrement plus maniable aussi.
Le JPEG ne gère pas la transparence !
40. Les formats TIFF, EPS et GIF
• TIFF : ce format d'enregistrement est particulièrement adapté pour les travaux
à haute résolution. Il a l'avantage de conserver la qualité initiale de l'image.
Aucune compression donc, la qualité sera des plus optimales. Mais, plus la
qualité de l'image est conservée, plus le fichier est lourd.
• EPS : il s'agit d'un format d'enregistrement connu pour être utilisé pour les
réalisations de type « vectoriel ». Elle consiste en la construction de tracés et
technique de détourages. Avec l'EPS, nous allons conserver tous les tracés
vectoriels et serons en mesure de les utiliser d'un logiciel à un autre.
• GIF : Globalement, le GIF est proche du PNG à l'exception près qu'il est plus
lourd, mais aussi moins efficace. Par exemple, il ne supporte que 256 couleurs
différentes et qu'un seul niveau de transparence, tandis que le PNG est plus
souple et plus fiable. C'est d'ailleurs pourquoi il est considéré comme
l'antécédent du PNG. Le format GIF présente toutefois un atout : il a été étudié
afin qu'il puisse stocker plusieurs images dans un même fichier. C'est ainsi que
le "GIF animé" a vu le jour, il s'agit d'un diaporama affichant différentes images
de manière successives.
41. Enregistrer au format PDF
Ce dernier format est un peu plus particulier.
PDF, tiré de l'anglais Portable Document
Format (format de document multiplateforme en
français), est un format créé et développé par Adobe,
le créateur de Photoshop lui-même.
Le pouvoir du PDF réside essentiellement dans sa
capacité à conserver certaines propriétés du document
enregistré.
Pour faire simple, on peut dire que le fichier PDF
contient un fichier image.
44. Paramètre
Description
FORMAT (GIF, JPEG ou PNG. )
Il s'agit des formats d'enregistrement, les mêmes que nous
venons de voir.
CHIFFRE (128, 32, 24. )
Ces chiffres représentent le nombre de couleurs
supportées par le format. Plus le chiffre est important, plus
le format prend en considération de couleurs. A ce titre,
plus le chiffre est important, plus le poids de l'image le
sera.
TRAMAGE
Petite parenthèse : les
Le tramage correspond plus ou moins au type de transition
qu'il peut y avoir d'un pixel à un autre. Si le format est
non-tramé, le passage d'un pixel à un autre sera brut. Au
contraire, s'il est tramé, un "fondu" apparaitra et sera
paramétrable selon certaines propriétés telles que le
pourcentage de tramage (moins de pourcents équivaut à
un
important), le type
formats fondu moinstransparence, etc. de tramage (diffusion,
motif, bruit), la
45. Passons à un peu de pratique
CRÉATION D’UN
DESSIN SIMPLE
48. Nouvelle notion et l'une des fonctionnalités les
plus fondamentales du logiciel (et de tous les
logiciels de graphisme d'ailleurs)!
LES CALQUES
49. Les calques
On pourrait définir un calque comme
étant un élément graphique qui est géré
par Photoshop. On sous-entend qu'un
calque représente une partie de notre
projet, autrement dit l'un des éléments
qui compose la zone de travail.
Tout comme les vraies feuilles de calque,
ils sont transparents par défaut (à part
l'Arrière-plan si on lui donne un fond
blanc ou un fond de "couleur d'arrièreplan" au moment de créer une nouvelle
zone de travail), et on peut les superposer
les unes sur les autres.
Et vu l’importance des calques pour
l’avancement d’un projet, Photoshop
nous permet de protéger entièrement ou
partiellement leur contenu.
50. Les calques
On pourrait définir un calque comme
étant un élément graphique qui est géré
par Photoshop. On sous-entend qu'un
calque représente une partie de notre
projet, autrement dit l'un des éléments
qui compose la zone de travail.
Tout comme les vraies feuilles de calque,
ils sont transparents par défaut (à part
l'Arrière-plan si on lui donne un fond
blanc ou un fond de "couleur d'arrièreplan" au moment de créer une nouvelle
zone de travail), et on peut les superposer
les unes sur les autres.
Et vu l’importance des calques pour
l’avancement d’un projet, Photoshop
nous permet de protéger entièrement ou
partiellement leur contenu.
51. On a fait le tour des principaux outils.
Passons aux choses sérieuses
QUELQUES EFFETS
52. Quelques effets simples (1)
Utiliser les outils rectangle puis
texte pour ajouter un bandeau à
une image de la bibliothèque.
53.
54. Quelques effets simples (2)
Utiliser les calques et les outils de
sélection pour mettre un objet en
valeur dans une image désaturée.
58. Quelques effets simples (4)
Comme conclusion, utiliser tous les outils
déjà utilisés pour placer une image dans
un texte.
Notes de l'éditeur
Télévision (High Tech)(Intermédiaire) Pour reproduire les effets vidéo de cette diapositive, procédez comme suit :Sous l’onglet Accueil, dans le groupe Diapositives, cliquez sur Disposition, puis sur Vide.Sous l’onglet Insertion, dans le groupe Images, cliquez sur Image.Dans le volet gauche de la boîte de dialogue Insérer une image, cliquez sur le lecteur ou la bibliothèque qui contient l’image de la télévision. Dans le volet droit de la boîte de dialogue, cliquez sur l’image voulue, puis cliquez sur Insérer.Sous Outils Image, sous l’onglet Format, dans le groupe Ajuster, cliquez sur Supprimer l’arrière-plan, pour supprimer l’arrière-plan et l’écran de télévision dans l’image. Procédez comme suit :Cliquez sur l’une des poignées des lignes de sélection et faites glisser la ligne afin qu’elle contienne la partie de l’image que vous souhaitez conserver et exclue la plupart des zones que vous souhaitez supprimer (la zone en surbrillance sera supprimée).Sous l’onglet Suppression de l’arrière-plan, dans le groupe Affiner, cliquez sur Marquer les zones à supprimer, puis cliquez dans le coin de l’écran de télévision et faites glisser la sélection en diagonale vers l’autre coin.Sélectionnez Marquer les zones à conserver et/ou Marquer les zones à supprimer pour affiner la sélection. Sous l’onglet Suppression de l’arrière-plan, dans le groupe Fermer, sélectionnez Conserver les modifications.Sous l’onglet Accueil, dans le groupe Dessin, cliquez sur Organiser, pointez sur Aligner, puis procédez comme suit :Cliquez sur Aligner au milieu.Sous Outils Image, sous l’onglet Format, dans le groupe Styles d’images, cliquez sur la flèche en bas à droite pour lancer la boîte de dialogue Format de l’image.Dans la boîte de dialogue Format de l’image, sélectionnez Position dans le volet de gauche, sous Position sur la diapositive dans le volet de droite, définissez Horizontal sur 1,32 cm et Vertical sur 1,87 cm.Dans la boîte de dialogue Format de l’image, sélectionnez Taille dans le volet de gauche, sous Taille et rotation dans le volet de droite définissez la Hauteur sur 16,51 cm et la Largeur sur 22,75 cm.Fermez la boîte de dialogue Format de l’image.Sous l’onglet Insertion, dans le groupe Média, cliquez sur Vidéo, puis sur Vidéo à partir du fichier. Dans le volet gauche de la boîte de dialogue Insérer une vidéo, cliquez sur le lecteur ou la bibliothèque contenant la vidéo. Dans le volet droit de la boîte de dialogue, cliquez sur la vidéo voulue, puis cliquez sur Insérer.Sous l’onglet Animations, dans le groupe Animation, sélectionnez Lire. Sous l’onglet Animations, dans le groupe Minutage, cliquez sur la flèche située à droite de l’option Démarrer, puis sélectionnez Avec la précédente.La vidéo étant sélectionnée, sous Outils vidéo, dans l’onglet Format, dans le coin inférieur droit du groupe Styles de vidéo, cliquez sur la flèche permettant d’ouvrir la boîte de dialogue Format vidéo. Dans la boîte de dialogue Format vidéo, cliquez sur Taille dans le volet de gauche, sous Taille et rotation dans le volet de droite définissez la hauteur sur 11,30 cm et la Largeur sur 20,09 cm.Dans la boîte de dialogue Format vidéo, cliquez sur Position dans le volet de gauche, sous Position sur la diapositive dans le volet de droite définissez Horizontal sur 2,64 cm et Vertical sur 3,22 cm.Fermez la boîte de dialogue Format vidéo.Sélectionnez la vidéo et sous Outils vidéo, sous l’onglet Format, dans le groupe Organiser, cliquez sur Reculer, puis sélectionnez Mettre à l’arrière-plan. Pour reproduire les effets d’arrière-plan de cette diapositive, procédez comme suit :Sous l’onglet Création, dans le coin inférieur droit du groupe Arrière-plan, cliquez sur la flèche en bas à droite pour lancer la boîte de dialogue Mise en forme de l’arrière-plan. Dans la boîte de dialogue Mise en forme de l’arrière-plan, sélectionnez Remplissage dans le volet de gauche, sous Remplissage dans le volet de droite, sélectionnez Remplissage dégradé. Sous Points de dégradé, cliquez sur Ajouter un point de dégradé ou Supprimer le point de dégradé jusqu’à ce que quatre points apparaissent sur le curseur. Personnalisez les points de dégradé comme suit :Sélectionnez le premier point sur le curseur, puis procédez comme suit :Dans la zone Position, entrez 35%.Cliquez sur le bouton en regard de l’option Couleur, puis, sous Couleurs du thème, cliquez sur Bleu, Accentuation1, plus clair 80 % (deuxième ligne, cinquième option à partir de la gauche).Sélectionnez le second point sur le curseur, puis procédez comme suit : Dans la zone Position, entrez 91%.Cliquez sur le bouton en regard de l’option Couleur, puis, sous Couleurs du thème, cliquez sur Bleu, Texte2, plus clair 60% (troisième ligne, quatrième option à partir de la gauche).Sélectionnez le troisième point dans la liste, puis procédez comme suit : Dans la zone Position, entrez 94%.Cliquez sur le bouton en regard de l’option Couleur, puis, sous Couleurs du thème, sélectionnez Bleufoncé, Texte2, plus sombre 25% (cinquième ligne, quatre option à partir de la gauche).Sélectionnez le dernier point sur le curseur, puis procédez comme suit : Dans la zone Position, entrez 97%.Cliquez sur le bouton en regard de l’option Couleur, puis, sous Couleurs du thème, cliquez sur Bleu foncé, Texte2, plus clair 40% (quatrième ligne, quatrième option à partir de la gauche).Fermez la boîte de dialogue Mise en forme de l’arrière-plan.