Tutoriales en la Web

CHAT EN SWISHMAX 1ra. PARTE

Posteado el 16. Aug, 2010 por tuto in Swishmax

PASO 1
Creamos un nuevo documento de Swishmax en Blanco (Blanck Movie).

Tutorial chat Swishmax

PASO 2
Vamos a ir a la ventana Properties – Boton Movie Properties y aplicamos los valores que se ven en la imagen.

Tutorial chat Swishmax

PASO 3
En Adobe Photoshop prepare la imagen que servirá de fondo para mi chat y la arrastre a mi documento de Swishmax.

Tutorial chat Swishmax

PASO 4
Con la herramienta de texto vamos a crear una caja de texto, la cual nos mostrará los comentarios de los usuarios que estén conectados, dentro de ella coloque la frase cargando datos…

Tutorial chat Swishmax

PASO 5
Ahora vamos a la ventana Properties y aplicamos los valores que se ven en la imagen.

Tutorial chat Swishmax

PASO 6
De igual forma creamos una caja de texto para la parte donde escribiremos el mensaje y en la ventana Properties aplicamos los valores que se ven en la imagen.

Tutorial chat Swishmax

PASO 7
En la esquina inferior derecha dentro del espacio donde se visualizaran los textos vamos a crear dos formas como las que se ven en la imagen.

Tutorial chat Swishmax

PASO 8
Vamos a convertir cada forma en un botón como se ve en la imagen.

Tutorial chat Swishmax

PASO 9
Seleccionamos los dos botones; ahora vamos a agruparlos en un Movie click , damos click derecho sobre ellos y vamos a Grouping – Group as Movie Clip.

Tutorial chat Swishmax

PASO 10
En la ventana Properties al movie clip le colocamos el nombre de Scholl_mensaje.

Tutorial chat Swishmax

PASO 11
Seleccionamos el movie clip del Scholl y con el comando Ctrl + C para copiar y Ctrl + V para pegar duplicamos el movie clip.

Tutorial chat Swishmax

PASO 12
Ahora en la parte inferior derecha en donde escribiremos nuestro mensaje vamos a dibujar, con la ayuda de la herramienta AutoShape Tool; un botón de enviar como se ve en la imagen.

Tutorial chat Swishmax

PASO 13
Seleccionamos los elementos que forman nuestro botón y hacemos click derecho sobre ellos y vamos a la opción Grouping – Group as Buttom.

Tutorial chat Swishmax

PASO 14
En este paso deberemos tener más o menos lo que se puede ver en la imagen, ustedes pueden variar la forma de los botones, y de los Scholl como más les guste.

Tutorial chat Swishmax

Descarga el editable de Tutorial Chat Swismax primera parte

Articulos relacionados:

Tags: chat, Swishmax