Efecto para banners en flash y as2

Hoy vamos a aprender a hacer un interesante efecto que puede ser utilizado en banners o en lo que se les ocurra.

Sobra decir que toca abrir el flash, pero he encontrado gente que nada le parece obvio, así que “por favor ejecute su flash versión 8 en adelante”.
Ahora le decimos “archivo de flash (AS2)” .
Este tutorial lo voy a hacer con cs4, pero como vengo usando el flash en versiones anteriores la verdad no me acostumbro a tenerlo con la nueva interfaz, así que voy a ventana > espacio de trabajo> clásico.
Configuramos el tamaño que queremos, en este caso 230px X 173px:

Importamos una imagen de fondo ctrl+R, presionamos ctrl+k para que nos salga el panel de alineación y le decimos que nos alinee con respecto a la escena tanto vertical como horizontal.:

Creamos una nueva capa:

Ahora hacemos un cuadro del color que queramos y lo convertimos a clip de película con la tecla F8:

Ahora entramos en el clip dándole doble click al cuadro. Señalamos nuevamente el cuadro y lo convertimos nuevamente en clip de película (F8) para poder animar por movimiento.
Vamos al fotograma número 20 y presionamos F6 para poner un fotograma clave. Luego nos situamos entre los dos fotogramas (1 y 20) y presionamos el click derecho y le ponemos crear interpolación clásica. (Si no convertimos el objeto a click de película el programa nos crea automáticamente el clip, pero cuando tenemos un proyecto grande vamos a tener problemas por utilizar esos nombres genéricos que crea el programa, como animar1, animar2 etc.)

Nos paramos en el primer fotograma y le damos click al cuadro para que nos salgan las opciones de estilo, y le ponemos un alpha al 100%:

Luego vamos al último fotograma y hacemos lo mismo, opciones de estilo>alpha, pero esta vez le ponemos 0%.

Si publicamos (Ctrl+enter) vamos a ver un cuadro titilando, así que cerramos y continuamos con el código.
Vamos a pararnos en el primer fotograma y vamos a presionar F9, dejamos presionado la tecla “Esc” y presionamos seguidamente la letra “S” y luego la letra “T” esto con el objetivo de hacer un stop “stop();”, seguidamente vamos a escribir esto:

onRollOver = function(){
gotoAndPlay (2)
}

Bien ahora salimos del clip dándole click a escena 1:

Ya afuera vamos a mantener la tecla “alt” mientras arrastramos nuestro cuadro (para mantener una misma trayectoria en esta copia de instancia dejamos presionada la tecla “shift” luego de arrastar y no soltar). De esta forma vamos a arrastrar y soltar tantas veces sea necesario para cubrir de manera homogénea toda la imagen:
(para señalar varios clips de manera independiente deja presionado el botón “shift” mientras das click en los clips)


Cuando tengamos tapada toda nuestra imagen le damos publicar (ctrl+enter) y vemos k al pasar el mouse por las partes de nuestra película se nos va a descubrir la imagen y nos va a dar un efecto interesante.

Final:

Como siempre espero que te haya gustado y si puedes enlázame el blog ;)
Es importante que pruebes con distintos tamaños, colores y animaciones para que le saques provecho a este humilde tuto.

Hasta pronto.

Como insertar un loop en una película flash

Hola, hoy les traigo algo supremamente útil para nuestras películas flash.
Para insertar un loop (trozo de una canción que se repite constantemente), lo primero que tenemos que haces es tener nuestro trozo de canción. Por mi parte lo descargaré de http://www.flashkit.com/ en formato .wav .
Cuando lo tengamos, abrimos nuestro flash y presionamos CRL + “R” , seleccionamos nuestro .wav y le damos abrir.

Luego nos paramos en el primer fotograma y veras que en la parte inferior aparecen unas opciones:

Vamos a seleccionar el nombre de nuestro wav, y donde dice sinc lo cambiamos por evento. Tambien cambiamos “repetir” por “repetir indefinidamente”. Publicamos y ya tenemos nuestro loop.

De la misma forma se usa la inserción de sonidos. Si cambian Sinc por flujo el sonido se reproducirá conforme esté en la línea del tiempo.
Espero les haya sido útil.

Como hacer operaciones básicas en flash as2 Tipo Excel

Hace poco hemos tenido que desarrollar una aplicación online que nos permitiera usar las operaciones básicas como sumar, multiplicar, dividir etc. Por tales circustancias he decidido sacar este tutorial para mostrarles como se hace una calculadora en flash cs3 usando as2 tipo Excel:

Lo primero que hacemos es hacer nuestra interface:
En este caso he hecho un cuadrado con puntas redondiadas dándole click a la herramienta rectángulo o presionando la letra “r”. En las propiedades he puesto redondiar las puntas con el numero 10 para todas las esquinas.



Ahora convierto a MC (Movie Clip) presionando f8, le doy un nombre y presiono enter.
Damos doble click para entrar a nuestro MC e insertamos una nueva capa, y hacemos el fondo de los campos que vamos a usar:



Hacemos una nueva capa, presionamos la letra T y en las propiedades ponemos introducción de texto:


Luego hacemos tan grande como queramos nuestra inserción de texto. Luego hacemos 2 más arrastrando nuestro elemento (¨introducción de texto¨) mientras presionamos alt, sin embargo al tercer “introducción de texto” lo voy a cambiar a “texto dinámico”:


Ahora nos paramos en cada uno de nuestro texto introductorio x decirlo así y le ponemos un nombre de instancia. El primero le voy a poner Valor1, al segundo Valor 2 y al 3ro le voy a poner Total:


Hacemos una nueva capa, nos le hacemos click al frame y presionamos f9 para escribir el código que va permitir hacer la operación que necesitemos:



El código básicamente dice que cuando se llene un espacio suceda algo, en este caso: dice que si valor 1 está vacio el valor correspondiente es una variable que equivale a 0, pero si está lleno el valor será una variable numérica:
///////////

Valor1.onChanged = function():Void{
if(Valor1.text!="")
var num1 = new Number(Valor1.text);
else
var num1 = new Number(0);
if(Valor2.text!="")
var num2 = new Number(Valor2.text);
else
var num2 = new Number(0);

Total.text = num1+num2
}


Valor2.onChanged = function():Void{
if(Valor2.text!="")
var num2 = new Number(Valor2.text);
else
var num2 = new Number(0);
if(Valor1.text!="")
var num1 = new Number(Valor1.text);
else
var num1 = new Number(0);

Total.text = num1+num2
}

/////////////



Sabiendo esto podremos hacer diferentes operaciones distintas a la suma usando signos distintos:

num1*num2 Multiplicar
num1-num2 Restar
num1/num2 Dividir
num1*num2 /100 Porcentaje