Bandeau avec deux textes et un logo
Le but de cette leçon est d'ajouter un bandeau
avec deux textes et un logo au bas des photos. Voici les maquettes landscape et portrait que nous allons construire :
Etape 1 (création du logo avec Photoshop)
Tout d'abord, il faut se construire le logo avec Photoshop ou autre logiciel d'édition photo. Le logo doit être sauvegardé au format « jpg ». Voici en bas le logo que nous ajouterons sur notre maquette :
Etape 2 (définition de la couleur du bandeau)
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).
[GENERAL]
R=255
G=0
B=0
Etape 3 (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 ni de textes ni de logo.
Etape 4 (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 avec deux textes et un logo 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 avec deux textes et un logo P
[PHOTO 1]
marge gauche=0
marge superieur=0
largeur=154
hauteur=91
angle=0
Etape 5 (ajout du 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=1
R=255
G=0
B=0
[INFO MAQUETTE ALTERNATIVE]
nom de la maquette=10x15 bandeau
avec deux textes et un logo
P
[PHOTO 1]
marge gauche=0
marge superieur=0
largeur=154
hauteur=91
angle=0
Nous attirons votre attention sur la ligne jaune (num photo fixes=1) concernant la présence d'une photo fixe dans la maquette.
Etape 6 (ajout des informations concernant la photo fixe)
Voici le script de la maquette landscape :
[GENERAL]
largeur de la maquette=154
hauteur de la maquette=104
num photo=1
num photo fixes=1
R=255
G=0
B=0
[INFO MAQUETTE ALTERNATIVE]
nom de la maquette=10x15 bandeau
avec deux textes et un 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=2
marge superieur=92,5
largeur=12
hauteur=8
angle=0
stretch=oui
La section [PHOTO FIXE 1] définit toutes les caractéristiques de la photo fixe (logo). Notez en jaune le nom du fichier du logo (alp pasa.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 logo doit être étiré dans l'emplacement dédié au logo. Cet emplacement est définit par les lignes en vert.
Nous avons donc une photo qui, pour l'instant, n'a pas de textes.
 |
Etape 7 (ajout des textes sur la maquette landscape)
On commence par indiquer la présence des textes dans le script de la maquette landscape.
[GENERAL]
largeur de la maquette=154
hauteur de la maquette=104
num photo=1
num photo fixes=1
num Textes=2
R=255
G=0
B=0
[INFO MAQUETTE ALTERNATIVE]
nom de la maquette=10x15 bandeau
avec deux textes et un 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=2
marge superieur=92,5
largeur=12
hauteur=8
angle=0
stretch=oui
Nous attirons votre attention sur la ligne jaune (num Textes=2) concernant la présence des textes dans la maquette.
Etape 8 (ajout des informations concernant le premier texte)
Nous allons définir les caractéristiques du premier texte dans la maquette landscape.
[GENERAL]
largeur de la maquette=154
hauteur de la maquette=104
num photo=1
num photo fixes=1
num Textes=2
R=255
G=0
B=0
[INFO MAQUETTE ALTERNATIVE]
nom de la maquette=10x15 bandeau avec deux textes et un 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=2
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=4
marge gauche=15
marge superieur=92,3
largeur=80,5
hauteur=10
centrer le texte=non
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 premier texte est définit par les lignes en bleu foncé.
La partie en vert, centrer le texte=non, informe le logiciel que le texte doit être aligné à gauche 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.
Nous avons donc une photo qui, pour l'instant, a un bandeau avec un texte et un logo.
Etape 9 (ajout des informations concernant le deuxième texte)
Nous allons définir les caractéristiques du deuxième texte dans la maquette landscape. 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=1
num Textes=2
R=255
G=0
B=0
[INFO MAQUETTE ALTERNATIVE]
nom de la maquette=10x15 bandeau avec deux textes et un 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=2
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=4
marge gauche=15
marge superieur=92,3
largeur=80,5
hauteur=10
centrer le texte=non
couleur du texte (rouge)=255
couleur du texte (vert)=255
couleur du texte (bleu)=255
numeroLinee=1
L 1=Emplacement réservé au texte
[TEXT 2]
nom de la police=arial
taille de la police=3,16
marge gauche=100
marge superieur=93
largeur=52
hauteur=9,5
centrer le texte=oui
couleur du texte (rouge)=0
couleur du texte (vert)=0
couleur du texte (bleu)=0
numeroLinee=2
L 1=Solutions Photo
L 2=www.solutionsphoto.com
La section [TEXT 2] définit toutes les caractéristiques du deuxième texte. Notez en jaune le nom et la taille de la police. L'emplacement dédié au deuxième 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 deux lignes de texte (numeroLinee=2) qui prennent les valeurs L1=Solutions Photo et L 2=www.solutionsphoto.com.
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 le logo, en jaune la partie concernant les textes,
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=1
num Textes=2
R=255
G=0
B=0
[INFO MAQUETTE ALTERNATIVE]
nom de la maquette=10x15 bandeau avec deux textes et un 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=1
marge superieur=143
largeur=12
hauteur=8
angle=0
stretch=oui
[TEXT 1]
nom de la police=comic sans ms
taille de la police=2,61
marge gauche=13,5
marge superieur=144,5
largeur=55
hauteur=10
centrer le texte=non
couleur du texte (rouge)=255
couleur du texte (vert)=255
couleur du texte (bleu)=255
numeroLinee=1
L 1=Emplacement réservé au texte
[TEXT 2]
nom de la police=arial
taille de la police=2
marge gauche=69,5
marge superieur=145
largeur=33
hauteur=9
centrer le texte=oui
couleur du texte (rouge)=0
couleur du texte (vert)=0
couleur du texte (bleu)=0
numeroLinee=2
L 1=Solutions Photo
L 2=www.solutionsphoto.com
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 avec deux textes et un logo L » est le nom de la maquette landscape.
Voici le résultat de la maquette portrait :
HAUT