Faire une couverture de rapport comme Bébert

Fleuron

Dans cette fiche je vais te montrer comment faire des couvertures de rapport aussi classe que celle de Bébert. Je vais prendre comme exemple cette magnifique couverture que j’ai faite pour le PDF du «Premier rapport de Mme/Mr Michu»

Tu as le droit de la trouver moche ou trop chargée, je ne me vexerai pas, mais son avantage c’est quelle est bourrée de trucs et de bazars et que tu auras les bases pour te lancer dans tes propres compositions.

On va utiliser deux fichiers, l’un pour le préambule que l’on va appeler preambule.tex et l’autre pour la couverture, on va le nommer, je te le donne en mille Émile, couv.tex.

Dans cet exemple je n’ai mis dans le fichier preambule.tex que le stricte minimum pour faire la couverture, je n’ai, par exemple, pas précisé la taille des marges, du texte, des entêtes… car la couverture sera en pleine page.

Les premières commandes de notre préambule concerne la francisation de ConTeXt.

\mainlanguage[fr]
\language[fr]
\setcharacterspacing[frenchpunctuation]

Puis je précise le répertoire où sont stockés les images (c’est pour le logo).

\setupexternalfigures[directory={images}]

Pour la police et les fontes, je n’indique que la fonte du document, ici 11pt, pour la police en générale j’utilise la police par défaut de ConTeXt qui me convient parfaitement et qui en outre possède tout les caractères utiles dans toutes les fontes. Je n’indique donc pas la police.

\setupbodyfont[11pt]

Comme tu l’as remarqué la couverture est en bleu, je défini donc ce bleu dont la valeur hexadécimale est 1A78B8

\definecolor[couleurRapport] [x=1A78B8]

J’aurai pu appeler cette couleur bleu ou monBleu mais je préfère couleurRapport car il me suffit de changer x=1A78B8 en x=E68A09 pour obtenir :

Avoir un orange qui s’appelle monBleu, je trouve pas ça très élégant même si ConTeXt s’en fou.

Voici le début de notre préambule :

\mainlanguage[fr]
\language[fr]
\setcharacterspacing[frenchpunctuation]
\setupexternalfigures[directory={images}]
\setupbodyfont[11pt]
\definecolor[couleurRapport] [x=1A78B8]

Quand je fais mes préambules j’utilise beaucoup des cartouches du type :

%%%%%%%%%%%%%

%%%      %%%

%%%  Couleur %%%

%%%      %%%

%%%%%%%%%%%%%

Ça me permet de me retrouver plus vite dans le préambule qui peut devenir rapidement très long et me permet également de me souvenir du rôle de la commande, car j’utilise depuis 10 ans le même préambule pour tous mes rapports que j’ai amélioré au fur et à mesure et que j’adapte en fonction du type de document. Savoir qui fait quoi au bout de dix ans n’est pas toujours évident. Donc commenter le code est une pratique à avoir (le % en ConTeXt indique que ce qui suit sur la ligne est un commentaire).

Pour fabriquer notre couverture on va utiliser des calques qui vont nous permettre de superposer les différents objets et de les placer exactement où l’on veut (voir la fiche sur les calques).)

On va commencer par créer le cadre vertical bleu. Donc je crée un calque que je nomme cadre (on est toujours dans le préambule) :

%%%%%%%%%%%%%%%%%%%
%%%            %%%
%%%    Calques    %%%
%%%            %%%
%%%%%%%%%%%%%%%%%%%
%%cadre bleu latéral

\definelayer[cadre]

Par la suite je ne vais plus préciser les cartouches mais tu as compris l’idée.

Maintenant il nous faut définir et placer le cadre bleu sur le calque.

\setlayer[cadre]
[x=-1cm,y=-1cm]{\blackrule[height=35cm,width=6cm,color=couleurRapport]}

Un peu d’explication :

On pourrai continuer à créer les autres calques et les autres objets, mais on va regarder ce que donne la compilation.

On va donc créer le fichier couv.tex. Pour afficher le résultat il faut considérer le calque (cadre) comme le fond de la page :

\setupbackgrounds[page][background=cadre]

Il nous faut maintenant enlever l’entête et le pied de page. Même si je ne les ai pas indiqué dans mon préambule, ConTeXt en a créé par défaut. Ce ne serait pas gênant si ConTeXt n’y plaçait pas automatiquement le numéro de page. Donc si tu ne les supprimes pas tu as un petit 1 qui se trouve sur ta page.

\startstandardmakeup[headerstate=none,footerstate=none]

\stopstandardmakeup

Cette commande crée une page sans entête ni pied de page.

Pour créer ma couverture je dois fabriquer une page vide sur laquelle on va imprimer des calques. Voici le code complet de notre fichier couv.tex :

\environment preambule
\starttext
\setupbackgrounds[page][background=cadre]
\startstandardmakeup[headerstate=none,footerstate=none]

\stopstandardmakeup
\stoptext

Le résultat de la compilation de couv.tex

J’ai matérialisé le bord de la page par un trait rouge.

Maintenant on va placer le texte «Les fiches à Bébert» et le logo. C’est le même principe on crée deux calques et on place les objets. On reprend notre fichier preambule.tex.

%%texte Fiches à Bébert
\definelayer [fiche ]
%%logo
\definelayer [logo ]
%%% texte Fiches à Bébert
\setlayer [fiche ]
[x=2cm, y=3cm,width=5cm ]
{ \rotate [rotation=90]{\switchtobodyfont[60pt] \white\ss\bf Les Fiches à Bébert}}
%%logo
\setlayer[logo]
[x=.4cm, y=24.7cm]
{\externalfigure[bebert.svg][width=4.5cm]}

Rien de bien compliqué dans le code ci-dessus. Le texte est écrit en blanc, gras et sansserif, avec une fonte de 60pt et à subit une rotation de 90°. Je ne sorts pas les coordonnées des objets de mon chapeau, j’ai fais plusieurs essais avant de trouver les bonnes dimensions. Au début on tâtonne beaucoup, mais au fur et à mesure et avec l’expérience on se repère facilement sur la page.

Il faut ajouter ces nouveau calques sur la page (dans notre fichier couv.tex) :

\setupbackgrounds[page][background=cadre,fiche,logo]

On va passer à la partie la plus ardue de la fabrication de la couverture, la réalisation des bulles. Alors sort les rames et accroches-toi car on va utiliser Metafun. Non c’est pas aussi terrible que ça, d’ailleurs dans Metafun il y a fun donc on va bien s’amuser.

On reste sur notre fichier preambule.tex car on va y créer le bulles.

La création du graphique à l’aide de code Metafun se fait à l’intérieur des balises \startuseMPgraphic\stopuseMPgraphic

Voici le code de la première bulle, la plus grosse. C’est pas parce qu’elle est la plus grosse que je commence par elle, mais parce que le premier objet défini l’origine du dessin, les coordonnées (0,0) qui sont en bas à gauche. Tous les autres objets seront défini par rapport à ce premier objet. Donc c’est parce que la grosse bulles est également celle la plus en bas et à gauche que je commence par elle.

\startuseMPgraphic{boule}

draw lmt_shade [

 path = fullcircle scaled 5cm,
direction = "right",

 domain= { 0.1, 2 },

 center= { -4/10, -4/10 },

 colors= { "white", "couleurRapport" }]
withtransparency (1,.60);
\stopuseMPgraphic

Je ne vais pas entrer dans le détail des commandes Metafun, j’ai commencé une série de fiches sur le sujet mais je ne suis pas encore très avancé. Je te décris vite fait et en gros les commandes :

Attention aux , et aux ; Les options entre [ ] sont séparées par des , et les commande Metafun se terminent par un ;

Pour tester l’aspect des bulles je crée un fichier temporaire bulles.tex de cette façon

\environment preambule
\starttext
\useMPgraphic{boule}
\stoptext

\useMPgraphic place le graphique dans ta page.

J’ai placé sur cette figure la boules du haut avec la transparence et celle du bas, sans.

Il ne reste plus qu’a dessiner les autre boules. Tu verras une nouvelle commande shifted (x,y) qui déplace l’objet de x sur l’axe des abscisses et de y selon les ordonnées par rapport à l’origine du dessin qui est le centre de la première bulle.

\startuseMPgraphic{boule}

draw lmt_shade [

 path = fullcircle scaled 5cm,
direction = "right",

 domain= { 0.1, 2 },

 center= { -4/10, -4/10 },

 colors= { "white", "couleurRapport" }]

withtransparency (1,.60);


draw lmt_shade [

 path = fullcircle scaled 3cm,
direction = "right",

 domain= { 0.1, 2 },

 center= { -4/10, -4/10 },

 colors= { "white", "couleurRapport" }]
shifted (25mm,25mm) ;


draw lmt_shade [

 path = fullcircle scaled 5mm,
direction = "right",

 domain= { 0.1, 2 },

 center= { -4/10, -4/10 },

 colors= { "white", "couleurRapport" }]
shifted (0,60mm) withtransparency (1,.50);

draw lmt_shade [

 path = fullcircle scaled 1.5cm,
direction = "right",

 domain= { 0.1, 2 },

 center= { -4/10, -4/10 },

 colors= { "white", "couleurRapport" }]
shifted (40mm,60mm);

draw lmt_shade [

 path = fullcircle scaled 5mm,
direction = "right",

 domain= { 0.1, 2 },

 center= { -4/10, -4/10 },

 colors= { "white", "couleurRapport" }]
shifted (45mm,75mm);

draw lmt_shade [

 path = fullcircle scaled 1cm,
direction = "right",

 domain= { 0.1, 2 },

 center= { -4/10, -4/10 },

 colors= { "white", "couleurRapport" }]
shifted (60mm,100mm);

draw lmt_shade [

 path = fullcircle scaled .7cm,
direction = "right",

 domain= { 0.1, 2 },

 center= { -4/10, -4/10 },

 colors= { "white", "couleurRapport" }]
shifted (68mm,80mm) withtransparency (1,.65);

draw lmt_shade [

 path = fullcircle scaled 1cm,
direction = "right",

 domain= { 0.1, 2 },

 center= { -4/10, -4/10 },

 colors= { "white", "couleurRapport" }]
shifted (90mm,110mm);

draw lmt_shade [

 path = fullcircle scaled .5cm,
direction = "right",

 domain= { 0.1, 2 },

 center= { -4/10, -4/10 },

 colors= { "white", "couleurRapport" }]
shifted (95mm,120mm) withtransparency (1,.65);

draw lmt_shade [

 path = fullcircle scaled .5cm,
direction = "right",

 domain= { 0.1, 2 },

 center= { -4/10, -4/10 },

 colors= { "white", "couleurRapport" }]
shifted (100mm,110mm) withtransparency (1,.25);

draw lmt_shade [

 path = fullcircle scaled .3cm,
direction = "right",

 domain= { 0.1, 2 },

 center= { -4/10, -4/10 },

 colors= { "white", "couleurRapport" }]
shifted (130mm,130mm);

draw lmt_shade [

 path = fullcircle scaled .2cm,
direction = "right",

 domain= { 0.1, 2 },

 center= { -4/10, -4/10 },

 colors= { "white", "couleurRapport" }]
shifted (135mm,100mm);
\stopuseMPgraphic

Ce qui donne après compilation de bulles.tex

On crée le calque et on positionne notre chapelé de bulles :

%%les boules
\definelayer [bulles ]
%% les boules
\setlayer [bulles ][x=4.5cm, y=13cm ] {\useMPgraphic {boule }}

J’ajoute ce nouveau calque sur la feuille :

\setupbackgrounds[page][background=cadre,fiche,logo,bulles]

Ce qui donne après compilation de couv.tex :

Ce qui ne me convient pas car la grosse bulles est au-dessus du cadre bleu et je la veux en dessous. L’ordre des calques dans l’option background défini leur superposition : le premier est le calque du fond et les suivants se place les uns au-dessus des autres. Pour obtenir le résultat voulu le calque des bulles doit être placé avant celui du cadre bleu.

\setupbackgrounds[page][background=bulles,cadre,fiche,logo]

donne le bon résultat :

On va placer maintenant les différents textes. Pour cela on va changer de layer car il nous faut créer des boites pour encapsuler le texte et éviter qu’il s'étale. On va donc utiliser \setlayerframed

Pour le titre principal on crée le calque (titre) puis on défini la boite et on la place dans le calque :

%%titre principal
\definelayer[titre]
%% Titre principal
\setlayerframed
[titre]
[x=5.5cm, y=2cm,frame=off,width=15cm,height=14cm,align=middle]
{\switchtobodyfont[24pt]\ss \bf\couleurRapport Le premier rapport de Mme/Mr Michu, étudiant.e en sciences humaines, réalisé tout en \LaTeX\ ou en \ConTeXt}

Un peu d’explication :

On a déjà rencontré les autres commande, le texte aura une fonte de 24pt, sera en gras sansserif et bleu

Et l’on obtient après avoir ajouter le calque dans couv.tex

\setupbackgrounds[page][background=bulles,cadre,fiche,logo,titre]

Même principe pour les deux autres textes :

%%sous-titre
\definelayer[titre2]
%%titre bas page
\definelayer[titre3]
%%Sous titre
\setlayerframed
[titre2]
[x=5.5cm, y=8cm,frame=off,width=15cm,height=14cm,align=middle]
{\switchtobodyfont[16pt]\ss \bf\couleurRapport avec des illustrations, des tableaux, une bibliographie, une table des matières, une table des figures et tout ça les doigts dans le nez }
%%titre du bas de page
\setlayerframed
[titre3]
[x=12cm, y=25cm,frame=off,width=8cm,height=14cm,align=middle]
{\switchtobodyfont[14pt]\ss \bf\couleurRapport Les modes \LaTeX\ et \ConTeXt\ sont traités en parallèle comme ça tu pourras comparer et choisir celui qui te conviens }

Et ajout des calques dans couv.tex

\setupbackgrounds[page][background=bulles,cadre,fiche,logo,titre,titre2,titre3]

On a notre couverture terminée :

Pour télécharger les deux fichiers :

le préambule.

le fichier couv.tex.