Infographie Licence Pro MC 2015-2016 TP n°2 – 19/10/2015 Création de la page centrale du catalogue de Noël de la société Botaland.

Présentation au sujet: "Infographie Licence Pro MC 2015-2016 TP n°2 – 19/10/2015 Création de la page centrale du catalogue de Noël de la société Botaland."— Transcription de la présentation:

1 Infographie Licence Pro MC 2015-2016 TP n°2 – 19/10/2015 Création de la page centrale du catalogue de Noël de la société Botaland

2 Infographie Licence Pro MC 2015-2016 Compte rendu travaux rendus TP n°1 Notions abordées au cours du TP n°2 (démonstrations / explications) Présentation des travaux à réaliser et consignes Mise en œuvre Plan du TP n°2

3 Infographie Licence Pro MC 2015-2016 Moyenne : 12,5 / 20 Note + : 15,5 / 20 Note - : 9 / 20 Détail des notes individuelles au cours du TP (notes fournies à titre d’information, non prises en compte dans la note finale pour cette matière) Compte rendu TP n°1

4 Infographie Licence Pro MC 2015-2016 Critères de notation : –Mise en page globale / Qualité graphique /10 Qualité générale /4 Créativité /2 Complexité de mise en œuvre /2 Qualité des finitions /2 –Qualité du personnage et du logo PEGI /5 Qualité du personnage /4 Qualité du logo PEGI /1 –Respect des contraintes et livraison /5 Respect des contraintes du Cahier des Charges /2 Noms des fichiers explicites sans espaces ni caractères spéciaux /1 Organisation des calques au sein des fichiers sources /1 Livraison complète / 1 Compte rendu TP n°1

5 Infographie Licence Pro MC 2015-2016 Points positifs : –Livraisons dans les délais (sauf 1) –Professionnalisme du mail de livraison –Respect global des contraintes –Bonne utilisation des fichiers liés en majorité –Implication / motivation Compte rendu TP n°1

6 Infographie Licence Pro MC 2015-2016 Points négatifs : –Aspect « Technique » Manque d’organisation dans les fichiers livrés et au sein des fichiers sources –Essayer de se mettre à la place d’une personne qui n’a jamais vu le ou les fichiers, comment fait-il pour s’y retrouver ? Nommage des fichiers –Pas d’espaces ni de caractères accentués –Si possible, penser à mettre son nom dans le nom du zip livré Fichiers sources livrés différents des fichiers utilisés dans la production finale (problème de mise à jour) Compte rendu TP n°1

7 Infographie Licence Pro MC 2015-2016 Points négatifs : –Aspect « Qualité graphique » Attention à ne pas vouloir en faire trop … –« simple et efficace » vaut mieux que « surchargé et difficilement compréhensible » … ni pas assez –Essayer d’avoir un rendu « pro », s’inspirer de ce qui se fait déjà, faire un brainstorming pour trouver des idées … Dans tous les cas, essayer de se mettre à la place du commanditaire / client, se questionner : –Seriez-vous prêt à diffuser réellement votre production ? –Quels points peuvent être améliorés, etc… Compte rendu TP n°1

8 Infographie Licence Pro MC 2015-2016 Utilisation des brush Photoshop Création / utilisation des symboles Illustrator Détourage / sélection Photoshop Utilisation des masques Import de fichiers liés sous Illustrator Export PDF Illustrator Notions abordées TP n°2

9 Infographie Licence Pro MC 2015-2016 Brush = brosse / forme de pinceau Tutoriels création : –http://www.votreassistante.net/creer-ses- propres-brushes-photoshop-et-les-gerer/http://www.votreassistante.net/creer-ses- propres-brushes-photoshop-et-les-gerer/ –http://fr.livingtuts.com/photoshop/digital- painting-tips2-creez-et-configurez-vos-brushs/http://fr.livingtuts.com/photoshop/digital- painting-tips2-creez-et-configurez-vos-brushs/ Téléchargement libre –http://www.brush-photoshop.fr/http://www.brush-photoshop.fr/ Brush Photoshop

10 Infographie Licence Pro MC 2015-2016 Exemples –Silhouettes de personnages –Formes particulières gouttes de sang, notes de musiques, plumes, flèches, circuits électroniques, … –Eléments de décoration dessins d’immeubles, étoiles, ornements, vagues, explosions, … Brush Photoshop

11 Infographie Licence Pro MC 2015-2016 Brush Photoshop - Chargement

12 Infographie Licence Pro MC 2015-2016 Brush Photoshop Démo

13 Infographie Licence Pro MC 2015-2016 Symbole = élément vectoriel réutilisable dans vos différents documents.ai Infos définition / création / modification : http://help.adobe.com/fr_FR/illustrator/cs/usi ng/WS714a382cdf7d304e7e07d0100196cbc5f -6221a.html# Utilisation placage 3D Symboles Illustrator

14 Infographie Licence Pro MC 2015-2016 Symboles Illustrator - Chargement

15 Infographie Licence Pro MC 2015-2016 Symboles Illustrator Démo

16 Infographie Licence Pro MC 2015-2016 Les modes : –Destructif (penser à dupliquer le calque original) –Non destructif (masque / retouches possibles) Les outils : –Sélections géométriques –Lasso –Sélection rapide –Baguette magique –Plume –Masques de fusion –… Détourage Photoshop

17 Infographie Licence Pro MC 2015-2016 Les paramétrages : –Contours progressifs –Lissage –Dilater / Contracter –Améliorer le contour Détourage Photoshop

18 Infographie Licence Pro MC 2015-2016 Sélections flottantes / géométriques –Rectangle / Ellipse –Barre d’ESPACE pour déplacer la sélection tant que la souris est enfoncée –Touche SHIFT enfoncée pour créer un carré ou un cercle parfait Détourage Photoshop

19 Infographie Licence Pro MC 2015-2016 Addition / Soustraction (barre d’options ou raccourci clavier) –Nouvelle sélection : efface automatiquement la sélection précédente –Ajouter : permet de créer une nouvelle sélection s’ajoutant à la précédente (SHIFT) –Soustraire : permet d’effacer une portion de la précédente sélection (ALT) –Intersection : ne conserve que l’intersection des deux sélections (ALT + SHIFT) Détourage Photoshop

20 Infographie Licence Pro MC 2015-2016 Mémoriser une sélection flottante –Création de la sélection –Menu Sélection / Mémoriser la sélection –Nommer la sélection –La sélection est mémorisée en couche alpha visible dans la palette Couches Récupérer une sélection flottante –Menu Sélection / Récupérer une sélection –Ou CTRL + CLIC sur la vignette de la couche alpha Détourage Photoshop

21 Infographie Licence Pro MC 2015-2016 Lasso –Cliquer tirer pour entourer la zone à sélectionner –Touche ALT pour créer des segments de droite Lasso polygonal –Clics successifs pour entourer la zone à détourer –Touche SUPPR pour effacer le dernier segment –Touche ECHAP pour annuler le détourage Détourage Photoshop

22 Infographie Licence Pro MC 2015-2016 Sélection rapide –Cliquer tirer à l’intérieur de l’image ou de la photo pour créer la sélection flottante –Choix de la taille de l’outil –Options d’addition / soustraction Baguette magique –Permet de sélectionner des zones de couleur identique Détourage Photoshop

23 Infographie Licence Pro MC 2015-2016 Gomme magique –Permet de sélectionner une zone de couleur et la rendre transparente en un clic (= Baguette magique + SUPPR) Gomme d’arrière plan –Permet de rendre une zone, dont la couleur est celle sélectionnée comme couleur d’arrière plan, transparente Détourage Photoshop

24 Infographie Licence Pro MC 2015-2016 Plume (détourage vectoriel précis et net) –Dans la barre d’options : option Tracé / Exclure (cochée par défaut) –Création du tracé http://fr.openclassrooms.com/informatique/cours /maitriser-l-outil-plume-et-les-traces http://fr.openclassrooms.com/informatique/cours /maitriser-l-outil-plume-et-les-traces Détourage Photoshop

25 Infographie Licence Pro MC 2015-2016 Plume (suite) –Dans la palette Tracés, Création d’une nouvelle vignette Vérifier que l’objet à conserver est blanc, et que le reste de la vignette est gris (blanc = affiché / gris = masqué) Renommer le tracé –Récupération de la sélection et création d’un masque Détourage Photoshop

26 Infographie Licence Pro MC 2015-2016 Masque de fusion (détourage non destructif) –À partir de n’importe quel type de sélection –Lorsque la sélection est active, ajout d’un masque en cliquant sur l’icône accessible en bas de la palette Calques –Principe : Partie blanche = partie visible Partie noire = partie masquée Zones grises = zones avec transparence Détourage Photoshop

27 Infographie Licence Pro MC 2015-2016 Correction d’un masque de fusion –Attention, vérifier que le masque est bien sélectionné (contour autour du masque dans la palette Calques) –Utilisation de l’outil Pinceau/Crayon (ou autre) pour peindre sur le masque : Peindre en noir pour effacer Peindre en blanc pour restaurer l’image originale Détourage Photoshop

28 Infographie Licence Pro MC 2015-2016 Détourage Photoshop Démo

29 Infographie Licence Pro MC 2015-2016 Import d’illustrations indépendantes au sein du.ai Fichiers stockés dans un dossier particulier (attention conventions de nommage) Conservation d’un lien vers l’image source : –en cas de mise à jour de l’image, à l’ouverture du fichier.ai, Illustrator propose d’effectuer automatiquement la mise à jour Plus d’infos : http://help.adobe.com/fr_FR/illustrator/cs/using/W S714a382cdf7d304e7e07d0100196cbc5f-657aa.html http://help.adobe.com/fr_FR/illustrator/cs/using/W S714a382cdf7d304e7e07d0100196cbc5f-657aa.html Fichiers liés Illustrator (import)

30 Infographie Licence Pro MC 2015-2016 Fichier de consigne Attention aux contraintes !!! Consulter les liens proposés dans la présentation Liens permettant le téléchargement d’images gratuites et libres de droit : –http://fr.photl.comhttp://fr.photl.com –https://pixabay.com/https://pixabay.com/ Consigne TP n°2

31 Infographie Licence Pro MC 2015-2016 Questions ?

32 Infographie Licence Pro MC 2015-2016 A vous !