[Photoshop Zoomify] Deux templates à disposition.

Erwan · Message par **Erwan** » 6 mars 2009, 19:36 24

Bonjour à tous !

Vous connaissez certainement le plug-in Photoshop Zoomify (si ce n'est pas le cas, c'est par ici). Je m'en sers assez souvent pour présenter des "pré" B.A.T numériques hautes définitions à mes clients. Malheureusement, les quelques modèles de présentation (templates) livrés en standard avec le plug-in sont assez dépouillés et manquent, à mon gout, sérieusement de style (je ne parle même pas là du respect des normes (X)HTML…).

J'ai, pour optimiser mon flux de travail, créé deux templates beaucoup plus adaptés, je pense, à la présentation et mise en valeur de nos chères images. Ils sont compatibles avec tous les navigateurs modernes respectant les standards (IE6 est donc exclu…) et acceptant l'encodage en base64. Par ailleurs, j'ai opté pour un format d'image fixe (690x460).

Si cela vous intéresse, ils sont à votre disposition

Demo du template Gris
Demo du template Blanc

Le Screencast d'installation/utilisation.

Télécharger les deux templates (ßeta, uniquement pour le plug-in Photoshop)

Pour le remplacement des informations (copyright, titre de la page etc.) :

Ouvrez le fichier *.zvt avec TextEdit (sous Mac) ou Bloc-Notes (sous Win$).
Recherchez
Code : Tout sélectionner
```
<title>TOSSEN</title>
```
et remplacez par
Code : Tout sélectionner
```
<title>le_titre_de_votre_choix</title>
```
Recherchez
Code : Tout sélectionner
```
http://www.tossen.com
```
et remplacez par
Code : Tout sélectionner
```
http://www.votresite.com
```
ou
Code : Tout sélectionner
```
mailto:vous@e-mail.fr
```
Recherchez
Code : Tout sélectionner
```
Copyright (c) TOSSEN
```
et remplacez par
Code : Tout sélectionner
```
Copyright (c) VotreNom/Société
```
Enregistrez
Fermez
Copiez/déplacez dans le dossier de réglage de Zoomify.
Sous Mac : Applications:Adobe Photoshop CSx:Presets:Zoomify:
Sous Windows : \Adobe\Adobe Photoshop CSx Presets\Zoomify\

Bien à vous,
Erwan

Message par **Edge@51** » 2 avr. 2009, 20:28 38

Bon, pour le template je sais pas trop, mais pour la qualité de la HD: Wouaaaa!!!!!

De mon côté j'utilise ce template:

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> 
   <head> 
      <title>Titre de la fenêtre</title> 
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
      <meta http-equiv="Content-Script-Type" content="text/javascript" /> 
      <meta http-equiv="Content-Style-Type" content="text/css" /> 
      <style type="text/css" media="screen"> 
         * {margin:0;padding:0;border:0;} 
         html, body {background-color: #000000;} 
         html, body, div.zoomify, div.zoomify object {width: 100%; height: 100%;} 
      </style> 
   </head> 
   <body> 
      <div class="zoomify"> 
         <object type="application/x-shockwave-flash" data="zoomifyViewer.swf"> 
            <param name="movie" value="zoomifyViewer.swf" /> 
            <param name="flashvars" value="zoomifyImagePath=nom_du_dossier/" /> 
            <param name="menu" value="false" /> 
            <param name="bgcolor" value="#000000" /> 
            <p>Cette page web nécessite flash player pour fonctionner, <a href="http://www.adobe.com/go/ 
BPCKN">cliquez ici pour le télécharger.</a></p> 
         </object> 
      </div> 
   </body> 
</html>

[edit]: Pour être plus précis, le code ci-dessus est le fichier html qui remplace celui de photoshop. C'est moins automatisé, mais c'est en plein écran

Job.1 · Message par **Job.1** » 2 avr. 2009, 20:37 43

Merci !! top ces 2 templates

Message par **sagedavid** » 2 avr. 2009, 20:48 39

Merci à vous, messieurs

!

Stuart · Message par **Stuart** » 3 avr. 2009, 7:23 56

Merci pour ce beau travail recherché

Pour ma part, même si la petite fenêtre de navigation n'est pas vraiment un must pour l'esthétique, il n'en reste pas moins que je trouve son utilité indispensable, tout comme l'onglet de navigation dans Photoshop...
Dans le même genre, c'est à mon avis, la principale lacune de Google Map...

Stuart · Message par **Stuart** » 3 avr. 2009, 10:06 15

Je viens de tester en remettant la fenêtre de navigation et ça me va tout à fait, c'est excellent

Christophe · Message par **Christophe** » 3 avr. 2009, 14:48 18

Merci Erwan.
Quelqu'un sait où trouver la version avec le bouton full screen ?

Erwan · Message par **Erwan** » 3 avr. 2009, 18:16 46

La version « plein écran », payante, n'est je crois pas disponible en tant que module Photoshop. D'un autre côté, une version plein écran n'a à mon sens que peu d'intérêt, Zoomify étant justement un afficheur « progressif »…

Stuart · Message par **Stuart** » 3 avr. 2009, 18:59 41

Pour le mode plein écran, il suffit de convertir les tailles en 100% et ça fonctionne bien

Deux solutions: le faire directement sur la page de base ou faire un lien (target="_blank") vers la même page qui aura été modifiée pour un affichage 100% dans une nouvelle fenêtre

Christophe · Message par **Christophe** » 3 avr. 2009, 19:17 16

Ok, merci pour vos lumières.

Panophoto.org

[Photoshop Zoomify] Deux templates à disposition.

[Photoshop Zoomify] Deux templates à disposition.

Re: [Photoshop Zoomify] Deux templates à disposition.

Re: [Photoshop Zoomify] Deux templates à disposition.

Re: [Photoshop Zoomify] Deux templates à disposition.

Re: [Photoshop Zoomify] Deux templates à disposition.

Re: [Photoshop Zoomify] Deux templates à disposition.

Re: [Photoshop Zoomify] Deux templates à disposition.

Re: [Photoshop Zoomify] Deux templates à disposition.

Re: [Photoshop Zoomify] Deux templates à disposition.

Re: [Photoshop Zoomify] Deux templates à disposition.