PAO – Publication assistée par ordinateur
Image numérique
Enseignant :
Première publication : septembre 2010. Dernière mise à jour le 12 août 2023.
Les objectifs de ce cours sont de présenter un aperçu des processus et des moyens techniques intervenant dans la conception, la production et la diffusion de supports de communication et d’information ; de fournir les bases du vocabulaire nécessaire aux échanges avec les professionnels (designers, directeurs artistiques, chefs de projet, développeurs…), de formuler ses demandes ; d’apporter les compétences élémentaires permettant l’utilisation des outils logiciels présentés, la manipulation des fichiers informatiques associés ; de développer et de réaliser des minis projets.
Au sommaire
Image numérique
Compétences développées : production, traitement, manipulation, gestion de fichiers image
Logiciels utilisés : Adobe Photoshop, Camera Raw, Bridge
27-28 septembre 2010 – Cours 1
Images numériques : définitions, généralités
Contenu du cours
- A. Présentation du cours de PAO (21 heures)
- Déroulement des cours, contenu, cadre général.
- TP : rendu sur table, recherche semestrielle, notation.
- B. À propos de l’image numérique
- Image numérique, définitions.
- Caractéristiques techniques de l’image numérique
(format vectoriel, format bitmap, définition, taille, codage, mode couleur, profondeur, résolution).
- Format de fichiers (formats d’acquisition – de travail – de livraison)
(JPG ou JPEG, RAW – PSD – JPG, GIF, PNG, TIF, EPS, PDF).
Sommaire
18-19 octobre 2010 – Cours 2
Photoshop : sélection, montage, détourage…
Contenu du cours
- A. Présentation du cours
- Objet du cours : résolution, modes couleur, les outils de sélection, montage.
- Rappel des travaux demandés :
— curriculum vitae à transmettre,
— groupe pour la recherche semestrielle (RS) à former,
— sélection du couple créateur/création pour la RS,
— réalisation d’images numériques : portraits.
- B. Image numérique : premières manipulations avec Bridge et Photoshop
- À partir des images réalisées (portraits) ou du fichier fourni (potier) :
— consulter, sélectionner et ouvrir ses images dans Photoshop avec Bridge ;
— lecture des données (menu Image/Taille de l’image…),
— estimation de la résolution d’impression (option Ré-échantillonage décochée) ;
— modification du mode couleur (menu Image/Mode/Niveau de gris), du contraste (menu Image/Courbes),
— création d’une image couleur en bichromie (menu Image/Mode/Bichromie…),
— enregistrement au format EPS (menu Fichier/Enregistrer sous…),
— modalités de « nommage » des fichiers.
- À partir du fichier fourni (BnF) :
— présentation des outils de sélection (Rectangle, Ellipse, Lassos, Baguette magique…),
— création d’une sélection au moyen de l’outil Baguette magique,
— mémorisation de la sélection (menu Sélection/Mémoriser la sélection),
— récupération de la sélection (menu Sélection/Récupérer la sélection…),
— retouche d’une sélection par création d’une couche Masque (Mode masque de la palette d’outils),
— création d’une image de ciel,
— collage de l’image créée dans la sélection (menu Édition/Coller dedans),
— introduction de la notion de masque de fusion,
— enregistrement au format PSD (menu Fichier/Enregistrer sous…).
Sommaire
8-9 novembre 2010 – Cours 3
Photoshop : ré-échantillonnage, outils vectoriels, calques
Contenu du cours
- A. Présentation du cours
- Objet du cours :
— résolution, ré-échantillonnage, travaux pratiques,
— tracés vectoriels, montage, calques ;
- Rappel des travaux demandés :
— curriculum vitae à transmettre,
— groupe pour la recherche semestrielle (RS) à former,
— sélection du couple créateur/création pour la RS,
— recherche de contenus textes et visuels pour la RS ;
- Lecture des supports de cours, manipulation des outils présentés.
- B. D’ordre général
- Droit d’auteur, contrats et licences : pour un usage respectueux des œuvres et des auteurs ;
- Gammes Pantone et quadrichromatiques : présentation des outils et modalités de sélection des couleurs ;
- Commentaires sur les curriculums vitae, les bases d’un document accessible et lisible :
— formats de fichier « universels » : .RTF, .PDF,
— polices de caractères et mises en pages complexes : comment préserver le formatage de son document,
— modalités d’envoi par courrier électronique, les informations indispensables : objet, nom, coordonnées,
— pièces jointes : des noms de fichier identifiables (ex. date, nom, poste, référence de l’offre…)
— adresses électroniques fantaisistes : recommandations.
- C. Image numérique : optimiser, détourer, construire avec Photoshop
1. Ré-échantillonner une image bitmap
- Quelques points sur la nécessité de ré-échantillonner :
— optimiser le rapport taille (nombre de pixels) et poids (en octets) de l’image selon sa destination,
— contrôler/corriger la qualité de l’image ré-échantillonnée avant son impression,
— optimiser les temps de traitement du système informatique, du système d’impression,
— accélérer les temps de transfert des fichiers en conservant un rapport poids/qualité optimal,
— favoriser leur accès via les réseaux (internet ou intranet).
- À partir d’un fichier bitmap :
— lecture des données (menu Image/Taille de l’image…),
— option Ré-échantillonage décochée : estimation de la résolution d’impression,
— indication de la résolution souhaitée selon le type d’impression,
— option Ré-échantillonage cochée : modification de la taille (largeur/hauteur) de l’image,
— présentation des options de ré-échantillonnage : Conserver les proportions — Mettre les styles à l’échelle,
— présentation du menu pop-up d’application des algorithmes de ré-échantillonnage.
Cf. la rubrique Les points « essentiels », B. Ré-échantillonnage
- Travaux pratiques (sous Windows XP) :
Selon le cahier des charges ci-après, procéder à la mise aux normes (mode couleur, profondeur, résolution, ré-échantillonnage, format d’enregistrement) des fichiers suivants :
- Potier
Mode RVB 8 bits, 50 mm de haut à une résolution de 72 DPI
Format de livraison : .JPG — option : qualité maximum (12)
- Valeur de contrôle : soit 213 x 142 pixels, ± 46 ko (poids du fichier enregistré sur disque)
- BnF
Mode Niveau de gris 8 bits, 240 pixels de large à une résolution de 150 DPI
Format de livraison : .TIF — options : sans compression, entrelacé, format IBM PC
- Valeur de contrôle : soit 40,64 x 61,12 mm, ± 113 ko (poids du fichier enregistré sur disque)
Nommage selon AAAAMMJJ-CLASSE-NOM-P-REFIMAGE-VERSION.suffixe
Cf. la rubrique Les points « essentiels », A. Le « nommage » des fichiers
Envoi par e-mail à agulphe@my-itcampus.com
- 2. Créer et manipuler des tracés vectoriels avec l’outil Plume
- Présentation du mode vectoriel :
— description mathématique des objets graphiques créés,
— rapidité de mise en œuvre,
— souplesse et précision des outils,
— données paramétriques permettant l’importation et l’exportation de valeurs mathématiques,
— faible encombrement en octets des données,
— format affranchi de la résolution d’impression,
— objets graphiques modifiables sans limitation,
— usages multiples : dessin, guide, détourage…
- Présentation de l’outil Plume de Photoshop ;
- Modalités de mise en œuvre et options ;
- Premières expérimentations ;
- À partir du fichier Potier :
— réalisation d’un tracé vectoriel destiné à distinguer premier plan et arrière plan,
— mémorisation dans le fichier bitmap du tracé vectoriel,
— définition d’une sélection selon le tracé créé.
- 3. Construire une image avec les calques (introduction)
- 4. À propos de la fenêtre Historique
- Mode d’emploi ;
- Régler les États d’historique dans les Préférences.
Sommaire
29-30 novembre 2010 – Cours 4
Photoshop : concevoir une image avec les calques (fonctions avancées)
Contenu du cours
- A. Présentation du cours
- Objet du cours :
— retour sur les TP réalisés au cours 3,
— informations (cadre général : modalités, contenu) à propos du contrôle des acquis au cours 5,
— finalisation du TP Construire une image avec les calques, initié au cours 3,
— Projet semestriel, modalités pour les TP accompagnés ;
- Rappel des travaux demandés :
— curriculum vitae à transmettre,
— groupe pour la recherche semestrielle (RS) à former,
— sélection du couple créateur/création pour la RS,
— recherche de contenus textes et visuels pour la RS ;
- Lecture des supports de cours, manipulation des outils présentés et révisions générales.
- B. D’ordre général
- Trame d’impression et mode de calcul de la résolution d’une image à partir de la valeur LPI ;
Cf. la rubrique Les points « essentiels », C. Les valeurs à retenir pour définir la résolution…
- Introduction à la notion de format en édition imprimée :
— format utile ou FU,
— format plein papier rogné ou PPR.
- C. Travaux pratiques commentés
- Corrigé et analyse du TP du cours 3 — Résolution, ré-échantillonnage
— Sous la forme d’une réalisation commentée à partir des 2 cahiers des charges.
- Fonctions avancées de montage et d’assemblage des images bitmap :
Construire une image avec les calques (suite et fin) — Cf. Supports de cours 4
— tracés vectoriels, montage au moyen des calques (rappels),
— présentation des possibilités de mixage par mode de fusion et opacité des calques,
— mise en œuvre des effets spéciaux applicables aux calques (ombre portée, biseautage…),
— le texte, un calque éditable comme les autres : modalités,
— construction et positionnement précis avec les repères en mode bitmap.
- Projet semestriel : présentation des méthodes de construction d’un projet — Cf. Supports de cours 4
— l’organisation des calques,
— l’utilisation de valeurs récurrentes (calques, objets, effets…).
Sommaire
20-21 décembre 2010 – Cours 5
Contrôle des connaissances : travaux pratiques avec Photoshop
Énoncé
(la version téléchargeable est disponible à la rubrique
Supports de cours 5)
A. Objet et modalités du contrôle
- Le contrôle des connaissances est composé de 2 parties distinctes :
— la première traite du format des images numériques bitmap, de leur résolution et de leur ré-échantillonnage,
— la seconde porte sur les techniques et les outils de détourage, de sélection et de montage.
- Les travaux à livrer pour chacune des deux épreuves font l’objet de courriers électroniques séparés :
soit 6 pièces jointes pour la première, 2 pièces jointes pour la seconde.
- Les fichiers nécessaires sont disponibles le jour de l’épreuve directement depuis les liens de téléchargement présents dans les cahiers des charges ci-dessous.
- La durée de l’épreuve est de 2 heures.
- Un délai de 24 heures est accordé pour l’envoi des travaux.
— pour la classe de MC1 : le 21 décembre, 13 h
— pour la classe de MC2 : le 21 décembre, 17 h
— pour la classe de MC3 : le 22 décembre, 13 h
— pour la classe de MC4 : le 22 décembre, 17 h
- Tous les courriers reçus au-delà de ces délais sont considérés irrecevables.
Tous les fichiers enregistrés hors des horaires de chaque classe sont considérés irrecevables.
Les dates et heures d’enregistrement intégrées aux fichiers font foi (données EXIF).
- La notation sur un total de 20 points est établie comme suit :
Partie 1
— 2 points par exercice réussi pour un total de 12 points maximum.
— 0 point pour tout exercice ne respectant pas le cahier des charges.
Partie 2 — Fichier EX-07.JPG
(Pour un total de 4 points maximum)
— 2 points pour la réalisation et l’enregistrement du tracé vectoriel
(absence de tracé : 0 pt — tracé approximatif : 1 pt — tracé au plus près : 2 pts).
— 2 points pour le respect du format de livraison selon le cahier des charges (0 pt hors cahier des charges).
Partie 2 — Fichier EX-08.JPG
(Pour un total de 4 points maximum)
— 2 points pour la réalisation du montage au moyen des calques
(absence de calque : 0 pt — montage incomplet : 1 pt — montage complet : 2 pts).
— 2 points pour le respect du format de livraison selon le cahier des charges (0 pt hors cahier des charges).
- Afin de répondre à tout litige quant aux notes attribuées, vous conserverez vos fichiers sans y apporter de modification après l’épreuve. Ils seront le cas échéant, la seule valeur de contrôle entendue et acceptée pour réévaluer vos résultats.
B. Partie 1 : cahiers des charges
- À partir des 6 fichiers qui vous sont communiqués au format .JPG sous la forme d’une archive .ZIP (lien de téléchargement), vous procédez selon le cahier des charges attribué à chacun d’eux, à leur mise aux normes (mode couleur, profondeur, résolution d’impression, mise à la dimension et format d’enregistrement).
Les noms d’enregistrement utilisés respectent le système de nommage fixé pour les cours de PAO.
Votre travail terminé et contrôlé, vous adressez par courrier électronique à agulphe@my-itcampus.com vos 6 fichiers en pièces jointes en conservant l’objet « TP-Partie 1 » attribué automatiquement.
Dans le corps du message, vous indiquez votre classe, votre nom et votre prénom.
- EX-01.JPG
Mode RVB 8 bits, 300 pixels de haut à une résolution de 72 DPI
Format de livraison : .JPG — options : qualité maximum (12) — format de base (standard)
- EX-02.JPG
Mode CMJN 8 bits, 45 mm de large à une résolution de 300 DPI
Format de livraison : .JPG — options : qualité maximum (12) — format de base (standard)
- EX-03.JPG
Mode Niveaux de gris 8 bits, 10 cm de large à une résolution de 120 DPI
Format de livraison : .TIF — options : sans compression — ordre des pixels entrelacé — format IBM PC
- EX-04.JPG
Mode Niveaux de gris 8 bits, 20 mm de large à une résolution de 120 DPI
Format de livraison : Photoshop .EPS — options : aperçu TIF 8 bits — codage binaire
Toutes autres options décochées
- EX-05.JPG
Mode Niveaux de gris 8 bits, 500 pixels de large à une résolution de 72 DPI
Format de livraison : .JPG — options : qualité élevée (8) — format de base (standard)
- EX-06.JPG
Mode RVB 8 bits, 640 pixels de large à une résolution de 72 DPI
Format de livraison : .JPG — options : qualité élevée (8) — format de base (standard)
C. Partie 2 : cahiers des charges
- À partir des 2 fichiers qui vous sont communiqués au format .JPG sous la forme d’une archive .ZIP (lien de téléchargement), vous procédez selon le cahier des charges ci-dessous, à leur détourage, assemblage et enregistrement.
Les noms d’enregistrement utilisés respectent le système de nommage fixé pour les cours de PAO.
Votre travail terminé et contrôlé, vous adressez par courrier électronique à agulphe@my-itcampus.com vos 2 fichiers en pièces jointes en conservant l’objet « TP-Partie 2 » attribué automatiquement.
Dans le corps du message, vous indiquez votre classe, votre nom et votre prénom.
- EX-07.JPG (Portrait)
1. Au moyen de l’outil Plume, réalisez en épousant au mieux les droites et les courbes du sujet, un tracé vectoriel fermé permettant d’isoler l’homme au premier plan (vêtement et chapeau inclus) du décor.
2. Depuis la fenêtre Tracés, mémorisez le tracé de travail sous le nom de votre choix.
3. Puis, au moyen de la commande Définir une sélection de la fenêtre Tracés, sélectionnez le portrait avant de le copier sur l’image du paysage. (cf. .6 de l’exercice EX-08.JPG)
Les opérations nécessaires au montage terminées :
4. Procédez à l’enregistrement de votre fichier en respectant le principe de nommage selon les valeurs suivantes :
Mode RVB 8 bits, 640 pixels de large à une résolution de 72 DPI
Format de livraison : .JPG — options : qualité élevée (8) — format de base (standard).
- EX-08.JPG (Paysage)
1. Après avoir ouvert le fichier, transformez depuis la fenêtre Calque, l’Arrière plan en Calque (clic droit/option Calque d’après l’arrière-plan… ou double-clic sur la prévisualisation).
2. Toujours depuis la fenêtre Calque, créez un nouveau calque.
3. À ce calque, appliquez (outil Pot de peinture ou menu Édition/Remplir…) la couleur orange à l’aplat, composée de 60 % de Magenta et de 100 % de jaune (rubrique CMJN du Sélecteur de couleur).
4. disposez dans l’ordre, le calque portant la couleur en dessous du calque portant le paysage.
5. sélectionnez ce dernier et attribuez au paysage la valeur de mixage Luminosité au moyen du menu pop-up Définir le mode fusion pour le calque sans modifier l’opacité qui reste sur 100 %.
6. Au moyen du tracé vectoriel réalisé sur le fichier EX-07.JPG, récupérez la sélection (fenêtre Tracés) et procédez à la copie du portrait (menu Édition/Copier).
7. De retour à votre paysage, collez le portrait (menu Édition/Coller) de manière à créer un nouveau calque que vous placerez au premier plan.
8. Le portrait ajouté, positionnez-le sur la droite du visuel, le bord du chapeau à environ 10 mm de la marge droite en utilisant un repère.
9. procédez à l’enregistrement de votre fichier en respectant le principe de nommage selon les valeurs suivantes :
Mode RVB 8 bits, 640 pixels de large à une résolution de 72 DPI
Format de livraison : .PSD — options : calque coché — maximiser la compatibilité décoché.
- Attention ! Pensez à conserver une copie au format initial avant ré-échantillonnage.
Sommaire
10-11 janvier 2011 – Cours 6
Typographie et mise page : introduction
Contenu du cours
- A. Présentation du cours
- Objet du cours :
— retour sur le contrôle des connaissances réalisé au cours 5 (note moyenne, constats…),
— contrôle des connaissances pour les élèves absents ou sans ordinateurs au cours précédent,
— « Écrire, composer, lire » : exposé,
— informations à propos du partiel au cours 7 (cadre général : objectifs, modalités, contenu),
— travaux pratiques commentés,
— travaux à réaliser et révisions pour le partiel du cours suivant.
- B. D’ordre général
- Création, manipulation, sauvegarde de fichiers numériques : méthodologie de base
— l’enregistrement sous,
— l’emplacement et les principes de nommage des fichiers,
— la préservation des fichiers originaux : la copie ou la duplication des fichiers sources,
— la conservation des étapes cruciales d’un travail : l’enregistrement de versions multiples,
— le déplacement et la sauvegarde des fichiers numériques : à chaque support son usage,
— l’utilisation de systèmes informatiques collectifs (école, lieu de travail…) : précautions d’usage.
- C. Exposé : « Écrire, composer, lire »
- Présentation visuelle commentée — Cf. Supports de cours 6
— introduction à l’objet graphique et aux techniques d’impression,
— écriture et typographie : fixer l’Histoire des Hommes,
— perception et reconnaissance des signes : ce qui est vu, ce qui est lu.
- D. Travaux pratiques commentés en préparation du partiel
- Organisation de l’information et mise en page
— construire et développer une édition numérique à pages multiples,
— définir le contenu des pages (textes et images) : le plan rédactionnel,
— distinguer les éléments récurrents des éléments spécifiques,
— mettre en page l’information : considérer et guider ses lecteurs,
— organiser un fichier Photoshop à l’aide des groupes de calques.
- E. Rappel des travaux demandés
- En préparation du partiel (31 janvier et 1er février 2011)
— groupes pour le partiel à former et sélection du couple typographe/typographie à communiquer via e-mail,
— recherche de trois visuels (cf. note) par élève illustrant l’usage de la typographie choisie,
— recherche biographique à propos du typographe choisi,
— rédaction d’un texte de biographie « synthétique » par groupe (cf. note),
— principe général de mise en page à concevoir et à déterminer.
Note : les visuels d’illustration et le texte de biographie sont à fournir au format numérique pour le partiel.
- Lecture des supports de cours, manipulation des outils présentés et révisions générales ;
- Lecture de l’énoncé du partiel.
Sommaire
31 janvier, 1er février 2011 – Cours 7
Partiel : travaux pratiques avec Photoshop (à propos de typographie…)
- Attention !
Pensez à sauvegarder vos fichiers originaux et de travail avant de les modifier…
Énoncé
(la version téléchargeable est disponible à la rubrique
Supports de cours 7)
-
A. Recherche et préparation préliminaires à l’épreuve
- Par groupe de 2, 3 ou 4 étudiants
À partir de la sélection faite d’un typographe et de l’une de ses créations de police de caractère (cf. la liste au format PDF), vous réalisez une recherche de documents qui doit comprendre impérativement le jour du partiel :
Pour l’iconographie
— 3 exemples par étudiant d’utilisation du caractère choisi,
— un portrait par groupe du typographe (dessin, peinture, photographie, etc.).
Note :
L’iconographie peut prendre toutes les formes, prises de vue, numérisations, copies d’écran, fichiers issus du réseau internet… sous réserve qu’elle soit identifiable (indication de la source : auteur, titre, date, nature du document, format d’origine, lieu, url, etc.), exploitable numériquement (formats de fichier de type image numérique : .JPG, .EPS, .PDF, etc.) et d’une définition compatible avec la taille du fichier de travail (attention aux images inférieures à 480 pixels de large ou de haut !).
Pour le texte
— un texte par groupe de biographie synthétique présentant les faits marquants de la vie du typographe.
Note :
Le texte que vous prendrez soin de relire et de corriger si nécessaire, ne doit pas excéder 1000 signes (espaces compris). Il est enregistré dans un format de fichier compatible avec le traitement de texte Microsoft Word (.DOC, .RTF).
Pour la mise en page
Le principe est défini en groupe et validé avant le jour du partiel.
Note :
Le principe de mise en page retenu peut prendre la forme d'un plan côté dessiné sur papier ou d’un fichier informatique respectant le cahier des charges ci-dessous.
B. Cahier des charges éditorial et technique
- À partir des documents collectés
Vous réalisez une édition numérique « multipage » mettant en œuvre votre connaissance des fonctions du logiciel Adobe Photoshop selon les informations détaillées ci-après.
-
- Trois modèles de pages :
La couverture
Contenu éditorial imposé
— Le nom de la police de caractère
— Le prénom et le nom du typographe
— La mention Dossier-mémoire « typographe et typographie »
— Les prénoms et les noms des étudiants composant le groupe
— Le numéro attribué au groupe sous la forme #01 pour le groupe 1, #02 pour le groupe 2, etc.
— La classe sous la forme 4MC1 ou 4MC2 ou 4MC3 ou 4MC4
— Le nom de l’école sous la forme Pôle Paris alternance
— La date de l’édition sous la forme Année 2011
La page de biographie
Contenu éditorial imposé
— Le texte de biographie
— Le portrait du typographe
— Le rappel du prénom et du nom du typographe et de sa typographie
— La mention de la partie ou rubrique de l’édition sous la forme Biographie
— L’indication du folio (ou numéro de pagination)
La page d’exemple d’utilisation du caractère
Contenu éditorial imposé
— Une ou plusieurs illustrations (en fonction de la pertinence de leur juxtaposition)
— La (ou les) légende(s) de(s) illustration(s) et/ou les informations relatives à leur source
— Le rappel du prénom et du nom du typographe et de sa typographie
— La mention de la partie ou rubrique de l’édition sous la forme Exemple d’utilisation
— L’indication du folio (ou numéro de pagination)
Note :
À ces contenus imposés, il est possible d’ajouter tout ce qui vous apparaît utile à informer et guider le lecteur : textes, images, éléments graphiques.
-
- La mise en page et la typographie des textes d’information :
Dans le format fixé (cf. Informations techniques au point suivant), vous hiérarchisez et organisez l’information selon le principe de mise en page que vous avez défini en groupe ou à partir du gabarit proposé au téléchargement : gabarit au format PSD zippé (environ 16 ko).
Au moyen des Groupes de calques (menu de la Fenêtre Calque/Nouveau groupe), vous organisez votre travail en réunissant les calques constituants chaque modèle de page (fond de page, couverture, biographie, pages d’exemple).
Tous les éléments, groupe de calques ou calques, sont nommés de manière à être clairement identifiés.
Note :
À l’identique des calques, il est possible depuis la Fenêtre Calque de modifier le niveau de plan d’un groupe par rapport à un autre, de l’afficher ou de le masquer, de le dupliquer, de le supprimer…
Éléments de mise en page imposés et d’organisation du fichier de travail
Un fond commun à toutes les pages pouvant contenir aplats colorés, images ou objets graphiques (lignes, formes, motifs, etc.), est à réaliser.
Il constitue un système graphique récurrent dont la fonction peut être de définir des zones d’information dans la page ou un simple jeu décoratif.
Tous les textes de l’édition (biographie, titres, légendes, etc.) sont composés en Franklin Gothic dans les styles Book, Demi Condensed, Heavy.
Notes :
Afin d’assurer la précision de votre montage, vous utilisez les repères magnétiques (menu Affichage/Magnétisme/Repères) disponibles depuis les règles (menu Affichage/Règles) ou positionnables via le menu Affichage/Nouveau repère…
Le gabarit disponible au téléchargement utilise un principe de repères espacés de 220 pixels du bord extérieur du format et d’un repère indiquant la moitié verticale du format. Il est bien entendu possible de modifier ou d’enrichir ce gabarit.
-
- Les informations techniques du fichier de travail :
— Largeur x hauteur : 4096 x 3072 pixels (soit ± 346 x 260 mm)
— Résolution : 300 DPI
— Mode couleur et codage : RVB 8 bits
— Format d’enregistrement du fichier : .PSD (avec calques)
C. Les fichiers à livrer : détail et modalités
- À partir de votre modèle de page d’exemple
Vous complétez votre document d’exemples que vous avez collectés, soit une page supplémentaire par étudiant présent dans le groupe.
-
- Partiel — Partie 1
Après avoir vérifié la validité de vos travaux, enregistré votre fichier de travail, vous procédez au changement de résolution et au ré-échantillonnage en prenant soin de conserver les calques et les groupes selon le cahier des charges suivant :
— Largeur : 640 pixels
— Résolution : 72 DPI
— Mode couleur et codage : RVB 8 bits
— Format d’enregistrement du fichier : .PSD
— options : calque coché — Si l’option se présente, maximiser la compatibilité coché.
Le nom d’enregistrement pour ce fichier respecte le principe :
20110131-MC1-GROUPE01-MEP.psd
Soit AAAAMMJJ-CLASSE-GROUPE-NONDUFICHIER.suffixe
Votre travail terminé et contrôlé, vous adressez par courrier électronique à agulphe@my-itcampus.com votre fichier en pièce jointe en conservant l’objet « Partiel 1 » attribué automatiquement.
Dans le corps du message, vous indiquez votre classe, vos noms, vos prénoms et numéro de groupe.
-
- Partiel — Partie 2
À partir du fichier ré-échantillonné, vous procédez à l’enregistrement de chacune des pages (couverture, biographie, pages d’exemple) selon le cahier des charges suivant :
— Largeur : 640 pixels
— Résolution : 72 DPI
— Mode couleur et codage : RVB 8 bits
— Format d’enregistrement du fichier : .JPG
— options : qualité élevée (8) — format de base (standard).
Les noms d’enregistrement pour ces fichiers respectent le principe :
20110131-MC1-GROUPE01-MEP-01.jpg
Soit AAAAMMJJ-CLASSE-GROUPE-NONDUFICHIER-NUMÉRODEPAGE.suffixe
Votre travail terminé et contrôlé, vous adressez par courrier électronique à agulphe@my-itcampus.com vos fichiers en pièces jointes en conservant l’objet « Partiel 2 » attribué automatiquement.
Soit :
— 5 fichiers pour les groupes de 2 étudiants (couv., bio., 3 pages d’exemples) : Nos de pages de 01 à 05
— 6 fichiers pour les groupes de 3 étudiants (couv., bio., 4 pages d’exemples) : Nos de pages de 01 à 06
— 7 fichiers pour les groupes de 4 étudiants (couv., bio., 5 pages d’exemples) : Nos de pages de 01 à 07
Dans le corps du message, vous indiquez votre classe, vos noms, vos prénoms et numéro de groupe.
Notes :
Avant de procéder à l’Enregistrement sous… depuis le menu Fichier, vous prenez soin de n’afficher que les groupes de calques nécessaires à vos pages au moyen de l’icône signalée par un œil dans la fenêtre Calque.
L’Enregistrement sous… d’un fichier PSD multicalque dans un format ne gérant pas les calques comme le JPEG, a pour conséquence l’activation automatique de la fonction En tant que copie dans la boîte de dialogue d’enregistrement.
D. Déroulement de l’épreuve
- Les documents, notes et supports de cours sont autorisés.
- Un support de stockage numérique est requis. Il permet à chaque étudiant d’apporter les fichiers préparés pour l’épreuve ainsi que la copie des travaux réalisés.
- Accompagnées la première heure de cours, la durée de l’épreuve est de 2 heures.
- Un délai de 72 heures est accordé pour la finalisation du montage et l’envoi des travaux.
— pour la classe de MC1 : le 3 février, 13 h
— pour la classe de MC2 : le 3 février, 17 h
— pour la classe de MC3 : le 4 février, 13 h
— pour la classe de MC4 : le 4 février, 17 h
- Tous les courriers reçus au-delà de ces délais sont considérés irrecevables.
Les dates et heures d’enregistrement intégrées aux fichiers font foi (données EXIF).
E. Principe de notation
- La notation sur un total de 20 points est établie comme suit :
Partie 1 (pour un total de 14 points maximum)
— sur 4 points pour le respect du cahier des charges éditorial
(+ de 4 erreurs : 0 pt — de 1 à 3 erreurs : 2 pts — sans erreur : 4 pts).
— sur 4 points pour le respect du cahier des charges technique (inclus l’organisation de la fenêtre calque)
(+ de 4 erreurs : 0 pt — de 1 à 3 erreurs : 2 pts — sans erreur : 4 pts).
— sur 2 points pour la précision du montage
(approximatif : 0 pt — précis : 2 pts).
— sur 2 points pour la qualité de l’iconographie
(faible qualité : 0 pt — bonne qualité : 2 pts).
— sur 2 points pour l’organisation/hiérarchisation de l’information (mise en page)
(faible lisibilité : 0 pt — bonne lisibilité : 2 pts).
Partie 2 (pour un total de 6 points maximum)
— 1 point par fichier pour le respect du cahier des charges (0 pt hors cahier des charges).
Pour les groupes de 2 ou de 4 étudiants, un coefficient est appliqué.
- Afin de répondre à tout litige quant aux notes attribuées, vous conserverez vos fichiers sans y apporter de modification après l’épreuve. Ils seront le cas échéant, la seule valeur de contrôle entendue et acceptée pour réévaluer vos résultats.
Sommaire
Les points « essentiels »
- A. Le « nommage » des fichiers
Afin d’établir un principe de nommage des fichiers qui inclut l’ensemble des informations relatives à l’étudiant et à ses travaux (réalisés en cours ou à domicile), tous les documents seront Enregistrés sous… le principe :
- Date au format AAAAMMJJ (A = année, M = mois, J = jour)
- Nom de la classe au format MCx (x = le numéro de classe)
- Nom de l’étudiant
— pour les noms composés, conserver uniquement le premier nom
— pour les noms de plus de 8 caractères, conserver les 8 premières lettres
- Lettre initiale du prénom
- Nom du fichier original
- Numéro de version au format 001, 002… (les différents états du document sont conservés)
- Le suffixe relatif au format de fichier employé pour l’enregistrement (.PSD .JPG, .EPS…)
-
- L’ensemble est composé en lettres capitales (majuscules).
- Chaque élément est relié au suivant par un tiret sans espace avant/après.
(tiret 6 pour les utilisateurs de PC sous Windows)
- Si des transformations interviennent au-delà de la date du premier enregistrement, la date initiale est conservée.
-
- Par exemple, pour un travail réalisé sur le fichier Potier, le 25 octobre 2010, par une étudiante imaginaire de MC2 prénommée Géraldine Grand-Richard de Louville et enregistré à un troisième état de sa transformation au format PSD, le nom du fichier sera :
20101025-MC2-GRAND-G-POTIER-003.PSD
- Le non-respect de ce système interdira toute prise en compte du fichier remis.
- B. Ré-échantillonnage (source : Aide du logiciel Photoshop CS3)
- Le ré-échantillonnage modifie la quantité des données de l’image lorsque vous modifiez les dimensions en pixels d’une image ou sa résolution.
. sous-échantillonner (réduire le nombre de pixels) revient à supprimer des informations d’une image,
. sur-échantillonner (augmenter le nombre de pixels) revient à ajouter des pixels.
La manière dont les pixels sont ajoutés ou supprimés dépend de la méthode d’interpolation choisie.
- Gardez à l’esprit que le ré-échantillonnage peut amoindrir la qualité de l’image. Par exemple, lorsque vous ré-échantillonnez une image à des dimensions en pixels supérieures, l’image perd en niveau de détail et en netteté. L’application du filtre Accentuation à une image ré-échantillonnée peut contribuer à renforcer la netteté de ses détails.
Numériser ou créer l’image avec une résolution suffisamment élevée peut vous dispenser de la ré-échantillonner. Si vous voulez obtenir un aperçu des effets de la modification des dimensions en pixels à l’écran ou imprimer des épreuves avec des résolutions différentes, ré-échantillonnez une copie de votre fichier.
Photoshop ré-échantillonne les images par interpolation pour attribuer des valeurs chromatiques à tout nouveau pixel créé à partir des valeurs chromatiques des pixels existants. Vous pouvez choisir la méthode d’interpolation à utiliser dans la boîte de dialogue Taille de l’image :
Au plus proche : Cette méthode, plus rapide mais moins précise, permet de répliquer les pixels dans une image. Cette méthode est disponible pour les illustrations contenant des bords non lissés, ce qui permet de conserver les bords crénelés afin de produire un fichier plus petit. Cependant, cette méthode peut produire des effets d’escalier, visibles lors de la déformation ou de la mise à l’échelle d’une image ou de plusieurs manipulations sur une sélection.
Bilinéaire : Cette méthode permet d’ajouter des pixels par calcul de la moyenne des valeurs chromatiques des pixels voisins. Le résultat obtenu est de qualité moyenne.
Bicubique : Cette méthode, plus lente mais plus précise, repose sur l’examen des valeurs des pixels voisins. S’appuyant sur des calculs plus complexes, la méthode bicubique produit des transitions de tonalités plus douces que la méthode Au plus proche ou Bilinéaire.
Bicubique plus lisse : Il s’agit d’une bonne méthode pour agrandir les images selon la technique d’interpolation bicubique, mais elle convient davantage pour produire des résultats plus lisses.
Bicubique plus net : Il s’agit d’une bonne méthode pour réduire la taille d’une image selon la technique d’interpolation bicubique tout en renforçant la netteté. Cette méthode permet de préserver les détails d’une image ré-échantillonnée. Si la méthode Bicubique plus net exagère certaines zones d’une image, essayez alors la méthode Bicubique.
- C. Les valeurs à retenir pour définir la résolution d’une image numérique bitmap à tel*
- Pour une image dont la destination est l’impression sur un système « maquette » (imprimante jets d’encre, laser…) :
150 DPI, soit environ 59 pixels par centimètre.
- Pour une image dont la destination est l’impression offset en « qualité magazine** » :
300 DPI, soit environ 118 pixels par centimètre.
-
- (DPI : Dots per inch — points par pouce)
- *À tel : à l’échelle 1 pour 1.
- **La valeur de 300 DPI donnée pour l’impression offset est relative à une trame d’impression de 150 LPI (Lines per inch).
La valeur de trame est fournie par l’imprimeur ou le support destinataire des fichiers à reproduire (journal, magazine, annuaire, etc.).
Le système de calcul à appliquer pour une trame d’impression différente de 150 LPI est :
Valeur de trame x 2 = quantité de pixels/pouce.
- Par exemple : pour un magazine imprimé avec une trame d’impression de 133 LPI :
133 x 2 = 266
La valeur nécessaire à une résolution optimale à tel est donc de 266 DPI.
Sommaire
Matériel des cours 2, 3, 4 (18-19/10 – 8-9/11 – 29-30/11/2010)
Important : toute image est soumise à un contrat ou une licence qui en précise les droits d’usage.
Les visuels fournis pour les cours de PAO du programme de Pôle Paris alternance, ne peuvent être utilisés que dans ce cadre strict.
Toute autre utilisation est à proscrire.
En complément d’information, vous trouverez dans ce
document PDF à télécharger (environ 500 ko), une introduction aux notions de droit d’auteur ainsi que des liens vous donnant accès à la législation française et à d’autres modèles de contrats.
À consulter également, les liens de la rubrique
Webographie, Environnement professionnel.
Sommaire
Supports de cours (au format PDF, PSD et vidéo)
- Image numérique (cours 2)
- Photographie : composition, cadrage – Document à télécharger (environ 500 ko)
- Photographie : composition, cadrage (illustration) – Document à télécharger (environ 10 Mo)
- Réalisation d’images photographiques, un peu de méthodologie – Document à télécharger (environ 500 ko)
- Photoshop, régler les Préférences/Options (les bases) – Document à télécharger (environ 2,6 Mo)
-
Réaliser une image en mode bichromie (flux vidéos non commentés)
- Taille de l’image et résolutions de sortie – Consulter
- Changement de mode couleur et renforcement du contraste – Consulter
- Changement de mode couleur : bichromie – Consulter
Sommaire
À propos de typographie (quelques pistes…)
- À propos de :
Bodoni, Giambattista – Bodoni
- Sur Wikipédia, l’article Giambattista Bodoni
- Le site internet du musée Bodoni à Parme (site en italien)
Accès au site
- La fonte Bauer Bodoni Roman sur le site de Linotype
(site commercial avec présentation d’échantillons au format PDF et d’exemples d’utilisation…)
Accès au site
-
- À propos de :
Cassandre, pseudonyme de Mouron, Adolphe Édouard Jean Marie – Peignot
- Biographie et bibliographie de Cassandre sur le site des Arts décoratifs
- Revue Communication et langages sur Persée – Nº 65, 3e trimestre 1985
A. M. Cassandre ou l’autobiotypographe, par Jérôme Peignot
- A. M. Cassandre, présentation de l’œuvre (dessins, affiches) sur le site de Roland Mouron
- Présentation de la police de caractères Peignot (édition URW) sur le site de FontShop
(échantillons au format PDF disponibles par style…)
- Sur le blog jlggbblog, dans l’article INOP (+TNP) 1958 du 25 mai 2008
Le portail du 41, de la rue Gay-Lussac, Paris 5e
- Le logotype de la RATP sur le site Brands of the World
Bibliothèque permettant le téléchargement de logotypes. (site en anglais)
Note : l’ouverture d’un compte utilisateur (gratuit) est requise.
-
- À propos de :
Excoffon, Roger – Banco et Mistral
- Revue Communication et langages sur Persée – Nº 57, 3e trimestre 1983
Excoffon, par José Mendoza et Gérard Blanchard
- I love BANCO, par Alice Walter, Graphiste
- L’affiche du film L’Arme à gauche (1965), réalisé par Caude Sautet
sur le site de Wanted-Rare-Book
- Rassemblés le 21 mars 1997 par Jean-Pierre Lacroux,
Soixante et onze substantifs, incontestablement féminins au format PDF
par Alain Hurtig, maquettiste et typographe
- Font in use: Mistral, par Matt Soar, Intermedia Artist, Graphic Designer, Writer
-
- À propos de :
Frutiger, Adrian – Frutiger et Univers
- Sur Wikipédia, l’article Adrian Frutiger
- Sur Wikipédia, l’article Univers (police d’écriture)
- Revue textimage. À la lettre – Nº 3, Été 2009
Le signe typographique et le mythe de la neutralité. L’Univers, par Vivien Philizot
-
- À propos de :
Garamond, Claude – Garamond
- La lettre GUTenberg nº 4 – Décembre 1994 (PDF)
Rubrique La fonte du jour (page 18), Adobe-Garamond
(Source : Publications de Jacques André)
- Blog Design et typo – Article du vendredi 26 novembre 2010
Garamont ou Garamond ? Voici celui de la fonderie Deberny et Peignot…, par Peter Gabor
- Revue Communication et langages sur Persée – Nº 98, 4e trimestre 1993
Garamond, mythe et patrimoine, par Gérard Blanchard
-
- À propos de :
Miedinger, Max – Helvetica
- Helvetica, un film documentaire de Gary Hustwit
- Magazine Largeur.com – Article du lundi 3 mai 2004
Rubrique Culture, Le culte de l’Helvetica, par Pierre Grosjean
-
Sur le site Deviant Art, de nombreux exemples d’utilisation de l’Helvetica :
. Helv 001
. etica 002
etc.
-
- À propos de :
Morison, Stanley – Times New Roman
- Blog Design et typo – Article du lundi 27 mars 2006
L’histoire du Times New Roman (Partie 1 et suite…), par Peter Gabor
- La lettre GUTenberg nº 7 – Avril 1996 (PDF)
Rubrique La fonte du jour (page 18), Un Times trop vu
(Source : Publications de Jacques André)
- Poster sur le blog Deviant Art – Article du 17 octobre 2007 par Bladenhart
-
- À propos de :
Porchez, Jean-François – Le Monde Journal et Parisine
- Le Monde Journal, présentation sur le site Typofonderie
- Le Monde Dossier : Portrait d’un quotidien,
Publication de juin 2003 présentant le journal
Consultation de la publication au format PDF (via le site de l’Académie de Versailles)
- Le Monde : Les comptes du groupe (année 2003),
Publication du samedi 5 juin 2004
Consultation de la publication au format PDF (via la WayBackMachine)
- La Parisine, présentation sur le site Typofonderie
- Sur Wikipédia, l’article Parisine
- La Parisine en image station Opéra, sur Academic – Dictionnaires et encyclopédies
-
- À propos de :
Powell, Gerry et Hunter Middleton, Robert – Stencil
- Gerry Powell, une très synthétique biographie (en allemand) avec portrait (PDF)
sur le site du Klingspor-Museum
- Robert Hunter Middleton, biographie en anglais avec portrait sur le site de Linotype (site commercial)
Accès au site
- Robert Hunter Middleton, biographie en anglais sur le site Typophile
Accès à la page (via la WayBackMachine)
- Sur Wikipédia, l’article R. Hunter Middleton (en anglais)
- La fonte Stencil Bold sur le site d’Adobe Fonts
(site commercial avec présentation d’échantillons)
Accès au site
Sommaire
Bibliographie
- Culture générale
Généralités, ressources encyclopédiques
- Dictionnaire des symboles. Mythes, rêves, coutumes, gestes, formes, figures, couleurs, nombres,
Auteur(s) : Jean Chevalier, Alain Gheerbrant – 1100 pages
Éditeur : Éditions Robert Laffont et Édition Jupiter – ISBN : 2-221-50319-8
- L’aventure des écritures (vol. I). Naissance,
Auteur(s) : collectif sous la direction d’Anne Zali et Annie Berthier – 228 pages
Éditeur : Bibliothèque nationale de France – ISBN : 2-7177-2023-5
- L’aventure des écritures (vol. II). Matières et formes,
Auteur(s) : collectif sous la direction de Simone Breton-Gravereau et Danièle Thibault – 196 pages
Éditeur : Bibliothèque nationale de France – ISBN : 2-7177-2059-6
- L’aventure des écritures (vol. III). La page,
Auteur(s) : collectif sous la direction d’Anne Zali avec la participation de Lucile Trunel – 220 pages
Éditeur : Bibliothèque nationale de France – ISBN : 2-7177-2072-3
- Langage de signes. L’écriture et son double,
Auteur(s) : Georges Jean – 212 pages
Éditeur : Gallimard, coll. Découvertes, archéologie – ISBN : 2-07-053084-1
- L’Homme et ses signes. Signes, symboles, signaux,
Auteur(s) : Adrian Frutiger – 324 pages
Éditeur : Atelier Perrousseaux Éditeur – ISBN : 2-911220-05-6
- L’imprimerie,
Auteur(s) : Gérard Martin – 132 pages
Éditeur : PUF (Presses universitaires de France), coll. Que sais-je ? – ISBN : 2-13-045792-4
- Le papier. Une aventure au quotidien,
Auteur(s) : Pierre-Marc de Biasi – 164 pages
Éditeur : Gallimard, coll. Découvertes, techniques – ISBN : 2-07-053445-6
- Typographie, design graphique
Codes typographiques
- Bodoni, Manuel typographique – Manuale tipografico (1818),
Auteur(s) : Stephan Füssel – 1208 pages
Éditeur : Taschen – ISBN : 978-3-8365-0554-3
À propos de l’ouvrage.
- Lexique des règles typographiques en usage à l’Imprimerie nationale,
Auteur(s) : Collectif Imprimerie – 198 pages
Éditeur : Imprimerie Nationale – ISBN : 978-2-7433-0482-9
- Images numériques, photographie
Parcours, essais
- Errance,
Auteur(s) : Raymond Depardon – 180 pages
Éditeur : Éditions du Seuil, coll. Points – ISBN : 2-02-060419-1
Sommaire
Webographie
- Travaux typographiques
- University of Reading (via la WayBack Machine)
Travaux typographiques 2010 :
Présentation des recherches et des développements des designers
Sommaire
Logiciels (commerciaux et Open Source)
- Logiciels commerciaux avec période d’essai
- Adobe Photoshop CC – plateformes disponibles : Windows, Mac OSX
Accès à la page des abonnements
Note : l’ouverture d’un compte utilisateur (gratuit) est requise.
Sommaire
À voir, à visiter…
Sommaire
Contact
Contact enseignant :