Ajouter un bandeau
Retour

Le but de cette leçon est d'ajouter un bandeau au bas des photos. Voici les maquettes landscape et portrait que nous allons construire :





Etape 1 (définition de la couleur du bandeau)
Tout d'abord, nous allons définir la couleur du bandeau.

[GENERAL]
R=255
G=0
B=0


La définition de la couleur du bandeau se fait dans la section [GENERAL] en spécifiant les composants rouge (R), vert (G) et bleu (B) avec des valeurs compris entre 0 et 255. Dans cette maquette, le bandeau est un rouge pur, parce que : R=225, G=0 et B=0 (voir lignes jaunes).




Etape 2 (définition de l'emplacement de la photo landscape du client)
Nous allons définir l'emplacement de la photo du client dans la maquette landscape.

[GENERAL]
largeur de la maquette=154
hauteur de la maquette=104
num photo=1
R=255
G=0
B=0

[PHOTO 1]
marge gauche=0
marge superieur=0
largeur=154
hauteur=91
angle=0


En jaune, nous informons le logiciel que nous allons utiliser un emplacement dédié au client. En bleu, nous définissons l'emplacement de la photo du client, qui
n'occupe pas l'intégralité de la maquette, parce que l'hauteur de la photo du client (91) est inférieure à l'hauteur de la maquette (104). Nous avons donc une photo qui, pour l'instant, n'a pas de texte.




Etape 3 (ajout du nom de la maquette alternative dans le script landscape)
Pour le retournement automatique des maquettes, il est nécessaire de préciser le nom de la maquette alternative à utiliser. Par exemple, si une photo est
landscape, il faut mettre le nom de la maquette portrait. Si, au contraire, nous avons une maquette portrait, il faut mettre le nom de la maquette landscape. Dans notre cas, puisque nous avons une maquette landscape, nous ajoutons le nom de la maquette portrait. Voici donc le script de la maquette landscape, où « 10x15 bandeau P » est le nom de la maquette portrait. En jaune il y a la partie concernant la maquette alternative.

[GENERAL]
largeur de la maquette=154
hauteur de la maquette=104
num photo=1
R=255
G=0
B=0

[INFO MAQUETTE ALTERNATIVE]
nom de la maquette=10x15 bandeau P


[PHOTO 1]
marge gauche=0
marge superieur=0
largeur=154
hauteur=91
angle=0




Etape 4 (ajout du texte sur la maquette landscape)
On commence par indiquer la présence de ce texte dans le script de la maquette landscape.

[GENERAL]
largeur de la maquette=154
hauteur de la maquette=104
num photo=1
num Textes=1
R=255
G=0
B=0

[INFO MAQUETTE ALTERNATIVE]
nom de la maquette=10x15 bandeau P

[PHOTO 1]
marge gauche=0
marge superieur=0
largeur=154
hauteur=91
angle=0

Nous attirons votre attention sur la ligne jaune (num Textes=1) concernant la présence d'un texte dans la maquette.




Etape 5 (ajout des informations concernant le texte)
Voici le script complet de la maquette landscape :

[GENERAL]
largeur de la maquette=154
hauteur de la maquette=104
num photo=1
num Textes=1
R=255
G=0
B=0

[INFO MAQUETTE ALTERNATIVE]
nom de la maquette=10x15 bandeau P

[PHOTO 1]
marge gauche=0
marge superieur=0
largeur=154
hauteur=91
angle=0

[TEXT 1]
nom de la police=comic sans ms
taille de la police=5,5

marge gauche=0
marge superieur=90
largeur=154
hauteur=15

centrer le texte=oui
couleur du texte (rouge)=255
couleur du texte (vert)=255
couleur du texte (bleu)=255

numeroLinee=1
L 1=Emplacement réservé au texte


La section [TEXT 1] définit toutes les caractéristiques du premier texte. Notez en jaune le nom et la taille de la police. L'emplacement dédié au texte est définit par les lignes en bleu foncé. La partie en vert (centrer le texte=oui) informe le logiciel que le texte doit être centré dans son emplacement (lignes en bleu foncé).
Les trois lignes roses définissent la couleur du texte exprimé en valeurs RGB compris entre 0 et 255.
Le
numeroLinee définit le numéro de lignes du texte. Dans L 1, L 2, L 3, ... on écrit la valeur de chacune des lignes composants le texte. Dans notre exemple, nous avons une seule ligne de texte (numeroLinee=1) qui prends la valeur L1=Emplacement réservé au texte.

La maquette landscape est donc terminée et voici son résultat :




La maquette portrait
Voici le script complet de la maquette portrait. En jaune il y a la partie concernant le texte, en bleu la partie concernant la maquette alternative et en vert la partie concernant la couleur du bandeau.

[GENERAL]
largeur de la maquette=104
hauteur de la maquette=154
num photo=1
num Textes=1
R=255
G=0
B=0


[INFO MAQUETTE ALTERNATIVE]
nom de la maquette=10x15 bandeau L


[PHOTO 1]
marge gauche=0
marge superieur=0
largeur=104
hauteur=142
angle=0

[TEXT 1]
nom de la police=comic sans ms
taille de la police=4
marge gauche=0
marge superieur=142
largeur=104
hauteur=15
centrer le texte=oui
couleur du texte (rouge)=255
couleur du texte (vert)=255
couleur du texte (bleu)=255
numeroLinee=1
L 1=Emplacement réservé au texte


Pour le retournement automatique des maquettes, il est nécessaire de préciser le nom de la maquette alternative à utiliser. Par exemple, si une photo est landscape, il faut mettre le nom de la maquette portrait. Si, au contraire, nous avons une maquette portrait, il faut mettre le nom de la maquette landscape. Dans notre cas, puisque nous avons une maquette portrait, nous ajoutons le nom de la maquette landscape. Voici donc le script de la maquette portrait, où « 10x15 bandeau L  » est le nom de la maquette landscape.

Voici le résultat de la maquette portrait :

HAUT