Magazine Internet

Créer un diaporama animé pour ses photos

Publié le 03 janvier 2011 par Editoile @editoile

Créer un diaporama animé pour ses photosBeaucoup de sites sont dédiés à l’hébergement de photos, mais peu proposent de créer des diaporamas interactifs aussi simplement et efficacement que Picasa.

Le principe est très simple et se déroule en 4 étapes : trouver des templates (maquettes), les intégrer à Picasa, générer un diaporama et le placer sur un serveur pour le partager.

1) Trouver des templates

Les diaporamas Picasa utilisent le langage Flash qui leur confère de grandes possibilités d’animation. Pour trouver un template, rien de plus simple : il vous suffit d’effectuer une recherche sur le web basée sur les mots clés « flash template Picasa ». Et parmi les premiers résultats affichés se trouve le site de Paul Van Roekel, photographe et web designer. Ce dernier vous propose une multitude de templates gratuits parmi les plus beaux existants. Avant de télécharger, il est possible de visualiser des démos.

2) Intégrer des templates à Picasa

Vous avez choisi un modèle de diaporama, il faut maintenant le télécharger sur votre ordinateur et le placer dans le répertoire de Picasa qui est par défaut : C:\Program Files\Picasa2\web\templates

3) Générer un diaporama

Ouvrez Picasa. Si c’est votre première utilisation, le logiciel lance un scan de votre disque dur pour trouver tous les visuels s’y trouvant et les affiche sous forme de dossiers. Sélectionnez celui que vous souhaitez utiliser comme base de votre diaporama, faites un clic droit puis « exporter sous forme de page HTML ». Dans la nouvelle fenêtre qui s’affiche, choisissez la taille des photos, un nom et l’emplacement sur votre disque dur où sera enregistré votre diaporama.

4) Placez le diaporama sur un serveur

Picasa a généré un diaporama constitué de plusieurs fichiers : les photographies, un script et une page html (index.html). Tout ce que vous avez à faire est de placer le tout dans un dossier (pour plus de simplicité nommez le diaporama) sur votre serveur et à communiquer l’adresse vers votre page index.html (par exemple : http://www.votre-site.fr/diaporama/index.html).

Des exemples ? Regardez les diaporamas que nous avons réalisés pour :

  • l’Université des Entreprises du MEDEF Gironde
  • l‘UAV Show Europe, un salon professionnel sur les mini-drones civils organisé par Bordeaux Technowest.

Retour à La Une de Logo Paperblog

A propos de l’auteur


Editoile 3361 partages Voir son profil
Voir son blog

Dossiers Paperblog

Magazine