1. Photoshop, ça sert à quoi au juste?

Documents pareils
Traitement numérique de l'image. Raphaël Isdant

Chapitre 22 Optimisation pour diffusion à l'écran, pour le web

JPEG, PNG, PDF, CMJN, HTML, Préparez-vous à communiquer!

Création de maquette web

FORMATS DE FICHIERS. Quels sont les différents types d informations numériques dans un document multimédia?

PHOTOSHOP - L'AFFICHAGE

TP SIN Traitement d image

Sur trois couches, on obtient donc 2563 = de couleurs, soit 24bpp (Bit Per Pixel).

Les images numériques. 1. Le dessin vectoriel

Comment optimiser dans ImageReady?

EXEMPLE DE PAGE : FORMAT A4 (210X297)

TD : Codage des images

Optimiser les images pour l affichage sur votre site

Utiliser le logiciel Photofiltre Sommaire

nom : Collège Ste Clotilde

PHPWEBSITE -Tutoriel image

INFO 2 : Traitement des images

Usage des photos pour Internet et pour la presse

Modules Multimédia PAO (Adobe)

Catégories de format d'optimisation

WORDPRESS : réaliser un site web

Initiation à linfographie

Les images et les animations sur le web. Guérineau Chloé BTS2 Année 2001/2012

L interface Outils, palettes, règles, repères, grille Paramétrer les préférences


PHOTOSHOP INDESIGN ILLUSTRATOR

Formats d images. 1 Introduction

Spécifications techniques

Maintenir un service de traitement de son ou d image d ordinateur

Voici quelques-unes des questions auxquelles répond cette présentation.

1. Avoir un fichier InDesign correct :

Programme de formation Photoshop : Initiation 24 heures de formation (3 jours) 1/2

Ateliers Bureautique et Internet

Photoshop Séquence 4 - Créer une image de taille personnalisée taille

Supports. Images numériques. notions de base [1]

"CREEZ VOTRE SITE WEB ET VOTRE BLOG AVEC WORDPRESS"

Optimisation et formats d images standards pour le Web Par Thierry Goulet Web Designer, ministère de la Sécurité publique. Plan de conférence

Adobe Photoshop. Bonnes pratiques pour une utilisation professionelle CHAPITRE 7

L infographie pour la sérigraphie artisanale

Générer un PDF avec polices incorporées

Outils permettant la diffusion de l information. Un point sur le droit numérique

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

Une passion, une formation, un métier... pour votre avenir

Module Transférer/récupérer ses photos de son appareil vers son ordinateur

Structure du format BMP, sa lecture, sa construction et son écriture

Cours de numérisation sur Epson Perfection

Création d un fichier de découpe

Dans l Unité 3, nous avons parlé de la

SpeechiTablet Notice d utilisation

L espace de travail de Photoshop

1 Comment faire un document Open Office /writer de façon intelligente?

Pop-Art façon Roy Liechtenstein

Choisir entre le détourage plume et le détourage par les couches.

Le poids et la taille des fichiers

Support de formation pour l'installation d'un logiciel gratuit de retouche d'images et gestion de la qualité, taille et format des images :

Concepteur réalisateur graphique

4/10. ext. MODE MODE. graphique. format ENREGISTREMENT. graphique 6/10 4/10 6/10. Cours E.Faÿs

STAGES DE FORMATION INTER-ENTREPRISES PÔLE 45 BUREAUTIQUE

2013 Pearson France Adobe Illustrator CC Adobe Press

Initiation à la bureautique

Plan d études. Traitement visuel 2D. Techniques d intégration multimédia HU. legault/2d/ 1-2-2

Optimiser les s marketing Les points essentiels

«Atelier de retouche d image, améliorez et optimisez

Guide de correction et d optimisation des images en vue de leur publication sous Marcomedia Contribute. Logiciel utilisé : Adobe PhotoShop 7

Préparation d un post (article) pour idweblogs

Gérer, stocker et partager vos photos grâce à Picasa. Janvier 2015

Chapitre 13 Numérisation de l information

La solution universelle la plus performante qui soit! Retouche photo Graphisme Mise en page Haute qualité, intuitivité, rapidité

CATALOGUE DES FORMATIONS ADOBE

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

Cyber-base du Pays Martégal. Atelier «Découverte de l ordinateur»

CA CA T T AL AL O O GUE GUE CATALO FORMATIONS t n s c o p. f r / / / / / / c o n t a c t n s c o p. f r / / / / / # t r o c n u m

PR OC E D U RE S D E B A S E

GIMP. Le traitement d'images libre INSTALLATION SUR WINDOWS

PAGE 1. L écran du logiciel d Open Office Draw. Barre de menu: Les commandes du logiciel

Traitement par lot conversion de plusieurs images en JPEG

Logiciel ArpentGIS-PC Guide de l utilisateur

Réalisez votre propre carte de vœux Éléctronique

Créer des documents interactifs

GESTION DU LOGO. 1. Comment gérer votre logo? Format de l image Dimensions de l image Taille de l image 9

DESCRIPTION DU CONCOURS QUÉBÉCOIS INFOGRAPHIE

Créative Cloud - Perfectionnement

Analyse d images. Edmond.Boyer@imag.fr. Edmond Boyer UFRIMA 1

Gordon Campey Novembre 2013

édition 2014/2015 web et multimédia Image et graphisme Communication et stratégie

Xara Xtreme Pro 4 Edition Image & Photo

Exporter en pdf depuis Scribus

Fiches d aide à l utilisation

Fiches pratiques IMAGE NUMÉRIQUE Niveau 1

HP Color LaserJet Pro MFP M476dn

Fonction Memory Viewer

PRISE EN MAIN D ILLUSTRATOR

Leçon N 5 PICASA Généralités

Impression grand format 1200 dpi

Créez et envoyez une invitation et le mini-site de votre événement

PRÉSENTATION DES PROGRAMMES 2014

Certificat Informatique et internet Niveau 1 TD D1. Domaine 1 : Travailler dans un environnement numérique évolutif. 1. Généralités : Filière

Proposition année universitaire-informatique ( )

Création d une SIGNATURE ANIMÉE avec PHOTOFILTRE 7

Transcription:

introduction Photoshop Les images : taille, mode et enregistrement 1. Photoshop, ça sert à quoi au juste?... 1 2. Qu'est-ce qu'une image numérique?... 2 3. La définition, la résolution et le poids d une image... 2 La définition... 2 La résolution... 3 Poids d'une image... 4 4. Taille de l image : ajustage et rééchantillonage... 4 Le rééchantillonnage... 4 La taille de l image à l impression... 4 5. Les différents modes colorimétriques... 5 Mode RVB... 5 Mode CMJN... 5 Mode Couleurs indexées... 6 Mode Niveaux de gris... 6 Mode Bitmap... 7 6. Formats d enregistrement... 7 Format Photoshop (.psd)... 7 Format TIFF (.tif)... 7 Format JPEG (.jpg)... 7 Format CompuServe GIF (.gif)... 8 Format PNG (.png)... 8 Format EPS (.eps)... 8 1. Photoshop, ça sert à quoi au juste? Photoshop est un logiciel permettant de faire de la retouche photo et des photomontages. - Nettoyer, redresser, recadrer l'image - Retoucher les tonalités et les couleurs (pour, en général, les améliorer) - Modifier l'image existante (détourer, déformer, cacher une partie de l'image,...) - Ajouter des effets visuels grâce aux styles et aux filtres - Ajouter des éléments graphiques : texte, dessins, cadres, etc. Photoshop sert aussi pour des créations graphiques, grâce aux outils : plume, pinceau, crayon, aérographe, gomme, formes vectorielles, motifs, auxquels on ajoutera de la couleur et des effets visuels (filtres et styles). - Maquettes pour l impression ou pour le Web - Flyers, jaquettes DVD/CD - Photos légendées, etc. Photoshop permet également de créer une planche-contact de photos existantes, une collection d'images à des formats prédéfinis, et même une galerie Web dont le code HTML sera généré automatiquement (vignettes, images, pages et navigation incluses), avec vos propres paramètres de charte graphique. Frédéric PERRET Photoshop introduction p.1/8

2. Qu'est-ce qu'une image numérique? Une image numérique est une image composée de petits points élémentaires, que l on appelle des "pixels" (pixel est une abréviation de PICture ELement). Le pixel représente ainsi le plus petit élément constitutif d'une image numérique. En agrandissant fortement une image, on distingue très bien les pixels. Chaque pixel possède une couleur, qui est composée d une part variable des trois couleurs de base : le rouge, le vert et le bleu. Étant donné que l'écran effectue un balayage de gauche à droite et de haut en bas, on désigne généralement par les coordonnées [0,0] le pixel situé en haut à gauche de l'image, cela signifie que les axes de l'image sont orientés de la façon suivante : L'axe X est orienté de gauche à droite. L'axe Y est orienté de haut en bas, contrairement aux notations conventionnelles en mathématiques, où l'axe Y est orienté vers le haut. 3. La définition, la résolution et le poids d une image La définition La définition d une image, c est le nombre de pixels qui constitue l image numérique. Exemple Une image possédant 300 pixels en largeur et 200 pixels en hauteur aura une définition de 300 pixels par 200, notée 300 200, soit une définition de 60 000 pixels. La place occupée par une image sur l écran dépend de la résolution du moniteur : Une image de 300 400 pixels sur un écran de 1440 900 La même image sur un écran de 800 600 Frédéric PERRET Photoshop introduction p.2/8

La résolution La résolution détermine par contre le nombre de pixels par unité de surface, exprimé en pixels par pouce (PPP) ou, en anglais, pour dots per inch (DPI). Un pouce représentant 2,54 cm. La résolution permet ainsi d'établir le rapport entre le nombre de pixels d'une image et la taille réelle de sa représentation sur un support physique. Une résolution de 300 dpi signifie donc 300 colonnes et 300 rangées de pixels sur un pouce carré ce qui donne donc 90000 pixels sur un pouce carré. La résolution de référence de 72 dpi nous donne un pixel de 1"/72 (un pouce divisé par 72) soit 0,353mm, correspondant à un point pica (unité typographique anglo saxonne). Plus le nombre de pixels par pouce est grand, plus la résolution est élevée. Généralement, une image haute résolution produit une impression de meilleure qualité. La même image avec une résolution de 72 ppp et de 300 ppp et un zoom de 200 % R e m a r q u e Lorsqu on crée des images destinées au Web, il est impossible de connaître la résolution des écrans de tous les destinataires de ces images. Il faut donc faire des choix, en se basant sur la résolution la plus répandue d écrans par exemple, ou la résolution la plus faible Frédéric PERRET Photoshop introduction p.3/8

Poids d'une image Pour connaître le poids (en octets) d'une image, il est nécessaire de compter le nombre de pixels que contient l'image. Le poids de l'image est alors égal à son nombre de pixels que multiplie le poids de chacun de ces éléments. Voici quelques exemples (en considérant que l'image n'est pas compressée) : Définition de l'image Noir et blanc (1 bit) 256 couleurs (8 bits) 65000 couleurs (16 bits) 16 millions de couleurs Couleurs vraies (24 bits) 320 200 7.8 Ko 62.5 Ko 125 Ko 187.5 Ko 640 480 37.5 Ko 300 Ko 600 Ko 900 Ko 800 600 58.6 Ko 468.7 Ko 937.5 Ko 1.4 Mo 1024 768 96 Ko 768 Ko 1.5 Mo 2.3 Mo 4. Taille de l image : ajustage et rééchantillonage Pour changer la taille d affichage (en pixels) ou d impression (en centimètres ou en pouces) d une image : Image > Taille de l image La boîte de dialogue Taille de l image autorise deux opérations très différentes : - redéfinir la taille en pixels d une image (le rééchantillonnage) ; - redéfinir la taille d une image à l impression Le rééchantillonnage Pour redéfinir la taille en pixels d une image, il faut activer l option Rééchantillonnage. Vous pouvez alors accéder aux dimensions de l image en pixels pour l agrandir ou la réduire. R e marq u e Le rééchantillonnage d une image en altère toujours la qualité. La taille de l image à l impression Pour modifier la taille d une image à l impression, il faut désactiver l option Rééchantillonnage. Vous pouvez alors accéder à la taille du document et faire des modifications, en cm, en % ou autre Frédéric PERRET Photoshop introduction p.4/8

5. Les différents modes colorimétriques Les images sont aussi définies par un mode, à savoir un type d organisation des couleurs. Les modes colorimétriques les plus courants sont les suivants : bitmap, niveaux de gris, couleurs indexées, RVB et CMJN. Pour convertir une image d un mode à l autre : Image > Mode > Mode RVB Le mode RVB (Rouge, Vert, Bleu) est idéal pour l affichage sur écran. Une image RVB est composée de trois couches rouge, verte et bleue. En d autres termes, chaque pixel d une image RVB est défini par une certaine quantité de rouge, de vert et de bleu (de 0 à 255). Une fois combinée, ces couches, par le biais de la synthèse additive, permettent de générer toutes les nuances de toutes les autres couleurs. Pour visualiser les trois couches séparément : Fenêtre > Couches Utilisez le mode RVB : - pour créer des images destinées à un affichage sur écran (pages Web, présentations ) ; - pour créer des images destinées à être imprimées sur une imprimante personnelle ; - par défaut, lorsque vous n avez pas de raison particulière d utiliser un autre mode. Mode CMJN Le mode CMJN (Cyan, Magenta, Jaune, Noir) est celui des impressions en quadrichromie. Les couleurs des documents imprimés en quadrichromie sont obtenues par un mélange d encres de couleur cyan, magenta, jaune et noire. En d autres termes, chaque pixel d une image CMJN est défini par une certaine quantité de cyan, de magenta, de jaune et de noir indiquée chacune par une valeur en pourcentage (de 0 à 100%). Frédéric PERRET Photoshop introduction p.5/8

Pour visualiser les quatre couches séparément : Fenêtre > Couches R e marq u e Il faut noter que le spectre des couleurs CMJN est moins étendu que celui des couleurs RVB : il est impossible d obtenir à l impression certaines couleurs vives que votre écran permet d afficher. Utilisez le mode CMJN lorsque vous souhaitez imprimer une image en quadrichromie (sur une imprimante offset imprimeur). Mode Couleurs indexées Le mode couleurs indexées dispose de seulement 256 couleurs. Pour chaque image, une table (ou index) répertoriant toutes les couleurs possibles (256 couleurs au maximum) est créée. Ensuite, une valeur de 1 à 256 est attribuée à chaque pixel. Une fois l image convertie en mode Couleurs indexées, vous pouvez éditer la table des couleurs : Image > Mode > Table des couleurs Celle-ci recense toutes les couleurs utilisées dans l image et peuvent être modifiées. R e marq u e Transformer une image comprenant des milliers ou des millions de couleurs en une image comprenant au plus 256 couleurs nuit à la qualité du rendu. Utilisez le mode Couleurs indexées : - pour enregistrer une image au format GIF, destinée au Web, par exemple ; - avec une image dont le nombre de couleurs et réduit et dont vous souhaitez manipuler la palette de couleur. Mode Niveaux de gris Une image en niveaux de gris n est constituée que de nuances de gris, 256 précisément, allant du noir au blanc. Ce mode est à privilégier lorsque vous travaillez sur une image en noir et blanc. Frédéric PERRET Photoshop introduction p.6/8

Mode Bitmap Le mode Bitmap est le plus simple qui soit. Chaque pixel y est soit allumé (auquel cas il est blanc), soit éteint (auquel cas il est noir). R e marq u e Pour convertir une image en couleurs en image bitmap, vous devez d abord la convertir en niveaux de gris. Utilisez le mode Bitmap : - pour obtenir une image très expressive ou des effets particuliers - pour imprimer un document sur une imprimante laser noir et blanc avec la meilleure qualité d image possible. 6. Formats d enregistrement Photoshop permet la lecture de nombreux formats d images. Format Photoshop (.psd) Le format Photoshop est le format spécifique de Photoshop. Il permet d enregistrer toutes les images que vous manipulez avec Photoshop. En outre, il préserve les calques, les couches alpha, les repères, les grilles et les autres informations spécifiques au logiciel. C est le format à utiliser en cours de travail, tant que l image n est ni finalisée, ni aplatie. Enfin, le format PSD génère des fichiers non compressés, donc très volumineux. Utilisez le format PSD pour travailler sur une image tant qu elle n est pas terminée (surtout si elle est agrémentée de calques et e tracés). Format TIFF (.tif) Le format TIFF est très répandu. Il existe à la fois pour Macintosh et pour Windows. Le format TIFF autorise la compression des données de l image. Il est conseillé d activer cette option (Compression LZW). Contrairement à l enregistrement au format JPEG, l enregistrement au format TIFF ne détériore pas l image. Mais les taux de compression sont moindres. Utilisez le format TIFF pour stocker des images dont la qualité doit être parfaitement préservée. Format JPEG (.jpg) Le format JPEG est le plus courant dans l archivage d images. Ce format compressé permet de réduire la taille d un fichier dans un rapport pouvant atteindre 1 pour 50. Il présente, en revanche, l inconvénient de provoquer une légère dégradation de la qualité de l image, sans possibilité de revenir à l image initiale. Lorsque vous enregistrez une image au format JPEG, le logiciel vous demande quelle qualité vous souhaitez, sur une échelle de 0 à 10. Plus la qualité choisie est faible, plus le taux de compression est élevé et moins le fichier sera volumineux. Utilisez le format JPEG : - pour les images à tons continus destinées au Web (photographies, en particulier) ; - pour toutes les images destinées à être diffusées, lorsqu il n est pas essentiel que l image soit d une qualité identique à l original. Frédéric PERRET Photoshop introduction p.7/8

Format CompuServe GIF (.gif) Ce format est fort usité sur Internet. Il permet uniquement d enregistrer des images en mode Couleurs indexées. Le format GIF autorise la compression, mais il est limité à 256 couleurs. Utilisez le format GIF pour des images destinées à Internet, soit avec peu de couleurs et des aplats importants, soit avec des zones transparentes. Format PNG (.png) Le format PNG (Portable Network Graphics) remplace maintenant le format GIF mais il permet d enregistrer des images dotées de millions de couleurs, sans perte de qualité et avec un taux de compression généralement supérieur à celui du format GI ou TIFF. Lorsqu on enregistre une image au format PNG, une résolution de 72 pixels ppp y est automatiquement affectée. Utilisez le format PNG, à la place du format TIFF, pour stocker sans perte de qualité des images destinées à une diffusion en ligne. Format EPS (.eps) EPS (Encapsulated PostScript) est le format à utiliser pour une exportation vers un logiciel de PAO ou de dessin, comme XPress ou Illustrator. Utilisez le format PNG, à la place du format TIFF, pour stocker sans perte de qualité des images destinées à une diffusion en ligne. Frédéric PERRET Photoshop introduction p.8/8