Ajouter un bandeau et deux logos
Retour

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




Etape 1 (lire la leçon Ajouter un bandeau et un logo)
Tout d'abord, lisez la leçon « Ajouter un bandeau et un logo », grâce à laquelle vous apprenez à construire les script e les maquettes landscape et portrait suivantes :

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

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

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

[PHOTO FIXE 1]
nom de la photo=alp pasa.jpg
marge gauche=4
marge superieur=92,5
largeur=12
hauteur=8
angle=0
stretch=oui

[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


***************************************


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

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

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

[PHOTO FIXE 1]
nom de la photo=alp pasa.jpg
marge gauche=4
marge superieur=143
largeur=12
hauteur=8
angle=0
stretch=oui

[TEXT 1]
nom de la police=comic sans ms
taille de la police=3
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




Etape 2 (création du deuxième logo avec Photoshop)
Il faut se construire le deuxième logo avec Photoshop ou autre logiciel d'édition photo. Le logo doit être sauvegardé au format « jpg ». Voici en bas le deuxième logo que nous ajouterons sur notre maquette :




Etape 3 (ajout du deuxième logo sur la maquette landscape)
Contrairement à la photo du client, le logo est une photo fixe. On indique la présence de cette photo fixe (logo) dans le script de la maquette landscape.

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

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

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

[PHOTO FIXE 1]
nom de la photo=alp pasa.jpg
marge gauche=4
marge superieur=92,5
largeur=12
hauteur=8
angle=0
stretch=oui

[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

Nous attirons votre attention sur la ligne jaune (num photo fixes=2) concernant la présence des deux photos fixes dans la maquette.




Etape 4 (ajout des informations concernant la deuxième photo fixe)
Voici le script complet de la maquette landscape :

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

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

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

[PHOTO FIXE 1]
nom de la photo=alp pasa.jpg
marge gauche=4
marge superieur=92,5
largeur=12
hauteur=8
angle=0
stretch=oui

[PHOTO FIXE 2]
nom de la photo=hotel.jpg
marge gauche=141,9
marge superieur=91,5
largeur=8,04
hauteur=12

angle=0
stretch=oui

[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 [PHOTO FIXE 2] définit toutes les caractéristiques de la deuxième photo fixe (logo). Notez en jaune le nom du fichier du logo (hotel.jpg) qui, dans cet exemple, est sauvegardé dans le même répertoire du fichier du script de la maquette (maquette identité.ini). La partie en bleu (stretch=oui) informe le logiciel que le deuxième logo doit être étiré dans son emplacement. Cet emplacement est définit par les lignes en vert.

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




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

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


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


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

[PHOTO FIXE 1]
nom de la photo=alp pasa.jpg
marge gauche=4
marge superieur=143
largeur=12
hauteur=8
angle=0
stretch=oui


[PHOTO FIXE 2]
nom de la photo=hotel.jpg
marge gauche=93,3
marge superieur=143
largeur=6,7
hauteur=10
angle=0
stretch=oui


[TEXT 1]
nom de la police=comic sans ms
taille de la police=3
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 et deux logos L  » est le nom de la maquette landscape.

Voici le résultat de la maquette portrait :

HAUT