Realiser Un Magazine Avec Indesign Et Photoshop

1. 1. COURS D’INDUSTRIESG.R.A.P.H.I.Q.U.E.S Réaliser un magazine avec InDesign et Photoshop

2. 2.      Chez le même éditeurP. LABBE. – InDesign CS3.À paraître.P. LABBE. – Photoshop CS3.À paraître.E. CANIVET. – InDesign en production.À paraître.M. LAVANT. – XPress en production.N°12111, 2007, 240 pages.J. PIETERS. – Fabrication du document imprimé.N°11509, 2006, 280 pages.C. W. DE JONG, A. W. PURVIS, F. FRIEDL. – Créations typographiques.N°11937, 2007, 400 pages.P. LABBE. – Illustrator CS2.N°12013, 2006, 392 pages.K. CHENG. – Design typo, Concevoir ses polices de caractères.N°11745, 2006, 236 pages.W. HILL. – Le langage de la typographie.N°11659, 2006, 192 pages.D. DABNER. – Création graphique.N°11566, 2005, 190 pages.K. JOHANSSON. – La chaîne graphique.N°11336, 2004, 320 pages.D. DABNER. – Maquette et mise en pages.N°11294, 2003, 128 pages.H. JOHNSON. – L’impression numérique.N°11325, 2003, 428 pages.Dans la collection Cours d’industries graphiquesP. PRÉVÔT. – L’informatique de la chaîne graphique.À paraître.P. PRÉVÔT, K. IZOULET. – Techniques d’impression.N°11797, 2006, 100 pages.P. PRÉVÔT, K. IZOULET. – De la prépa de copie à la mise en pages.N°11798, 2006, 64 pages.

3. 3.      Sous la direction de Brigitte PeltierCOURS D’INDUSTRIESG.R.A.P.H.I.Q.U.E.S Réaliser un magazine avec InDesign et Photoshop Laurent Pasquet Yves Delpuech

4. 4.      ÉDITIONS EYROLLES 61, bd Saint-Germain 75240 Paris Cedex 05 www.editions-eyrolles.com L’ensemble des images contenues dans cet ouvrage et dans les fichiers d’accom- pagnement du livre sont la propriété exclusive de l’auteur, Laurent Pasquet, à l’exception de la photographie de la rédactrice (page 66), société INGRAM, référence INGG0894.jpg, offerte avec la revue Computer Arts n°72 de novem- bre 2004 ; de la jaquette du CD du groupe Galère, auteur Frédérique Burguet (page 75) ; du tag de l’artiste Marc Darval, auteur Stéfan Leroy (page 69), photomontage Laurent Pasquet. Pour toutes ces illustrations © Tous droits réservés. Le code de la propriété intellectuelle du 1er juillet 1992 interdit en effet expressément la photocopie à usage collectif sans autorisation des ayants droit. Or, cette pratique s’est généralisée notamment dans les établissements d’enseignement, provoquant une baisse brutale des achats de livres, au point que la possibilité même pour les auteurs de créer des œuvres nouvelles et de les faire éditer correctement est aujourd’hui menacée.En application de la loi du 11 mars 1957, il est interdit de reproduire intégralement ou partiellement le présentouvrage, sur quelque support que ce soit, sans autorisation de l’Éditeur ou du Centre Français d’Exploitation duDroit de Copie, 20, rue des Grands-Augustins, 75006 Paris.© Groupe Eyrolles, 2007ISBN : 978-2-212-12024-0

5. 5.      Table des matièresAvant-Propos ..................................................................... VII1 De la conception à l’impression ................................ Les différentes étapes de la fabrication d’un imprimé ........................ 1 1 Établir un cahier des charges ............................................................. 5 Le travail préparatoire ........................................................................ 92 Prémaquettage sur InDesign ..................................... Réglage des préférences sur InDesign ............................................... 13 13 Mise en place du format de document ............................................... 14 Premiers éléments de construction et gabarits ................................... 17 Construction de gabarits supplémentaires .......................................... 363 Distribution des pages .............................................. Choix de distribution .......................................................................... 43 43 Distribution de pages sur 

InDesign ..................................................... 464 Préparation des images et des illustrations .............. Création du titre du magazine dans Illustrator .................................... 49 49 Préparation des images dans Photoshop ............................................ 55

6. 6.      IV Réaliser un magazine de A à Z 5 Finition de la mise en pages du magazine ................ Mise en place du titre et des bandeaux sur les gabarits ........................... 95 95 Préparation de la couverture .............................................................. 100 Gestion du sommaire et de l’éditorial ................................................. 103 Gestion de la page Invité .................................................................... 118 Gestion des autres pages ................................................................... 128 Conclusion ......................................................................................... 141 6 Transmettre le magazine pour une impression offset ...........................;; .............;; 143 Préparation de l’environnement de travail .......................................... 143 Vérification de l’emploi des couleurs .................................................. 146 Transmettre le fichier InDesign à imprimer ......................................... 148 Conclusion ......................................................................... 159 Annexe A. Fichiers d’accompagnement ............................ 161 Bibliographie ..................................................................... 163

7. 7.      Remerciements À mon père…Comme pour tout auteur, ce livre n’aurait jamais vu le jour sans l’aide, lesconseils et le soutien de nombreux intervenants. Je veux les en remercier etles citer ici pour qu’ils fassent pleinement partie de cet ouvrage.Mes sincères remerciements vont donc à :Philippe Pareilleux, professeur en imprimerie au lycée Maryse Bastié de Limoges,Fabien Rocher et Kathleen Izoulet, professeurs de technologie au lycée MaryseBastié de Limoges, ainsi que Virginie Bandelier et Laure Chalopin, professeursen infographie au lycée Maryse Bastié de Limoges, qui m’ont permis de validerles données techniques qui constituent ce livre,Jean-Yves, Jean-Richard et Magdeleine, pour leur aide et leur soutien,Brigitte Peltier et Stéphanie Poisson, pour leur confiance et leurs conseils,Yves Delpuech qui, par son travail, a permis à ce livre d’être lisible et bienstructuré.J’adresse enfin un remerciement tout particulier à Pascal Prévot. Laurent Pasquet

8. 8.      Avant-ProposJ’enseigne depuis plusieurs années les techniques de création de documents enprépresse et multimédia. Tout au long de ces années, lors de mes cours sur les logicielsde PAO, j’ai noté que revenait sans cesse la même interrogation :« Je sais faire de belles images sur Photoshop, je dessine assez bien sous Illustrator, je sais composer despages avec InDesign ou XPress, mais comment exploiter correctement ces connaissances pour obtenirdes documents, catalogues ou magazines satisfaisants chez mon imprimeur ? »Mes cours sont là pour répondre à ces questions, mais il est difficile de trouver enlibrairie un ouvrage consacré à ce thème. La plupart des livres sur la PAO traitent par-faitement bien d’un sujet donné : s’initier à Photoshop, utiliser InDesign, créer deslogos avec Illustrator... Mais ils ne donnent pas une vision d’ensemble de la productiongraphique et laissent les lecteurs dubitatifs sur les moyens à utiliser pour produire undocument de qualité professionnelle.L’objectif de ce livre est donc de vous aider à organiser vos compétences afin de com-poser entièrement un document selon les règles de travail des professionnels, et de letransmettre à votre imprimeur pour obtenir un résultat de qualité. Nous prendronspour support, tout au long de ce livre, la réalisation d’un magazine culturel traitant demusique, de peinture et de théâtre pour présenter l’ensemble des étapes à suivre :• imaginer le projet et poser les premières idées sur le papier ;• préparer les images pour qu’elles s’impriment correctement ;• créer des effets graphiques et les préparer pour l’impression ;• composer le 

magazine à l’aide de maquettes ;• organiser les fichiers à transmettre à l’imprimeur.Pendant toute la production du magazine, nous utiliserons la Creative Suite d’Adobequi propose tous les outils nécessaires à une production professionnelle. L’ensembledes étapes de cet ouvrage a été vérifié par des enseignants spécialisés et des professionnelspour vous garantir la véracité des informations rassemblées.

9. 9.      VIII Réaliser un magazine avec InDesign et Photoshop Encore une fois, notre objectif n’est pas de détailler l’utilisation de tel ou tel logiciel, des ouvrages de référence y sont consacrés, tels ceux de Pierre Labbe aux éditions Eyrolles. Nous ne chercherons pas non plus à vous présenter les technologies mises en œuvre sur l’ensemble de la chaîne graphique, d’autres livres (par exemple ceux de Pascal Prévôt, également aux éditions Eyrolles, dans la même collection) traitent de la question. Notre ambition vise plutôt à vous donner les bonnes méthodes et astuces pour construire un document devant être imprimé par un professionnel. Choix méthodologique de cet ouvrage Chaque chapitre sera consacré à l’étude d’un élément précis, indispensable à la construction d’un magazine. Un chapitre traitera du maquettage, le suivant de la prépa- ration des images, etc. La mise en œuvre sera progressive afin qu’un utilisateur même peu expérimenté sur les produits Adobe puisse mener à bien le projet complet. Vous trouverez dans les fichiers d’accompagnement de l’ouvrage (téléchargeables gratui- tement sur le site des éditions Eyrolles, www.editions-eyrolles.com, à la rubrique de ce livre), toutes les images nécessaires à cette construction, ainsi que les fichiers prêts à l’impression et la composition finale du magazine. Laurent Pasquet

10. 10.      Chapitre De la conception à l’impression 1Avant de commencer notre projet de création d’un magazine, il est utile de rappeler dans une premièrepartie les grands principes de la fabrication d’un document imprimé. Nos lecteurs, séduits par les faci-lités des logiciels de mise en pages mais déçus par les résultats qu’ils obtiennent, apprendront à bienstructurer les pages, à homogénéiser les images ou les dessins entre le rendu à l’écran et la feuilleimprimée, ou encore à bien gérer les fonds perdus.Les différentes étapes réservées à la publicité... Suivent les opérations de mise en pages qui organisent le placement desde la fabrication d’un imprimé textes et des illustrations principales (photogra- phies, dessins, graphiques...) : c’est à ce stade quePlusieurs stades entrent dans la fabrication d’un l’on peut visualiser une première ébauche du futurimprimé, chacun d’entre eux mettant en œuvre des produit fini.savoir-faire et des matériels spécifiques. Il faut ensuite passer à la réalisation de la maquette papier. Le maquettiste présente plusieurs projets de La préparation mise en pages au client (au rédacteur en chef dans La préparation d’un travail notre cas) qui valide celui qui correspond le mieux destiné à l’impression (étude au sujet traité et au lectorat visé. En effet, on ne financière, brainstorming…) conçoit pas de la même façon un magazine pour débute par la création de la enfants, un hebdomadaire féminin ou encore un maquette et du planning de magazine scientifique. Les opérations qui suivent réalisation. L’écriture du texte comprennent la saisie et la validation des textes, par les journalistes et la réali- la photogravure et la mise en pages. Nous allons sation des reportages photo- maintenant détailler les différentes phases de cette graphiques peuvent ensuite réalisation. c o m m e n c e r, e n t e n a n t compte du chemin de fer. La maquette Le chemin de fer est une La maquette papier (également appelée rough dans représentation schématique, le monde de la presse) est transformée en gabarit en petit format, de l’enchaîne- dans le logiciel de PAO (Publication assistée par ment des pages. On reporte ordinateur). Cette étape, effectuée en studio ou en sur celui-ci les titres des arti- atelier de PAO, valide les essais de mise en pages cles, le nombre de pages de la phase de préparation. À l’heure actuelle, lesExemple 

d’unmagazine en cours réservées à chacun, les docu- logiciels les plus couramment utilisés sont XPressde fabrication. ments d’illustration, les pages et InDesign. Il arrive que le studio de création

11. 11.      2 Réaliser un magazine avec InDesign et Photoshop finalise la maquette et fournisse un fichier prêt à basse définition, dites « de placement » (voir la l’emploi au metteur en pages. Le travail de ce der- section suivante). La sortie papier des pages ainsi nier s’en trouve alors très simplifié : il ne lui reste montées constitue ce que l’on appelle « les épreu- plus qu’à « remplir » les cases, en quelque sorte. ves », qui seront relues et corrigées de leurs der- nières coquilles : on parle ainsi de première, de Conçue pour cadencer le texte et les images, une deuxième voire de troisième épreuve. maquette comporte plusieurs types de pages, selon qu’il s’agit d’articles de fond, d’informations traitées en détail ou de brèves, de reportages ou La photogravure encore de publicité... Deux opérations plus indus- Le rôle du photograveur a beaucoup évolué depuis trielles sont ensuite menées en parallèle : la com- la démocratisation de l’outil informatique, l’aug- position et la photogravure. mentation de sa puissance et de sa capacité de stoc- kage. Il y a encore peu de temps, le photograveur numérisait les images pour une incorporation défi- La composition et la mise en pages nitive au document à imprimer. Il substituait alors La composition est l’étape de saisie des textes à les images de placement (images basse résolution, l’aide d’un traitement de texte (Mac Write pour en général à 72 dpi) par les images haute définition citer le plus ancien, Word pour le plus courant). (à 300 dpi) à l’aide d’un système OPI (Open Pre- Pour les magazines et les journaux qui gèrent en press Interface, voir encadré ci-dessous). Il avait aussi même temps une base de données (mise à dispo- en charge les retouches de chromie, la suppres- sition d’articles sur Internet, édition d’un livre ou sion des rayures et des poussières, les réductions d’un CD-Rom annuel des articles se rapportant à et les agrandissements, le recadrage des photos… un même thème), la saisie peut être réalisée direc- Les outils de traitement et les machines étaient très tement par l’auteur. Grâce à Internet, il peut direc- chers, ce qui entraînait des coûts de photogravure tement déposer les photos et les textes dans l’unité importants. de stockage du photocompositeur. Chaque unité de production organise ses ateliers en fonction des OPI travaux traités. L’objectif d’un système OPI (Open Prepress Inter- face) est de générer de fausses images de place- Aujourd’hui, le texte est très souvent saisi par le ment (à faible poids) à partir de l’image d’origine. client. Il s’agit d’une méthode de travail visant à Au moment de l’impression ou du flashage, l’image faire gagner du temps et de l’argent. Cependant, originale en haute définition sera substituée à la une saisie peu professionnelle (nombreuses fau- fausse image de placement, sans intervention de l’opérateur. tes d’orthographe, texte mal écrit, enrichissement typographique réalisé à la main et non selon des feuilles de styles, mauvaise utilisation du gras et de Aujourd’hui, le photograveur assume davantage l’italique…) fait perdre beaucoup de temps en cor- un rôle de prestataire et de conseil professionnel rections. Le travail de relecture sur les fichiers est en prépresse. Il se charge de la numérisation non indispensable pour produire un texte propre à met- réalisable par un scanner grand public, vérifie que tre en pages, les corrections sur les pages montées le travail est conforme au cahier des charges (cou- (ou épreuves) sont plus onéreuses et plus longues. leurs, dimensions…), effectue les modifications nécessaires à une impression de qualité, comme À l’aide d’un logiciel de mise en pages, et à partir la compatibilité des trames et des couleurs avec de la maquette élaborée, un infographiste construit le papier. Par mesure de commodité et de qualité, une à une les pages définitives qui composeront le les agences de publicité et les fabricants de cata- magazine. Il coule le 

texte et réserve la place pour logues font appel à ses services. Il travaille aussi l’iconographie. Pour ce faire, il utilise des images pour des petites structures qui ne disposent pas en

12. 12.      Chapitre 1 : De la conception à l’impression 3interne des compétences requises pour maîtriser cahier, et les cahiers serontces opérations. assemblés les uns aux autres pour former la revue. PourLa plupart du temps, il se charge également de déterminer le nombre exactl’épreuvage, de l’imposition et du flashage. Il est en de cahiers du document final,fait l’intermédiaire entre les différents intervenants on divise le nombre totalde la chaîne graphique (client, graphiste, maquet- de pages du magazine par letiste, imprimeur). nombre de pages que com- porte le cahier.L’épreuvage Pour placer les pages surUne fois les épreuves de lecture et de placement chaque feuille d’imposition,validées par le client et le fichier numérique achevé on s’aide d’une maquette(remplacement des images de placement par les d’imposition. La feuille pliéeimages haute définition), l’opérateur PAO va pro- en cahier, on numérote (onduire une épreuve contractuelle appelée abusi- foliote) chaque page du livret.vement « Cromalin » (Cromalin est le nom d’une Une fois dépliée, la maquettemarque). Cette simulation, appelée « Bon à tirer » donne le plan d’imposition.ou « BAT », présente l’aspect définitif du docu- Bien sûr, toutes les pages nement, à savoir sa couleur, sa typographie ainsi que sont pas dans le même sensle placement correct des illustrations. sur cette feuille, mais une fois les cahiers pliés et rognés, elles seront toutes position-Le Bon à tirer nées dans le bon ordre.Si le client est parfaitement satisfait du travail,il donne alors le feu vert à l’imprimeur : le BAT, Généralement, l’imprimeurdûment daté et signé, et portant le chiffre de remet alors au client unetirage, devient alors le Bon à graver (BAG). Cette épreuve de contrôle, appeléevalidation donne l’autorisation de passer aux pha- « Ozalid », afin de lui permet-ses d’impression. L’imprimeur utilise cette épreuve tre de vérifier la séquence desBAG pour caler la presse. Elle est dite « contrac- pages. Ce document est sou-tuelle » car elle sert d’engagement entre le client, vent plié et découpé au formatle donneur d’ordre et l’imprimeur (maître d’œuvre) du document final pour enen cas de litige sur le résultat final. faciliter la vérification.L’imposition Exemple de chemin de fer.L’imprimeur est désormais en possession de l’en-semble des pages validées et des fichiers hauterésolution (à 300 dpi). Il procède alors à l’impo-sition, c’est-à-dire au positionnement des diffé-rentes pages sur une feuille de papier, la feuilled’impression.En effet, sur chaque côté de feuille sont simulta-nément imprimées plusieurs pages, généralement8, 16 ou 32. Chaque feuille sera ensuite pliée en Exemple d’un cahier façonné.

13. 13.      4 Réaliser un magazine avec InDesign et Photoshop Cahier, page, feuille L’impression Après le pliage, la feuille de papier sur laquelle plu- L’imprimeur insole des plaques d’aluminium sieurs pages du même ouvrage sont imprimées selon un ordre précis constitue le « cahier » (voir l’exemple enduites d’une couche photosensible selon le prin- de cahier présenté page 44). cipe photographique négatif/papier. Il accroche On appelle « page » une face imprimée. Un recto- ensuite les plaques obtenues sur ses presses offset verso (une feuille) est constitué de 2 pages. Pour plus feuilles ou rotatives. Il procède alors au réglage de d’informations sur les termes employés en imprime- la marge papier et à la mise en couleurs. Toutes ces rie, reportez-vous au livre Techniques d’impression de Pascal Prévôt et Fabien Rocher, dans la même opérations sont regroupées sous le terme généri- collection. que de « calage ». Cette étape permet au client de contrôler le travail une dernière fois, après quoi il donne son Bon à rouler (BAR) définitif. La der- nière opération, l’impression du nombre de feuilles Le flashage et le CTP demandées, s’appelle le « roulage ». Le flashage consiste à créer des films servant à la fabrication de plaques d’impression (voir la section suivante). Le flashage page à page devient de plus en plus rare : il a été remplacé par le flashage de feuilles 

imposées. Le CTP (Computer To Plate) per- met de supprimer l’étape de fabrication des films et de réaliser directement les plaques. CTP Le procédé CTP (Computer To Plate) est une nou- velle avancée dans l’informatisation de l’imprimerie. Il permet d’éliminer l’étape de fabrication des films Plaques montées sur machine offset. intermédiaires : au lieu d’envoyer les fichiers vers une flasheuse, puis de réaliser l’insolation des pla- ques d’impression, on les envoie vers un CTP qui produit directement ces mêmes plaques. Le flashage et le CTP constituent l’étape inter- médiaire entre la PAO et l’impression finale. Ils s’effectuent sur des flasheuses (sorte de gros- ses imprimantes laser à très haute résolution : 1 200 dpi, 2 400 dpi...). Les fichiers PAO élaborés sous XPress, InDesign, Illustrator et autres logi- ciels peuvent être ainsi traités. Principe d’une machine offset feuilles. Le cylindre (1) portant la plaque d’impression (plaque de report) reçoit d’abord l’eau provenant du système de mouillage (4), puis l’encre grasse déposée par les rouleaux encreurs (5). La plaque d’impression décalque ensuite son image encrée sur le rouleau recouvert d’un caoutchouc dur et appelé blanchet (2). La feuille de papier, provenant d’un réservoir (6), est conduite entre le cylindre porte-blanchet (2) et le cylindre contre-pres- sion (3). Cette feuille reçoit alors l’impression. Un convoyeur à chaînes (7) la transporte et la dépose sur la pile de feuilles Les films obtenus après flashage. imprimées.

14. 14.      Chapitre 1 : De la conception à l’impression 5Le façonnage évaluer dès le départ si le produit pourra facilement être élaboré et supporter, si nécessaire, des misesLe façonnage est également un terme générique à jour. Ce n’est qu’en respectant scrupuleusementqui regroupe de multiples opérations. Les feuilles les contraintes techniques telles que la gestion duimprimées sont tout d’abord mises au format défi- mode colorimétrique, les fonds perdus…, que vousnitif. Par exemple, on coupe le papier en deux lors travaillerez efficacement. Il est malheureusementde l’impression de deux cahiers (feuilles de pliure) courant de voir un client revenir sur ses validationssur une feuille d’impression. Cette opération s’ap- une fois le travail de PAO terminé. La pensée dupelle la « refente ». client évolue au fur et à mesure de l’avancement du travail ; et évidemment, l’exécutant devient leLes feuilles sont ensuite pliées en cahiers, travail responsable de ces mauvais choix et de toutes lestrès rarement effectué à la main (cela ne concerne mauvaises interprétations « Vous ne m’avez pasque les très petites séries et/ou les travaux de luxe). compris » est une formule que l’on entend trop.Cette étape est le plus souvent réalisée par desmachines, appelées les « plieuses ». Une fois cela Faire valider les réponses auprès de ses interlocu-fait, il reste à assembler les cahiers pour obtenir un teurs n’est jamais une perte de temps. Pour vousbloc prêt pour recevoir la couverture. Lors de la aider, suivez les étapes que nous allons vous pré-dernière étape, on massicote la revue sur 3 cotés senter maintenant.au format final exact, ce qui permet de rendre lespages libres à l’ouverture. Choisir le format Nous imprimerons notre magazine culturel surÉtablir un cahier des charges une imprimante A4 classique, de bureau. Cela signifie que l’on doit pouvoir imprimer deuxAprès ce tour d’horizon théorique, nous voici au pages en vis-à-vis dans ce format. Nous aborde-véritable point de départ d’un projet de réalisation rons plus tard le détail de l’imposition des pages,d’un magazine. Nous allons concevoir et exécuter c’est-à-dire l’organisation des pages côte à côte surde A à Z un petit mensuel culturel comprenant la feuille d’impression pour retrouver le bon ordreles rubriques suivantes : arts, spectacles, carnet une fois les feuilles pliées et assemblées en cahiers.d’adresses, agenda d’événements, sortie de disques Vous devez bien comprendre qu’il faut prendreet DVD-Rom, dossiers informatifs... en compte le format du magazine ouvert et faire en sorte que celui-ci loge dans le format A4 choisi.Dans cet exercice, nous avons la chance d’être Nous partons donc sur un format de page 

deentièrement créateur (ce qui n’est presque jamais 115 mm × 180 mm, ce qui donnera un magazine,le cas dans le monde professionnel) : pas de clients certes de petite taille, mais que nous pourrons faci-versatiles, pas de problèmes de coût, pas de coups lement imprimer au fur et à mesure des étapes dede fils incessants pour suivre l’avancement du tra- réalisation pour valider l’avancement du travail.vail… Nous gérerons tout à notre rythme et selonnos propres exigences.Si un jour vous êtes en situation professionnelle decommande, rappelez-vous que la première des éta-pes consiste à prendre le plus de renseignementspossible auprès de votre client (budget, format,nombre de pages, papier, nombre de couleurs, chif-fre de tirage). Ces précautions vous permettront departir sur des éléments fiables qui ne donnerontpas ensuite motifs à contestation. Il faut également Présentation du format du document choisi comme exercice.

15. 15.      6 Réaliser un magazine avec InDesign et Photoshop Choisir le nombre de pages Encarteuse-piqueuse Machine utilisée lors de la finition d’un imprimé, qui Puisqu’il s’agit d’un magazine destiné à appren- plie les feuilles en cahiers et les regroupe ensemble dre les règles de fabrication, il ne comporte que avant de les agrafer ou de les coudre. 16 pages, ce qui n’est pas trop mais bien suffisant pour notre exercice. Une couverture avec dos carré collé n’est en effet envisageable que si votre document fini et encarté Le nombre de pages d’un magazine est, bien évi- a une épaisseur supérieure à 3 mm. L’épaisseur demment, toujours un nombre pair. Il suit aussi d’un dos carré collé se calcule aisément si l’on dis- des règles de construction par cahiers de 8 ou de pose des informations suivantes : le nombre de 16 pages qui seront assemblés les uns à la suite des pages du document, la main (raideur) du papier et autres ou les uns dans les autres. C’est pourquoi les son grammage (son épaisseur). Par exemple, pour magazines comportent habituellement 8, 16, 32 ou un magazine de 128 pages dont le papier a une 64 pages, soit un multiple de ces 8 ou 16 pages. main de 1 et un grammage de 80 g/m2, on obtient une épaisseur de 0,08 micron (main/grammage). Notez que si vous connaissez l’épaisseur du papier, Dos carré collé vous évitez cette étape de calcul. La largeur du dos Procédé de reliure souple dans lequel les cahiers carré collé est alors égale au nombre de pages du sont assemblés (voir la figure au bas de la page 3) et collés dans le dos à la couverture. magazine divisé par deux et multiplié par l’épais- seur papier, soit : (128 / 2) × 0,08 = 5,12 mm. Il n’y a pas d’obligation à respecter ces chif- fres, mais il vaut mieux réaliser un 64 pages plu- On divise le nombre de pages par 2, car l’épaisseur tôt qu’un 60 pages : un magazine de 64 pages se utilisée dans ce calcul est celle d’un feuillet et qu’il compose en effet de 2 cahiers à imprimer et à y a bien 2 pages par feuille. Vous l’avez compris, façonner, tandis qu’un magazine de 60 pages se avec la formule précédente le type de papier est à compose d’un cahier de 32 pages, d’un cahier de prendre en compte dès la conception du magazine 16 pages, d’un cahier de 8 pages et d’un cahier de à imprimer. 4 pages, soit 4 feuilles à imprimer, 4 mises en route de plieuse et 4 cahiers à assembler... Il est évident Grammage et main que la première solution est la plus économique. (Il existerait cependant une solution pour faire un Les papiers sont définis selon leur poids au mètre carré, ou « grammage ». Ce poids varie de 28 g/m2 60 pages de façon moins onéreuse en imprimant (papier bible) à 200 g/m2. Les papiers d’un poids 2 feuilles de 32 pages et en arrachant – découron- supérieur à 225 g/m2 sont appelés « carton ». nant – les 4 pages centrales d’un cahier ; mais le La main est la raideur du papier, mesurée par le papier des 4 pages serait toujours perdu, et l’arra- rapport entre l’épaisseur de la feuille et son gram- mage. Par exemple, une feuille dont l’épaisseur est chage a un coût… Cette notion est importante à de 300 micromètres et qui pèse 200 g/m2 a une rappeler.) main de 1,5. On dit d’un papier qu’il a « de la main » lorsque son épaisseur paraît élevée par rap- Opter pour un 

16 pages détermine un certain port à son grammage. Un papier buvard a ainsi beaucoup de main. nombre de choix techniques. D’abord, nous n’avons pas besoin de prévoir une couverture spé- cifique avec un dos (dos carré collé) pour l’assem- blage des pages, car le document est très peu épais. Choisir le papier Les pages seront simplement agrafées sur une Il en existe plusieurs sortes, allant du papier journal encarteuse-piqueuse. au papier couché en passant par les papiers offset.

16. 16.      Chapitre 1 : De la conception à l’impression 7Le choix du support imprimable n’est pas le même présente une face brillante et une face laissée brutpour une carte de visite, un roman, un magazine de machine, ou légèrement lissée. Le papier colléou un livre d’art. Nous ne présentons ici que quel- est un papier affiche auquel on a ajouté des agentsques papiers dédiés à la production en imprimerie, de collage afin de ralentir la dispersion d’élémentsmais il en existe bien d’autres (voir la bibliographie liquides sur sa surface (encres, colles, etc.) ou pouren fin d’ouvrage). Nous avons choisi de suivre la accroître sa résistance au peluchage et à l’arrachage.classification adoptée par les papetiers. Notre choixPapier couché Pour notre exemple, le choix se porte sur un papierPapier à usage graphique d’impression-écriture couché brillant. Notre magazine, de par son aspectprésentant un toucher très doux. Il est particu- promotionnel, comporte des illustrations en cou-lièrement adapté à l’élaboration de supports de leurs et se doit d’offrir une certaine qualité. Nouscommunication d’entreprises (plaquettes, argumen- avons besoin d’un grammage moyen, 100 g/m2taires, catalogues...), à l’édition de magazines, de par exemple, avec une main de 1,5 pour que notrerevues et de livres avec de belles illustrations (pho- imprimé garde une bonne tenue. Dans le cas d’unetos notamment, couleurs ou N&B). Ce papier a commande professionnelle d’un document, faitesreçu un traitement qui consiste à enduire sa surface toujours préciser par votre client, ou mieux, pard’une substance composée de matières minérales votre imprimeur, quel type de papier a été prévu.(talc, kaolin, blanc satin) additionnées d’un adhésif(amidon ou caséine associés à un latex). Cette opé-ration s’appelle la « charge ». La feuille de papier Choisir le mode colorimétriquecouché peut éventuellement être comprimée entre Lors de la réalisation d’une brochure ou d’undeux rouleaux : c’est la technique du calandrage. magazine du type de celui que nous allons élaborer tout au long de cet ouvrage, on peut choisir une impression en quadrichromie comportant égale- Calandrage ment des benday (pourcentages calculés d’encres), Technique qui consiste à combler les creux existant des tons directs (Pantone), ou panacher les deux. entre les fibres et à orienter ces dernières. L’aspect de surface devient ainsi plus ou moins brillant : on Quadrichromie et tons directs parle de papier couché brillant ou satiné. La quadrichromie, ou CMJN pour Cyan, Magenta, Jaune, Noir (CMYK en anglais pour Cyan, Magenta,Papier non couché Yellow, Black) est un procédé d’imprimerie permet- tant de reproduire un large spectre colorimétriquePapier qui n’a pas reçu l’opération de couchage. Ce à partir des trois couleurs primaires (le cyan, letype de papier n’est généralement pas adapté à l’im- magenta et le jaune) auxquelles on ajoute le noirpression en quadrichromie, les couleurs absorbées (difficilement reproductible par le mélange despar ce support trop poreux perdent tout leur éclat. autres encres). C’est la base même de l’imprimerie.On l’utilise principalement pour les photocopieurs,le papier à lettres et les livres de type poche.Papier journal ordinairePapier caractérisé par de bonnes qualités d’opacitéet d’imprimabilité, mais à la blancheur médiocre ; ilest utilisé comme papier de presse. Principe du mode quadrichromique.Papier affiche Travailler en tons directs en imprimerie consiste àPapier le plus souvent frictionné et collé, il est des- imprimer directement une teinte sans passer partiné à l’impression d’affiches. Le papier frictionné la séparation CMJN, car cette solution n’aurait

17. 17.      8 Réaliser un magazine avec InDesign et Photoshop pas permis d’obtenir, en tout cas avec une bonne Pour notre exemple, nous remarquons ici que le qualité, la couleur attendue. En Europe, on parle ton direct (un orange dans notre cas), s’avère plus souvent aussi de couleur Pantone. Celle-ci est chaleureux pour un coût moindre. déterminée à l’aide d’un nuancier dans lequel cha- que couleur est référencée par un numéro com- posé comme suit : « P (nombre) C » ou « P (nombre) U », où P signifie Pantone, C est l’abréviation pour coa- ted (papier couché) et U pour uncoated (papier non couché). Notez que les tons directs sont généra- lement utilisés pour la confection de logos (avec les couleurs spécifiques à une entreprise ou à une marque). Par mesure d’économie, les logos peu- vent être traduits en couleurs primaires (CMJN) pour éviter l’impression de couleurs supplémentai- res lors d’imprimés réalisés en quadrichromie. Application à notre magazine Dans le cas de la presse ou de petits catalogues, la quadrichromie est généralement utilisée pour les brochures « tout en couleurs », tandis que les tons directs sont réservés à des fascicules dont les textes en noir sont agrémentés d’une couleur d’accompa- gnement pour les illustrations, les titres et quelques Impression de la page précédente en quadrichromie ou en mots dans les paragraphes. Cette dernière techni- tons directs. L’impression en noir et orange directs est plus économique, il suffit de choisir la couleur orange voulue parmi que permet de baisser le coût de production. On celles proposées dans le nuancier Pantone. évite ainsi d’imprimer et de payer les coûts d’une machine 4 couleurs en utilisant cependant 2 tons. Attention ! Le problème du procédé d’impression Les figures suivantes présentent les impressions en tons directs, bien qu’il réduise le coût de pro- réalisées en quadrichromie et en tons directs. duction, exige du graphiste une attention toute particulière dans l’utilisation des modes colorimé- triques. Nous y reviendrons en détail plus loin, car dans un souci pédagogique, nous avons choisi de réaliser notre magazine pour moitié en quadrichro- mie et pour moitié en tons directs. Choix techniques Ce premier chapitre a pour but de vous faire pren- dre conscience que préparer la réalisation d’un magazine dans ses moindres détails est une tâche Exemple de page à complètement différente qu’imprimer pour des imprimer : une couleur besoins personnels. Les difficultés sont multiples autre que le noir est nécessaire pour le filet et, pour arriver à vos fins, vous devrez vous armer orange. de patience.

18. 18.      Chapitre 1 : De la conception à l’impression 9Nous allons aborder par la suite beaucoup de de couleurs pour éprouver des idées d’harmoniesnotions fondamentales, comme la préparation colorées. Pour affiner votre travail, investissez dansdu gabarit de notre magazine dans InDesign ou du papier pour rough (type Letraset) et quelquesla préparation des images dans Photoshop. Mais feutres Pantone afin de valider avec précision lenous tenions à rappeler au préalable ces quelques choix des couleurs de tons directs que vous utili-éléments de culture générale sur l’objet imprimé, serez. Ces feutres sont relativement chers, maiscar ce sont eux qui vont influencer l’ensemble des ils correspondent au nuancier Pantone qu’utilisechoix techniques de notre travail. votre imprimeur et vous aurez donc sur le papier un aspect proche de ce que vous obtiendrez àAvant de commencer concrètement la réalisation l’impression.du magazine, voici donc le résumé de nos premierschoix techniques :• format : 115 mm × 180 mm ;• nombre de pages : 16 ;• type de papier : couché brillant 100 g avec une main de 1,5 ;• modes de couleur : quadrichromie et bichromie.Le travail préparatoireBien que l’on puisse parfois visualiser un documentsans avoir défini auparavant tous les paramètrestechniques (format définitif, placement des illustra-tions, importance des titres…), ce travail prépara- Cahier Letraset et feutres Pantone.toire nous aidera considérablement par la suite. Eneffet, un crayonné sur une feuille de papier va nous Roughpermettre de préciser les informations et de gérer En imprimerie, un rough est une 

prémaquette exé-de manière rigoureuse l’espace nécessaire au texte, cutée au crayon. Elle donne un aperçu rapide dela taille des illustrations, le placement des couleurs ce qu’attend le client ou le concepteur grâce à uneainsi que le sens de lecture. simulation des textes et des images par des blocs.Cette étape est trop souvent oubliée, alors quec’est un moment clé. S’installer trop vite devant Tous les éléments vus précédemment permettentl’ordinateur limite la créativité : très vite, vous allez de définir un cahier des charges sommaire pour lavous concentrer sur des tâches que vous maîtrisez réalisation de notre magazine. Il est composé d’uneparfaitement, alors qu’en débridant votre imagi- couverture la plus attractive possible, d’un som-nation pour concevoir de nouvelles présentations, maire (indispensable), d’un éditorial avec un textela technique suit. Vous avez à votre disposition de de la rédactrice en chef, de pages d’agenda signa-nombreuses sources de documentation (collègues, lant des événements culturels, de pages traitant desfournisseurs, revues, livres et bien sûr Internet). sorties de DVD-Rom, de livres, ou de musiques,Ces échanges et la maîtrise de la technologie vous d’une page d’adresses utiles et de quelques pagesaideront à tester vos idées. consacrées au travail d’un artiste. Il n’est pas néces- saire de peaufiner à l’extrême les roughs : parfois,Vos meilleures armes pour cette étape préparatoire quelques simples traits de crayon donnent unerestent du papier, un crayon et une boîte de feutres bonne piste.

19. 19.      10 Réaliser un magazine avec InDesign et Photoshop Exemples de roughs. Après quelques tâtonnements, on peut obtenir quelques roughs qui correspondent bien aux impé- Rough du sommaire. ratifs de notre cahier des charges. Comme vous le voyez sur les figures suivantes, ils sont loin d’être 2. La page suivante est constituée du sommaire et parfaitement dessinés et finis, mais sont suffisants des informations légales (noms des membres de pour poser les bases du travail. l’équipe, crédits photos, achevé d’imprimé...). Il est temps d’envisager une reprise du titrage en plus 1. Sur le rough de couverture, on prévoit déjà la petit et en noir : la partie haute se compose d’un forme que prendra le titrage du magazine et sa patchwork d’images, en reprenant soit certaines couleur ; ici, un rouge orangé. Mais il est intéres- images fortes du magazine, soit la couverture pour sant de pouvoir faire varier cette couleur en fonc- marquer les esprits à l’occasion de ce numéro 1. tion du numéro du magazine. On prend en compte C’est le moment de créer les principales présen- cette possibilité dès la création ; nous y reviendrons tations types qui sont réemployées dans les autres quand nous commencerons à créer les éléments pages : un titre de rubrique dans un rectangle constitutifs du magazine. On prévoit aussi une arrondi avec quelques cercles pour le mettre en barre horizontale au bas de la page. Elle permet valeur, un bandeau vertical sur le côté de la page de faire figurer le mois de parution et la mention avec un effet pointilliste et un foliotage en bas de « Magazine gratuit ». Pour le visuel de couverture, page. nous sommes partis sur une sorte de cible consti- tuée de deux images entrelacées et orientées vers le 3. La forme de la page Éditorial (voir figure sui- chiffre 1 (numéro du premier magazine). vante) ressemble beaucoup à celle du sommaire. La couleur a été modifiée, elle est traitée en tons directs (noir + une couleur Pantone) contraire- ment à celles de la couverture et de son recto (le sommaire) qui sont en quadrichromie. Cette page comporte simplement le texte de l’éditorial qui est transmis par la rédactrice en chef, la photo de cette dernière et la numérisation de sa signature. Si la décision est prise de garder cette idée de page en tons directs, il faudra préparer les images de façon à les intégrer dans ce type de pages. Il faudra pré- Rough de la couverture voir aussi des textes de corps différents pour le du magazine. contenu de l’éditorial et son introduction.

20. 20.      Chapitre 1 : De la conception à l’impression 11 5. La page Adresses utiles permettra de donner des informations sur les lieux proposant des évé- nements en ville. Pourquoi ne pas 

en profiter pour les situer sur un plan ? Cette page est aussi traitée en tons directs. Il faudra donc préparer l’image sous Illustrator en utilisant exclusivement les cou- leurs Pantone, noire et orange ici. Sur le côté, on fait figurer une sorte de cartouche, élément utile pour ce genre de magazine car il permet d’ajouter quelques commentaires.Rough de la page Édito.4. Pour la page nommée « Agenda », on prévoit,comme pour l’éditorial, une impression en tonsdirects. La forme est pratiquement la même : unedisposition en deux colonnes est plus attractivepour ce genre d’informations. En effet, on peutainsi rythmer beaucoup plus facilement le textedes manifestations, et la deuxième colonne évited’avoir des blancs trop grands sur une partie de lapage. Le jeu des mises en couleurs et les différen-tes possibilités des caractères typographiques sont Rough de la page Adresses utiles.suffisants pour rendre la lecture claire et agréable. 6. Les pages Dossiers (voir page suivante) sont prévues pour approfondir un sujet. C’est une par- tie importante du magazine qui sera très illustrée. Elle est traitée en quadrichromie. On applique à nouveau quelques idées déjà vues : surlignage de couleur, titre de chapitre, annotation, barre verti- cale, deux colonnes... Le rough a été l’occasion de tester comment fonctionnaient deux pages en vis- à-vis. Les bandeaux sont en opposition entre les pages de gauche et celles de droite. Les titres et les foliotages fonctionnent aussi sur ce principe. Cette étape permet d’imaginer la taille approximative que prennent les images dans ce contexte.Rough de la page Agenda.

21. 21.      12 Réaliser un magazine avec InDesign et Photoshop Rough du dossier du mois. Travail de rough en cours. Conclusion Les quelques coups de crayon et les explications précédentes permettent d’envisager précisément le travail qui reste à réaliser. Nous espérons vous avoir convaincu de la nécessité de cette préparation dont vous ne soupçonniez pas toujours l’utilité. Il n’est pas obligatoire de bien savoir dessiner. Les roughs de ces pages sont simplement des idées esquissées sans effets graphiques particuliers pour simplifier les opérations qui vont suivre. Finaliser à cette étape ne servirait à rien. Cependant, si ces roughs devaient être présentés à un client, prenez le temps de les peaufiner un peu en les dessinant Application de colle en bombe sur les roughs découpés. avec des outils – règles, compas... – et fixez-les sur une feuille un peu épaisse. Il s’agit ensuite de mettre au propre sur l’ordinateur ces premiers jets issus du travail préparatoire. Planches de présentation des roughs.

22. 22.      Chapitre Prémaquettage sur InDesign 2Le prémaquettage est une étape capitale trop souvent ignorée. Pour une réalisation aussi complexeque celle d’un magazine, il est impossible de se lancer tête baissée dans la fabrication de la couvertureou des bandeaux verticaux, par exemple. Il faut tout d’abord réaliser une prémaquette comprenant desgabarits réutilisables pour la création de nouvelles pages, le placement des images et des textes prin-cipaux. Cette approche permet de connaître précisément les besoins en éléments graphiques et surtoutleur encombrement sur le produit fini. Mais avant de commencer, un premier travail s’impose.Réglage des préférences 3. Saisissez les informations contenues dans les captures d’écrans suivantes. Vous passerez desur InDesign menu en menu en cliquant sur leur nom dans la partie gauche de la fenêtre.Au lancement d’InDesign, une première fenê-tre s’ouvre et permet de choisir le type de travailsouhaité. Préférences : Général.Page d’accueil d’InDesign CS2.1. Fermez cette fenêtre. Nous allons tout d’abordrégler les préférences du logiciel pour configurerl’espace de travail.2. Sur PC, allez dans le menu Édition>Préfé-rences>Général. Sur Mac, allez dans le menuInDesign>Préférences>Général. Préférences : Textes.

23. 23.      14 Réaliser un magazine avec InDesign et Photoshop Gardez les autres réglages par défaut et fermez la boîte de dialogue des préférences en cliquant sur OK en bas de la fenêtre. Mise en place du format de document Les préférences de fonctionnement du logiciel étant paramétrées, créez le document qui consti- tuera le magazine. Pour cela, allez dans le menu Préférences : Unités et incréments. Fichier>Nouveau>Document. Préférences : Dictionnaire. Fenêtre de réglage d’un nouveau document avec les réglages Largeur : 115 mm, Hauteur : 180 mm. Caractérisations générales La liste déroulante Paramètre prédéfini (voir figure ci-dessus) permet de choisir un format par défaut. Vous pouvez aussi sélectionner un format que vous aurez préalablement créé en cliquant, après Préférences : Correction automatique. renseignement des champs de format, sur le bou- ton Enreg. Prédéfini. Pour notre projet, cette zone ne nous intéresse pas. Le champ Nombre de pages permet de fixer le nombre de pages souhaité dès la création du docu- ment. Nous n’utiliserons pas cette option pour notre exemple et toutes les pages créées seront construites sur le même gabarit. C’est très rare- ment le cas dans un magazine, car l’aspect des pages varie en fonction des rubriques ce qui oblige à utiliser plusieurs gabarits. Nous reviendrons sur Préférences : Performances d’affichage. cette notion par la suite.

24. 24.      Chapitre 2 : Prémaquettage sur InDesign 15Cochez l’option Pages en vis-à-vis. Cette fonction Pour ce projet, nous laisserons le paramètre Nom-permet de configurer facilement notre magazine et bre à 1, c’est-à-dire que notre page ne contiendrade bien visualiser le sens du parcours de lecture. qu’une colonne et ne sera donc pas divisée.Ne cochez pas l’option Bloc de texte type quiconfigure directement un bloc texte. Ce bloc prend Empagement et fonds perdusalors tout le format déterminé par les marges dans Faisons confiance au graphiste pour produire unele gabarit. C’est une option très intéressante si mise en pages harmonieuse, en rapport avec levous voulez fabriquer un imprimé de type roman produit à réaliser. Gardez en tête une seule règle :et que l’auteur fournit tout le texte sous Word : votre grand fond doit être égal ou plus grand quevous n’aurez plus qu’à importer le texte (menu votre petit fond. Sa dimension doit être suffisanteFichier>Importer), enfoncer la touche Maj et cli- pour qu’il n’y ait pas de perte de texte sur les pagesquer sur la première page de votre projet. InDesign centrales des cahiers. (Il existe en fait des règlescréera autant de pages que nécessaire pour loger précises pour la détermination des valeurs que l’ontout le texte. Pour notre exemple, cela n’est pas le nomme « empagement » ; on peut citer entre autrescas donc nous n’utiliserons pas cette option. le canon de Villard de Honnecourt ou le tracé de Rosivaro.)Nous pouvons à présent nous pencher sur le choixdu format de page. InDesign propose un certain Nous allons donc saisir les valeurs du rough dansnombre de formats prédéfinis mais aucun n’est la zone Marges, à savoir : adapté à notre projet. Nous allons donc saisir directement le format • De tête : 8 mm ; souhaité, à savoir Largeur : 115 mm • De pied : 8 mm ;Orientation et Hauteur : 180 mm. Ne fermez pas • Petit fond : 8 mm ;portrait. encore la boîte de dialogue… • Grand fond : 27 mm.Jusque-là, pas de difficultés particulières. La zoneColonnes permet de diviser le format de la page Astuceen plusieurs colonnes. Cette option est intéressante Trois des quatre valeurs sont identiques, ce qui vapour la construction de gazettes ou de journaux où nous permettre de gagner du temps. Vérifiez que le bouton de la petite chaîne (Uniformiser tous lesla dimension des colonnes fixe la trame de position- paramètres) est bien enfoncé et saisissez 8nement, mais nous n’allons pas l’exploiter : cette dans le champ De tête. Cliquez sur un autre champprocédure est très rigide et rend toute modification ou enfoncez la touche Tab. Cette valeur est alorsdifficile. Bien que d’après les roughs les textes se répercutée dans tous les champs. Cliquez sur laprésentent sous forme de colonnes séparées, nous petite chaîne pour délier la saisie des 

champs et tapez 27 pour Grand fond.préférons diviser en deux un bloc de texte.Exemple d’une construction en colonnes à droite Le petit fond représente la marge située côté reliureet d’un bloc texte divisé en colonnes à gauche. dans un document en vis-à-vis.

25. 25.      16 Réaliser un magazine avec InDesign et Photoshop Les champs Petit fond et Grand fond changent Pour notre travail, des fonds perdus de 2 mm sont de nom si vous ne travaillez pas sur une page en largement suffisants. Pensez à enfoncer l’icône de vis-à-vis. Ils deviennent Gauche et Droite. C’est la petite chaîne à droite pour ne saisir qu’une fois juste une question d’appellation : si vous regardez la valeur. la page de droite d’un document en vis-à-vis, Petit fond correspond bien au côté gauche et Grand Voici la capture d’écran de la boîte de dialogue fond au côté droit. Nouveau document après la saisie de toutes ces valeurs. (La dernière ligne de saisie Ligne-bloc Reste à renseigner la taille du Fond perdu que nous offre une zone de sécurité supplémentaire hors allons utiliser. Encore une notion peu connue du document pour donner des informations à l’impri- grand public, mais capitale pour la réalisation d’un meur, par exemple. Nous ne l’utiliserons pas.) document imprimé : on appelle « fond perdu » un élément imprimé dans les marges et qui est rogné au façonnage. La partie imprimée dépasse du for- mat de la page, on évite ainsi une fine ligne blanche entre la partie imprimée et le bord de la page si la coupe est un peu décalée. La valeur du fond perdu ne peut pas être inférieure à 2 mm. Boîte de dialogue Nouveau document après saisie des valeurs. Nous avons défini notre espace de travail avec la première page de notre magazine. Vous pouvez fermer la boîte de dialogue. Principe du fond perdu. La possibilité de qualifier des fonds perdus sur InDesign est une option. Il est possible que cette option ne soit pas visible sur la boîte de dialogue que nous utilisons depuis le début. Dans ce cas, cliquez sur le bouton Plus d’options de la partie droite. Notre espace de travail. Dernière étape pour cette partie de la construction du magazine : l’enregistrement. Nous utiliserons Bouton Plus d’options. par la suite la commande Assemblage pour être

26. 26.      Chapitre 2 : Prémaquettage sur InDesign 17sûrs de bien livrer un produit complet à l’impri- • Ajuster la planche à la fenêtre, pour afficher lesmeur sans risque d’oublier certains éléments capi- pages en vis-à-vis ;taux. Prenons dès maintenant l’habitude de bien • Taille réelle, pour afficher une page à l’échelle 1 ;hiérarchiser le travail. • Table de montage, pour afficher plusieurs pages dun magazine en réduction.1. Allez dans le menu Fichier>Enregistrer sous.2. Sur votre disque dur, créez un nouveau réper-toire nommé « Magazine ».3. Ouvrez ce répertoire et enregistrez votre travailà cet endroit sous le nom « News ».Gestion de l’affichageAu cours des différentes étapes que nous allonseffectuer ensemble, vous serez amené à changerla taille de visualisation de votre travail. InDesignoffre plusieurs possibilités pour cela. Le menu Affichage.L’outil Zoom (icône en forme de loupe), permet Raccourcispar des clics successifs (ou par un glissé) de grossir La touche Ctrl enfoncée (ou Pomme sur Mac),la taille d’affichage du document sur lequel vous appuyez sur la touche « + » du pavé numérique detravaillez. En enfonçant la touche Alt (sur PC et votre clavier pour grossir la taille d’affichage.Mac) et en cliquant en même temps, vous réduisez La touche Ctrl enfoncée (ou Pomme sur Mac),la taille d’affichage. appuyez sur la touche « - » du pavé numérique pour réduire la taille d’affichage. Premiers éléments de construction et gabarits La bonne méthode pour élaborer un magazine est de le construire à l’aide de maquettes. Si vous observez un magazine, vous vous apercevrez très vite que la plupart des pages se ressemblent. Cer- tes leur contenu change, mais l’architecture resteL’outil Zoom. similaire par petits groupes de pages : les dix pre- mières (hors couverture), les pages des dossiersLe menu Affichage permet de choisir un affichage traités, le courrier des lecteurs, la galerie des objetsparticulier du document selon les options : tendance...• Zoom avant, pour réaliser un 

agrandissement ; Quand on a travaillé à la mise en place d’un type• Zoom arrière, pour réduire la taille d’affichage ; de page, on a en effet rarement envie de tout• Ajuster la page à la fenêtre, pour voir une page recommencer sur les trente pages suivantes, si plein écran ; elles sont identiques en termes de structure… On

27. 27.      18 Réaliser un magazine avec InDesign et Photoshop pourrait bien sûr copier le travail réalisé sur la pre- (cliquez sur la petite flèche noire en haut à droite mière page et le coller sur les suivantes, mais si l’on de la palette) et cliquez sur Options de gabarit souhaitait effectuer un changement par la suite, il pour « A-Gabarit »... faudrait le répéter sur chacune des pages… ce qui serait une perte de temps. Presque tous les logiciels de mise en pages pal- lient cette difficulté. Ils proposent un travail à base de maquettes qui, en s’appliquant par-dessus les pages, va leur donner leur structure. Si on veut par la suite changer la forme des pages, il n’y aura qu’à changer celle de la maquette. Cette transformation sera immédiatement répercutée. Gabarit Dans InDesign, on parle de « gabarits » et non de « maquettes », mais il s’agit de la même notion. 3. Une boîte de dialogue s’ouvre, elle permet de Gestion de gabarit changer les informations concernant le gabarit A. En premier lieu, ouvrez la palette Pages si elle n’est pas déjà présente sur votre espace de travail. Pour cela, allez dans le menu Fenêtres>Pages (rac- courci F12). On visualise com- ment InDesign conçoit notre magazine. Comme vous pouvez 4. Conservez pour l’instant le préfixe A proposé. le constater, cette palette pré- Remplacez le nom « Gabarit » par « Pages intérieu- sente deux zones distinctes : la res quadri ». Laissez les autres options par défaut. partie haute gère les gabarits décrits précédemment, la partie 5. Validez en cliquant sur OK. On obtient un basse les pages sur lesquelles gabarit bien identifié. C’est fondamental, car un s’appliquent ces gabarits. travail sur un long document comportant un grand nombre de gabarits devient vite ingérable. Lors de la création d’un document, InDesign crée automatiquement un gabarit et génère une pre- mière page. Par défaut, il appelle ce premier gaba- rit « A-Gabarit » et place sur la première page un A indiquant la liaison entre ces deux éléments ; cela rappelle que le gabarit A s’applique sur cette page. Commençons par identifier clairement ce premier gabarit. 1. Cliquez une fois sur le nom du gabarit A. 2. Allez dans le menu associé à la palette Pages Le gabarit renommé.

28. 28.      Chapitre 2 : Prémaquettage sur InDesign 196. Double-cliquez sur la partie droite du gabarit.Nous sommes à l’intérieur du gabarit.Côté droit du gabarit.Vous pouvez constater, si vous déplacez un peul’ascenseur horizontal, que le gabarit est composéde deux pages : lors de la création du format denotre document, nous avons en effet activé l’optionPages en vis-à-vis. Le gabarit A.Un gabarit pour ce type de document est toujours Apprenez dès maintenant à bien identifier surconstitué de deux parties : la gauche représente le quelle zone vous êtes en train d’intervenir : la pagerecto et la droite le verso. Nous avons presque tous ou le gabarit. L’endroit où vous travaillez est indi-pris l’habitude de les considérer comme les parties qué par une surbrillance dans la palette Pages etdroite et gauche d’un document ouvert, séparées par une indication située en bas de la fenêtre depar la reliure. travail.Il faut surtout bien distinguer le gabarit de la page.Attention, cette distinction est très nette au débutdu travail, elle s’estompe rapidement au fur et àmesure de l’avancée du magazine et risque d’intro- Le bas de la fenêtre de travail.duire des erreurs de construction… Si nous nous référons aux roughs que nous avons réalisés précédemment, nous allons avoir besoin de plusieurs éléments sur ce gabarit. En effet, il va servir de base pour la construction des pages en quadrichromie. Il faut donc une zone de texte principal pour le contenu des articles, puis successivement une zone de titrage, un bandeau sur le côté, une zone iden- tifiant le mois de parution et le numéro du maga- zine, ainsi que le foliotage des pages. Nous 

allons commencer par le plus simple, à savoir qualifier l’espace occupé par le bandeau.La première page du magazine. Mise en place d’un bloc graphique 1. Vérifiez que vous êtes bien sur le gabarit A. En cas de doute, double-cliquez comme précédem- ment sur la partie droite du gabarit.

29. 29.      20 Réaliser un magazine avec InDesign et Photoshop 2. Activez l’outil Bloc rectangulaire. 4. Faites de même du côté gauche du gabarit, car nous utiliserons alternativement les deux côtés pour construire le magazine en symétrie. Remarque Par convention, les blocs qui contiennent une croix sont destinés à recevoir des images. Dans XPress, ils s’appellent d’ailleurs « Blocs Images ». 3. Tracez un bloc en partant du coin droit du fond perdu jusqu’à la limite basse de ce même fond perdu en prenant appui sur le cadre des marges (voir les deux figures suivantes). Voici le tracé de notre premier bloc. Blocs des bandeaux à droite et à gauche. Gestion des calques Il faut maintenant préciser la zone où apparaît le texte. Les calques sont un très bon moyen de hié- rarchiser le travail. On peut envisager un calque pour le décor d’un document, un pour les textes, un pour les images… Nous allons donc créer un nouveau calque qui sera réservé aux textes de l’en- semble du magazine. 1. Allez dans le menu Fenêtre et activez la palette Début du tracé depuis le coin droit du fond perdu. Calques (si elle n’est pas présente sur votre espace de travail). Par défaut, InDesign crée un premier calque à partir duquel nous travaillerons. Fin du tracé en appui sur le cadre des marges.

30. 30.      Chapitre 2 : Prémaquettage sur InDesign 212. Double-cliquez sur son icône dans la palette 5. Renommez-le « Textes » comme vous l’avezCalques pour ouvrir les Options de calque et fait à l’étape précédente. (Veillez à conserver larenommez-le « Bandeaux ». bonne sélection pour être sûr de travailler sur le bon calque.) Création d’un repère 1. Le calque Textes sélectionné, allez dans le menu Affichage>Afficher les règles (si celles-ci ne sont pas visibles).3. Validez en cliquant sur OK. 2. Au-dessus de la partie droite du gabarit, cliquez dans la règle horizontale à l’extérieur des pages, et4. Cliquez sur l’icône Nouveau calque située en bas tout en maintenant le bouton de la souris enfoncé,de la palette pour créer le Calque 2. glissez vers le bas. Compléments sur les calques Clic dans la règle horizontale. Il suffit de cliquer sur le nom du calque pour sélec- tionner le calque actif. Pour sécuriser le travail et éviter les erreurs de manipulation, il est possible de verrouiller les calques. Pour cela, cliquez sur la case vide entre l’œil et le nom du calque : un crayon barré apparaît et empêche toute modification du contenu. Cliquez sur l’œil pour afficher ou masquer le contenu d’un calque. Verrouillage des calques. Glissez vers le bas. Comme vous pouvez également le remarquer, cha- que calque a une couleur spécifique. Elle permet Cette méthode permet de créer un repère qui court de les identifier, mais aussi de bien reconnaître le sur toute la longueur du gabarit. Celui-ci nous sera contenu de chacun d’eux. Les blocs créés prennent la couleur du calque sur lequel ils sont présents. d’une grande aide pour positionner précisément certains objets.

31. 31.      22 Réaliser un magazine avec InDesign et Photoshop Si vous activez l’outil Sélection en forme de flè- che noire, vous pouvez cliquer sur ce repère et le déplacer. Profitez-en pour le positionner au bon endroit. Création d’un bloc texte. L’outil Sélection. 2. Activez l’outil Sélection. 3. Cliquez sur le repère et faites-le un peu glisser. 3. Cliquez sur le bloc texte nouvellement créé, et tout en maintenant la touche Alt enfoncée (PC ou 4. Allez dans la palette Contrôle, grande barre Mac), glissez le bloc sur l’autre côté du gabarit. horizontale située sous les menus, et entrez la valeur 25,5 mm dans le champ de position Y. Positionnement précis du repère. Copie dynamique du bloc texte. 4. Relâchez d’abord le bouton de la souris puis la Création de blocs textes touche Alt. Vous avez créé une copie du 

bloc. Nous pouvons maintenant placer les zones de texte à droite et à gauche de chaque page. 5. Reste à bien positionner ce nouveau bloc, c’est- à-dire à le caler comme l’autre contre le repère, en 1. Activez l’outil Texte. Tracez un rectangle qui cliquant dessus et en le faisant glisser avec l’outil part de l’angle délimité par notre repère et les mar- Sélection. ges du document, et qui rejoint l’angle opposé décrit par les marges. Un curseur clignotant appa- Le premier bloc n’est plus visible, sa couleur raît alors en haut à gauche du bloc texte ainsi créé. de contour se confond avec celle des marges du (InDesign attend que vous saisissiez du texte, mais document. En cliquant d’un côté ou de l’autre, on il est encore trop tôt pour cette opération). retrouve bien les deux blocs de texte (voir figure

32. 32.      Chapitre 2 : Prémaquettage sur InDesign 23suivante). On peut maintenant passer au titrage 5. Nous allons maintenant déterminer ses dimen-des pages. sions, sa position et sa forme. Sélectionnez le rec- tangle tracé avec l’outil Sélection. La partie haute de la fenêtre du logiciel permet de qualifier les dimensions et le positionnement d’un objet. 6. Activez le point situé en haut à gauche du Carré de points de référence et saisissez les valeurs sui- vantes dans les cases appropriées : X = 20 mm, l = 60 mm, H = 10 mm.Les deux blocs de texte.Titrage des articles du magazineCréation du titre1. Créez un nouveau calque nommé « Titresarticles ».2. Verrouillez les calques Textes et Bandeaux en Dimensions et positionnement du rectangle.cliquant sur les cases situées entre l’œil et le nomdu calque. Remarque Le carré de points de référence permet de préciser le positionnement d’un objet depuis l’un des points remarquables du rectangle qui le contient (haut gau- che, centre, milieu, bas…). Ceci est fort pratique pour un placement précis.Le crayon barré signifie que le calque est verrouillé. 7. Pour arrondir les angles de ce rectangle, allez dans le menu Objet>Effets d’arrondis.3. Cliquez une fois sur le calque Titres articles pourl’activer. 8. Choisissez l’effet Arrondis, puis entrez une valeur de 2 mm.4. Avec l’outil Rectangle, tracez un rectangle en hautde la page droite du gabarit à partir de la marge. Couleur du titre Le rectangle est correctement dessiné. Il s’agitCréation du rectangle. maintenant de lui attribuer la bonne couleur.

33. 33.      24 Réaliser un magazine avec InDesign et Photoshop 1. Le rectangle étant toujours sélectionné, ouvrez 1. Ouvrez la palette Nuancier par le menu Fenêtre. la palette Couleur par le menu Fenêtre. 2. Cliquez sur le carré de la couleur à mémoriser, 2. Ouvrez son menu local associé en cliquant sur contour ou fond, dans la palette Couleur et glissez- la petite flèche noire située en haut à droite de la le vers le Nuancier. palette. Choisissez CMJN. 3. Cliquez sur le carré évidé qui symbolise la cou- leur de contour du rectangle, appliquez-lui une Mémorisation d’une couleur. couleur orange en vous servant des réglages sui- vants : C = 0 %, M = 50 %, J = 80 % et N = 0 %. Décoration du titre Pour finaliser cet élément qui sert à mettre en valeur les titres des articles, nous allons créer quelques cercles en utilisant la même couleur de contour que le rectangle. 1. Activez l’outil Ellipse et cliquez-glissez en main- tenant la touche Maj enfoncée pour tracer un cercle. 2. Répétez l’opération trois fois pour obtenir trois cercles que vous positionnerez à l’aide de l’outil Sélection. Choisir les couleurs Nous travaillons en CMJN, car notre magazine est dédié à l’impression offset. Pour créer une couleur orange, du magenta et du jaune suffisent. Évitez de mélanger trop de couleurs quand ce n’est pas utile, cela facilite la tâche de l’imprimeur en limitant les problèmes de calage machine. 3. Les cercles que nous avons créés ont un contour Nous venons de créer une couleur qui sera utilisée noir (le vert ci-dessus est dû à la sélection). Pour tout au long de notre travail. Plutôt que de régler à leur attribuer la bonne couleur, sélectionnez tous chaque fois les pourcentages de couleur, il est inté- les cercles : utilisez l’outil Sélection pour les enca- ressant de mémoriser notre choix. C’est le rôle du drer. (On peut également sélectionner le premier, Nuancier. puis cliquer sur les autres au fur et à mesure,

Première créationConnectez-vous ou inscrivez-vous gratuitement pour bénéficier de toutes les fonctionnalités de ce cours !

À la lecture du titre, vous avez tous pu deviner que nous allons créer notre premier document avec Adobe InDesign. Nous allons enfin pouvoir nous lancer pleinement dans le cours avec ce deuxième chapitre. Malheureusement, nous n'allons pas faire grand-chose en ce qui concerne la manipulation des différents outils et fonctions du logiciel. En effet, une notion plus importante, les calques, doit être vue avant de se lancer dans la création d'une petite mise page. Je vous concède que ce n'est pas particulièrement intéressant mais c'est incontournable pour comprendre la philosophie du logiciel ou plus largement la philosophie des logiciels de mise en page. Ne croyez pas non plus que la création d'un document est rapide. De nombreux paramètres sont à préciser pour enfin afficher une page vierge !Mais pas de soucis, le troisième chapitre de cette première partie, je vous le promets, va être riche en notions. Nous allons aborder les blocs. Mais pas un mot de plus, vous devez avant passer par ce terrible chapitre ! 

Créer un documentDans le chapitre précédent, nous avons vu l'écran d'accueil d'Adobe Indesign. C'est avec cet élément du logiciel que nous allons commencer ce tutoriel. Si vous avez coché la case « Ne plus afficher », vous pouvez retrouver cette page dans « Aide », « Écran de bienvenue… ».

Page d'accueilMaintenant que vous avez l'écran d'accueil face à vous, commençons par le décortiquer. Il nous permet d'ouvrir facilement les fichiers récents. À gauche, trois types de documents peuvent être créés :

document, le document est le format de base. C'est grâce à lui que l'on crée un document web, une brochure… ;

livre, comme son nom l'indique, ce type de document a pour but de regrouper tous les fichiers « Document » pour en faire un livre ;

bibliothèque, ce format permet de réaliser une bibliothèque de documents.

Pour cette première partie nous allons juste nous intéresser au premier type « Document ». Cliquez donc sur « Document » ! Vous pouvez également passer par « Fichier », « Nouveau », « Document » ou utiliser le raccourci de touche Ctrl  + N .

Une fenêtre s'ouvre. Il est possible que vous n'ayez pas tous ces paramètres au premier affichage. Si c'est le cas, cliquez sur le bouton Plus d'options . On trouve de nombreux paramètres.

Document prédéfini : cette liste vous permet d'éviter de tout reconfigurer à chaque fois que vous créez un fichier de même format ou taille.

Mode, vous pouvez choisir entre deux modes :o impression, ce mode par défaut doit être utilisé pour la

plupart de vos travaux. Il permet d'avoir un rendu adapté à l'impression. Pour notre premier document, nous allons utiliser ce mode ;

o web, ce mode doit être utilisé quand vous voulez réaliser un affichage pour le web. Le rendu généré sera alors adapté à une utilisation pour le web.

Nombre de pages : vous mettez ici le nombre de pages que vous désirez créer dans votre document. Pour commencer nous allons laisser la valeur par défaut « 1 ».

Pages en vis-à-vis : si cette case est cochée et que vous avez un nombre de pages supérieur à 1, les pages vont s'afficher par paire pour vous permettre par exemple d’étaler une photographie sur

deux pages. On peut également afficher un nombre supérieur de pages en vis-à-vis. Ici, comme nous n'avons qu'une seule page, décochez la case.

Numéro de la première page : dans le cas de la réalisation d'un livre, il est possible que vous fassiez imprimer la couverture du livre séparément. La première page devra donc être numérotée à partir de 3. Dans notre cas, nous allons garder le 1.

Format de la page : ce champ vous permet de choisir le format de votre document. Les formats papiers internationaux sont disponibles (A3, A4, A5…) mais également des formats destinés au web (800 × 600, 1024 × 768…). Nous allons rester simples : sélectionnez le format A4.

Largeur et hauteur : si les formats proposés ne vous plaisent pas, il est possible de configurer la largeur et la hauteur du document souhaité.

Orientation : vous pouvez orienter le document en paysage ou en portrait. Pour notre premier document, nous resterons en orientation portrait.

Colonnes : vous pouvez configurer le nombre de colonnes de votre document.

Marges : elles permettent de spécifier les bords d'une page. Cependant les marges ne sont pas les limites d'une page et apparaîtront dans une impression par exemple. Pour ce premier document nous allons laisser les marges par défaut, 12,7 mm.

Fond perdu : c'est la zone jusqu'à laquelle les objets pourront aller en dehors de la page. Cet espace n’apparaît pas à l'exportation. Dans notre cas, nous allons mettre 8 mm. Pour assigner cette mesure dans toutes les cases, cliquez sur la chaîne à droite.

Ligne-bloc : ce champ permet d'entrer des informations à destination de l'imprimeur comme des points de marquage. Il peut également contenir des informations sur la page (sources, auteur…). Nous allons mettre 15mm.

Voilà ce que cela donne une fois cette fenêtre remplie correctement :

Cliquez sur OK  !Votre document doit ressembler à ceci :

Si vous avez correctement suivi les instructions ci-dessus : la bordure bleue correspond à la ligne de bloc de 15mm ; la bordure rouge correspond au fond perdu de 8 mm ; la bordure noire correspond à la page ; la bordure rose correspond à la bordure à la marge de 12,7 mm.

Vous pouvez changer le nombre de pages, le numéro de la première page, le format ou la hauteur et la largueur, l'orientation, le fond perdu et la ligne de bloc en vous rendant dans « Fichier », « Format de document… » ou en faisant Alt  + Ctrl  + P .Voilà, vous savez maintenant créer un document avec InDesign avec une configuration précise.

Gérer son travail et se baladerSavoir gérer son travail et plus particulièrement ici, son document, est important. Mais avant d'aborder l'enregistrement, je tiens à vous montrer ceci :

Si vous créez plusieurs documents, des onglets vont être générés au-dessus de la zone de travail pour permettre de mieux se retrouver entre

vos différents projets.Fermons cette petite parenthèse et commençons cette sous-partie !Enregistrer un document

Après avoir durement travaillé sur une mise en page, il est bien sûr évident qu'il faut enregistrer son travail. Enregistrer un document avec Adobe InDesign est très simple. Le logiciel nous propose deux formats pour l'enregistrement, celui par défaut nommé « Document InDesign CS5 » et un autre « Modèle InDesign CS5 » que nous n'allons pas utiliser. Vous pouvez même enregistrer un document vide.Pour enregistrer, allez dans « Fichier », « Enregistrer » ou faites Ctrl  + S .Si vous souhaitez enregistrer un document enregistré ailleurs que dans le fichier dans lequel il se trouve. Pour cela, il faut faire un « Enregistrer sous ». Allez dans « Fichier » > « Enregistrer sous... » ou faites Maj  + Ctrl  + S .Enfin, vous pouvez enregistrer une copie de votre travail au cas où avec « Enregistrer une copie ». Allez dans « Fichier », « Enregistrer une copie... » ou faites Alt  + Ctrl+ S .

Le format dans lequel vous allez enregistrer votre document est unique à Adobe InDesign. Cela veut dire que l'extension .indd est « réservée » à ce

logiciel et qu'on ne peut donc normalement pas l'ouvrir avec un autre logiciel. Il contient toutes les informations, toutes les couches que vous avez rentrées. Ici, le fichier est vide et ne contient qu'une simple page vierge.Ouvrir un document

Ouvrir un document est une action très simple. Pour l'exécuter, allez dans « Fichier », « Ouvrir » ou faites Ctrl  + O . Une fenêtre va donc s'ouvrir et vous pourrez choisir d'ouvrir le fichier que vous venez d'enregistrer.

InDesign vous propose trois modes d'ouverture : « Normal », « Original » et « Copie ». Le premier ouvre le document normalement. Le deuxième ouvre le fichier comme si celui-ci était l'original (la première version). Enfin, le dernier ouvre le document en copie (si vous souhaitez enregistrer les modifications, on vous demandera où vous voulez enregistrer le document).Se balader

Avant de se lancer dans la réalisation d'un petit document, il faut savoir se déplacer dans la zone de travail. Nous allons donc voir comment zoomer, dé-zoomer, bouger de droite à gauche et de haut en bas.Zoomer et dé-zoomer

L'outil zoom est un outil incontournable de bon nombre de logiciels. On le retrouve sur des logiciels comme Paint ou bien Libre Office. L'outil zoom se situe dans la boîte à outils (à gauche) et il est représenté par cette petite vignette dans laquelle se trouve une loupe :

.Le zoom sert à grossir ou à rétrécir la zone de travail. La modification effectuée n'est que provisoire et n'a pas d'influence sur votre document. Avec un grossissement, les pixels sont plus visibles, et inversement quasi invisibles quand le zoom est réduit. Contrairement à d'autres logiciels, InDesign, avec un grossissement maximal sur du texte, ne donne pas un rendu « pixelisé » (où l'on voit les pixels qui composent la lettre) mais l'affiche avec une grande netteté.Pour utiliser le zoom, il n'y a pas trente-six manières de faire. Une des façons possibles consiste à cliquer sur la vignette

(zoom) ou d'appuyer sur la touche Z  et de cliquer sur l'espace que vous souhaitez agrandir. Si vous n'avez rien touché, la zone de travail est affichée à 100% de sa taille comme indiqué à côté du nom du document (exemple : Sans-titre @ 100%). InDesign propose un zoom de 4000%, le zoom de ce logiciel est énorme ! Inversement, pour dé-zoomer, il suffit d'enclencher le zoom et d'appuyer sur la touche Alt , le document peut atteindre un minumum de 5%. Autre méthode pour zoomer, il suffit d'appuyer sur la touche Alt  et de jouer avec la molette de la souris ou d'appuyer sur la touche -  ou +  pour rétrécir ou agrandir la zone de travail.Gauche-droite et haut-bas

Sur un document zoomé, il est nécessaire de pouvoir se déplacer facilement entre plusieurs points. Des barres de navigation vous permettent de bouger. Néanmoins, l'action de placer le curseur sur ces barres ralentit la productivité. Pour se déplacer de haut en bas, c'est simple comme bonjour. Il suffit d'utiliser la molette de votre souris. Pour se déplacer de gauche à droite rapidement, même procédé sauf qu'il faut maintenir en plus la touche Ctrl  enfoncée. Faire rouler la molette vers soi permet d'aller à droite et la faire rouler vers votre écran (donc dans le sens inverse) permet d'aller à gauche.Vous savez maintenant enregistrer et ouvrir vos travaux, mais également vous déplacer dans la zone de travail.

Qu'est ce qu'un calque ?

La notion de calque est la notion la plus importante dans les logiciels de mise en page, ou même avec des logiciels de retouche d'images tels que Photoshop. Pour aborder ce thème en douceur, nous allons, avant de nous intéresser aux calques en eux-mêmes, nous intéresser à la fenêtre de calques.Pour ceux qui auraient un soupçon de mémoire, nous avons, dans le chapitre précédent, configuré notre espace de travail et intégré dans les palettes la palette « Calques ».

Définir le terme « calque » n'est pas une mince affaire. Je vais essayer d'être le plus clair possible.Un calque est un élément d'un document qui regroupe des blocs. Ces blocs peuvent être du texte, une image, un rectangle rouge… Un calque peut bien aussi ne contenir qu'un seul bloc. Le calque est un peu un dossier pour blocs. Il faut imaginer les calques comme des feuilles transparentes superposées. Si l’un d'eux est vide, il laisse transparaître les objets qui se trouvent sur les calques inférieurs.Le placement d'un calque par rapport à un autre est aussi important que le placement d'un bloc par rapport à un autre à l'intérieur d'un calque. Les groupes de calques sont colorés et permettent de mieux s'y retrouver entre les différents groupes de blocs. Le calque le plus haut sera toujours au-dessus de celui qui est placé en dessous de lui.

Prenons un exemple concret. Sur l'image ci-dessous, nous voyons trois rectangles superposés aux couleurs diverses.

Les rectangles sont nommés A, B et C soit respectivement le bleu, le jaune et le bordeaux. Une bordure rouge permet de savoir si ces trois rectangles font partie du même calque dont la couleur est rouge. Si vous avez bien suivi, l'ordre des blocs de ces rectangles dans le calque est donc :

C, le rectangle bordeaux, est au-dessus du jaune et se positionne également au-dessus du rectangle bleu. Il est donc premier ;

B, le rectangle jaune, est en dessous du rectangle bordeaux mais au-dessus du rectangle bleu. Il est donc deuxième ;

A, le rectangle bleu, est en dessous des deux autres rectangles, il est donc dernier.

Résultat.Nous avons vu la notion des calques. Celle-ci est très importante pour la bonne compréhension du tutoriel et du logiciel en lui-même.

En savoir plus sur les calques

La création d'un élément entraîne la création d'un bloc. Mais il arrive un moment où il faut trier tous ces blocs qui ne peuvent rester dans un seul et même calque. Nous allons donc voir comment créer un calque, le dupliquer et le supprimer.Créer un calque

Nous avons vu que les calques étaient des éléments essentiels à l'utilisation d'InDesign. Il faut donc maîtriser leur création. Il existe deux façons de créer un calque :

il est possible de passer directement par l’icône « Nouveau calque » () qui se trouve au niveau de la fenêtre de calque ;

il est également possible de passer par un menu déroulant en appuyant sur cette petit flècheet de sélectionner « Nouveau calque ».

Une fois le calque créé, il faut penser à le renommer sinon, au fur et à mesure, le nombre de calque va augmenter et vous allez complétement vous perdre parmi des montagnes de calques. Pour cela, faites un double-clic sur le nom du calque ou un clic droit puis « Options de calque ».Dupliquer un calque

Il est très courant d'avoir besoin de dupliquer des calques. Certains calques peuvent servir de modèle et nous éviter de refaire la même chose plusieurs fois. Pour dupliquer un calque, trois méthodes s'offrent à nous :

utiliser le menu déroulant en appuyant sur cette petit flècheet sélectionner « Dupliquer le calque » ;

faire un clic droit sur le calque concerné puis sélectionner « Dupliquer le calque » ;

ou faire glisser le calque avec la souris jusqu'à la vignettepour créer un nouveau calque.

Un nouveau calque apparait. Il se nomme comme le calque d'origine avec néanmoins un suffixe, « Copie 1 ».Supprimer un calque

Pour supprimer un calque, il suffit de faire la même chose que pour dupliquer un calque sauf qu'il faut sélectionner « Supprimer le calque » pour les deux premières méthodes et glisser le calque vers la vignette

représentant la poubelle pour la dernière méthode.Les options de calque

Les options de calque tiennent une place importante dans la gestion des calques. En dehors du fait qu'elles permettent de renommer le fichier, ce panneau permet de modifier la couleur du contour des calques mais également de gérer les blocs qui le composent.

Toutes les options proposées ne sont pas forcément utiles. « Afficher le calque » vous permet de masquer un calque pour pouvoir travailler sur des calques qui se trouvent sous celui-ci. Vous pouvez également masquer un groupe de calques en cliquant sur l’œil

à gauche du nom du calque. Attention, le calque n'est pas supprimé, mais il est masqué. L'option « Verrouiller le calque » permet de verrouiller le calque. Le calque ne sera plus sélectionnable ni déplaçable. Ce verrouillage est très utile si vous travaillez sur un calque en dessous d'un autre. Il évite de sélectionner le calque en dernier plan au lieu du calque en premier plan. Les autres options ne sont pas très importantes. Je ne vais donc pas vous ennuyer en les décrivant.Je ne pense pas vous avoir trop fatigué avec ce chapitre très simple. Les notions sur les calques vues ici vous serviront très longtemps et dans une grande partie des logiciels d'Adobe comme Photoshop.Maintenant que tout est prêt, nous pouvons nous lancer dans un début de mise en page dans le chapitre suivant ! 

#

Les blocsConnectez-vous ou inscrivez-vous gratuitement pour bénéficier de toutes les fonctionnalités de ce cours !

Bloc ? Nous en avons déjà parlé dans le deuxième chapitre de cette partie. Ils composent les calques, vous vous en souvenez ? Si ce n'est pas le cas, ce n'est pas trop grave. Par contre à la fin du chapitre, il est hors de

question que vous ne sachiez pas qui ils sont et comment les utiliser.

Sinon, je vous invite à relire autant de fois que cela est nécessaire. Ce chapitre va faire de nombreux heureux ! Nous allons enfin nous intéresser à la mise en page. Je ne vous promets pas que, sortis de ce chapitre, vous sachiez faire un magazine tout entier, mais simplement savoir manipuler efficacement les blocs et leurs effets ! C'est sans attendre que je vous propose de passer à la première sous-partie !

Créer un blocLes blocs, la base de tout

Les blocs sont vraiment la base d'InDesign. Tout est bloc. Tous les éléments créés dans un document InDesign ne sont rien d'autre qu'une série de blocs contenant des informations. Celles-ci peuvent être de différents types comme du texte, des images, des traits, des tableaux…Voici une liste des outils qui vous permettent de faire des blocs :

l'outil texte;

l'outil bloc(maintenir enfoncé le bouton pour les autres outils, rectangulaire, elliptique et polygonal) ;

l'outil rectangle(maintenir enfoncé le bouton pour les autres outils, ellipse et polygone) ;

l'outil filet;

l'outil plume;

l'outil crayon.

Cette liste est variée comme je vous l'avais annoncé. Ainsi, le texte, les images, les cadres de couleurs et bien d'autres sont des blocs.Créer un bloc

Les blocs composent essentiellement les présentations. Ils correspondent à chaque élément du document. Pour commencer, comment créer un bloc ? Sur l'image suivante, je vous présente quatre différents blocs. On reconnaît facilement du texte, une image, un cadre vide et un cadre coloré.

Tout d'abord, commençons par créer des blocs simples : sans fond et colorés. Ces blocs sont, on peut le dire, inutiles à ce stade. (Eh oui, à quoi peut bien servir un cadre vide qui ne va pas apparaître sur une production ?) Pour créer un bloc, il faut se rendre dans la barre d'outils (celle à gauche de votre espace de travail), puis cliquer sur l'icône représentant un rectangle barré ou taper F  sur votre clavier.

Un curseur spécifique s'affiche alors et vous permet de créer un bloc en choisissant approximativement la hauteur et la longueur. La valeur de X correspond à la longueur et celle de Y la largeur. Pour choisir la taille de votre bloc, il suffit de maintenir enfoncé le clic droit de la souris et de glisser pour donner la forme voulue à votre bloc.

Voilà ! Vous avez créé votre premier bloc. Comme je vous l'ai dit, si vous n'avez encore rien bidouillé sur le logiciel, votre bloc est vide ou plutôt ne possède pas de couleur de fond.Maintenant que nous avons vu comment créer un bloc avec l'outil bloc rectangulaire, il pourrait être intéressant d'étudier les autres outils que nous avons vu plus haut.Je vous invite à créer le plus de blocs possible et de vous familiariser avec ces différents outils.Sur l'image ci-dessous, on peut voir les divers blocs présentés plus haut. Notons que l'outil bloc rectangulaire est différentiable de l'outil rectangle grâce à la présence de diagonales.

Aide au placement

Si vous avez beaucoup manipulé les blocs, vous avez dû remarquer ces flèches vertes.

Ces flèches nous aident de différentes manières puisqu'elles permettent : d'avoir la même longueur ou hauteur qu'un autre bloc ;

d'être aligné avec un bloc ; de positionner un bloc au milieu de la page ; etc.

Nous avons donc vu comment créer un bloc. C'est assez simple et j'espère que vous avez bien tout compris.

Gérer un blocRedimensionner un bloc

Le bloc que vous venez de créer comporte à ses extrémités des petits carrés qui vous permettent de modifier la taille du bloc. En sélectionnant les côtés, vous pouvez modifier la hauteur et la largeur du côté sélectionné. De plus, si vous sélectionnez le coin en haut à droite, vous pouvez modifier la hauteur du segment du haut et la largeur du segment de droite. Pour les carrés entre les coins, ils servent à modifier soit la hauteur, soit la largeur, en fonction de leur emplacement.

Vous avez sûrement remarqué le petit carré jaune sur le côté droit de votre bloc. Ce carré vous permet d'arrondir les coins d'un bloc. Cliquez sur le carré et sur chaque coin du bloc apparaissent des carrés jaunes. Si vous en sélectionnez un et que vous faites glisser un carré, les bords de votre bloc s'arrondissent à votre guise.

Pour réaliser un arrondi sur un seul coin, il suffit de maintenir la touche Maj  et de sélectionner le coin concerné.

Dupliquer un bloc

De la même manière que pour les calques, dupliquer un bloc est relativement simple. Dupliquer certains blocs peut être très pratique quand il s'agit de blocs complexes. Pour en dupliquer un, il suffit de faire glisser le bloc que l'on veut dupliquer vers la vignette

de création de calque.Supprimer un bloc

Pour supprimer un bloc, deux solutions s'offrent à nous. Il suffit soit de cliquer sur la touche Suppr , soit de faire glisser le calque dans la vignette

poubelle de la palette des calques.Les images

Comme je vous l'ai dit plus haut, les images sont des blocs. Pour les créer, il faut donc suivre la méthode proposée plus haut. Néanmoins, il est nécessaire de parler plus des images et de la manière dont il faut les manipuler.

Pour créer une image, il faut commencer par créer un bloc avec l'outil de bloc

et avec la forme que vous désirez. De mon côté, j'ai choisi de créer un bloc avec l'outil bloc polygonal.

Puis, choisissez l'image que vous désirez ajouter et faites-la glisser dans le bloc vide. L'image va alors s’adapter à la forme du bloc en se positionnant le plus à gauche et le plus haut possible.

L'image est donc correctement intégrée dans le bloc. Mais la position de celle-ci ne vous plaît pas forcément. Pour y remédier, placez votre curseur au-dessus de votre image et un anneau va apparaître vous permettant de déplacer l'image. En cliquant sur cet anneau, l'image qui n'est pas contenue dans le bloc va apparaître de manière légèrement transparente. Il suffit alors de déplacer l'anneau de façon à intégrer correctement l'image dans votre calque.

Autre façon d'intégrer une image : il faut glisser l'image sur la page (il ne faut pas qu'un bloc soit en-dessous) et configurer sa taille comme celle d'un simple bloc.

Les effetsPour rendre un bloc plus agréable à l’œil ou pour lui donner plus d'importance, nous pouvons utiliser des effets. Les effets nous évitent de passer par des images complémentaires et inutiles pour réaliser une ombre, une lueur ou une superposition entre deux blocs.Avant de découvrir les différentes notions qui entourent les effets, intéressons-nous à la palette des effets (image ci-dessous).

Les modes de fusionLe menu déroulant correspond à la liste des modes de fusion disponibles sur InDesign. Pour dérouler le menu, cliquez sur la flèche ou sur le mode de fusion déjà choisi (ici Normal) pour afficher les seize modes proposés.

On remarque au premier coup d’œil que les modes de fusion sont classés par fonction. Ces modes sont là pour vous faciliter la vie au niveau des transparences de deux blocs. InDesign s'occupe de tout en combinant les couleurs de chacun des blocs pour donner lieu à une couleur d'arrivée. Ainsi, ce qui est pour nous une fusion n'est, pour le logiciel, qu'une gestion habile des couleurs.Pour ce chapitre, j'ai choisi de vous présenter un mode de fusion : produit. Pourquoi un seul ? Tout simplement car une fois que l'on a compris comment fonctionne un mode de fusion, il est très simple d'utiliser les autres modes.Produit

Pour essayer ce mode de fusion, nous allons utiliser deux images : une version de la page d'accueil du Sdz normale et l'autre recolorée. Téléchargez ces deux images en cliquant dessus et ouvrez-les dans votre document comme nous venons de le voir.

Une fois les images chargées, il faut les superposer. Il n'est pas nécessaire de les superposer entièrement mais juste au niveau des coins comme ci-dessous. Cet agencement des images nous permettra de bien voir la fusion qui va se faire et de comparer le résultat avec l'image d'origine.

Sélectionnez une des deux images et nous pouvons enfin commencer ! Il n'y a pas de préférence à avoir sur quelle image sélectionner : le résultat sera identique. Déroulez le menu et sectionnez le mode de fusion « Produit ». Une fois le mode appliqué, on peut remarquer une fusion des deux images.

Pour le logiciel, le mode de fusion « Produit » consiste à « multiplier » (comme l'indique le nom du mode) la couleur de la première image par la couleur de la seconde image. La couleur générée est toujours plus foncée que la couleur initiale. Le produit d’une couleur quelconque avec du noir donne du noir et le blanc n'a pas d'impact.Maintenant que nous avons vu comment tout cela fonctionne. Je vous conseille d'essayer tous les autres modes de fusion. Pour annuler le mode de fusion, deux solutions sont possibles. Il vous faut soit revenir sur le mode de fusion « Normal », soit cliquer sur la vignette

« Annule tous les effets et rend l'objet opaque » qui se trouve dans la palette.OpacitéUne autre utilité des effets est la possibilité de gérer les opacités des différents blocs. Pour illustrer cela, je vous propose de créer deux paragraphes que nous allons superposer. Si vous souhaitez avoir du texte,

je vous conseille le site Lorem Ipsum qui en génère ou tout simplement l'utilisation d'une fonctionnalité d'InDesign qui remplit votre bloc : allez dans le menu « Texte » puis sélectionnez « Remplir avec le texte de substitution » (en bas). Cet extrait vous permet de voir l'effet d'un texte sur une portion du document et cela évite de se creuser la tête pour trouver des choses à écrire.

Nous allons sélectionner un des deux blocs de texte et baisser son opacité. Pour régler l'opacité, il faut regarder du côté de la palette des effets. Deux possibilités : soit on modifie l'opacité directement dans l'espace « Opacité », soit on change l'opacité dans « Objet ». L'opacité est inscrite en pourcentage (de 0 à 100). Moins le pourcentage est élevé et moins le bloc est visible. Ci-dessous, j'ai appliqué une opacité de 40% à un des deux blocs.

Mais pourtant, dans la palette des effets, on peut configurer l'opacité de différentes parties d'un bloc. Exact ! Ces opacités sont utilisées quand on applique un contour et un effet d'objet à un bloc.Les effets d'objetLes effets d'objet permettent de donner un peu de forme à un bloc. Ces effets sont variés : il peut s'agir d'une ombre portée aussi bien que d'un contour en dégradé. Ces effets marchent comme des options que l'on ajoute ou enlève à un bloc ou à un calque (un groupe de blocs).Pour afficher la liste des effets, il faut cliquer sur la vignette

(« Ajouter un effet d'objet à la cible sélectionnée »). Derrière ce beau nom se cache une liste de dix effets (dont l'effet « Transparence » qui correspond aux modes de fusion et à l'opacité du bloc).

Il existe une fenêtre à part entière pour les effets d'objet sur les blocs. Pour l'afficher, il suffit de faire un double clic sur « Objet » dans la palette des effets ou de sélectionner un des effets proposés. L'effet par défaut affiché est l'effet « Transparence » dont nous avons vu les éléments précédemment.

La partie de gauche nous sert de menu, elle nous permet de voir les effets que comportent notre bloc et de naviguer facilement d'un effet à un autre. La partie de droite permet de configurer les différents paramètres qui composent chaque effet.Une petite case « Aperçu » en bas à gauche vous permet d'avoir un aperçu direct des modifications apportées. Cette case est décochée par défaut, je vous conseille de la cocher dès maintenant.

Nous n'allons pas voir tous ces effets, car le nombre d'exemples et de situations est tellement élevé que l'on passerait des heures et des heures à tous les essayer. Même si chaque effet mériterait que l'on s'y intéresse, nous allons nous concentrer sur un seul effet : « Ombre portée ».Ombre portée

L'effet « Ombre portée » est l'effet le plus utilisé, autant sur InDesign que sur d'autres logiciels. Cet effet est vraiment présent partout. Il est souvent utilisé pour mettre en avant des éléments ou des images. L'ombre portée est un effet qui permet donc de donner une ombre à un bloc.Commençons ! Cliquez sur l'effet « Ombre portée » (pas sur la croix sinon vous ajoutez l'effet avec les paramètres par défaut). Les paramètres qui s'affichent sont ceux par défaut ou ceux que vous avez utilisés pour la dernière fois (ce qui est mon cas).

Les paramètres des effets sont découpés en différentes catégories. Dans la première catégorie, on retrouve les modes de fusion, l'opacité et la couleur de l'ombre. Mais attention à ne pas confondre le mode de fusion et l'opacité du bloc avec celui d'un effet. Si vous baissez l'opacité ici, ça va avoir une répercussion sur l'ombre et rien d'autre. Pour la couleur de l'ombre, il suffit de faire un clic pour afficher une petite fenêtre nous proposant différentes couleurs (plus d'informations à ce sujet dans le chapitre suivant). La seconde catégorie, « Position », correspond aux différentes positions à paramétrer. On trouve donc le paramétrage de l'angle, celui de la distance entre le bloc et l'ombre et la case « Éclairage global » pour normaliser l'angle des blocs. Un réglage plus précis peut être réalisé avec les paramètres « Décalage sur X » et « Décalage sur Y ».

Enfin, la dernière catégorie intitulée « Options », catégorie que l'on retrouve dans tous les effets, correspond au paramétrage de la taille de l'angle, du bruit…Rien ne vaut les essais pour bien comprendre comment tout cela marche. Je ne vais pas tout essayer mais je vous conseille de jouer avec un peu tout pour bien vous familiariser avec les paramètres.Bon, nous allons encore utiliser une image : nous allons y ajouter une ombre portée. Disons une ombre portée dont le mode de fusion est « Produit », la couleur noire, l'opacité 55%, la distance 1 mm, l'angle 30° et la taille 2 mm. Pas facile à suivre. Rien ne vaut une bonne image :

Et voici le résultat :

Je pense que vous êtes prêts à découvrir les autres effets que propose Adobe InDesign et que nous n'avons pas vus ici. Je vous conseille en particulier de vous intéresser aux contours. Ces effets sont très intéressants et leurs résultats assez sympathiques.Ce chapitre riche en contenu prend fin. J'espère que vous savez ce que sont les blocs et comment bien les utiliser, mais que vous savez également manier les effets. Il faudra un peu de temps pour que leur utilisation devienne automatique, mais à force de les manipuler vous allez y arriver.Bon, on a bien travaillé ! J'espère que vous êtes contents d'avoir pratiqué un peu. Dans le chapitre suivant, la couleur est à l'honneur. J'espère que vous aimez la théorie. 

#

Première création Utilisation des couleurs

Utilisation des couleursConnectez-vous ou inscrivez-vous gratuitement pour bénéficier de toutes les fonctionnalités de ce cours !

Les couleurs ? Pourquoi consacrer un chapitre aux couleurs ? Tant de questions que vous avez dû vous poser à la lecture du titre. Sans doute pensez-vous que les couleurs constituent un aspect simple. Détrompez-vous ! En effet, de nombreux chapitres seraient nécessaires pour vous expliquer de manière concrète comment, quand et pourquoi utiliser une couleur. Nous n'allons pas nous lancer dans une thèse philosophique sur le sujet, mais ce point reste important.Néanmoins, avant de commencer, je tiens juste à vous avertir : sachez qu'il est préférable de conserver une certaine harmonie dans le choix des couleurs. On évitera par exemple l'utilisation du rouge sang avec des tons reposants.Je vous propose, ci-dessous, deux images. La première représente le Site du Zéro dans des tons agréables (le design actuel) alors que la seconde représente le même site mais, cette fois, avec des couleurs criardes. Cet exemple doit vous faire comprendre qu'il est nécessaire d'agencer les couleurs le mieux possible pour ne pas fatiguer vos potentiels lecteurs.

Tout d'abord, qu'est-ce que la couleur ? Un poète dirait qu'une couleur n'est qu'un coup de pinceau sur la toile du peintre. Un scientifique dirait plutôt qu'une couleur a une longueur d'onde comprise entre 380 nm et 780 nm, perceptible par l'œil humain. Je suis certain que vous préférez nettement la seconde interprétation. :D Je ne vais pas m'étendre sur l'aspect scientifique de la couleur et sa perception, mais je vous conseille de vous y intéresser car tout cela est passionnant !Revenons à nos moutons. Nous allons donc découvrir dans ce chapitre comment colorer un bloc, mais également en savoir plus sur les différents modes de couleur et pouvoir définir quand les utiliser.

Colorer un blocAprès avoir vu tant de notions sur les blocs, je pense que c'est le moment de s'attarder sur les couleurs ainsi que les différentes marches à suivre pour colorer un bloc.La palette de couleurs

La palette de couleurs est assez simple à comprendre. On retrouve une palette de couleurs pour choisir une couleur (en bas) et des éléments pour régler les intensités.

Passons les éléments du milieu ; nous verrons à quoi correspondent ces lettres et l'intérêt du pourcentage plus tard. Nous allons seulement nous arrêter au cadre du bas et aux deux cadres de gauche.

L'élément du bas, appelé palette de couleurs ou frise colorimétrique, permet de sélectionner plus de 4 100 couleurs différentes (si vous aussi souhaitez vous amuser à compter le nombre de couleurs, chaque pixel ayant une couleur différente, vous arriverez à ce résultat). Vous avez donc un choix de couleurs plus que suffisant. On peut également ne pas attribuer de couleur à un bloc en cliquant sur le carré blanc barré de rouge.Les deux cadres de gauche permettent de définir la couleur du bloc, mais également celle du contour du bloc. Les couleurs peuvent être inversées en cliquant sur la double flèche. Pour les blocs de texte, le contour correspond à celui des lettres, et non à celui du bloc de texte.Il est possible de configurer la palette selon plusieurs modes. Il suffit d'appuyer sur la petite flèche

, située en haut à droite. Vous avez le choix entre le mode Lab, le mode CMJN et le mode RVB. Nous nous intéresserons plus en détail aux deux derniers modes avant la fin de ce chapitre.Le sélecteur de couleurs

Autre moyen de définir la couleur d'un bloc, le sélecteur de couleurs est un peu spécifique. Il existe deux manières de l'afficher : passer par la barre d'outils ou cliquer sur les cadres de couleur.

L'agencement n'est pas optimal pour trouver facilement une couleur mais, à force de bouger le curseur sur le grand cadre et sur la longe, on finit par obtenir la couleur recherchée. La couleur peut aussi être trouvée au moyen de valeurs (chaque mode ayant des valeurs différentes pour une seule et même couleur).

Choix Web : le mode RVBRVB, pour RougeVertBleu, est un format de codage des couleurs. Ces trois couleurs sont les couleurs primaires de ce mode. Cela signifie que ce système ne s'appuie que sur celles-ci pour « créer » des couleurs dites secondaires. Le fait de pouvoir mélanger ces couleurs est défini par le terme « synthèse additive ». Ces trois couleurs correspondent approximativement aux trois longueurs d'onde captées par les trois différents types de cônes de l'œil humain. Ce mode est utilisé dans les vidéos et l'affichage sur les écrans, ainsi que dans les logiciels d'imagerie. Il doit plus précisément être utilisé si vous souhaitez porter votre mise en page dans un format Web.Pour obtenir les différentes couleurs, il faut régler l'intensité d'une des trois couleurs. La valeur de ces intensités est comprise entre 0 et 255, le zéro signifiant qu'il y a absence de la couleur concernée et le 255 que sa présence est totale. Si les trois couleurs ont une intensité de 255, la couleur générée sera le blanc.Ci-dessous, je vous propose un schéma pour comprendre les combinaisons des trois couleurs primaires.

Si je résume ce schéma, on trouve : trois couleurs primaires obtenues par une intensité de 255 pour une

seule couleur ; trois couleurs secondaires obtenues par une intensité de 255 pour

deux couleurs ; une couleur centrale, le blanc, qui correspond à une intensité de 255

pour les trois couleurs.

C'est une représentation assez simple et facilement compréhensible du mode RVB, et c'est le but de celui-ci. Vous devez peut-être vous demander pourquoi, si on ajoute du vert et du rouge, on obtient du jaune. Eh bien, oui, si on prend de la gouache rouge et qu'on y ajoute de la gouache verte, cela ne donne pas du tout le même résultat. C'est tout à fait normal ! Les trois couleurs du mode RVB viennent d'une source lumineuse. Peut-être de vieux souvenirs de physique au collège, en travaillant avec des filtres, vous reviennent-ils en mémoire : c'est le même principe.Il faut donc se représenter des projecteurs munis de filtres pour bien cerner le mode de fonctionnement de RVB. Si vous avez la chance d'avoir des lampes de couleurs ou des filtres, n'hésitez pas à tester par vous-même. Ce sera très instructif au-delà de ce tutoriel. Pour votre information, quand vous regardez un écran, les couleurs proviennent d'une source lumineuse. L'écran de votre télévision, comme celui de votre ordinateur, « envoie » les couleurs en mode RVB !

Mais pourquoi utiliser ce mode pour le Web ? Pour expliquer ce choix, nous allons faire un peu d'informatique et nous intéresser au pixel. Le codage d'un pixel peut se faire sur 32 bits. Sur ces 32 bits, 24 sont utilisés pour coder la couleur. Ces 24 bits sont séparés en trois, les trois couleurs primaires :

8 bits pour la teinte primaire rouge ; 8 bits pour la teinte primaire vert ; 8 bits pour la teinte primaire bleu.

Les 8 bits permettent de coder un nombre compris entre 0 et 255. Vous commencez à comprendre ? L'intensité des couleurs primaires est comprise entre 0 et 255. Comme par hasard ! :DVoilà pourquoi on utilise ce mode pour une production Web. Bien sûr, on peut utiliser un autre mode mais cela demandera plus de travail à la machine. En effet, pour afficher le contenu, il faudra obligatoirement passer par un convertisseur en RVB. Le convertisseur peut entraîner des

pertes de qualité et de couleur. C'est pour cela qu'il vaut mieux utiliser ce mode et non un autre quand on s'axe sur le Web !

Choix papier : le mode CMJNCalqué sur le mode RVB, le mode CMJN est constitué de quatre couleurs dites primaires que sont le Cyan, le Magenta, le Jaune et le Noir. Ces quatre couleurs sont les couleurs primaires en imprimerie. Le cyan, le magenta et le jaune sont les trois couleurs primaires en synthèse soustractive. Le noir trouve son utilité dans l'obtention de gris, plus difficiles à obtenir en mélangeant les trois couleurs primaires. L'ajout d'une couleur primaire permet de donner plus d'intensité au noir ou au gris. C'est ce que l'on appelle un noir soutenu. Il faut noter que ce mode est également appelé quadrichromie.On ne peut pas obtenir toutes les couleurs avec le mode CMJN. Il faut notamment faire attention lorsqu'on imprime certaines images de synthèse !Pour le mode CMJN, il faut régler l'intensité en pourcentage (je ne vous apprends rien si je vous dis que le pourcentage à mettre doit être compris entre 0 et 100).Au même titre que le mode RVB, je vous propose un petit schéma sur le mode CMJN (ou plutôt du mode CMJ, c'est-à-dire sans le noir) :

Mais pourquoi ne pas inclure le noir comme une couleur à part entière ? Eh bien, tout simplement parce que le fait d'ajouter le noir dans ce schéma n'apporte aucune information supplémentaire. Si on ajoute du noir à du jaune, on obtiendra du jaune foncé. Pas très utile !Dans ce cas, si on peut obtenir du noir avec la combinaison des trois couleurs, pourquoi ajouter du noir ? Une des raisons de ce choix est économique : vous avez certainement remarqué que les cartouches d'encre noire de vos imprimantes sont souvent moins chères que celles de couleur. Ainsi, au lieu d'utiliser les trois couleurs à 100 %, il est plus

judicieux d'utiliser directement du noir. En l'absence d'encre noire, certaines imprimantes proposent de produire du noir avec les trois autres couleurs.Je l'ai précisé plus haut : le mode CMJN est utilisé pour l'impression. Mais peut-on imprimer avec un autre mode ? Oui et non. Quel que soit le mode que vous choisissez, une conversion est requise pour permettre à l'imprimante de produire une copie en CMJN. Au même titre que le mode RVB, la conversion peut entraîner des pertes d'intensité et de couleur. N'avez-vous jamais remarqué qu'une image affichée sur votre écran (qui apparaît alors en RVB) est plus intense et colorée que son équivalent papier ? Pour pallier ce problème, certains photographes professionnels préfèrent convertir eux-mêmes leur photographie RVB en CMJN pour l'impression.L'impression d'un document se fait couleur par couleur. Au fur et à mesure des différentes couches apparaît la couleur voulue. Pour vous donner une idée de ces couches, je vous propose de séparer les couleurs de cette photographie :

La séparation ci-dessous est appelée « séparation quadrichromique ». Elle consiste en la séparation des quatre couleurs du mode. Respectivement, de gauche à droite, on retrouve la couche cyan, la couche magenta, la couche jaune et la couche noire. Cet ordre a son importance. Le cyan et le magenta sont imprimés en premier parce que ces couleurs sont les plus représentatives de l'image finale. Puis vient le jaune qui est moins dense, et le noir pour les ombres. Ces différentes couches se remarquent quand votre imprimante manque d'une couleur.

Ce quatrième chapitre arrive à sa fin. Vous avez appris comment colorer un bloc et savez maintenant faire la différence entre les deux principaux modes de couleur utilisés sur Adobe InDesign. Ces notions sont importantes. J'espère également vous avoir appris quelques petites choses. ;)

Le texteConnectez-vous ou inscrivez-vous gratuitement pour bénéficier de toutes les fonctionnalités de ce cours !

Le texte est un des éléments importants d'une mise en page. Il ne faut pas croire que le texte est un bloc facile à manier. Les possibilités qu'offre l'outil Texte sont quasi infinies. Nous avons déjà vu toutes les notions nécessaires (comme les couleurs) pour aborder l'intégralité des fonctions de cet outil.InDesign propose de nombreuses fonctionnalités pour manier les textes efficacement. Nous allons donc découvrir dans ce chapitre les deux barres d'outils destinées aux textes. L'une se rapporte aux caractères : couleur, police, taille, inclinaison… La seconde, elle, est axée sur les paragraphes : alignement de texte, ajustement de lettrines, création de colonnes…Je vous promets que nous n'allons pas nous ennuyer dans ce chapitre !

Jouer avec les caractèresNous allons commencer ce chapitre en nous intéressant aux caractères. La création de texte avec l'outil Texte

a déjà été abordée dans le troisième chapitre, celui sur les blocs. Je ne pense pas qu'il soit nécessaire de vous le rappeler. Au pire, si votre mémoire flanche, consultez le chapitre sur les blocs ! Pour ceux qui savent s'en servir, la touche raccourci est T .Si l'outil Texte a été abordé, je ne pense pas que vous vous soyez intéressés à l'outil Texte curviligne

(Maj  + T ). Je vais ouvrir une petite parenthèse pour vous expliquer son utilisation, un peu plus compliquée que celle des autres blocs (qui sont, eux, majoritairement rectangulaires).Tout d'abord, il vous faut sélectionner l'outil Crayon

ou taper N  sur votre clavier. Tracez ensuite la forme que vous voulez donner à votre texte : un cercle, des vagues… Laissez place à votre imagination ! Vous devriez donc obtenir ceci (ne cherchez pas la logique de ma forme, le but est de vous montrer les possibilités de cette fonctionnalité) :

Ensuite, il faut sélectionner l'outil Texte curviligne

(Maj  + T ) et placer le curseur au-dessus de votre tracé. Un petit signe plus va ainsi apparaître. Cliquez et laissez enfoncé votre curseur. Des délimitations correspondant à la place que votre texte va utiliser sur le tracé vont alors s'afficher. Pour ma part, je vais quasiment tout sélectionner :

Tapez à présent votre texte. Vous constatez d'emblée qu'il suit le tracé que vous avez mis en place. Attention, néanmoins, à ne pas dessiner de courbe trop brusque. Autrement, le logiciel ne pourra pas vous afficher le résultat voulu et vous signalera une erreur. Voici donc le résultat :

Ce n'est pas la forme la plus idéale qui soit, mais je vous laisse tester toutes les possibilités les plus improbables avec cet outil. Faites toutefois attention de ne pas dessiner de courbe trop brusque. Vous pouvez remodeler la forme du texte en retraçant une forme avec l'outil Crayon. Maintenant, refermons cette parenthèse et intéressons-nous aux caractères.Les caractères : la barre d'outils et la palette

Pour travailler sur le texte, deux solutions s'offrent à nous : utiliser la barre d'outils, très complète, ou utiliser la palette « Caractères », qui l'est un peu moins.

Barre d'outils destinée aux caractères

Palette « Caractères »

Les polices

Une police d'écriture, ou police de caractères, est la forme que peuvent prendre les différentes parties d'un texte (lettres, nombres, ponctuation…). Chaque police a ses particularités. En voici quelques-unes :

Je suis un texte en police de caractères Times.Je suis un texte en police de caractères Arial.Je suis un texte en police de caractères Impact.Ces polices sont celles que l'on retrouve le plus en informatique. Ce sont des polices standard. Cependant, il existe autant de polices que le veut notre imaginaire. On peut ainsi en trouver des milliers. En voici quelques exemples :

Adobe InDesign vous propose de nombreuses polices. Cela dit, si vous souhaitez en avoir beaucoup plus, je vous conseille de visiter le site dafont.com (la majorité des polices ci-dessus proviennent de ce site). Pour choisir une police, il suffit de dérouler le menu où s'affiche par défaut la police « Minion Pro ». Ce menu est le premier dans la barre et la palette.La taille ou corps

La taille des caractères est définie en point, abrégé pt. Je ne vous apprends rien si je vous dis que plus la valeur est faible, plus le texte sera petit. Pour régler la taille du texte, il faut modifier la valeur à droite de la vignette

.Les attributs de caractère

Derrière ce nom un peu barbare se cachent des éléments que vous connaissez à coup sûr. Si je vous dis que le fait de mettre son texte en gras, c'est donner un attribut de caractère, ça va mieux ? Ci-dessous, je vous propose un petit tableau des attributs les plus courants. Certaines polices peuvent cependant proposer jusqu'à dix attributs de caractère, dont par exemple le demi-bold. Le demi-bold se situe entre le regular et le bold. À l'inverse, certaines polices ne possèdent qu'un seul attribut.

Attribut Description Résultat

Regular Ne change rien Texte en Regular

Bold (gras) Augmente l'épaisseur des lettres Texte écrit en bold

Italic (italique) Incline les lettres vers la droite Texte écrit en italic

Attribut Description Résultat

Bold italic (gras et italique)

Augmente l'épaisseur et incline les lettres vers la droite

Texte écrit en Bold italic

Au-delà de cette liste des attributs les plus couramment utilisés, il existe quelques attributs qu'il nous faut aborder. Ceux-ci se trouvent exclusivement dans la barre d'outils.

Le premier attribut,, sert à mettre tout le texte en capitales. LE TEXTE DEVIENT DONC COMME CECI.

L'attribut du dessous,, permet d'utiliser les petites capitales. Les petites capitales ont la même hauteur que les caractères minuscules.

L'attribut exposantpermet de mettre des lettres en exposant : x3 + x2.

L'attribut, juste en dessous, met le texte en indice : Wr.

L'attribut illustré par l'icônepermet de souligner le texte sélectionné. Ceci est un texte souligné.

Enfin, le dernier attribut,, barre le texte choisi. Ce texte est barré.

Colorer son texte

Pour colorer son texte, il suffit de se référer au dernier chapitre. On peut donc utiliser la palette et le cadre de couleur dans la barre d'outils.

Néanmoins, il est possible d'accéder directement à la fenêtre des couleurs via la barre d'outils destinée au texte.

Autres

Avant d'en finir avec les caractères, il reste à voir quelques petites fonctionnalités qui permettent une configuration très précise des caractères. Ces fonctionnalités ne se retrouvent que dans la barre d'outils :

La vignettepermet de régler l'espace compris entre chaque lettre.

permet de choisir avec précision la taille des caractères.

La fonctionnalitépermet d'exposer le groupe de caractères sélectionnés sans abaisser leur taille.

permet de gérer la largeur d'un caractère.

Enfin,permet d'incliner le texte entre -85° et 85°.

Si vous mettez en application tout ce que l'on a vu jusqu'ici, vous avez les capacités suffisantes pour réaliser quelque chose de ce type :

Pour arriver à ce résultat, j'ai dû utiliser une police spécifique, plusieurs attributs de caractère et quelques effets (ombre portée, biseau intérieur et

contour progressif dégradé). Vous êtes tout à fait capables de réaliser un logo comme celui-ci !Les choses à ne pas faire

Pour finir, je vais vous présenter tout ce qu'il ne faut pas faire dans la mise en page des caractères. Il faut bien comprendre que le fait d'utiliser certaines polices peut faire perdre de la crédibilité à votre document.Par exemple, « Comic Sans MS » est une police de caractères que l'on voit souvent dans des documents amateurs. Les caractères sont arrondis, l'épaisseur grosse mais c'est une des polices à ne pas utiliser si vous voulez avoir un peu de crédibilité. Pour vous prouver tout cela, je vous propose de comparer cette police avec une autre, appelée « Lucida Sans Unicode » :

« Lucida Sans Unicode » donne plus de « sérieux » au texte, tandis que « Comic Sans MS » présente le texte comme un peu enfantin. Je vous laisse imaginer des documents importants comme la Déclaration des Droits de l'Homme et du Citoyen en « Comic Sans MS ». Pour rester dans les polices, il faut également faire attention à celles que l'on utilise. C'est bien joli, les polices qui ont du « style », mais il faut aussi penser aux lecteurs qui ne doivent pas trop se fatiguer la vue en lisant votre document. L'utilisation de telles polices doit être particulièrement évitée si le texte est trop petit.Pour ce qui est du choix des couleurs, il convient naturellement d'éviter l'utilisation de couleurs trop criardes (rouge sang, vert pomme ou orange vif), excepté si vous avez un fond qui s'y adapte. Par exemple, pour le vert pomme, du texte de cette couleur sur du marron est tout à fait agréable à l'œil.

Jouer avec la formeAprès les caractères, passons à la forme. La forme des paragraphes met en jeu d'importantes notions. Ces dernières vont vous permettre de

réaliser des blocs de texte à la présentation intéressante et agréables à voir. Pour accéder à la barre d'outils correspondante, il suffit de cliquer sur la vignette

. Vous devez donc obtenir ceci :

Il existe une palette pour les paragraphes, mais je ne vous ai pas conseillé de la prendre. Pour l'afficher, faites Alt  + Ctrl  + T  ou allez dans « Fenêtre » › « Texte et tableaux » › « Paragraphe ».L'alignement du texte

L'alignement du texte permet de modifier la façon dont le texte s'aligne par rapport à son bloc dans le document. Adobe InDesign propose huit alignements différents, dont six qui sont pour moi suffisamment intéressants pour être présentés.

Par défaut, le texte est aligné à gauche. La vignette correspondante est celle-ci :

. La texte est ainsi décalé à gauche, comme ci-dessous.

Le deuxième alignement correspond à l'alignement centré :

. Le texte est donc concentré au centre du bloc.

Le troisième alignement,

, quant à lui, permet d'aligner le texte vers la droite. Le texte est ainsi aligné vers la droite.

Passons à la ligne du dessous. Les deux premiers alignements,

et

, ont respectivement la même fonction que les deux premiers alignements du dessus, avec un petit plus : ils sont justifiés. Cela signifie que le texte occupe toute la place offerte par le bloc. Le dernier

, lui, est seulement justifié.

Respectivement : justifié à gauche, justifié au centre et justifié.

Les retraits

Les retraits constituent le deuxième outil qu'on retrouve dans la barre d'outils des paragraphes. Ils permettent de laisser une marge entre le texte et la bordure du bloc.

Le premier retrait,

, permet d'ajouter une marge entre le bloc et la partie gauche du texte, comme ci-dessous :

Le second retrait,

, permet inversement de mettre une marge à la droite du texte.

Les deux retraits du bas permettent respectivement de donner un alinéa au texte (

), et de ne pas coller le dernier mot du paragraphe avec le bloc. Cela donne :

Les lettrines

Savez-vous tout d'abord ce qu'est une lettrine ? La lettrine désigne la première lettre d'un texte (qui peut être décorée), d'une taille supérieure aux autres lettres. Pour régler les lettrines, InDesign propose deux options. La première,

, permet de configurer la taille de la lettrine en valeur arbitraire (la valeur 1 est égale à la taille du texte). La seconde,

, permet de choisir combien de lettres vont être placées en lettrine. Même si le sens du mot prône une seule lettre, on peut en mettre plusieurs. Sur les deux images ci-dessous, la première est une lettrine simple et, la seconde, une lettrine qui rassemble tout le premier mot :

Les colonnes

Il nous reste une dernière notion à aborder concernant les paragraphes : les colonnes. Les colonnes sont un outil pratique pour éviter les gros tas de texte sur une page. Elles permettent d'alléger le contenu visuellement.

Pour cet exemple, je suis parti sur le site Lorem Ipsum, que je vous ai déjà présenté, et j'ai copié-collé quatre grands paragraphes, ce qui donne ceci :

Pour créer une colonne, il faut incrémenter le nombre à côté de la vignette

. N'abusez pas des colonnes car cela va finir par devenir illisible. Après avoir mis en place un nombre suffisant de colonnes, il est possible de régler l'espace entre les différentes colonnes du bloc de texte à côté de l'icône

. Cela donne :

Respectivement : deux colonnes et trois colonnesC'est bien d'avoir fait des colonnes, mais si on a une introduction et que l'on veut la positionner sur les deux colonnes, faut-il créer un autre bloc ? Non, InDesign propose de pouvoir étendre un ou plusieurs paragraphes sur une, plusieurs, voire toutes les colonnes. Il suffit de sélectionner « Étendue x » à côté de la vignette

. On peut également réaliser des sous-colonnes au sein d'une colonne. Pour cela, sélectionnez « Scinder en x ». Rien ne vaut une illustration :

Respectivement : « Étendue totale » et « Scinder en 3 ».

Voilà pour les paragraphes.

Les stylesLes styles sont la forme et l'aspect que vous donnez à vos textes. Il en existe deux types : les styles de caractère et les styles de paragraphe. Si vous souhaitez garder une présentation uniforme tout au long de votre document, ces styles peuvent vous être très utiles !Les styles de caractère

Les styles de caractère permettent d'attribuer un style aux caractères ─ c'est-à-dire ajouter une police, une couleur ou des attributs à des

caractères. Ces styles peuvent être utilisés autant de fois que souhaité, permettent une continuité dans la présentation de notre document et nous évitent ainsi de recréer un style lorsqu'on en a besoin.Je vous présente donc la palette des styles de caractère qui est…

vide : 

Il faut donc créer un style ! Comme nous l'avons vu plus haut dans la sous-partie « Jouons avec les caractères », je vais vous demander de créer un texte court avec le style que vous souhaitez. Pour ma part, j'ai ceci :

Dans cet exemple, le texte est en bleu ciel, légèrement incliné et en petites capitales.Sélectionnez votre texte et cliquez sur la petite vignette

« Créer un nouveau style ». Un style s'ajoute dans la palette, renommez-le. Maintenant que notre style de caractère est créé, il faut l'essayer. Créez un texte sans style et sélectionnez votre style dans la palette. Le texte vierge devient bleu ciel, est légèrement incliné et écrit en petites capitales.Cependant, si le style ne nous plaît pas, il faut bien pouvoir le modifier. Pour cela, il faut effectuer un double clic sur le style. C'est alors que s'affiche une fenêtre qui nous permet de modifier chaque paramètre.

On nous propose, dans cette fenêtre, de modifier le titre du style ou de créer un raccourci. Les raccourcis sont très pratiques et accélèrent grandement la production. « Paramètres » dresse un résumé du style.Je vous laisse découvrir les autres « onglets » qui contiennent des éléments que nous avons déjà vus.Pour finir, il est possible de ranger ces styles dans des dossiers, que l'on peut créer à l'aide de la vignette

. Je ne vous présente plus la vignette poubelle

, qui sert à supprimer un style. Les styles de paragraphe

Je ne sais trop que vous dire ici. Le principe est le même que les styles de caractère. Il faut créer son style puis l'enregistrer pour l'utiliser quand on le souhaite. Néanmoins, la fenêtre de configuration est très bien conçue : les réglages sont très précis.

Ce cinquième chapitre arrive à sa fin. Nous avons vu comment habiller notre texte, soit en le colorant, soit en l'inclinant, soit en le justifiant. Nous avons également évoqué les styles, très importants si vous souhaitez aller vite.Vous avez maintenant la capacité de créer des documents aux textes corrects et agréables à voir. Dans le chapitre suivant, nous aborderons les positions, un chapitre intéressant en ce qui concerne l'agencement des blocs.Cette première partie arrive à son terme. À ce stade, vous n'êtes pas encore un as, mais ce qui est sûr, c'est que vous n'êtes plus un simple spectateur face à InDesign. Nous avons vu différentes notions : gérer les blocs, intégrer des couleurs et manipuler les textes.La seconde partie sera beaucoup plus technique et productive que la première. Il vaut mieux avoir de bonnes bases avant de se lancer dans l'aventure et c'est justement ce que nous venons de voir !Le tutoriel n'est pour l'instant pas encore fini. De nombreuses parties et notions restent à aborder avant de pouvoir proclamer ce tutoriel complet. Pour l'instant, il n'y a que la première partie d'écrite mais une seconde est déjà en préparation et les futurs chapitres devraient sortir par petits groupes.Si vous souhaitez discuter du tutoriel, je vous invite à venir sur ce sujet.Un grand merci à SimSonic pour son aide.

Effet Retro Style avec Photoshop

Par Grafolog - Mar 3, 2017 

17296 3

Partager sur Facebook

 Tweeter sur twitter

  

Effet Retro Style avec PhotoshopOui, c’est fou tout ce qu’on peut faire avec adobe Photoshop, vous pouvez réaliser des milliers d’effets en utilisant les filtres et les différents outils du logiciel, mais ce qui est encore plus fou c’est TutsPs qui vous permet de le faire tout en vous amusant, dans ce tutoriel nous allons réaliser un effet retro style avec Photoshop, ce tuto est pour les fans de la culture des années 80, cet effet est un peu rétro-futuriste imitant les pancartes et flyers de cette décennie.Et voilà un aperçu du rendu final

Ressources utilisées dans le tuto Model et texture Éclaboussure de peinture Brushes aquarelle Brushes forme mix Version de Photoshop utilisée  : Adobe Photoshop CC 2017 mais compatible avec toutes les versions de Photoshop.Niveau : Débutant Temps requis : 30mn

Pour commencer le travail, ouvrez un nouveau document de 1500×1500 pixels, résolution72Dpi Couleurs RVB8bits.

Puis, ajoutez un calque de remplissage dégradé en allant dans Menu > Calque > Nouveau calque de remplissage > Dégradé.

Ensuite, importez la texture grunge suivante dans votre document de travail et ajustez-la comme ceci.

Puis, changez son mode de fusion en incrustation.

Dans un autre document, ouvrez l’image de notre model et détourez-là à l’aide de l’outil sélection rapide (W) et essayez d’avoir un détourage parfait surtout les cheveux, voilà un tutoriel complet pour le détourage parfais des cheveux avec Photoshop Cs5, cs6 et CC 2015. Et un deuxième tutoriel sur le détourage des cheveux sur Photoshop CC 2017

Après avoir détouré l’image, importez-la dans votre document principal.

Ensuite, importez la texture de papier froissé dans votre document et mettez-la derrière le calque du model.

Récupérez la sélection du model, pour se faire, maintenez la touche Ctrl enfoncée et cliquez sur la vignette du calque du model.

Puis, allez dans Menu > Sélection > Modifier > Dilatez et mettez 40px.

Mettez-vous sur le calque du papier froissé et allez dans Menu > Calque > Masque de fusion > Faire apparaître la sélection.

Puis, changez son mode de fusion en lumière tamisée.

Ensuite, dupliquez le calque du papier froissé trois fois (Ctrl+J) et à chaque duplication agrandissez leur taille en appuyant sur le raccourci (Ctrl+T)

Maintenant, ajoutez un nouveau calque (Ctrl+Shift+N), mettez-le derrière de le calque du model puis prenez l’outil pinceau (B) et les Brushes peinture et dessinez-avec en utilisant les couleurs #5585d8,#b01f41

Puis, changez son mode de fusion en Densité couleur + .

Ensuite, faites la même chose en utilisant d’autre Brushes et d’autres formes afin d’obtenir un rendu similaire à celui-ci.

Maintenant, importez la texture suivante dans votre document et ajustez-la comme ceci.

Puis, changez son mode de fusion en Superposition.

Faites la même chose avec l’éclaboussure blanche

Maintenant, nous allons réaliser une forme 3D, pour se faire, ouvrez un nouveau document de 500×500 pixels avec un fond noir.

Prenez l’outil texte (T) et tapez un « + » en utilisant la police d’écriture MV Boli et la couleur Grise #cdcdcd .

Nous allons maintenant essayer de créer un effet de faut 3D, pour se faire, c’est ultra simple, nous allons dupliquer le calque une dizaine de fois, si vous utiliser la bonne vieille méthode de duplication Ctrl+J et ajuster à chaque fois le calque, ça va prendre du temps, nous allons utiliser une méthode super rapide pour dupliquer le calque très vite.

Commençons ! Mettez-vous sur le calque de texte, prenez l’outil déplacement (V), maintenez la touche Alt de votre clavier enfoncée et appuyez plusieurs fois sur la toucheflèche haut de votre clavier ou simplement appuyez et maintenez l’appui pour aller encore plus vite.

Mettez-vous sur le calque du haut et changez sa couleur en blanc.

Fusionnez tous les calques et importez le calque final dans votre document principal.

Faites exactement la même chose en utilisant d’autre formes.

Puis, ajoutez d’autre forme simple en utilisant soit l’outil plume ou les formes personnalisées de Photoshop.

Comme vous l’avez remarqué nous avons travaillé derrière le calque du model, maintenant, ajoutez un nouveau calque de réglage niveaux et mettez-le en écrêtage sur le calque du model (Menu > Calque > Nouveau calque de réglage > Niveaux).

Après, mettez-vous sur le masque de fusion du calque de réglage, prenez l’outil pinceau (B)et peignez au centre avec du noir afin de masquer les effets du calque de réglage.

Créez un autre calque, et ajoutez des formes aux niveaux des cheveux, dans ce tuto j’ai choisi des flèches.

Maintenant, ajoutez un autre calque, prenez l’outil pinceau (B) et peignez avec la couleur suivante #c51c3b aux niveaux des cheveux.

Puis, changez son mode de fusion en lumière tamisée .

Maintenant, nous allons réaliser une brushe personnalisée, pour se faire, créez un nouveau document de 1200×1200 pixels , et dessinez un rond noir en utilisant l’outil ellipse (U).

Prenez l’outil trait (U) et dessinez un trait diagonal d’environ 1 ou 2 pixels

Nous allons utiliser une la méthode de tout à l’heure pour dupliquer le calque très vite, Mettez-vous sur le calque du trait, prenez l’outil déplacement (V), maintenez la touche Altet shift de votre clavier enfoncé et appuyez plusieurs fois sur la touche flèche bas de votre clavier ou simplement appuyez et maintenez l’appui.

Mettez-vous sur le rond noir et appuyez sur le bouton supprimer (vérifiez que le calque est pixélisé en allant dans Menu > Calque > Pixellisation > Calque )

Ensuite allez dans Menu > Edition > Utiliser comme forme prédéfinie.

Revenez à votre document de travail, créez un nouveau calque, prenez l’outil pinceau (B),le brushe que vous avez créé et dessinez-avec comme ceci.

Puis, changez son mode de fusion en lumière tamisée .

Et Pour finir, ajoutez un calque de réglage courbe de transfert de dégradé en allant dansMenu > Calque > Nouveau calque de réglage > Courbe de transfert de dégradé .

Puis, changez son mode de fusion en lumière linéaire et réduisez son opacité à 24% .

Et voilà le résultat final un authentique Effet Retro Style avec Photoshop

TAGS

affiche rétro

affiche rétro avec adobe Photoshop

afro

apprendre photoshop

apprendre photoshop cc 2017

cc 2017

cs4

détourage des cheveux

effet avec photoshop

effet de peinture

effet rétro

effet retro vintage avec photoshop

effet sur photo

effet vintage

Effet vintage avec Photoshop

Effet vintage sur vos images avec Photoshop

formation photoshop

future designer

poster rétro vintage

Rétro vintage

Fusionnez tous les calques des traits, et allez dans Menu > Sélection > Récupérer la sélection