Tutorial Adobe Flash CS3 Programación De Fotogalería. En esta ocasión tengo un sensacional tutorial que te ayudara a programar una galería con dos imágenes, sin embargo, puedes colocar cualquier cantidad de imágenes según sean tus necesidades. Basta con solo crear un símbolo de tipo Botón, y crear dos símbolos de tipo Clip de película (para este tutorial que quede aclarado), se pueden crear tantos símbolos de tipo Clip de película si se quieres insertar más de dos imágenes como en este caso. Este tutorial también te menciona como Importar imágenes al Panel De Biblioteca las cuales serán usadas posterior mente, es necesario tener dos imágenes iguales una pequeña 220 px * 160 px y una grande 220 px * 320 px. El ejemplo de archivo SWF que aquí se muestra tiene algunas variantes espero que sean de tu agrado las modificaciones que realice a este tutorial. Sin más preámbulos ¿COMENZAMOS? Good luck!
1)-. El primer paso a seguir es crear las propiedades del documento (ctrl. + J) sobre el cual se va a trabajar.
a)-. En este caso las dimensiones del documento son 440 * 320 píxeles de ancho y de alto respectivamente.
b)-. El color de fondo que se va a usar en este caso es #FFFFFF.
c)-. La velocidad de fotogramas que sugiero usar es de 12 fps.
2)-. Muy importante que antes de comenzar propiamente con el tutorial es necesario que tengas la imágenes ya editadas (yo use Photoshop CS3 para crear las imágenes). Como las imágenes no se van a usar en el momento si no cada una a su debido tiempo no vale la pena usar el comando (ctrl. + R) Importar a escenario.
a)-. Para importar una imagen al Panel de Biblioteca seguir la siguiente ruta Archivo>>Importar >>Importar a biblioteca tal y como se muestra en la imagen.
3)-. Navegar por medio de las carpetas hasta llegar en donde se encuentran las imágenes creadas con anterioridad.
a)-. Deben de haber dos imágenes iguales pero de distinto tamaño una que tenga dimensiones 220 px * 320 px y una más pequeña 220 px * 160 px.
b)-. Seleccionar todas las imágenes y posteriormente aceptar la acción.
4)-. Crear el primero de los símbolos (ctrl. + F8), colocarle el nombre de imag 01.
a)-. Seleccionar la opción de Tipo Clip de película.
5)-. Una vez que estés ubicado en el símbolo, abrir el Panel de Biblioteca (ctrl. +L).
a)-. En este símbolo insertar la imagen de menor tamaño (220 * 160 píxeles).
b)-. Colocar la imagen en coordenadas X: 0.0 Y: 0.0.
6)-. Crear el segundo de los símbolos (ctrl. + F8), colocarle el nombre de imag 02.
a)-. Seleccionar la opción de Tipo Clip de película.
7)-. En este símbolo insertar la segunda imagen de menor tamaño (220 * 160 píxeles).
b)-. Colocar la imagen en coordenadas X: 0.0 Y: 0.0.
8)-. En este paso solo tienes que crear un símbolo (ctrl. + F8), colocarle en nombre de botón invisible.
a)-. Seleccionar la opción de Tipo Botón.
9)-. En este símbolo de tipo Botón, tiene la propiedad de insertar una forma vectorial pero que esta no sea vista o que no se le tenga que reducir el color alfa (no insertar la forma vectorial en los frames de Reposo, Sobre o Presionado).
a)-. Seleccionar el frame que corresponde (Zona activa), en este frame insertar un fotograma clave vacío (F7).
b)-. Hacer uso de la herramienta rectángulo (R), dibujar esta forma vectorial con dimensiones de 220 * 160 píxeles de ancho y alto.
c)-. Colocar el rectángulo dibujado en coordenadas X: 0.0 Y: 0.0.
10)-. Regresar a la Escena, como en este trabajo se van a usar varias capas, hay que colocarle a cada una de las capa un nombre especifico, con el fin de saber endone quedan insertados cada uno de los símbolos.
a)-. Nombrar a la primera capa imag 01, hacer visible el panel de Biblioteca (ctrl. + L).
b)-. Arrastrar desde la biblioteca el símbolo (Clip de película) imag 01.
c)-. Escribir el espacio (Nombre de instancia) imag1, colocar este símbolo en coordenadas X: 0.0 Y: 0.0.
11)-. Insertar una segundas capa y sustituir el nombre a imag 02, desde el panel de biblioteca arrastrar el símbolo imag 02.
a)-. A este Clip de película colocarle el nombre de imag2.
b)-. Colocar este segundo símbolo en coordenadas X: 0.0 Y: 160.0.
Visualizar Archivo SWF De Este Tutorial
Búsquedas:
- simbolos en flash 8
- fotogaleria en flash
- simbolo de flash
- programacion en flash
- galeria actionscript 2
- galeria de imagenes en flash as2
- cs3 programar
- programacion en flash cs3
- galeria en flash as2
- clip de pelicula flash cs3
Artículos relacionados:
- Programación De Fotogalería Con Flash CS3 ActionScript 2.0 (2da parte)
- Programación de Efecto Zoom con Botones De Desplazamiento (Segunda Parte)
- Programación de Efecto Zoom con Botones De Desplazamiento (Tercera Parte)
- Animación Pulso de Corazón con Flash CS4 ActionScript 3.0
es interesante y facil de entender tu informacion.
tengo una pregunta ¿como puedo hacer que la imagen swf este dentro de un margen? para flsh cs3 professional
Al crear las imagenes en photoshop en que tipo de archivo se guardan?
Gracias por el tutorial.
hermano et ganaste un 100 con este tema