Programación De Fotogalería Con Flash CS3 ActionScript 2.0 (2da parte)

6

12)-. Insertar otra capa y a esta colocarle el nombre de botones.

a)-. Arrastrar desde el panel de biblioteca el símbolo botón invisible. Este botón tiene un aspecto de color azul cuando es insertado en la Escena.

b)-. Colocar este símbolo en coordenadas X: 0.0 Y: 0.0.

13)-. Seleccionar el símbolo insertado (no fotograma), abrir el panel Acciones – botón.

a)-. Escribir el siguiente código ActionScript.

on (rollOver) {

_root.mouse_over_imag1 = true;

}

on (rollOut) {

_root.mouse_over_imag1 = fstartlse;

}

on (press) {

gotoAndStop(2);

}

14)-. Sobre la misma capa botones, insertar una vez más el símbolo botón invisible.

a)-. Este nuevo botón colocarlo en coordenadas X: 0.0 Y: 160.0.

15)-. Seleccionar el botón insertado, abrir el panel de Acciones- botón.

a)-. Escribir el siguiente código ActionScript.

on (rollOver) {

_root.mouse_over_imag2 = true;

}

on (rollOut) {

_root.mouse_over_imag2 = fstartlse;

}

on (press){

gotoAndStop(3)

}

16)-. No te desesperes jaja, estas apunto de concluir con este sensacional tutorial. Insertar una capa nueva y colocarle como nombre imags full.

a)-. Seleccionar el fotograma que es insertado en esta capa, abrir el panel de Acciones- fotograma. Aquí escribir un línea de código ActionScript.

stop();

17)-. Si te mantienes ubicado en el frame # 1, solo tienes que presionar (F7) para insertar un fotograma cave vacío y al mismo tiempo en las capas anteriores se insertan  de forma automática fotogramas, así te ahorraras unos cuantos pasos.

18)-. Arrastrar desde el panel de biblioteca la imagen pic_01 de dimensiones 220.0 * 320.0 píxeles (recuerda que son dos imágenes iguales una pequeña y la otra de mayor tamaño). En este caso yo nombre a una de la s series de imágenes pic_01 tamaño grande, pic_1 tamaño menor, a la segunda serie de imágenes pic_02 tamaño grande, pic_2 tamaño menor.

a)-. Colocar la imagen en coordenadas X: 0.0 Y: 220.0.

19)-. Insertar un nuevo fotograma clave vacío (F7), en este fotograma colocar la segunda de las imágenes de tamaño grande pic_02.

a)-. Colocar estas segunda imagen en coordenadas X: 0.0 Y: 220.0.

20)-. Insertar la ultima de las capas colocarle como nombre a esta capa código.

a)-. Seleccionar el fotograma que es insertado en esta capa, abrir el panel de Acciones- fotograma. Aquí escribir el siguiente código ActionScript.

_root.imag1.onEnterFrame = function() {

if (mouse_over_imag1) {

_root.imag1.nextFrame();

} else {

_root.imag1.prevFrame();

}

};

_root.imag2.onEnterFrame = function() {

if (mouse_over_imag2) {

_root.imag2.nextFrame();

} else {

_root.imag2.prevFrame();

}

};

Con este paso se puede dar por concluido el tutorial puedes visualizar tu película ctrl. + enter, sin embargo, le e agregado una capa más y en esta capa inserte un rectángulo con el fin de rellenar un espacio que se miraba muy solo jaja.

21)-. Recuerda que esto es solo una sugerencia, insertar una sexta capa, seleccionar la herramienta de rectángulo (R).

a)-. Colocar como color de borde #000000 y tamaño de borde 2 tal y como se muestra en la imagen.

b)-. Usar como color de relleno #FF00FF reducido el color alfa al 10 %.

c)-. Las dimensiones del rectángulo son 220.0 * 320.0 pixeles de ancho y alto.

d)-. Colocar esta forma vectorial en coordenadas X: 220.0 Y: 0.0.

e)-. En lo particular me gusta hacer bordes redondeados en esta ocasión coloque un borde redondo de 10.

22)-. Como te puedes dar cuenta se agregan 3 fotogramas en automático, solo vasta con seleccionar el fotograma #2 y #3 presionar la secuencia de teclas shift + F5, de esta forma estarás eliminando los fotogramas que están de más.

23)-. En la siguiente imagen se visualiza como es que debe de quedar la línea de tiempo.

Ahora si queda concluido el tutorial. Well done!

P.D. presionar ctrl. + Enter y ver como es que queda la película con esta pequeña modificación. Espero que no tengas muchas complicaciones con los nombre s de las imágenes y si tienes alguna duda no dudes en hacérmelo saber através de tus comentarios. Hasta pronto nos vemos en el próximo tutorial :)

Primera Parte Del Tutorial

Descarga Archivo FLA De Este Tutorial

Visualizar Archivo SWF De Este Tutorial

Artículos relacionados:

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

6 comentarios para “Programación De Fotogalería Con Flash CS3 ActionScript 2.0 (2da parte)”

  1. derekpm says:

    Rather interesting. Has few times re-read for this purpose to remember. Thanks for interesting article. Waiting for trackback

  2. useful information. It’s the best

  3. novataenflash says:

    tengo problemilla, en 15)-. Seleccionar el botón insertado, abrir el panel de Acciones- botón…
    dice “No se pueden aplicar acciones a esta selección..
    y he intentado seleccionarlo una y otra vez.. soy un pato.
    Gracias.

  4. elenanovata says:

    En el 15)-. Seleccionar el botón insertado, abrir el panel de Acciones- botón. a)-. Escribir …
    pone que no se pueden aplicar acciones a esa selección, y he intentado varias cosas.
    lo siento, está muy bien esplicado, soy un pato. ¿por qué pasa?
    Gracias.

  5. Maggie says:

    Hola muy buen tuto, pero que creés? quise hacer lo mismo pero con 8 fotos y copié el código que diste y sólo cambié la información y no me salió :( sólo manda la primer foto. Cómo le puedo hacer para que me aparezcan las demás??? Gracias.

  6. leopoldo hernandez says:

    si es cierto, el comentario de elenanovata ya que en la version cs3 a los botones no nos deja agregar codigo y a mi tambien me gustaria saber como agregar codigo a los botones

Dejar un comentario

Página 1 de 0