Tutoriel

Its not an official Adobe notification

License creative commons :

InDesignwww.vincentdevillard.com

2Approche de la PAO >p3 - Les modes colorimtriques- Les types dimages et les formats dimages- Les procds dimpression

Interface >p6- Prsentation du logiciel- Environnement de travail- Outils et palettes

Gestion des objets >p14- Dessin des objets- Remplissage dun bloc- Manipulation dobjets- Coloration- Transparence

Le texte >p16- Saisie dun texte- Position du texte- Importation de texte- Liens texte- Les chanages- Texte en colonnes- Texte sur des tracs

Gestion des images >p20- Les types dimages- Prparation des images- Importations- Les traitements dimages- Les liens

Typographie >p21- Les caractres- Les styles de caractres- Attributs de base des paragraphes

Habillage >p22- Habillage dun objet- Les blocs ancrs dans un texte

Gestion des gabarits >p23- Les pages types, maquettes ou gabarits- Numrotation des pages

Exercices >p24

SommaireInDesign Initiation

3Approche de la PAO :Les modes colorimtriques

RVBsynthse additive

Rouge vert bleu, abrg RVB, est un format de codage des couleurs.

Ces trois couleurs sont les couleurs primaires en synthse additive. Elles correspondent en fait peu prs aux trois longueurs dondes auxquelles rpondent les trois types de cnes de lil humain (voir trichromie). Laddition des trois primaires donne du blanc.

Elles sont aujourdhui utilises en clairage, en vido, pour laffichage sur les crans et par les logiciels dimagerie, afin de reproduire une large gamme des couleurs visibles par lhomme.

CMJNsynthse soustractive

La quadrichromie (du latin quadra quatre et du grec chromia couleur) ou CMJN (cyan, magenta, jaune, noir) (en anglais CMYK, cyan, magenta, yellow, key) est un procd dimprimerie per-mettant de reproduire un large spectre colorimtrique partir des trois teintes de base (le cyan, le magenta et le jaune ou yellow en anglais) auxquelles on ajoute le noir. Le cyan, le ma-genta et le jaune sont les trois couleurs primaires en synthse soustractive.

Le noir est utilis pour obtenir les gris, qui seraient plus difficiles obtenir en mlangeant les trois couleurs primaires. On peut toutefois ajouter une couleur supplmentaire au noir pour accentuer les nuances de gris (une en-cre brune ou orange par exemple). Ce procd est utilis notamment dans les ouvrages de photographies en noir et blanc. De mme, il est possible dajouter une couleur supplmentaire (en gnral du cyan) afin dimprimer un noir plus intense. Cest ce que lon appelle un noir soutenu.

PUBLICATIONIMPRIM

PUBLICATIONWEB

Cyan

JauneMagenta

Bleu

VertRouge

4Approche de la PAO :Les types dimages et les formats dimages

Image bitmap

Image bitmap

Image vectorielle

infographies

EPS, PSD, BMP, GIF,TIFF, PNG, JPEG, SWF

AI, SVG, DXF, DWG

Modecolorimtrique : RVB

Rsolution : 72 dpi

Formats conseills :.PNG .BMP .GIF.TIFF .JPEG.SWF .SVG.PDF (tlchargement)

Images destinesaux publications web :

Mode colorimtrique : CMJN

Rsolution : 300 dpi minimum

Formatsconseills :.PDF.JPEG.EPS

Images destinesaux publications print (imprims) :

Image source Image publie Destination

documents scanns,infographies,

photographies numriques

5Approche de la PAO :Les procds dimpressionPrincipales techniques dimpressions actuelles :OFF SET :Loffset (de langlais to set off, reporter) est un procd dimpression qui est en fait une amlioration de son anctre, la lithographie, par le rem-placement de la pierre lithographique par une plaque cintrable, adapte un cylindre, et lajout dun blanchet entre le cylindre porte-plaque et le papier.

Le procd offset est actuellement le procd majeur dimpression. Son succs est d sa souplesse et sa capacit sadapter une large varit de produits. Loffset permet de couvrir une gamme de tirages relativement large. En effet, le procd est prfrable dautres procds jusqu quelques centaines de milliers dexemplaires. Au-del, on lui prfrera lhliogravure.

De plus, ce procd dimpression fournit des produits de qualit, un cot relativement faible. Parmi ses applications, on notera les publica-tions de tous genres (presses quotidiennes et priodiques, publicit, livres, catalogues, brochures...), des emballages (cartons, tiquettes...). Limpression est galement possible sur divers supports (papier et carton, polymre, mtaux).

SERIGRAPHIE :La srigraphie (du latin sericum la soie et du grec graphein lcriture) est une technique dimprimerie qui utilise des pochoirs ( lorigine, des crans de soie) interposs entre lencre et le support. Les supports utiliss peuvent tre varis et pas ncessairement plans (papier, carton, textile, mtal, verre, bois, etc.).

JET DENCRE :Limprimante jet dencre utilise lencre liquide et autorise des rendus couleurs de qualit quasi photographique. Limpression se fait selon deux techniques : le jet en continu, lors duquel des gouttes dencre sont continuellement jectes de la tte dimpression et dvies en partie vers le papier par des bobines magntiques pour encres dites magntiques (une application par la socit IBM) et plus gnralement dvies latralement par une force lectrique issue du produit de la charge lectrique de la goutte par le champ lectrique produit entre des lec-trodes (Ep 1 234 670) . Le reste de lencre est rcupr et recycl pour un nouveau cycle de jet.le jet la demande, lors duquel ne sont cres et jectes que les gouttes ncessaires limpression.

6Interface :Prsentation du logiciel

InDesign est utilis pour la cration de magazines, de journaux, de livres, de plaquettes, de cartes de visite

On utilise ce logiciel une fois que lon sait clairement ce que lon veux publier et que les contenus de cette publication sont conus et raliss.

La spcificit de ce logiciel (comme beaucoup de logiciel de composition) rside dans le fait que InDesign peux produire des liens vers un document distant et faire apparaitre ces images distantes afin de les mettre en page.

Cest dire que nous nagissons pas directement sur ces images travers InDesign. Nous composons des aperus dimages qui par ailleurs peuvent tre actualis en temps rel.

Ce logiciel intervient donc vers la fin de la chane de conception et juste avant la livraison du pdf limprimeur ou une publication/envoie web.

Lart de la mise en page est une des disciplines du graphisme.

Il convient donc dapprendre galement sur cette discipline (en premier lieu, lusage des grilles).

InDesign est un logiciel de mise en page professionnel.

DocumentInDesign

Photographie(/dossier image)

Illustration(/dossier image)

Typographie(/dossier typo)

DocumentInDesign

7Interface :Environnement de travail

Outils

Planche de travail

Affichage en doublede laction en ralisation

Barre de menu

Page

Panneaux

8Interface :Environnement de travailFichier : Edition :

ouvrir nouveau documentouvrir un document existantouvrir un document depuis un cloud Adobeouvrir un document rcentpartage dcrancrer un aperu du documentfermer le documentsauvegarder le documentsauvegarder le document dans un dossier spcifique

sauvegarder une copie du document

insrer un document distant dans un bloc (!)insrer un document distant depuis un cloud Adobeimportation dun fichier XMLexporter son doc. avec des attributs spcifiques PDFexporter son doc. en choisissant son formatexporter son doc. vers des logiciels ou formats spcifiques

exporter son doc. partir de presets spcifiquesinfos gnrales de base et modifiable du doc. (!)

couleur dutilisateurinfos remplir sur le doc. (infos auteurs/docs)exportation du dossier InDesign du doc. (!)imprimer partir de presets spcifiquesimprimerimprimer brochuresortir de InDesign

revenir en arrire de son actionaller en avant dune action passcouper un elementcopier un elementcoller llment

copier un endroit spcifiquevider/cleanerdupliquer lmentsauvegarder une copie du documentselectionner tous les lments (exemple texte)dselectionner

diter le document originalediter le doc. avec un logicielditertrouver et appliquer des attributs rapidementtrouver mot ou doc et le changer par un autre

mode colorimtrique du doc. (!)rsolution du doc. (!)attributs colorimtrique doc. attributs profils colorimtrique doc. attributs profils colorimtrique doc.

raccourciesdtails des menuspanneaux configuration du fonctionnement du document

9Interface :Environnement de travailCalques : Typographies :

gestion des pagesrglages des marges et des colonnesattributs des guidescrer des guidesrglages calques

naviguer sur la planche de travailnaviguer sur la planche de travailnaviguer sur la planche de travailnaviguer sur la planche de travailnaviguer sur la planche de travailnaviguer sur la planche de travailnaviguer sur la planche de travail

naviguer sur la planche de travailnaviguer sur la planche de travailrglages de la numrotation etc..gestion des styles des tablesgestion des styles des tablesgestion des styles des tables

choisir sa typographietaille de typoselection de panneauxselection de panneauxselection de panneauxselection de panneauxselection de panneaux

crer les styles de caractrescrer les styles de paragraphes

trouver une typochangement de casse

crer des notes

diter note de bas de pagedition gnrale des note de bas de pagediter hyperliensinsrer variables (script auto. : nom, date...)bulles

insrer caractres spciauxinsrer espacesinsrer saut de caractre

montrer/cacher les signets

10

transformer (agrandissement, rotation...)transformerplacer votre objet sur un autre planselect. objetformer des groupes dobjetsparer les objets groupsvrouillersauvegarder le documentcachermontrerinsrer un cadre de texteobjet ancradapter bloc/contenu/proportion

effets visuellesrglages des coinsoptions de calques

sparer les objets groupsassembler/couper/manipuler objets vectoriellesconvertir forme (rectangle/cercle etc..)convertir les points des courbes de bziersqualit daffichage

Interface :Environnement de travailObjets : Tables :

insrer une tableconvertir un texte en tableconvertir une table en texte

rglages des tablesrglages des cellules

insertion colonne/ligneeffacer colonne/ligne/tableselection colonne/ligne/table/footer/header

rglages cellulesrglages cellules rglages cellulesrglages cellulesconvertion

dplacementditer headerditer footer

11

Interface :Environnement de travailVue : Fentre :

aperu print

rglage preuveaperu epreuve

zoomzoomadapter la vueadapter la vueadapter la vuedzoom aperu de la page avant et de la page aprsrotation board

diffrents aperusqualit des aperus

cacher rglesrglages des aperus de la signaltique des objetsrglages des grilles et guides

gestion de fentresenregistrer/selectionner son espace de travail

cocher afin de faire apparaitreles panneaux latrauxcorrespondants

12

Interface :Outils et palettes

select. entireselect. board

texteplume

objet blocdcoup

dgradnotes

dplacement

couleur plein

select. couleur blocchoisi couleur

board visible

select. entireselect. board

traitcrayonobjet bloctransformation

dgrad directionnelpipetteloupe

couleur contour

select. couleur typochoisi vide

board invisible

couleur introduire

couleur introduite en gliss/dpos

supprimercouleur

dupliquercouleur

choisirvisualisation des couleurs

Les couleurs utilises dans votre document doivent imprativement tre intgres dans le nuancierpour limprimeur.

Outils : Nuancier (palette) :

13

Interface :Crer un nouveau documentmenu>nouveau>document

PUBLICATIONIMPRIME

PUBLICATIONWEB

choix du type de document

pages ctes ctescomme un livre ?

nombre de pages

formats standardiss

orientationdu doc.

bords perdus(imposition, faonnage,imprimeur>3-5mm)

marges represdu doc.

14

Gestion des objets :

Dessin des objets : Remplissage dun bloc :

Ctrl+D

clic droit + adapter proportionnellementau bloc

La plumeet les courbes de bzier

Insrerune image

15

Gestion des objets :

Manipulation dobjets : Transparence : Coloration (cf approche + palette)

Transformer+

Alignement+

Pathfinder opacit +

mode de fusion

menu>fentre>pages

menu>objet>transforme

menu>fentre>effets

16

Le texte :

Saisie dun texte : Position du texte :

Je saisie mon texte dans un bloc.

Soit je selectionne loutil typo, je crer un bloc et je saisie linterieur du bloc

ou

je selectionne loutil typo et clique en laissant appuy et en glissant ma souris. Un bloc texte apparait.

Panneauxcaractres

Oh!

Panneauxparagraphe+transformationde bloc

on peux me justifier.

ferrer droite

gauche

avec un trait dunion par exem-ple comme

menu>fentre>typo

menu>fentre>typo

menu>objet>transforme

17

Le texte :

Importation de texte :InDesign prend en charge diffrents format texte et peux les restituer en gardant leurs styles.

Dans InDesign, slectionnez le bloc de texte dans lequel placer le texte. Choisissez Fichier > Importation, puis slectionnez le fichier. Slectionnez Conserver le format pour conserver la mise en page du texte. Slectionnez Convertir les guillemets pour convertir les guillemets droits en guillemets typographiques. Slectionnez Afficher les options dimportation pour slectionner les options spcifiques au format du fichier importer.

menu>fichier>importer (lenregistrement de vos docs texte au format RTF est conseill)

18

Le texte :

Liens texte : Les chanages : Texte en colonnes :

Chacun de son ct, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi,

Chacun de son ct, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi,

Selectionner le bloc de texte>taper le nombre de colonne(en dessous du menu)+ la distance entre les colonnes

Chacun de son ct, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi,

Chacun de son ct, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi, moi aussi,

Chacun de son ct, mais on est quen mme ensemble, mais on est quen mme ensemble, mais on est quen mme ensemble, mais on est quen mme ensemble,

Votre bloc de texte contient encore du texte ?

Prparer un nou-veau bloc et cliquer sur la croix rouge. Vous voyez apparai-tre un signet sur vo-tre pointeur : cliquer sur votre nouveau bloc.

Liens

menu>typographie>hyperliens

19

Le texte :

Texte sur des tracs :

Le te

xte

suit

la li

gne s

ur nim

porte quelle trac vectoriel

Le te

xte

su

it la lig

ne sur nimporte quelle

trac

ve

ctor

iel o

n vo

us dit

20

Dossier global

InDesign

Image non situ dans le

dossierimage du

logiciel

Gestion des images :Types, rparations,importations,traitements dimages (chane graphique numrique),gestion des liens.

Logicielbitmap

traitements numriques(Photoshop, Gimp..)

.psd .eps

Logicielmise en pagetraitements numriques

(InDesign, Xpress..)

Export dimage

vectorielle

SVG, PNG, BMP, GIF, TIFF, JPEG, SWF, PDF

Logicielvectoriel

traitements numriques(Illustrator, inkscape..)

.ai .pdf

Export dimage bitmap

BMP, GIF, TIFF, PNG,JPEG, SWF

export

export

Dossier image

logiciel

lien bloc imagedocuments sources

lien bloc imagevers une imagenon situ dans

le dossier imagedu logiciel

export package du dossier InDesign

Documentexportpdf, eps, jpeg,xml, rtf, idml,

swf, fla,

menu>fentre>liens

se rendre vers le lien

(re)li limage la source

actualis le lien

gest

ion

des

liens

21

Typographie :

Les caractres : Les styles de caractres : Attributs de base des paragraphes :menu>fentre>typo>caractere

menu>fentre>typo>glyphes

corps de texte

typoattributinterlignageinterlettrage

liste desglyphes

menu>fentre>typo>paragraphe

rglagesdes marges

fer

crer (1)

cliquer (2)

Panneaux de rglages des styles de caractres

menu>fentre>styles>style de caractre

Appliquer les styles en selectionnant un texte puis cliquer sur le style que vous avez nomm.

22

Habillage :

Habillage dun objet : Les blocs ancrs dans un texte :

Lorem ipsum dolor sit amet, consectetur a d i p i s c i n g elit. Integer rhoncus leo vitae dui congue, sed m o l e s t i e elit feugiat. M a e c e n a s vel eros

vel arcu iaculis euismod. In quis dui ultricies, scelerisque sem eget, facilisis eros. Aliquam sagittis nisi sed varius fringilla. Suspendisse potenti.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rhoncus leo

vitae dui congue, sed molestie elit

feugiat. Maecenas vel eros vel arcu iaculis euismod.

In quis dui ultricies, scelerisque sem eget,

facilisis eros. Aliquam sagittis nisi

sed varius fringilla. Suspendisse potenti.

menu>fentre>habillage

menu>fentre>habillage

mettez en relation

les textes et les images

rgler les marges autour

des images

Mettez en relation les textes et les images avec les rglages dhabillage des objets.Les rglages sappliquent entre les objets, tracs compris.

23

Gestion des gabarits :

Les pages types, maquettes Numrotation des pages :ou gabarits :

1. Aller dans le gabarit2. Aller sur la planche visible3. taper A dans un bloc texte4. puis aller cliquer sur numro de page en cours5. placer et styler votre A

menu>typo>marqueurs>numro de page en cours

gabarit visuel

gabarit vide

Double-cliquer dans le gabarit visuel (A-Master) :travailler votre pagepuis revenir sur la planche de travail et gliss/dpos votre gabarit sur les pages voulues.

Gliss/dpos le gabarit videsur les pages o vous ne voulez pas appliquer le gabarit visuel.

gliss/dpos

24

Cration dune double page type magazinepour le print et le web.

Cration dun pictogramme vectorielle.

Dcalque vectorieldune silhouette humaine partir dune photographie.

ExercicesInDesign Initiation