Solo Photoshop

Tutoriales y recursos Photoshop

Bienvenido a SoloPhotoshop, donde encontrarás la mejor información sobre tutoriales, recursos y artículos de Adobe Photoshop!

Anunciar en SoloPhotoshop

Programar una Galería de Imágenes en Flash | Solo Photoshop

Tutorial Photoshop

Tutorial por Solo Photoshop

Solo Photoshop

TUTORIALES FLASH

PROGRAMAR UNA GALERÍA DE IMÁGENES FLASH

Tutorial por Jmx de www.EstiloFlash.com

Hola estimadas amigas y amigos, con el fin de seguir contribuyendo en el aprendizaje o simplemente con el reforzamiento de ideas. A continuación presento el tutorial que lleva por nombre Galería de Imágenes, esta galería puede llevar las imágenes que desees, sin embargo, en esta ocasión solamente se pondrán como ejemplo cuatro imágenes.

Comenzar por crear un documento de dimensiones 250*306 píxeles de ancho y alto respectivamente y con un color de fondo gris (#CCCCCC).

Programar una Galería de Imágenes en Flash 01

Crear cuatro imágenes de tamaño 50*50 píxeles nombrarlas small_modelo_1, small_modelo_2, small_modelo_3 y small_modelo_4, también crear las mismas imágenes pero de tamaño 250*250 píxeles a estas nombrarlas Big_modelo_1, Big_modelo_2, Big_modelo_3 y Big_modelo_4. Una vez creadas las ocho imágenes el siguiente paso es importarlas a la biblioteca. Espero que manejen el programa Photoshop, es más practico hacer las imágenes en este programa.

Programar una Galería de Imágenes en Flash 02

Este paso es relativamente sencillo, crear cuatro símbolos y nombrarlos boton_1, boton_2, boton_3 y boton_4 respectivamente, darles de comportamiento botón. La ruta para este propósito es presionar ctrl. + F8 ó Insertar >> Nuevo símbolo

Programar una Galería de Imágenes en Flash 03

Ahora en el símbolo boton_1 arrastrar desde la biblioteca la imagen de nombre small_modelo_1. Hacer la misma operación pero ahora en el boton_2 insertar la imagen de nombre small_modelo_2, en el boton_3 insertar la imagen small_modelo_3 y en el boton_4 insertar la imagen small_modelo_4. Colocar cada una de las imágenes en coordenadas X=0 y Y=0

Programar una Galería de Imágenes en Flash 04

Crear un nuevo símbolo nombrarlo galeria_modelos y darle como comportamiento clip de película.

Programar una Galería de Imágenes en Flash 05

Una vez instalados en el símbolo galeria_modelos, en el fotograma 1 arrastrar desde la biblioteca la imagen de nombre Big_modelo_1 colocarla en cordenadas X=0 y Y=0.

Programar una Galería de Imágenes en Flash 06

Insertar tres fotogramas claves vacíos más y en cada uno de ellos colocar la imagen correspondiente. Esto es fotograma 1 Big_modelo_1, fotograma 2 Big_modelo_2, fotograma 3 Big_modelo_3 y fotograma 4 Big_modelo_4

Programar una Galería de Imágenes en Flash 07

Insertar una segunda capa, seleccionar el fotograma 1 de esta capa y en la barra de acciones escribir un stop();

Programar una Galería de Imágenes en Flash 08

Regresar a la escena, arrastrar desde la biblioteca el símbolo llamado galeria_modelos, y escribir como Nombre de instancia galeria. Hacer visible el panel de Transformar presionando ctrl. + T ó Ventana >> Paneles de diseño >> Transformar y con ayuda de esta herramienta sesgar verticalmente 180º.

Programar una Galería de Imágenes en Flash 09

Crear una segunda capa y en esta arrastrar desde la biblioteca los botones y a cada uno escribirle un nombre de instancia esto es:
Para el boton_1 el nombre de instancia es imag_1 y las coordenadas son X=10 Y=254
Para el boton_2 el nombre de instancia es imag_2 y las coordenadas son X=70 Y=254
Para el boton_3 el nombre de instancia es imag_3 y las coordenadas son X=130 Y=254
Para el boton_4 el nombre de instancia es imag_4 y las coordenadas son X=190 Y=254
La imagen solo muestra como fue arrastrado y nombrado el boton_1

Programar una Galería de Imágenes en Flash 10

Por ultimo crear una tercera capa nombrarla acciones seleccionar el fotograma de esta capa y en la barra de acciones escribir el siguiente código:

function go(frame:Number) {
galeria.gotoAndStop(frame);
};

imag_1.onPress=function() {
go(1);
};

imag_2.onPress=function() {
go(2);
};

imag_3.onPress=function() {
go(3);
};

imag_4.onPress=function() {
go(4);
};

Con esto queda concluido este sensacional tutorial. Espero que les haya sido de ayuda y sigan escribiendo sus comentarios acompañados de su e-mail para tener un contacto más directo.

P.D. Presionar ctrl. + entar para visualizar la prelícuala y no olvidar dar clic a cada una de las imágenes pequeñas. Hasta pronto.

Programar una Galería de Imágenes en Flash 11

Así queda:

Con esto damos por concluido el tutorial, para mayor información revisar los tutoriales que tratan sobre cursores. Hasta muy pronto

Descarga el Archivo Fla

Comentarios de Programar una Galería de Imágenes en Flash | Solo Photoshop

↑ Tutorial

lucianocasilda

2006-10-18 13:01

que buenas estan las minas!!! M
ximena rojas

2006-10-18 18:28

Hola, hice el tutorial cuatro veces y al final es lo mismo, no se cambian las imágenes. Agradezco si me pueden ayudar, no cree haberme equivicado.M
custommolino

2006-10-18 21:54

Tambien hice el tutorial y al final las imágenes no cambian, por favor revísenlo!.M
archi

2006-10-21 03:58

ami me salió a la primera el fallo que cometeis y seguro ke es ese es a la hora de programar function go(frame:Number) { galeria.gotoAndStop(frame); }; imag_1.onPress=function() { go(1); }; si vuestras imagenes no tienen el nombre de instancia como esas por ejemplo imag_1 y tienen de nombre pepiro_1 normal ke el flash no lo entienda revisar los nombres de instancia fantastico tutorial :) un saludo amigosM
llemito

2006-10-21 11:20

Esta muy bueno, apesar de que yo soy un principiante en esto de Flash. GraciasM
riccardo

2006-10-30 09:17

VIVA MEXICO CABRONES ESPAÑOLES PENDEJOS, ARRIBA JAVIER AGUIRRE Y EL ATLETICO DE MADRID Y RAFA MARQUEZ Y EL BARCELONAM
rorock

2006-10-30 12:55

No se si me equivoco pero no me funciona...M
meklas

2006-10-30 14:02

muy bueno el tutorial pero como lo puedo hacer con mas fotos???... ojala respondan iolanda... M
hamslet

2006-10-30 17:52

fantasticoM
fenrirsulven

2006-10-30 23:17

jajajaja excelenteeee!!!!M
luckytlv

2006-11-02 19:47

monse y malo no me vacila, alguien sabe uno mas complejo.... como los de: slide.com q cuandos e hace clik sobre una imagen se abre otra ventana con la imagen en jpg para guardarlo px M
avila

2006-11-04 10:19

muy buena propuesta...excelenteM
kristianP

2006-11-06 09:43

interesante para los que estamos aprendiendo... bueno.. siempre hay un "gil" ke agua la fiesta.. pero esta interesante el tuto.M
LunarWolf

2006-11-07 10:02

me parece muy buenos ejemplos y sobre todo para la comunidad de programadores de flash que esta naciendo en este campo si tienen algun ejemplo acerca de como puedo crear una base de datos en flash con su motor de busqueda y todo se los agradeceria GraciasM
josejaimemaravilla

2006-11-07 14:06

Yo queria ver el tutorial de la barra de imagenes pero siempre me manda aqui, AYUDAM
ame_flores

2006-11-07 14:44

hola ... oie le doy en rpogramar una galeria de imagenes en flash y me manda aki ... ke onda?M
AaronDark

2006-11-08 15:13

Seria bueno ke el webmaster revise x ke cuando entrana a el tutorial de la galeria flash no carga sino carga otro carga el tutorial BOTÓN ROLL OVER CON EFECTO CORTINA 2 EN FLASH webmaster revisa ?M
CHOFO

2006-11-09 13:31

GRACIAS JMX LA VERDAD ES QUE SOY UN PRINCIPIANTE PERO ME INTERESA SABER TODO LO QUE SE PUEDA DE FLASH, ME GUSTARIA SABER SI PODRIAS PUBLICAR ALGUN TUTORIAL DE COMO HACER PRESENTACIONES CON EFECTOS, YA QUE ES UNA DE LAS COSAS QUE ME GUSTARIA APREHENDER, DE ANTEMANO TE LO AGRADEZCO Y GRACIAS POR EL PRESENTE TUTORIAL M
paquo360

2006-11-13 10:25

Hace una de semana hicimos algunos cambios y por error modificamos este tutorial, por esa razón aparecía otro. Sin embargo ya hemos corregido. Disculpen las molestias.M
visual

2006-11-13 11:16

Excelente, este tutorial tiene potencial para ampliar y para multiples usosM
kentiass

2006-11-13 18:47

me gusto esta bien explicado , graciasM
edw4

2006-11-14 19:51

es un chongoM
edw4

2006-11-14 20:03

pucha que dificilM
asboullosa

2006-11-17 12:47

Me encantó! Muchas gracias!!M
CsarGt

2006-11-18 11:37

Que bien! Excelente! M
proxer

2006-11-21 15:25

quisera saber como hago para que el menu inferior se movible M
Sarimma

2006-11-22 08:53

Al segundo intento me salido divino. Gracias. Hecho en falta algún tutorial más sobre escritura.M
elelegido100

2006-11-22 10:32

buenisimo! haber si nos enseñas cosas nuevas. a mi me salio bien. atte el elegido de DiosM
anubis_jpm

2006-11-30 19:59

muy bueno, quisiera saber como se puede hacer sin el pulsor, pasar por arriba el maouse y que las fotos aparezcan solas.graciasss.M
colapela

2006-12-08 11:47

Lo hice 3 veces y no funciona, tomé en cuenta el tip de ARCHI y lo aplique paso a paso pero aún así no me funciona ???????? q' podrá ser?M
rosario.zamudio

2006-12-08 14:16

no sé si es porque tengo el flash mx o por qué, pero no me funcionó y me dice que hay un error de script... porfa, alguíen me puede decir? me gustaría hacerlo bien, está muy bueno y facil...M
frank182

2006-12-08 21:33

ke flash generalmente usan en estos tutoriales?M
laluenbaires

2006-12-21 13:08

muy bueno, me funcionó lo más bien, gracias!M
evil_spidey

2006-12-25 18:48

muy buen tutorial los pasos son muy clarosM
oxidan

2007-01-02 14:31

ME GUSTARUA SABER COMO SE HACEN LOS LINKS PARA CAMBIAR LA INFORMACION DENTRO DE LA MISMA WEBSITE... ES LO MISMO QUE AQUI???? SALUDOS DESDE PERU DANTE OXIDAN@YAHOO.COM SI ME QUIEREN RESPONDER PERSONALMENTEM
elyon

2007-01-02 21:18

chéverisimo!!! :) M
Pirinsho

2007-01-07 12:35

jaja nu me resulto xD :PM
quiterio

2007-01-12 00:05

no salio nada M
quiterio

2007-01-12 00:30

la verdad se ve muy bueno lo hice 5 veces pero no funciono quiterio@hotmail.comM
mime

2007-01-16 08:38

buenisimo para empezar!!! con esta base se pueden hacer muchas cosas copadas. Gracias!!!!!!M
laluenbaires

2007-01-24 13:46

Me encantó este tutorial y ya lo hice varias veces. El problema es que cuando lo intento hacer, pero agregando la precarga primero, no me funcionan los botones, ¿tenés idea de por qué es?M
magaro

2007-01-24 18:37

soy nueva en flash y no se mueven las fotos de abajo, me podrian indicar como se hace, segui paso a paso lo que es tutorial, pero no me anda. se pueden poner muchas fotos???? graciasM
danielbriceño

2007-01-27 11:38

no me sale....... y lo hice bienM
king_drako

2007-02-02 14:36

Muy Chido el Tutorial ya lo aplique para hacer parte de mi portafolio de trabajos con varias imagenes y funciona muy bien... Felicidades y gracias por el tutorial que es lo que buscabaM
len_0101

2007-02-09 15:43

segui todos los pasos, incluso iguale el nombre de las instancias para no tener "problemas"pero algo le falta al tutorial por que simplemente de la primer imagen no pasa das click en las demas imagenes y no pasa nada... algo le falta si alguien sabe escribame por favor mi correo len_0101@hotmail.com M
angie1

2007-02-20 00:24

ezta mui bueno pero no entendi bien =SM
rolo237

2007-03-01 14:14

oye lo pueden hacer con mas fotos que las fotos de abajo se deslicen graciasM
luisrampersadm

2007-03-10 18:04

El pana puso el tutorial y los archivos .fla lo que significa que lo pueden bajar. Yo recomendaria que revisaran el action scrip por que a mi me fallo tambien y era por que el action scrip no coincidia con el nombre de instancia que habia puesto posiblemente sea eso lo que tengan malo o comparen el que el pone en la pagina para descargar y el de uds a ver si coincide. A mi me funciona a las mil maravillas. Y si se puede hacer con mas fotos el solo pone como ejemplo 4 pero las pueden ampliar a 10 20 o 30 solo debes ampliar el action scrip y los botones para visualizar las fotos. Lo demas es para su imaginacion de como lo quieren y como lo desean realizar. Yo tambien soy nuevo y con estos tutoriales he aprendido mucho. Gracias por la informacion aqui suministrada y por los tutoriales que colocan a diarioM
jdcraig

2007-03-12 12:26

1era vez que abro el Flash y lo primero que hago en este programa es este tutorial!! ni conocia el programa y la verdad que me quedo muy lindo! Muchas gracias!! ahora a probar otras cosas.. Saludos!M
artjteo

2007-03-14 21:38

Definitivamente este tutorial me sirvio de patron para hacer unas galerias de 16 imagenes... simplemente Muchas Gracias... la verdad que estoy siendo fanatico de solophotoshop.com SaludoM
dominiouat

2007-03-28 13:15

bien... esta chido....jejeM
johacristancho

2007-04-18 13:07

Estuv chevre, pero sólo pude ver una fotoM
Jsi

2007-04-29 12:11

Caí como muchos... en Flash Mx 2004 no se ejecuta el ejemplo y además descargo el ejemplo galeria.fla y no lo puedo abrir. Existe alguna diferencia el hacer el ejemplo con Flash Mx 2004 ?M
fica

2007-05-16 02:30

te pasaste me salio al primer intento. GRACIAS TOTALES!!!!!M
jose ernesto

2007-05-18 17:49

oye ke paja! m gusto bastante ah! puxa ahora wa hacer uno pero con mis photos para mi hi5! gracias estimado amio! mi mail is: da_ocularis_infernum@hotmail.com pd: si algun day lees este komment, espero ke me kontestes ya! gracias!M
jimmy hugo

2007-05-19 10:55

la verdad que me aburrio por que no especifica donde crear el archivo de50*50 250*250 M
kampfer07

2007-05-19 23:29

ya aprendiiiiiiiiiiiiii tras intentar 5 veces x lo menosssM
kamikaze_sam

2007-05-22 12:58

Muy buen tutorial lo hice con 10 imagenes y trabajo estupendo!...M
Di_salazar

2007-05-22 16:17

esta muy bueno el tutorial, ya lo hice y si me resulto en la primera, para poder hacer el cambio de fotos, se puede hacer tambien en fireworks o en photoshopM
felinitap

2007-05-25 10:34

no me resulto :/ pero me gusta esos tipos de fotos kiero aprender hacer de exo como las pekeñas k stan abajo asi sin la grande bueno pero = buena tecnicaM
Aborigenes

2007-06-28 15:24

Muchas gracias!! Bueno aquí te cuento mis modificaciones. Puse en el fondo 1 fondo de web y mas fotos para las fotos lo que hay que hacer es: imag_5.onPress=function() { go(5); }; xdM
xanxurrita

2007-07-20 00:28

para mi utilidad de novata en este rubro.. uuuuuf..me salvo..! muchas..muchas gracias!! buen tutorial..!M
poohyssej

2007-10-17 13:32

podrian poner el archivo fla descargable en version flash mx version 6.0. GraciasM
agua78

2007-12-22 09:49

Hola JMX , me sirvio muchisimo este tutorial , ya que estoy haciendo mi web , aunque no se mucho de flash , con esots tutoriales he aprendido bastante, envio este comentario para saber si laguien de ustedes sabe como poner musica en flash que posea Play y Stop y que la musica sea continua durante todo la exploración de la web sin que esta se corte, me seria de mucha ayudaM
nancymtorres

2008-01-09 11:24

Excelente tutorial!!!Estoy aprendiendo flash y haciendo mi web, me estaba volviendo loca con la galería. Gracias, gracias, gracias!!! Toy saltando en 1 pata, jaja. Para los que dicen que no les sale, por favor que sigan los pasos uno por uno, a mi no me estaba saliendo, leí detenidamente, con paciencia y lo logré. Funciona de verdad. Saludos! :DM
danielituz

2008-05-15 19:09

Super buen tuto, gracias me salvaron la vida, saludos desde Peru!!! ;)M
J_GOMEZ@ucol.mx

2008-05-28 11:08

estuvo cabron pero ya lo resolvi bnM
coloskater

2008-10-06 14:09

KE TAL, NO SE KE ERROR ESTOY COMETIENDO YA KE PRUEBO LA PELICULA Y LAS IMAGENES COMIENZAN A REPRODUCIRSE SIN PARAR !!!, DESCARGUE EL ARCHIVO DE UDS Y SE EJECUTA BIEN, LO COMPARO CON EL MIO Y APARENTEMENTE TODO ESTA IGUAL, TENGO FLASH CS3, EL ERROR ES EL SGTE "Escena1,Capa'Capa3',Fotograma1,Linea 5 1119: Acceso a una propiedad onPress posiblemente no definida mediante una referencia con tipo estático flash.display:SimpleButton. imag_1.onPress=function() { Espero me puedan responder pronto, gracias.M
JulioAcme

2009-07-13 22:28

Nunca me funkó... Snif!... Lo intenté hartas cuantas veces y nada. El flash se vé pero las imágenes no cambian. Más encima el ultimo mensaje lo hicieron desde Octubre del año pasado... Dificil que alguien ayude. Si alguien cacho el mal paso que lo tire por acáaaaa... Se agradece ^^M
JulioAcme

2009-07-13 23:40

Pfff.... crei que la tercera era la vencida y ya voy en la sexta. Me rindo. Creo tener todo en orden y sigue sin funkar. Help Me, please!!!M
germanja

2009-07-25 01:21

Hola... Interesante y de mucha ayuda el tutorial, lástima que ya no se pueda bajar el fla para analizarlo. Mil graciasM