Hola amiga (o) Cybernético, listo para comenzar una nueva aventura por el sensacional mundo Flash 8. En esta ocasión tengo un tutorial el cual esta enfocado a controlar el color alfa de una imagen, el control del alfa se manejara por medio de dos botones. Con el fin de no diseñar botones para el control, estos se insertaran de la biblioteca de botones prediseñados de Flash 8. Sin más que comentar, good luck!! ¿Comenzamos?.
1-. Hacer un documento (ctrl. + J) de dimensiones 190 * 220 píxeles de ancho y alto respectivamente.
a)-. Utilizar como color de fondo #FFFFCC.
b)-. Colocar como velocidad de fotogramas 12 fps.
2-. Crear el único símbolo (ctrl. + F8) de que consta la película.
a)-. Nombrarlo imagen.
b)-. Dar como Tipo Clip de película.
3-. Ubicado en el clip de película importar (ctrl. + R) o dibujarla como fue en este caso.
a)-. Las dimensiones de la imagen son 170.0 * 178.9 píxeles de ancho y alto respectivamente.
b)-. Colocar la forma en coordenadas en X = 0.0 y Y = 0.0.
4-. Regresar a la Escena y dibujar un rectángulo.
a)-. Color de trazo “borde” #000000 y sin relleno, la altura de trazo “borde” 2.
b)-. Dimensiones 170.0 * 178.9 píxeles.
c)-. Colocar la forma en coordenadas en X = 10.0 y Y = 10.0.
5-. Arrastrar desde la biblioteca el símbolo imagen.
a)-. Colocar como Nombre de instancia foto.
b)-. Colocar el símbolo en coordenadas en X = 10.0 y Y = 10.0.
6-. Proceder a insertar el botón prediseñado de la biblioteca botones.
a)-. Primero hacer visible el panel de Botones.
b)-. Observar la imagen para seguir la ruta para tal propósito esto es Ventana >> Bibliotecas comunes >> Botones.
7-. Abrir la carpeta buttons bubble2.
a)-. Seleccionar el diseño bubble 2 red.
b)-. Colocarlo en la Escena
8-. Hacer visible el panel Alinear & Información & Transformar (ctrl. + T).
a)-. Seleccionar la casilla Transformar y después la casilla Restringir.
b)-. El alguna de las casillas escribir 50.0 %. Con esta acción se hará más pequeño el botón.
c)-. Colocar el botón reducido en coordenadas en X = 21.0 y Y = 185.9
9-. Abrir el botón haciendo doble clic.
a)-. Seleccionar la capa text.
b)-. Una vez seleccionada la capa simplemente suprimirla.
10-. Regresar a la Escena y seleccionar el símbolo no el fotograma.
a)-. Abrir el panel de Acciones – botón y escribir el siguiente código action script.
on (press) {
if (foto._alpha == 100) {
} else {
foto._alpha = foto._alpha+5;
}
}
11-. Duplicar el símbolo (ctrl. + D).
a)-. Colocarlo en coordenadas en X = 137.0 y Y = 190.0.
b)-. Seleccionar el símbolo no el fotograma e insertar el siguiente código action script.
on (press) {
if (foto._alpha == 0) {
} else {
foto._alpha = foto._alpha-5;
}
}
12-. Por último agregar dos campos de texto estático.
a)-. En el botón de la izquierda colocar un símbolo (+).
b)-. En el botón de la derecha colocar un símbolo (-)
Y con esta acción se da por concluido el súper tutorial well done!!
P.D. Presionar ctrl. + Enter para visualizar el resultado del trabajo. Las sugerencias y comentarios aquí si son leídos con mucha atención. Sigue apoyando este espacio que es solamente para ti. Hasta muy pronto.
Visualizar archivo swf de este tutorial
Descarga el archivo fla de este tutorial
No hay artículos relacionados.
BUENO