Les images et l`Internet - Formation et Enseignement à l

Marie-France Landréa
AIM
Les images et l‘Internet
Observatoire de Paris-Meudon – 5, place J. Janssen – 92195 Meudon Principal Cédex
http://www.obspm.fr/aim
AIM
30/11/04
Sommaire
Sommaire______________________________________________________________________ 2
Pourquoi utiliser Photoshop _______________________________________________________ 4
Matériel _______________________________________________________________________ 5
De l’Aide : _____________________________________________________________________ 6
Les notions essentielles ___________________________________________________________ 8
Les calques __________________________________________________________________________ 8
Les sélections ________________________________________________________________________ 9
La transparence______________________________________________________________________ 9
Les tracés __________________________________________________________________________ 10
Les masques ________________________________________________________________________ 10
Le plan de travail_______________________________________________________________ 11
Les menus et les palettes flottantes______________________________________________________ 11
Les palettes ___________________________________________________________________ 12
La palette outil ______________________________________________________________________ 12
Barre des options des outils de la palette _________________________________________________ 13
Le menu fichier ________________________________________________________________ 15
Optimiser les image pour le Web __________________________________________________ 16
Le menu Edition _______________________________________________________________ 18
Le menu Image ________________________________________________________________ 19
Sous-menu Réglages _________________________________________________________________ 21
les calques ____________________________________________________________________ 22
… organiser, utiliser les calques ________________________________________________________ 23
Le menu Sélection ______________________________________________________________ 24
Filtre ________________________________________________________________________ 26
Quelques actions courantes : _____________________________________________________ 27
… Redimensionner l’image : __________________________________________________________ 27
…Recadrer_________________________________________________________________________ 28
Quelques opérations utiles sur les calques : _______________________________________________________ 29
… Écrêter (détourer)_________________________________________________________________ 29
L’outil Texte __________________________________________________________________ 32
Intégration d’images sous Photoshop ______________________________________________ 34
Acquisition d’images _________________________________________________________________ 34
Format des images___________________________________________________________________ 34
Codage numérique___________________________________________________________________ 34
-2-
AIM
30/11/04
Les couches et les masques _______________________________________________________ 35
Principe des masques ___________________________________________________________ 36
L’outil : mode masque________________________________________________________________ 36
Les masques couches alpha____________________________________________________________ 36
Quelques opérations utiles sur les couches : ______________________________________________ 36
ImageReady ___________________________________________________________________ 37
-3-
AIM
30/11/04
Pourquoi utiliser Photoshop
La fonction première de Photoshop est la correction d’image, mais il vous offre
également de nombreuses autres possibilités :
Dessiner, appliquer des effets, des filtres ou des transformations
géométriques, réaliser des photomontages, optimiser les images pour la
diffusion sur Internet, changer de format de fichier image, etc …
Exemple d’utilisation de Photoshop :




Conversion de format d’image, par exemple : transformer une image du
format TIFF, bon pour l’impression dans le format JPEG, bon pour le Web.
Transformer des images codées en niveaux de gris : les coloriser, créer
une bichromie. Modifier le type de codage des pixels d’une image …
Montage d’images : mixage de plusieurs images, incorporation d’un premier
plan sur une image de fond, superposition de deux images, ajout de textes,
dessin et peinture pour la réalisation d’affiches, plaquettes de
présentation, carte de vœux …
Retouche d’images :
 Correction spatiale : locale, ou de l’image entière.
 Correction colorimétrique : modification du contraste, de la
luminosité, correction chromatique, réglage des niveaux d’entrée (le
fichier de données) et de sortie (affichage à l’écran, enregistrement
dans un nouveau fichier).


Retouche de photos numériques : les outils de dessin offrent, par
exemple, la possibilité de masquer des détails inesthétiques, travail au
niveau du pixel.
Ajout typographique : titres, légendes, …
Grâce à l’outil texte.
 Effets de transformation géométrique des textes
 Textes horizontaux, verticaux, transparents …
-4-
AIM
30/11/04
Matériel
Les caractéristiques matérielles pour travailler sur un fichier dépendent :



De la taille et du poids des fichiers traités.
Mémoire vive allouée à Photoshop : il faut compter environ 2,5 fois le
poids de l’image sur laquelle on veut travailler.
Mémoire de masse (stockage) :
 Ne pas oublier le poids des fichiers temporaires créés par Photoshop
lors du traitement des images car un espace est dédié à Photoshop,
pour qu’il puisse les stocker.
 Pensez au poids des calques dans un fichier de travail au format
Photoshop (.psd).
 Attention également à la mémoire disque utilisée par le système lors
de l’impression d’une image.
-5-
AIM
30/11/04
De l’Aide :



Doc papier, outre Adobe de nombreux éditeurs proposent des livres
dédiés à Photoshop : LeVisuel, Le Tout en poche, O’Reilly …
Les « étiquettes jaunes » obtenues en laissant la souris sur un des outils
vous indiquent l’action de l’outil.
En ligne, menu Aide :


Site Web Adobe, http://www.adobe.fr/support/
-6-
AIM
30/11/04
Les « assistants », sous-menu du menu Aide



Pour changer la taille d’une image et choisir une résolution raisonnable.
Pour réaliser une image avec des zones transparentes, très utilisées sur
les pages web (format gif89).
-7-
AIM
30/11/04
Les notions essentielles
 La compréhension des cinq notions suivantes sont essentielles à l’utilisation de
Photoshop :
1.
Les calques
2.
Les sélections
3.
La transparence
4.
Les tracés
5.
Les masques
Les calques
« Feuilles transparentes » superposées, empilées les unes au-dessus des autres sur
le dessus d’un calque de fond.
À l’ouverture d’un fichier image, le premier calque créé est le calque de fond,
nommé « Fond » il contient « l’image » bitmap. Tous les calques, créés ensuite,
seront placés au-dessus, vous pourrez ainsi ajouter des éléments graphiques, des
corrections chromatiques, des effets ou des filtres ou modifier l’image mais sans
l’altérer définitivement.
Ils offrent confort et grande souplesse de travail, mais n’oubliez pas qu’ils sont
gourmands en mémoire (leur codage colorimétrique et leur taille est identique à
l’image originale, donc leur poids l’est aussi).
Les calques peuvent être déplacés :



Verticalement, faire passer un calque au-dessus de l’autre implique que
ses régions opaques vont masquer les calques sous-jacents.
Horizontalement, pour placer les objets les uns par rapports aux autres
selon son désir.
Seul le calque Fond ne peut être déplacé.
 Vous pouvez créer, supprimer, dupliquer, modifier les calques ; leur appliquer des
effets, des filtres,les rendre visibles ou invisibles …
Il y a plusieurs types de calques :


Calques standards, dans lesquels on rend des zones plus ou moins opaques
grâce aux outils de dessin, ou en y collant une image.
-8-
AIM
30/11/04

Calques de réglages colorimétriques, filtres, effets ; ils s’appliquent aux
pixels des calques sous-jacents.

Calques de texte, l’outil texte crée automatiquement un calque.

Calques de formes vectorielles (de tracés : traits, rectangles, cercles …)


Calques d’écrêtage (ou détourage), les parties transparentes du calque
servent de masque pour un ou plusieurs calques.
Calques de remplissage, son contenu peut être une couleur unie, un
dégradé ou un motif mais pas une image.
Les sélections
Différents outils de sélection sont à votre disposition pour travailler sur une partie
précise de l’image, la région sélectionnée est visible grâce aux pointillés qui
l’entourent.
 Une sélection peut être modifiée, déplacée, copiée ; le reste de l’image est
protégé.
Différents types de sélection :



Directe, avec les outils de sélection de la palette d’outils (trait libre,
rectangle …)
À partir d’un calque, d’un tracé, d’une plage couleur
La transparence
 Les zones transparentes sont, par défaut, représentées par un damier gris et
blanc dans Photoshop.
 Lorsque vous créez un nouveau calque, vide, il est transparent et ne modifie pas
l’aspect de l’image qui est au-dessous (que l’on voit « par transparence »).
 Le calque « Fond », calque particulier, ne peut pas contenir de pixels
transparents.
Remarque : pour créer une image avec des zones transparentes, en vue de l’intégrer
dans une page Web, il faut convertir le calque Fond en calque normal ou bien le
supprimer. Puis sauvegarder l’image dans un format de fichier spécifique qui peut
gérer la transparence : gif ou png.
-9-
AIM
30/11/04
Les tracés
Un tracé est une forme vectorielle, c’est un ensemble de segments droits ou
courbes, ils permettent de créer des lignes, dessins, masques et sélections.
Un tracé peut être basé sur une sélection, inversement un tracé peut être converti
en sélection, ou encore servir de masque pour un traitement.
Les masques
Ils servent à isoler et à protéger certaines zones de l’image. Lorsque vous appliquez
des changements de couleur, des filtres ou d’autres effets sur l’image, les zones
masquées ne subiront aucune modification.
Les masques sont provisoirement stockés sous formes de couches de niveaux de
gris. Vous pouvez cependant les enregistrer et donc les réutiliser plus tard
(couches alpha, dites encore couches colorimétriques)
 Il y a plusieurs types de masques, pour cacher partiellement le contenu d’un
calque :

À partir de formes vectorielles : masque de calque

À partir d’une image en niveaux de gris : masque de fusion
 Le « mode masque » permet de créer une sélection complexe en « dessinant » à
l’aide des outils de dessin et des autres outils de sélection.
- 10 -
AIM
30/11/04
Le plan de travail
Les menus et les palettes flottantes
Barre des Menus
Fenêtre de l’image :
 Nom du fichier en haut
 Affichée à 100 % de sa taille
(zone éditable, permet de changer
l’affichage)
 Clic dans la zone à côté donne des
informations de poids, efficacité,
temps moyen du traitement.
Le menu Fenêtre permet
d’afficher ou de masquer
les palettes flottantes.
Indique le type de codage
des couleurs : RVB, CMJN,
couleurs indexées …
256 niveaux = 1 couche
RVB = 3 couches
Nouveau Calque (couche, tracé)
La palette Outils : dessin, sélection, recadrage,
retouche, texte …
 Affichez les options des outils en cliquant sur la
petite flèche en bas à droite de l’icône de l’outil.
 Les outils sont paramétrables : la sélection de
l’outil fait apparaître une barre d’attributs
spécifiques à l’outil (en haut).
- 11 -
Glisser à la poubelle = disparaît
de la palette
AIM
30/11/04
Les palettes
Photoshop propose plusieurs palettes flottantes que l’on peut afficher à l’écran ou
cacher, grâce au menu Fenêtre. Ces palettes permettent d’accéder aux options des
outils, et de modifier leurs paramètres.
La palette outil
Sélection : rectangle (plus les options : ellipse, rangée, colonne,
recadrage …), Lasso (libre), baguette magique.
Déplacement
Dessin et retouche : le pot de peinture, le crayon, la gomme, les
dégradés, la pipette …
Texte : l’outil texte ouvre une boîte de dialogue et crée un
calque contenant le texte, on pourra donc lui appliquer des
transformations : déplacement, homothétie, filtres
Formes vectorielles, tracés
Permet de créer des formes, dessins masques ou sélections
Pipette : prélever une couleur de l’image, qui devient la couleur
sélectionnée.
Loupe. (alt ou ctrl + loupe pour zoomer négativement).
Couleurs de premier plan et d’arrière plan, les couleurs
sélectionnées pour le premier plan et d’arrière plan, par défaut,
la gomme applique la couleur d’arrière plan
Mode masque permet de créer un masque temporaire sur l’image
de travail pour en favoriser le traitement
Type de présentation de l’image sur l’écran : standard, plein
écran avec ou sans les menus et outils.
Passer à ImageReady.
 La loupe ne modifie pas la taille de votre fichier image, seule la taille de l’affichage
à l’écran change (affichée à 200% par défaut à chaque action loupe).
La touche Z sélectionne la loupe dans la palette Outils.
La touche alt, effectue un zoom négatif (50%).
La touche TAB permet de masquer / d’afficher les palettes présente à l’écran.
La touche F passe les 3 modes d’affichages en revue : Affichage normal, Barre de
menus et image, ou image seule.
- 12 -
AIM
30/11/04
Barre des options des outils de la palette
Lorsque vous choisissez un outil dans la palette, une barre horizontale s’affiche à
l’écran, sous la barre des menus. Les attributs spécifiques à un outil sont alors
aisément modifiables.
Pour faire apparaître /disparaître cette barre d’options aller dans le menu
Fenêtre > Options.
Présentation de quelques outils :

L’outil pinceau

L’outil sparadra (corriger et rapiécer)
- 13 -
AIM
30/11/04

L’outil gomme
Attention l’outil « Gomme », efface les pixels colorés et fait apparaître la couleur de l’arrière plan.
La gomme d’arrière plan rend transparente une zone de la couleur pointée. La gomme magique rend
transparente la zone où elle passe.

L’outil Sélection
« Les palettes « détachables »

Les outils prédéfinis
Vous avez la possibilité de créer des outils prédéfinis : vous pouvez ainsi mémoriser
un réglage particulier des attributs d’un outil, puis le réutiliser plus tard pour agir
sur une autre image.
- 14 -
AIM
30/11/04
Le menu fichier
 Vous y retrouvez les sous-menus classiques Nouveau, Ouvrir, Format
d’impression, Imprimer, etc …
À noter les deux sous-menus




Enregistrer pour le Web…, pour optimiser les images en vue de leur
publication sur le Web
Importation, pour importer dans Photoshop des fichiers pdf, et surtout
pour acquérir des images via un scanner (Plug-In)
Automatisation, pour traiter les images par lots, par exemple créer une
page Web présentant toutes les images d’un répertoire …
- 15 -
AIM
30/11/04
Optimiser les image pour le Web

Grâce au menu Enregistrer les images pour le Web
Menu déroulant (voir image
suivante) pour travailler
sur la table de couleur
Indique le format (gif), le poids de l’image, le
temps de transfert pour un modem à 28,8Kbps et
les différents paramètres du codage.
Les paramètres de codage et d’optimisation de l’image permettent d’essayer
différentes solutions, le choix sera fait en tenant compte :
 Du temps de transfert
 De l’aspect que vous choisirez « à l’œil », à l’aide des vignettes
proposées par Photoshop
- 16 -
AIM
30/11/04

Et en créant une palette de couleur, que vous pourrez utiliser ultérieurement
- 17 -
AIM
30/11/04
Le menu Edition
Et tous ses sous-menus classiques
Annuler (la dernière action) et Couper, Copier, Coller - 18 -
AIM
30/11/04
Le menu Image
Mode de codage des
couleurs : RVB, CMJN,
indexées, niveaux de gris …
Attention certains outils ne
sont actifs qu’en mode
multicouche (RVB, CMJN)
Le sous-menu Recadrer
pour ne garder que la zone
sélectionnée dans l’image.
Histogramme affiche des
statistiques sur l’image par
couches : luminosité
(composite), rouge, vert, bleu
pour un codage en RVB.
Cela donne des indications de
réglage et d’amélioration de la
dynamique de l’image.

Opérations : opérations numériques pixel à pixel entre deux images de
mêmes dimensions…
- 19 -
AIM
30/11/04




Taille de l’image : informations sur la taille à l’écran et à l’impression de
l’image et sur sa résolution. Permet de modifier la taille et la résolution.
Taille de la zone de travail : place l’image dans une zone plus grande
(marge de la couleur d’arrière plan).
Recouvrement… : pour l’impression et uniquement avec des images CMJN,
vous pouvez régler le recouvrement des couleurs. Le recouvrement des
couleurs est un chevauchement qui évite l'apparition de petits espaces
blancs dans l'image imprimée, due à de légers défauts de repérage sous
presse.
Rotation de la zone de travail : Paramétrée… ouvre une boîte de dialogue
vous dans laquelle vous indiquerez le nombre de degrés pour la rotation.
rotation de 45°
- 20 -
AIM
30/11/04
Sous-menu Réglages
Bouton OK, on applique les
réglages choisis, l’Aperçu permet
de voir si le résultat obtenu est
bien celui qui est recherché.
Annuler, ferme le dialogue et
laisse l’image in touchée.
Rétablir (avec alt ou ctrl
enfoncée), re propose les réglages
par défaut de Photoshop Pour choisir dans
l’image, le point
noir, le point gris
moyen, le point
blanc.
Les curseurs mobiles pour modifier la
dynamique de l’image
- 21 -
AIM
30/11/04
les calques
Fusionne tous les calques sur
le calque Fond, pixel à pixel.
Attention gardeztoujours
votre travail au format natif
Photoshop (.psd)
Au moment de sa création, une image Photoshop se compose uniquement d’un fond.
Vous pouvez ajouter des calques successifs, feuilles transparentes, qui viendront se
superposer au fond, vous y dessinerez ou collerez des objets plus ou moins opaques.
Les calques de réglage vous permettrons de tester différentes modifications de
contrastes, luminosité, teinte …
- 22 -
AIM
30/11/04
… organiser, utiliser les calques
Pour vous faciliter la tâche, nommez vos calques, regroupez-les pour agir sur tous
les calques du groupe, associez les selon vos besoins.

Tous les calques d’un document sont indépendants les uns des autres,
 Seule la fusion met fin à cette indépendance.
Néanmoins il est conseillé de garder une version multi-calque (pour
des corrections ultérieures) et une version fusionnée pour
l’utilisation de l’image dans une page Web ou pour l’impression, elle
est de poids plus réduit : menu Aplatir l’image du menu Calque (ou
dans la palette)
 Lorsque vous dessinez sur un calque (celui qui est sélectionné dans la
palette des calques) vous n’altérez ni le fond, ni les autres calques.

Tous les calques d’un document ont le même nombre de couches, de pixels
et le même mode de codage des informations couleurs (RVB, CMJN,
indexées).
- 23 -
AIM
30/11/04
Le menu Sélection

Le menu Sélection vous permet, de tout sélectionner, de dé-sélectionner
la zone choisie, d’intervertir la sélection, de sélectionner par plage de
couleurs …
Lorsque vous avez sélectionné une zone
de l’image, le sous-menu Intervertir
vous permet de sélectionner,
l’inverse :l e reste de l’image.
Mémoriser la sélection… Créer une
couche alpha (un masque alpha), voir
dans la palette des couches.
Ce masque pourra être utilisé pour
protéger les pixels sous-jacents.
Pour sélectionner une zone dans le
calque actif vous pouvez utiliser les
outils de sélection de la palette :
rectangle, ovale, lasso, baguette
magique.
La baguette magique est ici utilisée pour
sélectionner une zone de pixels contigus de la
couleur pointée rouge.
La zone sélectionnée est signalisée par les
pointillés noirs et blancs clignotants.
- 24 -
AIM
30/11/04

Le sous menu Transformer la sélection permet de modifier la sélection
réalisée (agrandir, diminuer, tourner, déplacer).
Tolérance : plage de
couleur tolérée autour de
la valeur colorimétrique
du pixel pointé.
- 25 -
AIM
30/11/04
Filtre
Le menu Filtre vous offre de nombreuses actions possibles sur les pixels d’un
calque, les pixels sont modifiés pour obtenir un effet artistique, étrange ou autre.
- 26 -
AIM
30/11/04
Quelques actions courantes :
… Redimensionner l’image :

Menu Image, sous-menu Taille de l’image.
 Photoshop vous informe
 de la taille de l’image affichée à l’écran (en pixels, cm ou %), la
résolution écran est en général de 72 ppp.
 de la taille qui sera obtenue à l’impression papier, à une résolution
donnée (600, 1200 ppp …en général pour les imprimantes courantes).
En agissant sur
• Les dimensions
• La résolution
• Le nombre de pixels
(ré-échantillonnage).
- 27 -
AIM
30/11/04
…Recadrer
Avec l’Outil de sélection
Rectangle, sélectionner
la zone de votre choix
(clic-glisser la souris
pour désigner une zone
rectangulaire).
Menu Image, sous menu
Recadrer :
La zone sélectionnée,
seule, apparaît ; le
reste de l’image est
effacé.
Menu Image, sous-menu
Taille de la zone de
travail permet de
définir un document
image plus large,
d’affecter un cadre de
la couleur d’arrièreplan.
- 28 -
AIM
30/11/04
Quelques opérations utiles sur les calques :


Changer l’ordre « d’empilement » des calques, dans la palette des calques
glisser un calque vers le haut ou vers le bas ;
Copier un calque d’un document à l’autre, en le glissant de la palette des
calques du premier document vers la fenêtre image du second.

Convertir un calque en fond

Dupliquer ou supprimer un calque


Associer un calque au calque précédent, toute modification s’appliquera
sur les deux, par exemple un déplacement. On peut les dissocier à tout
moment.
Fusionner certains calques, en un seul calque. Ces calques, attention,
perdent leur indépendance.
 Un double-click sur le nom du calque dans la palette ouvre le dialogue Options de
calques. Les menus contextuels vous donnent accès aux diverses opérations.
… Écrêter (détourer)

Le détourage d’une partie d’une image est souvent utilisé
 Pour créer un masque de protection et effectuer une
transformation de couleur ou géométrique, appliquer des effets,
filtres sur la zone non protégée.
 Pour déplacer, dupliquer la sélection, la copier dans un autre
document, l’effacer.
- 29 -
AIM
30/11/04
La sélection apparaît
entourée de pointillés
blancs.
Ici on a utilisé la baguette
magique pour faire une
sélection sur la couleur
(pixels bleu indigo de la
mer).

Vous pouvez réaliser une sélection complexe, en utilisant les différents
outils de sélection : baguette magique, outil rectangle, ovale, polygone,
main libre, mode couleur. Et sauvegarder cette sélection, pour une
utilisation ultérieure.
 Sélections multiples à l’aide de la touche shift.
Comme sur le bureau
- 30 -
AIM
30/11/04
Glisser la sélection, à l’aide de la
souris tout en maintenant la touche
alt (mac), ou ctrl (pc) enfoncée,
dans un autre document image.

Une fois la sélection réalisée vous pouvez également:
 L’inverser (sélectionner le reste de l’image)
 Mémoriser la sélection
 La déplacer, modifier etc …

De la sélection : créer un calque par copier (menu Calque) :
 Pour épargner l’image originale, le fond, vu à travers le calque .
- 31 -
AIM
30/11/04
L’outil Texte
Lorsque l’outil Texte est sélectionné, le pointeur se transforme en point d’insertion
de traitement de texte.


Cliquez sur l’image, une fenêtre de dialogue qui gère du texte sur
Photoshop s’ouvre.
Un calque est créé automatiquement, vous pourrez le modifier
ultérieurement, le déformer, le déplacer …
Un double-click ouvre
le Sélecteur de couleur.
Nouvelle couleur
en haut,
ancienne en bas.
Choix de couleurs
pertinentes pour
une consultation de
l’image sur le Web,
quelle que soit la
plateforme.
Pour modifier la couleur du texte sélectionné :
 Choisir une couleur dans le Sélecteur, ou bien
 Utiliser la pipette pour choisir une couleur dans l’image.
- 32 -
AIM
30/11/04
Vous pouvez, grâce aux paramètres de l’outil Texte, changer la direction du texte
(vertical, horizontal), la police, la taille etc …
Les palettes caractère et paragraphe permettent de travailler égalent sur l’espace
entre caractères ou paragraphes, de jouer sur l’empatement etc .
La palette Outils prédéfinis permet de créer et de réutiliser le style de texte de
votre choix.
- 33 -
AIM
30/11/04
Intégration d’images sous Photoshop
Acquisition d’images


Les sous-menus menus : Ouvrir, Import/Export du menu Fichier sont à
votre disposition
Numériser (scanner, appareil photo-numérique …). Ce qui implique pour
vous de faire le calcul de la quantité d’information nécessaire et
suffisante pour réaliser vos objectifs : affichage écran (donc page Web),
ou/et impression papier.
 Le module externe TWAIN se trouve dans la distribution de Photoshop et permet
de reconnaître la plupart des scanners du marché et de numériser directement
dans le programme ( sous-menu Importation du menu Fichier).

Créer son image : dessiner
utiliser le sous-menu Nouveau, du menu Fichier et utiliser les outils de
dessin, puis les filtres, les transformations, les montages avec d’autres
images …
Format des images
Le format d’image natif de Photoshop, extension de nom des fichiers : psd, n’est
pas reconnu par les autres applications.
Ce format natif est optimisé pour le travail sous Photoshop, on peut donc l’utiliser
lors des traitements et retouches sur une image, et stocker le fichier au format
psd, avec ses calques, ce fichier de travail permettra une reprise ultérieure.
Pour une utilisation de l’image dans une page Web, il faudra sauver l’image dans un
des formats image du Web : GIF, JPEG, PNG. L’image sera « aplatie », les calques
seront fusionnés au fond de l’image.
Le choix du format (gif, jpeg, png) dépendra d’un compromis entre la qualité
souhaitée pour le sujet, le temps de chargement, le but de l’image (fond, bouton,
document).
Codage numérique

Le menu Image et son sous-menu Mode vous permet de modifier ou de
choisir le codage couleur de votre image numérique : RVB, couleurs
indexées (écran, et donc Web), CMNJ (impression papier).
- 34 -
AIM
30/11/04
Les couches et les masques
Les couches servent à stocker l’information couleur d’une image.

Les couches de base dépendent du codage couleur de l’image numérique :
 RVB : 3 couches Rouge, Vert, Bleu (couleurs primaires) + une couche
fictive, ajoutée par le programme, reconstituant l’image composite.


Les couches supplémentaires ou couche alpha ajoutées par l’utilisateur
servent de support à des masques qui permettent de protéger une zone de
l’image lors d’une transformation, on peut y mémoriser une sélection. Ces
couches alpha autorisent également les opérations sur les couches
(techniques de combinaisons de pixels).
Il peut y avoir jusqu’à 24 couches au total.
Pour changer l’affichage à
l’écran : zoom.
L’outil main déplace l’image
dans la fenêtre écran
Cliquez ici pour afficher
différentes informations
Voir ou ne pas voir la
couche ? Cliquez sur
l’œil.
- 35 -
AIM
30/11/04
Principe des masques
Lorsque vous devez modifier une région précise de l’image à l’aide des outils de
peinture ou de retouche, vous avez la possibilité de protéger (masquer) les zones
qui doivent échapper à la modification.
Un masque sert à isoler une zone (sélection, sélection multiple = zone masquée) afin
de la protéger de toute modification de couleur, ou d’application de filtres et
d’effets.
L’outil : mode masque
Permet de transformer n’importe quelle sélection en mode masque, tous les outils
de dessin, les filtres, effets, les transformations sont alors applicables à ce
masque.
Les masques couches alpha
Une sélection a le même effet qu’un masque, la partie non sélectionnée de l’image
n’est pas touchée par une modification, le masque permet de réutiliser les
sélections complexes (et longues à mettre au point) en tant que couche alpha. C’est
à dire lorsque l’on mémorise la sélection : sous menu Mémoriser du menu Sélection.
On peut plus tard Récupérer la sélection.
Ces couches sont codées sur 8 bits en mémoire (256 niveaux de gris), selon le choix
de l’utilisateur, les zones sélectionnées ou les zones masquées seront colorées
(voile 50% d’opacité) à l’écran pour faciliter le suivi du travail réalisé. Le voile peut
être étendu ou diminué grâce aux outils de dessin en appliquant soit de la peinture
noire, soit de la peinture blanche.


Vous pouvez ajouter une couche et ensuite y créer un masque .
Vous pouvez faire une sélection et demander sa mémorisation, le
programme crée automatiquement une couche alpha.
Quelques opérations utiles sur les couches :



Changer l’ordre des couches (masques = zones protégées) ;
Copier une couche d’un document à l’autre, de la palette des couches du
premier document vers la fenêtre image du second.
Opérations sur deux couches de documents image différents pour
produire une nouvelle image (Produit, Superposition, Incrustation …)
- 36 -
AIM
30/11/04
ImageReady
 ImageReady, vous permet à partir des images réalisées avec Photoshop de créer
divers objets :


Réalisation conviviale d’animations, de boutons transformés par action de
la souris (bouton survol ou rollover), et création automatique du code html
associé, prévisualisation dans un navigateur.
L’outil tranche : fonction de découpage d’images pour la réalisation de
pages Web, les tranches sont des zones rectangulaires qui dans une page
html deviennent les cellules d’une table. Le code html correspondant est
Photoshop et ImageReady sont conçus pour fonctionner
créé automatiquement par l’application.
ensemble, vous passez d’une application à l’autre en cliquant sur le
bouton Lien . ; Ou par le sous-menu Passer à du menu Fichier
Mais vous pouvez facilement réaliser ces objets, rollover et tranches
avec d’autres logiciels. A vous de choisir la méthode de travail qui vous
convient le mieux .
 Dreamweaver permet de réaliser très facilement des boutons survols
(rollover) à partir de 2 ou 3 fichiers images
 FireWorks (livré dans la Suite Dreamweaver) permet de créer et de
gérer au mieux des tranches dans une image.

Et des images animées
Images animées

À partir d’une image unique ou d’un dossier contenant des images, ImageReady
permet de créer un fichier GIF animé : succession d’images, chaque image est
légèrement différente de la précédente. D’où l’illusion de mouvement lorsque les
images sont visualisées en succession rapide.



Animations basées sur les calques
Fonction Trajectoire pour générer automatiquement une série d’images
entre deux images existantes.
La palette d’animation vous permet de manipuler les images à la souris, les
déplacer dans la séquence, les dupliquer, les jeter …
- 37 -
AIM
30/11/04
Créer des tranches
Déplacer, modifier les tranches
Menu déroulant : liste
d’actions que l’on peut
faire sur les images de la
palette d’animation.
Bouton lien vers
Photoshop
animations
Créer une nouvelle image (copie de la
précédente par défaut).
Utiliser les calques pour modifier
l’aspect des images successives.
- 38 -