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

Slides:



Advertisements
Présentations similaires
Infographie Licence Pro MMI TD n°1 – 09/10/2015 Partie 1 : Présentation et rappels.
Advertisements

Conférence AIP 2008 Nicolas Outters Calques Calques de réglage Masques d'écrêtage couches alpha Masque de fusion Masque de fusion intelligent.
Mettre en ligne des cartes.
22/10/2011 Inkscape Le dessin vectoriel à portée de tous INKSCAPE Aru2L 22 octobre 2011.
LE SUPPORT D'ORDINATEUR PORTABLE. Problématique Oh, j'ai chaud aux jambes ! Et moi, j'ai chaud à mon processeur !
Infographie Licence Pro MC TP n°2 – 19/10/2015 Création de la page centrale du catalogue de Noël de la société Botaland.
Les profils du SEDA confection de profil avec Agape.
Made with OpenOffice.org 1 Travailler en réseau intranet à l'école Un réseau : pourquoi ? Architecture du réseau Partager un dossier Enregistrer en réseau.
Conférence AIP 2008 Traitement Photoshop pour réduire les halos d'étoiles Nicolas Outters.
Guide de l'enseignant SolidWorks, leçon 1 Nom de l'établissement Nom de l'enseignant Date.
Initiation à QuickPlace, janvier Initiation à QuickPlace n Nature de l'outil n Fonctions de base (lecture, création) n Fonctions de gestionnaire.
INKSCAPE Creative Commons By Armel Maran & Jean-Pierre Morfin pour G3L.
Réaliser un CD lecteur de salon (photos ou vidéos) pouvant être lu
Premiers pas avec PowerPoint
AMUE – SIFAC Gestion des services fait sur SIFAC WEB
The GIMP.
Voyage dans le logiciel de présentation de la suite libre.
soit à l’aide d’un logiciel de transfert FTP
E-Prelude.com Importation de nomenclatures issues de divers logiciels de CAO… … via un fichier « neutre » de type EXCEL.
POWERPOINT 2013.
COURS EXCEL INITIATION EPN LES PICOULET Elsa DELAUNAY.
Réaliser une opération de contournage en fraisage
Utilisation des Gammes La chaîne numérique en Productique
INDESIGN Initiation Votre Formateur : Frantz.
Les outils de sélection Cours préparé par l’enseignante Wafa Bourkhis.
Manuel de redimensionnement et de conversion de photos sur PAINT
Comment réaliser et présenter un diaporama ?
Utilisation de Windows
Initiation à la représentation d’une maison
Réaliser un Diaporama ML PATINEC – 03/2017
INFOGRAPHIE- COURS 31 Mardi le 10 janvier 2017
TITRE Contenu.
de la page type d’un site web
de la page type d’un site web
Initiation Excel 1ère Partie novembre - décembre 2014.
8. Mettre les paramètres du test final
Premiers pas sous Windows XP
  EXCEL FORMATION d'introduction.
Réaliser une présentation PowerPoint
1ers pas des utilisateurs migrés
D3 – Produire, traiter, exploiter et diffuser des documents numériques
Guide des différences entre les deux versions de l’interface web
Création Et Modification De La Structure De La Base De Données
3- Nouvelles pages d’accueil
Gestion des fichiers Niv2
Le code à l’école Qu’est-ce que le codage informatique ?
6- Nouveaux services pédagogiques pour les enseignants
Deuxième partie LE DOSSIER TECHNIQUE DU MARINGOUIN.
Gilles BADUFLE À partir d’un PPT modifié du C.A.H.M.
USER GUIDE : BASE DE DOCUMENTATION
Apprendre le clavier Révision : les touches Mode d’emploi
Chapitre 2 Le Projet Poterie
Utiliser PowerPoint dans le cadre des TPE
„La plate-forme EAI “ Initiation à WBI
Dossier SARL Verdier Application No 8
FORMATION POWERPOINT 2007/2010
Partie 1 : Présentation et rappels
Logiciel de présentation
Administrer le site des théâtres de Compiègne
Elles contiennent des informations autre que géométriques
Tableaux croisés dynamiques sous Excel: des outils simples pour une analyse rapide de jeux de données en cytométrie Camille SANTA MARIA Ingénieur d’étude.
Sur la base d’exemples, ce diaporama recense l’ensemble des
Smart Graphic Layout SUJET déclaration
03/05/2019 L’organisation et la gestion des fichiers sur le site collaboratif Martine Cochet 2SitePleiadeGestionFichiers.
Support de formation Administrateur Entretiens
STS Web Services libres Gérer les services libres
Tapez les détails de votre événement ici
Principales différences entre les systèmes d’exploitation MAC OS et Windows Nouveau : on insiste sur la partie formation.
Principales différences entre les systèmes d’exploitation Linux UBUNTU et Windows Nouveau : on insiste sur la partie formation 1.
Images Stage – Semaine 4.
Transcription de la présentation:

TP n°2 – 19/10/2015 Création de la page centrale du catalogue de Noël de la société Botaland

Compte rendu travaux rendus TP n°1 Plan du TP n°2 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

Compte rendu TP n°1 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 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

Points positifs : Compte rendu TP n°1 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

Points négatifs : Compte rendu TP n°1 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)

Points négatifs : Compte rendu TP n°1 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…

Utilisation des brush Photoshop Notions abordées TP n°2 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

Brush = brosse / forme de pinceau Tutoriels création : Brush Photoshop Brush = brosse / forme de pinceau Tutoriels création : 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/ Téléchargement libre http://www.brush-photoshop.fr/

Brush Photoshop 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 - Chargement

Brush Photoshop Démo

Infos définition / création / modification : Symboles Illustrator 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/using/WS714a382cdf7d304e7e07d0100196cbc5f-6221a.html# Utilisation placage 3D

Symboles Illustrator - Chargement

Symboles Illustrator Démo

Les modes : Les outils : Détourage Photoshop 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 …

Les paramétrages : Détourage Photoshop Contours progressifs Lissage Dilater / Contracter Améliorer le contour

Sélections flottantes / géométriques Détourage Photoshop 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

Addition / Soustraction (barre d’options ou raccourci clavier) Détourage Photoshop 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)

Mémoriser une sélection flottante Détourage Photoshop 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

Lasso Lasso polygonal Détourage Photoshop 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

Sélection rapide Baguette magique Détourage Photoshop 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

Gomme magique Gomme d’arrière plan Détourage Photoshop 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

Plume (détourage vectoriel précis et net) Détourage Photoshop 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

Plume (suite) Détourage Photoshop 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

Masque de fusion (détourage non destructif) Détourage Photoshop 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

Correction d’un masque de fusion Détourage Photoshop 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 Démo

Fichiers liés Illustrator (import) 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/WS714a382cdf7d304e7e07d0100196cbc5f-657aa.html

Attention aux contraintes !!! Consigne TP n°2 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.com https://pixabay.com/

Questions ?

A vous !