Créer sa propre galerie Web |
| Depuis Photoshop 5 il n'y a rien de
plus simple que de créer une galerie de photos destinées
à être mises en ligne. Les modèles se
sont enrichis avec Photoshop 7, et on peut également
créer son propre modèle, en suivant des indications
précises. |
| Fichier>Automatisation>Galerie
Web Photo : |
 |
4 zones essentielles :
1. permet de choisir le type de galerie
2.
et 3. pour choisir les dossiers source et destination,
qui doivent être différents. Pour éviter
des complications (liens, chemins d'images,...), choisissez
le vrai lieu de destination finale, et non un fichier intermédiaire.
4. Options : paramétrage
de Bannière, Grandes images, Vignettes, Couleurs et Protection.
N'oubliez pas de 1. redresser
vos images si nécessaire (rotation) et 2.
de compter auparavant le nombre d'images à mettre
dans la galerie afin de choisir un nombre de colonnes et de
rangées (Options de Vignettes) compatible. Le nombre
de pages HTML sera déterminé en fonction de ce
nombre.
Ex. 15 photos= 5 rangées, 3 colonnes; 48 photos= 2 pages
de 4 colonnes 6 rangées, etc. |
| Redimensionnement
des images (Photoshop 7) |
Dans
Options Grandes images, il est probable que vous choisirez
"Redimensionner les images"
qui propose de Conserver la Largeur, la Hauteur ou les
Deux.
Voici les règles appliquées pour le redimensionnement
d'images :
Pour une photo format PORTRAIT
(en hauteur) :
- Photoshop va appliquer la valeur en Hauteur si Hauteur ou
Les Deux est sélectionné.
- Appliquer la valeur en Largeur si Largeur est sélectionné.
- Va déformer l'image si vous demandez des valeurs plus
importantes.
Pour une photo format PAYSAGE
:
- Photoshop va appliquer la valeur en Largeur si Largeur ou
Les Deux est sélectionné
- Appliquer la valeur en Hauteur si Hauteur est sélectionné.
- Va déformer l'image si vous demandez des valeurs plus
importantes.
Autrement dit, si vous avez une galerie d'images 200x300 et
300x200, choisissez 300 (ou un multiple) et "Les Deux"
et les images resteront dans leur format d'origine (ou proportionnelle
à leur format d'origine).
Il s'ensuivra ensuite l'optimisation de la qualité.
En ce qui concerne la qualité
JPEG : choisissez entre 6 et 8 pour trouver un compromis
entre taille, qualité et poids qui influera sur le temps
de chargement de l'image. |
| Cliquez
OK et tout se fait tout seul selon le modèle choisi,
les pages HTML, les liens entre les pages, les flèches
de navigation, etc. Les pages HTML créées s'ouvrent
alors dans Photoshop, ce qui permet de reparamétrer immédiatement
: si vous n'êtes pas satisfait d'un ou plusieurs paramètres,
retournez au point de départ et reparamétrez :
si vous ne touchez pas à la taille oui à la qualité
des images mais plutôt à leur nombre ou à
d'autres paramètres (nom du photographe, ..) cela prendra
2 secondes de refaire les pages HTML. |
| Créer
son propre modèle de galerie Web |
C'est très simple mais
il vaut mieux manipuler un peu le HTML.
Il faut se baser sur des fichiers déjà existants
:
Ouvrez les fichiers se trouvant dans Photoshop>Paramètres
définis>Galerie Web Photo>Simple : IndexPage.html
: page d'accueil
Caption.html
: légende de chaque vignette
SubPage.html
: pages contenant les images de grande taille
Thumbnail.html
: disposition des vignettes sur la page d'accueil
[FrameSet.html :
existe dans les modèles avec frames (cadres)]
Vous pouvez modifier les pages (couleurs, tableaux, ...).
Laissez les balises et les marques <TITRE> %TITRE% </TITRE>
existantes ou remplacez-les par vos propres valeurs : ex. %BGCOLOR%
peut être remplacé en permanence dans la page par
%FF0000%.
Sauvez-les dans un nouveau dossier (ex. ma_galerie_web) au même
endroit que les autres galeries. Le choix devrait alors apparaître
dans la fenêtre Styles :
|
| |
| Pages créées
rapidement pour vérifier le fonctionnement : j'ai
juste centré les tableaux, placé une image
de fond et placé un logo en permanence : je peux
maintenant l'utiliser pour créer des galeries de
dizaines de photos. |
| Page
principale index |
Page visualisation
photos |
 |
 |
|
 |
| Windows |
MacIntosh |
| Ctrl |
Command |
| Alt |
Option |
| Clic droit |
Ctrl clic |
|
