Comunidad de diseño web y desarrollo en internet online

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 :

Please upgrade your Flash Player.
Already have Flash Player? Click here if you have Flash Player 6 installed.


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.

Publica tu comentario

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate