Tutoriales en la web

Chat Swishmax segunda parte

Posteado el 16. Aug, 2010 por tuto in Swishmax

PASO 1
Por encima de todo vamos a crear la cajita del login la cual pedirá el nombre de usuario para ingresar al chat, yo cree una muy sencilla como se ve en la imagen.

Tutorial chat Swishmax

PASO 2
Con la herramienta Text Tool vamos a crear una caja de texto en la parte donde vamos a escribir nuestro texto.

Tutorial chat Swishmax

PASO 3
Vamos a la ventana Properties y le colocamos los valores que se ven en la imagen.

Tutorial chat Swishmax

PASO 4
En la ventana Outline seleccionamos los elementos del botón y los agrupamos en un Botón como se ve en la imagen.

Tutorial chat Swishmax

PASO 5
Nuevamente la ventana Outline seleccionamos los elementos que forman nuestra ventana de login y los agrupamos en un Movie Clip como se ve en la imagen.

Tutorial chat Swishmax

PASO 6
En la ventana Properties le colocamos el nombre de login a nuestro movie clip esto es muy importante por que luego nos servirá para colocar la acción.

Tutorial chat Swishmax

PASO 7
Ahora con la herramienta Rectangle Tool vamos a crear un rectángulo que cubra todo nuestro documento; con un color de relleno negro y una opacidad de 50% y lo movemos por debajo del Movie Clip login.

Tutorial chat Swishmax

PASO 8
Vamos a la ventana Outline y seleccionamos el rectángulo y el Movie Clip login y los agrupamos en un nuevo Movie Clip como se ve en la imagen.

Tutorial chat Swishmax

PASO 9
En la ventana Properties le colocamos el nombre de log al nuevo Movie Clip.

Tutorial chat Swishmax

PASO 10
Desplegamos nuestro movie clip y en la ventana Outline seleccionamos el movie clip y el rectángulo y ahora vamos a la ventana Timeline y en frame 1 le colocamos un Place como se ve en la imagen.

Tutorial chat Swishmax

PASO 11
En el frame 2 les colocamos un remove como se ve en la imagen.

Tutorial chat Swishmax

PASO 12
Ahora vamos Insertar un Movie clip nuevo vamos al menú Insert – Movie Clip o hacemos click en el botón Insert Movie Clip que se encuentra en la barra de herramientas.