Crear una galería de fotos en formato Flash con Photoshop

En este tip veremos cómo crear una galería en formato SWF sin necesitade de utilizar Flash. Utilizaremos nada más y nada menos que Adobe Photoshop CS3.

Esta función esta disponible desde la versión CS2 de Photoshop, solo que muchos o no sabemos como usarla o no la conocemos (tampoco dudo que algunos que tengan más conocimientos en Flash y AS no la necesiten y/o puedan crear algo mejor, pero este tip esta orientado a los que no salimos de Photoshop, no nos alcanza para comprar Flash, no lo sabemos usar o no sabemos ActionScript)

La galería se puede crear también en HTML, o inclusive pueden ver a continuación que hay varias opciones, pero lo que queremos es crear una galería llamativa, y es por eso que nos centraremos en la estilo Flash 1 (que al menos a mi se me hizo la más llamativa).

Estos serán los pasos a seguir:

Preparando las carpetas

Primero necesitamos tener bien organizada la información,así que te vas a la carpeta de Imágenes o Documentos y creamos una nueva carpeta que llamaremos "galeria", dentro de ella ponemos una carpeta llamada "imagenes". Y como te lo imaginará,dentro de esta última metemos todas las imágenes que aparecerán en la galería, que en mi caso haré una galería de mis avatares a lo largo del tiempo que eh estado en Clab.

Creando la galería

Ahora abrimos el Photoshop y no creamos nada, nada; vamos a Archivo>Automatizar>Galería de fotografías web...

Y nos aparece ésta ventana:

• Estilos de la galería, un listado de las distintas galerías que podemos crear
  
• E-mail, podemos poner nuestra dirección de correo si deseamos que nos contacten.
  
• Escoger, botón para seleccionar la carpeta en la que están nuestras imágenes
  
• Destino, botón para escoger la carpeta en la que estará la galería y susu archivos
  
• Opciones, los paneles de opciones a configurar

Por ahora configuramos la ventana de esta forma:



Ahora seleccionamos en Opciones el panel Banner, y la configuramos de esta manera:



Y luego al de Large images:



Después a Thumbnails:



Y ya el "último" los colores:



En "Security" podemos modificar la tipografía de las cosas pero el estilo predeterminado se ve bien con todas los fotos.

Las opciones y demás las configuraremos conforme queramos nuestra galería para que se mire bien en nuestra web.

Por último...

Presionamos OK y el Photoshop empezará actuar de manera diferente pero nada fuera de lo común, verás lienzos transparentes de 2 tamaños varias veces hasta que nos aparece en el navegador un texto que dice:

Photoshop :

Cerramos la ventana y nos vamos a la carpeta "galeria" y abrimos el archivo "gallery.swf" para ver la galería. Y para ponerlo en la web, solo subimos la carpeta galería al servidor via FTP y colocamos el "gallery.swf" como cualquier otra animación Flash (.swf) en el Dreamweaver y listo.

Ver galeria del ejemplo

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.