Diseñar y Programar Galería En Adobe Flash Sexta Parte

por en Animación, Descargas FLA, Tutoriales
7 de July de 2010 15:58 pm

2

Sexta parte diseñar un fondo para la galería

Como se menciono al principio de la explicación la película swf cuando esta sea publicada aparecerá como color de fondo #FFFFFF, ya que tardara algunos segundos antes de que sea visualizada la galería. Sin embargo, se colocara una imagen como fondo el cual cubrirá el color #FFFFFF, con esto también se pretende dar un diseño vanguardista al trabajo.

    1. Crear el último de los símbolos (ctrl. + F8), en el cual estará incluido el fondo de la película.
    2. Nombrarlo imagen de fondo.
    3. Seleccionar en la opción Tipo la categoría de Clip de película.

  1. Ubicado en el símbolo cambiar el nombre de la capa por el de imagen bg.
    1. Importar (ctrl. + R) la imagen que estará presente cono fondo.
    2. La imagen a importar deberá tener como dimensiones 600.0 * 400.0 píxeles de ancho y alto.
    3. Navegar hasta la carpeta que contenga dicha imagen, revisar los pasos 30, 31, 32 y 33.
    4. Una vez importada la imagen colocarla en coordenadas X = 0.0 y Y = 0.0.

  1. Insertar una capa más y cambiar el nombre de la capa por el de filtro.
    1. La imagen que se importo pose demasiado brillo y como no se editarla con Adobe Photoshop.
    2. Dibujar un rectángulo en la capa filtro, modificando un poco las propiedades del color de relleno se lograra reducir el brillo de la imagen.
    3. El rectángulo tendrá como propiedades Color de trazo (color de borde) #000000.
    4. Altura de trazo (grosor de borde) 6.
    5. Estilo de trazo Sólido.
    6. Seleccionar como color de relleno #000000, pero en la opción del Alfa reducirá a 50%.
    7. Las dimensiones del rectángulo son 600.0 * 400.0 píxeles. Con estas dimensiones será cubierta en su totalidad la imagen importada.
    8. Colocar el rectángulo en coordenadas X = 0.0 y Y = 0.0.

  1. Insertar una capa más y nombrarla marco. En esta capa es en donde aparecerán las imágenes de la galería.
    1. Dibujar un rectángulo sin borde y usar como color de relleno #000000.
    2. Las dimensiones del rectángulo son 495.0 * 308.0 píxeles de ancho y alto respectivamente.
    3. Colocar el rectángulo en coordenadas X = 52.5 y Y = 21.0.

  1. Para concluir con el trabajo de la galería es necesario arrastrar la totalidad de los símbolos creados en la biblioteca hacia la Escena.
    1. Regresar hacia la Escena e insertar una segunda capa luego sustituir el nombre de estas por el de bg.
    2. La capa estará situada por debajo de la capa de botones de desplazamiento.
    3. Arrastrar desde la biblioteca (Ctrl. + L) el símbolo imagen de fondo.
    4. Colocar el símbolo en coordenadas X = 0.0 y Y = 0.0.

  1. Insertar una tercera capa y cambiar el nombre por el de galería. En esta capa estará propiamente la galería.
    1. Arrastrar desde la biblioteca (Ctrl. + L) el símbolo en donde están situadas todas las imágenes animadas, o sea el símbolo imágenes animadas.
    2. Escribir en la casilla de Nombre instancia imagenes, la imagen describe esta acción.
    3. Colocar este símbolo en coordenadas X = 75.0 y Y = 35.0.

Solamente faltan un paso más para concluir con este trabajo de  la galería flash, aquí un ejemplo de cómo quedara la galería.

Visualizar Archivo SWF De Este Tutorial

Diseñar y Programar Galería En Adobe Flash Primera Parte

Parte 1 Programación De Botones

Importar Imágenes JPEG Tercera Parte

Animación de Imágenes (Color Alfa) Cuarta parte

Elaboración de la galería Quinta parte

Colocar Código ActionScript en la Escena Séptima parte

Búsquedas:

Artículos relacionados:





«
»

Tags: , ,

Esta anotación del día 7 de July de 2010 a las 3:58 pm, fue almacenada en Animación, Descargas FLA, Tutoriales. Puede seguir las respuestas en este feed RSS 2.0. Si gustas puedes dejar un comentario, o crear un trackback desde tu sitio.

2 comentarios para “Diseñar y Programar Galería En Adobe Flash Sexta Parte”

Dejar un comentario

Página 1 de 11