582-122-HU Images numériques Automne 2015 Techniques d intégration multimédia Cégep de L Outaouais Enseignant : Steve Beaubien Courriel : steve.beaubien@cegepoutaouais.qc.ca Bureau : 2.527
1. INTRODUCTION Finalité du cours. Le cours 582-122-HU Images numériques propose aux étudiants de s initier au traitement des images numériques 2D. L étudiant devra à la fin de cours être capable de traiter les deux grandes catégories d images fixes numériques, soit les images matricielles et les images vectorielles. Les images numériques étant une composante primordiale de toute production multimédia, il est très important d en comprendre les caractéristiques techniques, c est-à-dire la manière dont elles sont fabriquées. L étudiant devra donc être en mesure d'exécuter plusieurs manipulations techniques avec ces images. L étudiant réalisera des exercices et des projets en lien avec les apprentissages. Préalables. Aucun préalable n est exigé pour ce cours. Explication de la pondération du cours. La pondération du cours (1-2-2) correspond à une heures d activités théoriques en classe, à deux heures de laboratoire et à deux heures de travail en dehors des périodes de cours. Relation entre le cours et d autres cours du programme. Ce cours partage la compétence avec le cours 582-322-HU Création 3D. Le traitement numérique des images fait partie de la discipline design. Compétence du cours. La compétence principale à acquérir dans ce cours est de traiter les images fixes. voici les éléments de cette compétences : 1. Établir le mode de traitement des images fixes. 2. Préparer le traitement des images. 3. Numériser les images fixes. 4. Appliquer le traitement aux images fixes. 5. Adapter les images en fonction de l intégration 6. Terminer le traitement des images fixes.
2. LES METHODES D ENSEIGNEMENT ET LES ACTIVITES D APPRENTISSAGE Méthodes d enseignement Exposés : démonstrations de techniques, de procédés ou du fonctionnement d un appareil. Exposés théoriques de principes élémentaires liés à la matière. Exposé multimédia (présentation en utilisant un éventail de média visuel). Exposé de l étudiant (l enseignant commente à la fin de l exposé). Activités d apprentissage de l élève Observation de la démonstration et prise de notes par l élève. Poser des questions. Réalisation de tutoriels. Observation de la démonstration et prise de notes par l élève. Poser des questions. L étudiant fait une présentation orale au groupe de son travail tout en justifiant sa démarche. Il bonifie ensuite son travail. Projets : l enseignant agit comme personne-ressource pour assister les étudiants et supervise les activités et fait de l évaluation L élève applique les différentes connaissances et habiletés acquises au cours de la réalisation d une tâche ou une activité. 3. ÉVALUATION DES APPRENTISSAGES Un document qui expose le sujet ainsi que les critères d évaluation seront fournis à l étudiant pour chaque projet au moment de l explication du travail à faire. Type Semaine Date de remise Pondération Travail pratique (Matière vue en classe). Travail pratique (Matière vue en classe). Travail synthèse (Ensemble de la matière). Semaine 5 30 % Semaine 9 30 % Semaine 15 40 %
4. DÉROULEMENT DES COURS Période Critères de performance Balises de contenu Activités d apprentissage Déroulement des cours Cours 1 Établir le mode de traitement des images fixes. 1.4 Reconnaissance exacte des modes de traitements numériques des images fixes. 1.5 Choix du logiciel de traitement approprié. Notions de base des images analogiques et Types de logiciel. Particularités des images vectorielles et des images matricielles. divers types de traitements Présentation du cours Exposé sur les images Ateliers de manipulation d images numériques (matricielles et vectorielles). A. Présentation du plan de cours. B. Présentation de projets étudiants et mise en contexte avec le traitement d images C. Exposé/atelier sur le traitement d images numériques et ses possibilités, introduction au traitement d images avec Photoshop. Cours 2 Établir le mode de traitement des images fixes. 1.1 Inventaire précis des images fournies. 1.2 Interprétation juste des qualités plastiques des images analogiques et 1.3 Détermination juste des caractéristiques techniques des images numériques 1.4 Reconnaissance exacte des modes de traitements numériques des images fixes. 1.5 Choix du logiciel de traitement approprié. Notions de base des images analogiques et Types de logiciel. Particularités des images vectorielles et des images matricielles. divers types de traitements Caractéristiques techniques des images numériques : bits, pixels, résolution, compression, formats de sauvegarde. Exposés sur les images numériques (distinctions entre vectoriel et matriciel), images analogiques et numériques, caractéristiques techniques des images (bits, pixels, résolution, compression, format de sauvegarde). A. Exposé sur les images numériques (Concepts et acquisition de vocabulaire). B. Atelier : Choix et traitement d une série d images (choix et ajout d un mot sur chaque image. C. Atelier dirigé sur la préparation de ces images. Remise des images à la fin du cours. Explication TP1.
Cours 3 Établir le mode de traitement des images fixes. 1.1 Inventaire précis des images fournies. 1.2 Interprétation juste des qualités plastiques des images analogiques et 1.3 Détermination juste des caractéristiques techniques des images numériques 1.4 Reconnaissance exacte des modes de traitements numériques des images fixes. 1.5 Choix du logiciel de traitement approprié. Notions de base des images analogiques et Types de logiciel. Particularités des images vectorielles et des images matricielles. divers types de traitements Caractéristiques techniques des images numériques : bits, pixels, résolution, compression, formats de sauvegarde. Ateliers portant sur des traitements d ordre esthétique (cadrage, ajustements, retouches, effets) et techniques (optimisation, format, résolution, dimensions). A. Démonstration/atelier dirigé/ Traitement d images-masques de fusion. B. Atelier masques de fusion C. Travail sur TP1 Explication TP1. Cours 4 Établir le mode de traitement des images fixes. 1.1 Inventaire précis des images fournies. 1.2 Interprétation juste des qualités plastiques des images analogiques et 1.3 Détermination juste des caractéristiques techniques des images numériques 1.4 Reconnaissance exacte des modes de traitements numériques des images fixes. 1.5 Choix du logiciel de traitement approprié. Notions de base des images analogiques et Types de logiciel. Particularités des images vectorielles et des images matricielles. divers types de traitements Caractéristiques techniques des images numériques : bits, pixels, résolution, compression, formats de sauvegarde. Ateliers portant sur des traitements d ordre esthétique (cadrage, ajustements, retouches, effets) et techniques (optimisation, format, résolution, dimensions). A. Atelier dirigé : techniques de traitement d images B. Travail sur TP1
Cours 5 Préparer le traitement des images. 2.1 Détermination juste des paramètres de numérisation. 2.2 précise du temps nécessaire au traitement. 2.3 Établissement d une méthode rigoureuse de classement et de sauvegarde des fichiers. Paramètres de numérisation (photos). Méthodes de numérisation (photos). Méthodologies de classements. Nomenclature des fichiers. Atelier technique sur la manipulation des appareils photo numériques (bases) en classe. Exposé sur la composition des images, cadrage du sujet, recherche de la lumière, etc. Exposé sur le photomontage. A. Démonstration sur l utilisation des caméras B. Atelier de prise de vues (environnement Cégep), acquisition des prises de vues à l ordinateur. C. Ajustement et traitement des photos à l aide de Photoshop. Remise TP1 (30%). Exposé/atelier : stratégie de sauvegarde et d archivage des fichiers. Atelier recherche d idées et prise de notes (esquisses). Cours 6 Préparer le traitement des images. 2.1 Détermination juste des paramètres de numérisation. 2.2 précise du temps nécessaire au traitement. 2.3 Établissement d une méthode rigoureuse de classement et de sauvegarde des fichiers. Paramètres de numérisation (photos). Méthodes de numérisation (photos). Méthodologies de classements. Nomenclature des fichiers. Démonstration / atelier technique sur la manipulations des appareils photo numériques (bases) en classe. Exposé sur le photomontage et la composition des images (cadrage du sujet, recherche de la lumière). A. Atelier dirigé : techniques de traitement d images B. Atelier travail préparatoire : recherche d idées, esquisses, repérage des lieux. Planification du shooting. Atelier recherche d idées et prise de notes (esquisses). Explication du TP2.
Cours 7 Numériser les images fixes. 3.1 Application correcte des techniques de numérisation des images. 3.2 Vérification minutieuse de la qualité de la numérisation. 3.3 Ajustement approprié du contraste, de la densité et de la couleur des images. 3.4 Recadrage précis des images. 3.5 Exploitation correcte des logiciels de traitement d images (vectorielles et matricielles). Techniques de numérisation des images (photos) Règles de qualité des images numérisées Espace de travail des logiciels de traitement d images Traitements de base à appliquer aux images suite à la numérisation Atelier de prise de photos en extérieur. Consigne : travailler avec la lumière naturelle (photographies documentaires à partir d un thème imposé). Ateliers : traitements divers (esthétique et technique) des images prises par les Atelier : shooting photo pour le TP2. 3.6 Aménagement ergonomique du poste de travail. Cours 8 Numériser les images fixes. 3.1 Application correcte des techniques de numérisation des images. 3.2 Vérification minutieuse de la qualité de la numérisation. 3.3 Ajustement approprié du contraste, de la densité et de la couleur des images. 3.4 Recadrage précis des images. 3.5 Exploitation correcte des logiciels de traitement d images (vectorielles et matricielles). 3.6 Aménagement ergonomique du poste de travail. Techniques de numérisation des images (photos) Règles de qualité des images numérisées Espace de travail des logiciels de traitement d images Traitements de base à appliquer aux images suite à la numérisation Atelier de prise de photos en extérieur. Consigne : travailler avec la lumière naturelle (photographies documentaires à partir d un thème imposé). Ateliers : traitements divers (esthétique et technique) des images prises par les étudiants à l aide de consignes techniques, en vue de l intégration. A. Présentation des photos non traitées (devant la classe). Critiques constructives des étudiants et de l enseignant quand aux traitements possibles à faire sur les photos. B. Atelier : Traitement de images et photomontage à l aide de Photoshop.
Cours 9 Appliquer le traitement aux images fixes. 4.1 Utilisation correcte des effets, des transformations et des traitements spéciaux effectués sur les images. 4.2 Modifications judicieuses des images (retouches et traçage). 4.3 Exploitation créative des diverses fonctions des logiciels de traitement d images (vectorielles et matricielles). 4.4 Utilisation de méthodes de travail appropriées. Types de traitements et optimisation utilisés pour les divers logiciels auteurs. Optimisation, découpe d images, exportation pour le web. Pertinence des modifications sur les images. Pertinence de l utilisation des effets sur les images Méthodes de travail en contexte de production web. Exposé et atelier : traitement esthétique des images numériques (retouches, ajustements et effets spéciaux) à partir d une série de photos issue d une banque d images. Exposé et atelier : traitement technique des images (mise à l échelle, optimisation, ajuster la résolution, enregistrer sour différents format) en lien avec des consignes d intégration. Finaliser le TP2 et remise du travail à l enseignant à la fin du cours. Remise du TP2 (30%). cours 10 Appliquer le traitement aux images fixes. 4.1 Utilisation correcte des effets, des transformations et des traitements spéciaux effectués sur les images. 4.2 Modifications judicieuses des images (retouches et traçage). 4.3 Exploitation créative des diverses fonctions des logiciels de traitement d images (vectorielles et matricielles). 4.4 Utilisation de méthodes de travail appropriées. Types de traitements et optimisation utilisés pour les divers logiciels auteurs. Optimisation, découpe d images, exportation pour le web. Pertinence des modifications sur les images. Pertinence de l utilisation des effets sur les images Méthodes de travail en contexte de production web. Exposé et atelier : traitement esthétique des images Exposé et atelier : traitement technique des images (mise à l échelle, optimisation, ajuster la résolution, enregistrer pour différents format) en lien avec des consignes d intégration. A. Atelier : retouche de photos et effets spéciaux (à partir d une série de photos issue d une banque d images). B. Atelier : préparation d mages pour des projets de médiatique (vidéo/animation).
cours 11 Appliquer le traitement aux images fixes. 4.1 Utilisation correcte des effets, des transformations et des traitements spéciaux effectués sur les images. 4.2 Modifications judicieuses des images (retouches et traçage). 4.3 Exploitation créative des diverses fonctions des logiciels de traitement d images (vectorielles et matricielles). 4.4 Utilisation de méthodes de travail appropriées. Types de traitements et optimisation utilisés pour les divers logiciels auteurs. Optimisation, découpe d images, exportation pour le web. Pertinence des modifications sur les images. Pertinence de l utilisation des effets sur les images Méthodes de travail en contexte de production web. Exposé et atelier : traitement esthétique des images Exposé et atelier : traitement technique des images (mise à l échelle, optimisation, ajuster la résolution, enregistrer sous différents format) en lien avec des consignes d intégration. A. Démonstration/atelier dirigé sur le dessin vectoriel. B. Atelier : création d icônes et d éléments vectoriels. Cours 12 Adapter les images en fonction de l intégration 5.1 Interprétation pertinence des indications données. 5.2 Création appropriée de photomontages selon le design de la page-écran. 5.3 Positionnement correct des textes sur les images selon le design de la page-écran. 5.4 Fabrication cohérente des images manquantes. 5.5 Choix judicieux du format de sauvegarde. 5.6 Exploitation créative des techniques nécessaires à la réalisation de l adaptation. 5.7 Rendu harmonieux et équilibré des couleurs. Particularités du design d interface web. Photomontages Espace colorimétrique Standards ergonomiques du design des pages écrans. Adaptation des pages écrans. Critères de qualité pour la création d images. formats de sauvegarde. Respect du design des pages écrans. Exposé de l enseignant sur le projet synthèse. Atelier et interventions individuelles. A. Explication travail synthèse. B. Atelier dessin vectoriel (suite). Explication du travail synthèse. 5.8 Respect du design de la page-écran.
Cours 13 Adapter les images en fonction de l intégration 5.1 Interprétation pertinence des indications données. 5.2 Création appropriée de photomontages selon le design de la page-écran. 5.3 Positionnement correct des textes sur les images selon le design de la page-écran. 5.4 Fabrication cohérente des images manquantes. 5.5 Choix judicieux du format de sauvegarde. 5.6 Exploitation créative des techniques nécessaires à la réalisation de l adaptation. 5.7 Rendu harmonieux et équilibré des couleurs. Particularités du design d interface web. Photomontages Espace colorimétrique Standards ergonomiques du design des pages écrans. Adaptation des pages écrans. Critères de qualité pour la création d images. formats de sauvegarde. Respect du design des pages écrans. Atelier et intervention individuelles. Atelier projet synthèse. 5.8 Respect du design de la page-écran.
Cours 14 Adapter les images en fonction de l intégration 5.1 Interprétation pertinence des indications données. 5.2 Création appropriée de photomontages selon le design de la page-écran. 5.3 Positionnement correct des textes sur les images selon le design de la page-écran. 5.4 Fabrication cohérente des images manquantes. 5.5 Choix judicieux du format de sauvegarde. 5.6 Exploitation créative des techniques nécessaires à la réalisation de l adaptation. 5.7 Rendu harmonieux et équilibré des couleurs. Particularités du design d interface web. Photomontages Espace colorimétrique Standards ergonomiques du design des pages écrans. Adaptation des pages écrans. Critères de qualité pour la création d images. formats de sauvegarde. Respect du design des pages écrans. Atelier et intervention individuelles. Présentation des étudiants. Commentaires critiques afin de bonifier les projets pour la remise de la semaine suivante. Présentation des projets devant la classe. 5.8 Respect du design de la page-écran. cours 15 Terminer le traitement des images fixes 6.1 Vérification et correction minutieuses du traitement des images fixes selon les critères de qualité établis. 6.2 Classement et sauvegarde corrects de fichiers selon la méthode établie. Critères de qualité Grille d analyse du design des pages-écrans. Classement et sauvegarde correcte de fichiers selon la méthode établie. Atelier et interventions individuelles. A. Atelier dernières modifications du travail synthèse. B. Remise de votre version finale du projet synthèse (à la fin de la période). Remise du projet synthèse (40%).
5. MÉDIAGRAPHIE Livres Adobe Photoshop CS6 Classroom in a Book, Adobe Press 2012 Adobe Illustrator CS6 Classroom in a Book, Adobe Press 2012 Digital art: Toutes les techniques de l'illustration numérique, Dunod, 2012 Les fondamentaux du design graphique, Richard Poulin, Dunod, 2012 Wall and Piece, Banksy, Century, 2007 Obey: Supply & Demand - The Art of Shepard Fairey, Gingko Press, 2009 Brodovitch, Andy Grundberg, Abrams, 2002 Man Ray, Guido Comis and Marco Franciolli, Skira, 2011 John Heartfield and the Agitated Image: Photography, Persuasion, and the Rise of Avant-Garde Photomontage, University Of Chicago Press, 2012 Sites Internet et magazines en ligne www.adobe.com www.aiga.org www.wallpaper.com www.lensculture.com www.awwwards.com www.bauhaus.de www.graphis.com www.worldpressphoto.org www.printmag.com www.cgchannel.com www.infopresse.com www.commarts.com www.lynda.com