¿Quieres registrarte?

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

Por: [Ray]
21 de Enero del 2009
1299 de clabLevel
Otros artículos de [Ray]
15,939 visitas

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:





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

Enviar a twitter Enviar a facebook


También te interesa


Etiquetas photoshop fotografia

Comentarios | Enviar un comentario
Es muy útil esta opción de photoshop para los que quieren montar un photobook sin tener conocimeientosde Flash ;)

PD: Ray, el SWF no se visualiza en el server de Clab por que le deben falta los archivos jpg que enlaza. andame un email con todos los archivos necesarios y edito el post para pasarlo a portada.
Por: Zguillez
Hey no sabía nada de esto :O , muy interesante. (y)
Por: Otaku RzO
mas q un comentario es una pregunta
¿como se puede calar un el cabello sin borrar demaciado o sin tocarlo tanto y q paresca natural y sin que se note muy duro?
Por: slayer-blog

Zguillez :

PD: Ray, el SWF no se visualiza en el server de Clab por que le deben falta los archivos jpg que enlaza. andame un email con todos los archivos necesarios y edito el post para pasarlo a portada.
Recuerda también los asuntos de seguridad en la carga de imágenes, tengo suficientes casos practicando eso.
:lol:
Por: M@U
Vaya, se ve interesante... Y de verdad muy usable... Al llegar a la casa lo probaré..
Buen tip (y)
Por: KB-27

slayer-blog :

mas q un comentario es una pregunta
¿como se puede calar un el cabello sin borrar demaciado o sin tocarlo tanto y q paresca natural y sin que se note muy duro?

Nada que ver con el tema... U_U
Pero bueno...
Por: [Ray]
cual es el pluggin que requiere para que photoshop te muestre "galerias flash" como una de las variantes para hacer. Pues tengo el CS y no la tengo en las opciones
Por: tato-blog
hola alguien me podria ayudar a como incorporar esta galeria en flash
Por: cata -blog
hola alguien me podria ayudar a como incorporar esta galeria en flash
Por: catta24
Ray.....yo, como puedo poner esta galería en mi Flash, como presentación de un trabajo ponte tu...se puede o es imposible. YO importe el swf a flash, a la biblioteca, pero no se abren las fotos, sino unos signos.

Sabes algo Ray? Te agradecería mucho si tuvieras la respuesta.

Saludos
Por: Debbie Chiese. thefrenesi
esta herramienta de photoshop es muy buena y util el problema que tengo es que no se enlazar la galeria al documento de fireworks que tengo

por favor aclarenme esa duda
Por: julio-blog
hola ya hice la galeria la inserte en mi pagina pero cuando la subo al servidor no se visualiza ninguna imagen.
Podrias decirme por que no aparecen?
Por: liza-blog
Es genial aunque con CS4 no esta esa opcion de crear galeria de fotos web (Una pena)
Por: Hugo-blog
me encanta esta tips naie me lo habia enseñado ni tuve curiosidad por ver esta herramienta asi q es algo nuevo para mi ya lo probe y si me salio bacan pero no encontre la galeria flash !! si puedes decirnos donde encontrarla seria bacan y otra cosa como puedo calar la foto sin q
Por: diego-blog
como puedo enaviar una galeria de fotos que hice en jetphoto por e-mail
Por: patricia-blog
A ver, una mega pregunta, tengo el Photoshop CS4 en inglés, y tal parece que no tengo esta opción, las que tengo en "automate" son: batch, create droplet, Merge to HDR y Photomerge. Nada de Photo web gallery...

Alguien sabe a donde han movido esta función del CS3 al CS4?

agradeceré cualquier comentario.
Por: Eri-blog
me pasa lo mismo pero con el CS3
Por: iban-blog
es justo lo k staba buscando, y entonces me ha surgido la misma pregunta q a muxos...en el CS4 donde esta dixa función??? ya q de encontrarla es besar al santo,gracias.
Por: snap-blog
Gracias por la Informacion, Pude hacer todo pero me gustaria me expliques como alojar mi galeria en un servidor gratis para despues poner el codigo html en mi web y asi mostrar mi galeria ya que tengo una web gratuita y me dan poco espacio es por eso que necesito otros servidores para alojar mis imagenes.

Gracias
Por: Arturo-blog
Este Es mi correo donaldcenteno@hotmail.com
Por: Arturo-blog
En clase de informetica yo tambien cree una galeria web pero en casa tengo photoshop cs4 y no veo la función. La solución más rápida será instalar otra versión ya que tengo que tener hecha la web para mañana!
Por: bakkerweb-blog
con adobe lightroom 2, es la solcuion
Por: txGhost_mex-blog
Hola kiero saber como? como? hacer una galeria web en Fotoshop CS4? ayuda.! porfavor... email: info@emanuelcastillo.com
Por: Emanuel Castillo-blog
Deja un comentario
IMPORTANTE

Recuerda ser respetuoso, no insultes a otras personas, ni uses palabrotas, hay una persona al otro lado de la pantalla.

Habla bien, NO ESCRIBAS EN MAYUSCULA TODO, no escribas como en un SMS, evita cosas como "ke", "x q" y demás abreviaciones.

Aquí funcionan las etiquetas de los foros, puedes usar [b] para negrita, [img] para las imágenes, [url] para los enlaces, etc.

Si tienes preguntas técnicas, envíalas mejor al foro.