| Ver tema anterior :: Ver siguiente tema |
| Autor |
Mensaje |
AkOrS
Yo soy el foro
Registrado: 27 Dic 2005
Mensajes: 909
Ubicación: En el fin del mundo (CHILE)
|
 Publicado: Mie Dic 13, 2006 12:03 am Título del mensaje: [TUTORIAL]Como hacer el efecto alpha mediante ActionScript |
 |
|
Antes, de partir con este tutorial quiziera darles la bienvenida a este foro espero puedan aprender mucho y también dar sus aportes, para que entre todos podamos apoyarnos y ser webmaster completos en que no solo sabemos ocupar photoshop sino también flash, ya que es una herramienta muy solicitada en el mercado.
Para no seguir dando la lata partamos con este sencillo tutorial.
Este efecto flah que será realizado mediante ActionScript, es bastante sencillo pero nos agrega ayuda a mostrar imágenes de manera mas suave y agradables a la vista que puede visitar nuestra página web.
1.- Partiremos importando una imagen a la Biblioteca de nuestro archivo .fla entonces escogemos "nuevo documento de Flash" y apretamos Archivo->Importar->Importar a Biblioteca
2.- Escgemos nuestra imagen y se importa a la biblioteca nuestra fotografía. Para ver la biblioteca simplemente apretamos la combinación
Ctrl+L
3.- Arrastramos nuestra imagen hacia el escenario y con la imagen seleccionada apretamos el boton F8. El cual nos desplegará la siguiente ventana.
En la cual el nombre será imagen_mc, el Tipo será clip de película y por ahora no se preocupen por la opción registro.
4.- Luego de lo cual si se fijan en la biblioteca se creará otro archivo el cual contiene la imagen y se hará la animación. Es muy importante que si borran la imagen que exportaron el archivo de la animación no funcionará.
5.- Despues seleccionamos la película en la nuestra área de trabajo y apretamos F9 para que se habra el panel de acciones.
6.- En el escribimos el siguiente script
| Código: |
onClipEvent (load) {
this._alpha = 20;
alpha = new Array(_alpha, _alpha+80);
a = 0;
}
onClipEvent (enterFrame) {
_alpha += (alpha[a]-_alpha)/3;
}
on (rollOver) {
this.a = 1;
}
on (rollOut) {
this.a = 0;
} |
7.- onClipEvent (load) Cada vez que cargue el Clip se va a cargar con unos datos. El que nosotros decidamos.
this._alpha = 20; Le decimos que el _alpha de esta pelicula sea solo del 20%.
alpha = new Array(_alpha, _alpha+80); Creamos una cadena con nombre alpha y en el colocamos solo 2 posibilidades de _alpha, el del principio de 20% o el de 100% al sumarle 80%.
a = 0 Esta es la variable que se movera por la cadena.
onClipEvent (enterFrame) Con esto le decimos que se este ejecutando en todo momento todo lo que le coloquemos dentro de las llaves.
_alpha += (alpha[a]-_alpha)/3; Esta es una formula por la que hacemos que segun la posicion de a cambie el % de _alpha dando una impresión como si fuera un efecto fade. El /3 es la velocidad con la que queramos que se vea el efecto, se puede modificar a gusto.
on (rollOver) Le decimos que cada vez que pase el mouse por la imagen haga lo que le puse en las llaves.
on (rollOut) Le decimos que cada vez que saque el mouse de la imagen haga lo que le puse en las llaves.
Y eso seria todo, para ver el resultado como nos deberia quedar seria algo como esto.
Efecto Alpha
También, les aconsejaría modificar el % de _alpha para que vean como va quedando los distintos porcentaje de visualización.
Eso sería, espero les guste, a pesar, de lo simple que es, se ve muy bonito.
Cualquier duda que tengan solo preguntenla y se las contestaré lo antes posible.
Saludoss Hasta la próxima.
_________________
|
|
| Volver arriba |
|
 |
se-K-tinga
User destacando
Registrado: 09 Jun 2006
Mensajes: 650
Ubicación: Sta Fe - Argentina
|
| Publicado: Vie Dic 15, 2006 12:15 am Título del mensaje: |
|
|
Muy lindo el efecto y muy facil de hacer.
Pregunta ¿Para hacer ese mismo efecto en un botón? Probé con el mismo codigo, pero me da este error.
| Código: |
**Error** Escena=Escena 1, capa=Capa 1, fotograma=1:Línea 1: Sólo se permiten los eventos de clip para instancias de clip de película
onClipEvent (load) {
**Error** Escena=Escena 1, capa=Capa 1, fotograma=1:Línea 6: Sólo se permiten los eventos de clip para instancias de clip de película
onClipEvent (enterFrame) {
Total de errores de ActionScript: 2 Errores comunicados: 2
|
_________________
|
|
| Volver arriba |
|
|
AkOrS
Yo soy el foro
Registrado: 27 Dic 2005
Mensajes: 909
Ubicación: En el fin del mundo (CHILE)
|
| Publicado: Vie Dic 15, 2006 12:41 am Título del mensaje: |
|
|
fijate k el texto no lo pongas para la linea de tiempo sino para el clip de pelicula de el escenario.
Para asegurarte que tienes marcado el clip, debes primero marcar fuera del escenario asegurandote que no tienes marcada ni la linea de tiempo ni el clip en el escenario. Luego marcas una vez con el mouse el clip y en su panel de acciones escribes el script. Cualquier duda me preguntas.
Saludoss
_________________
|
|
| Volver arriba |
|
|
se-K-tinga
User destacando
Registrado: 09 Jun 2006
Mensajes: 650
Ubicación: Sta Fe - Argentina
|
| Publicado: Vie Dic 15, 2006 8:39 pm Título del mensaje: |
|
|
Con un clip de pelicula si lo pude hacer, me da error cuando lo hago con un botón.
_________________
|
|
| Volver arriba |
|
|
AkOrS
Yo soy el foro
Registrado: 27 Dic 2005
Mensajes: 909
Ubicación: En el fin del mundo (CHILE)
|
| Publicado: Sab Dic 16, 2006 1:10 am Título del mensaje: |
|
|
A claro es normal k te de error cuando lo creas para un boton, ya que
no se puede hacer para los botones pero a un clip de pelicula le puedes dar atributos de boton y funciona sin problemas.
Saludoss
_________________
|
|
| Volver arriba |
|
|
|
|
|
