9

Click here to load reader

Infographie - · PDF fileInfographie 20/09/2013 Page de droite -> Numéro impaire !!! ... Quand travail texte → toujours afficher les caractères masqués (dans le menu texte)

Embed Size (px)

Citation preview

Page 1: Infographie -   · PDF fileInfographie 20/09/2013 Page de droite -> Numéro impaire !!! ... Quand travail texte → toujours afficher les caractères masqués (dans le menu texte)

Infographie 20/09/2013 Page de droite -> Numéro impaire !!! Toujours ! Titre courant = Marque de section 4/10/2013 • Attribuer une couleur pantone à une image (Indesign) :

- Transformer l’image en niveaux de gris dans Photoshop - Image → mode → niveaux de gris - Importer l’image en niveau de gris dans Indesign - Cliquer sur l’image (avoir la sélection brune pas la bleu !) - Créer une couleur pantone

• Pantone Solid Coated → pantone le plus souvent utiliser pour un papier couché. • Débloquer un objet bloquer par les gabarits → Comm. + Shift • ! Quand travail texte → toujours afficher les caractères masqués (dans le menu texte). • Espace d’interligne toujours par rapport au corps. • Google Web Font → font gratuites +/- bonne.

11/10/2013 Absente… 18/10/2013 Illustrator : Partir d’une image très simple !! Alt et Shift sont des touches très importantes. • Affichage → tracé = « le tracé à nu » => permet de voir des choses qu’on ne voit pas en aperçue. Affichage → Aperçue • Toujours travailler sur des calques.

Page 2: Infographie -   · PDF fileInfographie 20/09/2013 Page de droite -> Numéro impaire !!! ... Quand travail texte → toujours afficher les caractères masqués (dans le menu texte)

• Quand on importe une image qui va servir comme modèle pour par exemple dessiner en vectorielle d’après cette image. On clique sur le calque de l’image importer (double clique) → option de calque → on coche la case modèle. • Flèche noir : déplacer un objet en entier Flèche blanche : déplacer une entité • Lasso : Permet de sélectionner des objets difficiles • Objet → Associer • Baguette magique : permet de sélectionner des éléments qui se ressemblent (couleur, épaisseur,…) → double clique pour choisir ses attributs • Ctrl + F → Coller à l’avant à la même place Ctrl + B → Coller à l’arrière à la même place • On créer un cercle qui aura un gros contour (noir par exemple)

Objet → Décomposer puis Objet → Dissocier

Objet → Tracé → Diviser les objets inférieurs (en sélectionnant le tracé)

• Dans une étoile :

Page 3: Infographie -   · PDF fileInfographie 20/09/2013 Page de droite -> Numéro impaire !!! ... Quand travail texte → toujours afficher les caractères masqués (dans le menu texte)

Rayon 1 = le petit cercle - Rayon 2 = le grand cercle • On a un cercle en pointillé. Mise à l’échelle → option → coche mise à l’échelle Permet de garder les pointillés de base. • Texte en curviligne

- Regarder les « barres » → Permet de modifier le texte (le mettre à l’intérieur ou à l’extérieur par exemple).

- Avec la flèche blanche, en sélectionnant tous les points d’ancrage de la forme → on peut lui donner une couleur.

25/10/2013

INFLEXION (solidaire) SOMMET Plume Plume+ Plume- Outil de conversion ^ → Permet de transformer un point d’inflexion en sommet et inversement. Com + Clic → permet de « lâcher » le tracé Plumeo → fermé le tracé Plume/ → reprendre le tracé Plume^ → retirer/modifier une ligne directrice. Fleche blanche : outil de sélection Alt + Clic → Change une ligne directrice Utiliser ^ (permet de mettre en ligne droite) :

Page 4: Infographie -   · PDF fileInfographie 20/09/2013 Page de droite -> Numéro impaire !!! ... Quand travail texte → toujours afficher les caractères masqués (dans le menu texte)

• Redéfinir les couleurs de l’illustration • Pot de peinture dynamique 8/11/2013 • Quand on commence à travailler sur le fichier de quelqu’un d’autre → Toujours “faire le tour du propriétaire”. Ne pas foncer la tête baissé. • Critères:

- Précision: Palette d’alignement (fenêtre→ objet et mise en page → Alignement) Même espacement entre les objets (toujours dans l’alignement)

- Travailler sur les calques (Nommer, Groupe, Calque différent pour les images et le texte)

- Commencer par les basiques ! : Gabarit, numéro de page, marges,… - Toujours afficher les caractères masqués (texte)

• Mot qui “traine” → Interlettrage (AV) Ne jamais aller au dela de 30 et de -30. C’est la seul chose qu’on peut changer manuellement!! • Option du bloc texte: Un bloc texte peut avoir des marges Objet → option de bloc texte • Se débarasser des styles de paragraphe qui viennnent d’autre part (ex: word) Ce voit quand on voit des disquettes • Option de page → Décocher réorganisation des pages du document Permet de travailler 2 pages en vis a vis. • Caractère de saut (texte → insérer un caractère de saut → saut de page) Permet de passer à une autre page. 15/11/2013 Quand on travaille un document, toujours commencer par les choses les plus basiques surtout quand on travaille le document de quelqu’un d’autre.

- Penser au calque - La numérotation des pages - Y a t-il des pages blanches ? Pourquoi ? Est-ce fait exprès ? - Pages dans l’ordre ? - …

=> Commencer par les choses simples et pas spécialement travailler page par page.

Page 5: Infographie -   · PDF fileInfographie 20/09/2013 Page de droite -> Numéro impaire !!! ... Quand travail texte → toujours afficher les caractères masqués (dans le menu texte)

InDesign : • Importation → Voir les différentes importations vues en typographie. Se demander laquelle est le mieux. • Quand on veut enlever le style de paragraphe qu’il y avait été fait avant. Il faut « supprimer la disquette ». Mais il faut faire attention de la remplacer par « aucun style » ! Ainsi elle garde le texte garde sa mise en forme. • Shift + Enter → Retour à la ligne forcée (aller à la ligne sans créer un nouveau paragraphe) 29/11/2013 InDesign : • Alt + Comm + C → Ajuster le bloc au contenue • Dans un texte si nous avons 2 paragraphes qu’y se suivent il ne faut pas le sigle ¶ entre. ...(texte) ¶ …(texte) => FAUX => Faire l’espace dans retrait et espacement qui se trouve dans le style de paragraphe • Style de caractère : Uniquement quand on fait exception dans le paragraphe. Par exemple un mot en gras. • Du début jusqu'à la patte de mouche => D’office un style de paragraphe. • Espace Fine → Espace qu’on met avant « ? », « ! », « : », « ; » 20/12/2013 Examen : - Fichier Indesign à assembler, avec un pdf (avec les traits de coupe et toutes les autres informations => Comme avec Aimé). - Première page à gauche ! - Travailler un seul gabarit ! => Seulement les éléments récurent qui se retrouve sur chaque page. - ALIGNEMENT !! - Espace après dans style de paragraphe => Permet de faire un espace entre les paragraphes ! - !! Pas de blanc dans le texte ! Donc si on a un blanc du au fait qu’on ne nous donne pas le corps. Cette maquette fait qu’on doit combler les blancs avec de l’image.

Page 6: Infographie -   · PDF fileInfographie 20/09/2013 Page de droite -> Numéro impaire !!! ... Quand travail texte → toujours afficher les caractères masqués (dans le menu texte)

- Mettre le pantone vie Indesign (vu au premier cours). - Bord perdu ! - Pour Intro (voir exercices de révision) faire 3 styles de paragraphe qu’on regroupera dans un groupe. => Dans intro : 3 styles de para + 1 style de caractère (bold) - Ne rien lancer de manuel. - Palette du style de caractère : On inscrit le minimum ! Par exemple, on veut un bold. On indique uniquement bold ! On ne dit pas la police qu’il a. - Attention ! Les filets font partis du style de paragraphe !! => (voir révision page 2, première partie du texte) Les 3premières lignes sont 3 styles de paragraphes différentes ! Les faires « d’après ». Le texte après « USA… 87’ » est un unique paragraphe avec des retours à la ligne forcés. Sinon on aurait le filet sur chaque ligne car il considérait chaque ligne comme un paragraphe. - Espace après fr ou nl est une tabulation ! => ressemble à « >> » - COMM + B → Alignement Bas - Pas de double paragraphe !! 24/01/2014 Correction examen : Illustrator :

- Mettre le modelé → Importer le fichier → le mettre en modèle - Nommé les calques - Placer des repères - Faire polygone - Rotation - Faire étoile au centre. 6 cotés. Rayon 2 = 0. - Vérifier l’alignement → Sélectionner les 2 objets → alignement vertical, alignement

horizontal. - Vectorisé le tracé → Objet → Tracé → Vectorisé le contour.

- Objet → Tracé → Diviser les objets inférieurs - Supprimer les éléments

OU - Pathfinder → Soustraction

- Texte avec alignement

InDesign :

Page 7: Infographie -   · PDF fileInfographie 20/09/2013 Page de droite -> Numéro impaire !!! ... Quand travail texte → toujours afficher les caractères masqués (dans le menu texte)

1. 3 Colonnes, gouttière 5mm, marges, nombres de pages,… 2. Notifications récurrente → Marque de section ou au moins sur le gabarit 3. Images, bloc texte (5mm partout)

- Alignement (Fenêtre → Objets de mise en page) 4. Afficher les caractères masqués

- Rechercher remplacer les ^p ^p - Style de paragraphe - Style de caractère italic → rechercher remplacer

Importer texte → Dit qu’il n’y a pas la typo => Va dans texte → Rechercher une police → Sélectionner et remplacer la police 5. Remplacer les disquettes par notre style de para. Couleur d’épreuve = Couleur travailler en RVB mais affiché en CMJN. → Affichage → Couleur d’épreuve RVB/8/CMJN 30/01/2014 Tabulation : - Tabulation = espace auquel on donne une valeur d’alignement. - Tabulation de retrait à droite → envoye le texte à droite. Utile pour un menu par exemple. - Menu → Texte → Tabulation - Point de conduite : objet qu’on met à la place de la tabulation. Exercice tabulation :

1. Rechercher - remplacer les « 5 espaces » par une tabulation. 2. Remplacer italique par nos italiques 3. => D’abord changer les styles de caractère !

21/02/2014 • Illustrator : « Trésor »

- Ecrire le mot TRESOR - Objet → Décomposer - Effet → Déformation → Renflement - Objet → Décomposer l’aspect - Effet → 3D → Extrusion et biseautage (18%, 0%, 0%) - Décomposer l’aspect - Copier - Coller derrière (Pomme B)

Page 8: Infographie -   · PDF fileInfographie 20/09/2013 Page de droite -> Numéro impaire !!! ... Quand travail texte → toujours afficher les caractères masqués (dans le menu texte)

- Changer la couleur de celui derrière - Aplatir celui derrière : Pathfinder → Réunir - Objet → Tracé → Décalage (Celui derrière)

• Illustrator : Serpentin Nickelodeon

- Faire une ligne droite (colorée et avec une épaisseur) - Effet → Distorsion → Zigzag - Objet → Décomposer l’aspect - Effet → 3D → Extrusion et biseautage - Objet → Décomposer l’aspect

• Illustrator : Serpentin 2 Nickelodeon

- Faire une ligne droite (colorée et avec une épaisseur) - Effet → Distorsion → Zigzag arrondi - Objet → Décomposer l’aspect - Copier et décalé la forme

- Fermé le tracé

- Utiliser le Concepteur de forme pour relier les parties ensemble

- Coloré de deux couleurs une plus foncé

• Ombre du serpentin

- Copier – Coller le serpentin - Grisé celui derrière - Aplatir la forme (Pathfinder) - Effet → Atténuation → Flou Gaussien

Page 9: Infographie -   · PDF fileInfographie 20/09/2013 Page de droite -> Numéro impaire !!! ... Quand travail texte → toujours afficher les caractères masqués (dans le menu texte)

14/03/2014 Illustrator : • Effet mit sur un objet apparaît dans sa palette « aspect ». • Attribut utile pour une typo car cela permet qu’elle soit rééditable • Mettre l’Aspect dans Style graphique, cela permet d’appliquer ce style à d’autre forme. Examen d’illustrator : À partir d’une image, refaire la même chose en utilisant les aspects et les effets. => S’entrainer !! 04/04/2014 Illustrator, effets et aspects : • Quand on travaille du texte, ne pas mettre de fond ni de contour. Car « texte » et « caractère » sont distincts. On travaille les aspects multiples sur « texte ». => Supprimer les couleurs sur « caractère » => Toujours mettre les couleurs sur « texte ». • Texte via effet dégradé avec une couleur transparente. Dégradé transparent → Blanc avec un mode de fusion incrustation.