INFORMATICA Y OCIO

AkOrS · Ultima edición por AkOrS el Mar May 23, 2006 1:54 pm; editado 3 veces

Bueno aqui les dejo un tutorial sobre como hacer un efecto tinta por actionScript, espero no les complique y lo puedan entender.

Bien partamos por escoger una fotografía cualquiera, yo coloque esta como prueba

-Primero deben abrir la biblioteca de su archivo flash en opcion VENTANA > BIBLIOTECA.

-Luego van a la opcion ARCHIVO > IMPORTAR > IMPORTAR A BIBLIOTECA...

-Seleccionan la imagen que desean, se copia la imagen a la biblioteca,

-Despues toman la imagen y la arrastran al escenario

-Luego de eso con la imagen seleccionada en el escenario presionan F8
y la llaman imagen_mc, marcando la opción Clíp de película y aceptan.

-Despues abren el panel de Propiedades VENTANA > PROPIEDADES > PROPIEDADES de la imagen y como nombre de instancia colocan imagen_mc.

-Abrimos el panel Acciones VENTANA > ACCIONES
e insertamos el siguiente script teniendo el clip de pelicula selecionada

onClipEvent(load){
color = new Color(this)
colores2 = 0;
colores = new Array (colores2, colores2+255);
a = 0;
}
onClipEvent(enterFrame){
colores2 += (colores[a]-colores2)/4;
color.setTransform( {rb:colores2, gb:colores2, bb:colores2 } )
}
on (rollOver) {
this.a = 1;
}
on (rollOut) {
this.a = 0;
}

-Bien que es lo que hace este script
cada ves que se carge la pelicula en ese frame el script va a cargar unos datos.
onClipEvent (load)

Creamos un nuevo objeto de tipo Color que se llama color que va a actuar sobre nuestro clip de pelicula "this".
color = new Color(this);

Creamos una variable llamada colores2 y la dejamos en 0.
colores2 = 0;

Luego creamos una array o vector llamado colores donde tendrá 2 casillas donde actuar por decirlo asi
colores = new Array(colores2, colores2+255);

Creamos la variable que va a viajar por el vector y lo dejamos que parta desde la posicion 0.
a = 0;

y cerramos nuestra carga de datos.
Ahora creamos una ejecucion que se haga en todo momento en que este en el frame
onClipEvent (enterFrame)

Luego creamos una ecuacion para que pueda lograr un efecto easing el cambio de estado
colores2 += (colores[a]-colores2)/4;
Respecto a la explicacion de esta ecuación no la haré porque es un poco largo y solo cabe decir que la "a" es la variable que manejaremos para actuar sobre el vector que anteriormente creamos.

Luego ocupamos la propiedad de cambio de color y le asignamos los valores que hemos asignado a la variable colores2
color.setTransform({rb:colores2, gb:colores2, bb:colores2});

y cerramos la ejecucion.

Luego creamos dos propiedades de boton
on(rollOver)
eso quiere decir que cada vez que se pase el mouse sobre el clip de pelicula la variable "a" se posiciona en el segundo casillero del script.

y tambien la segunda propiedad de boton
on(rollOut)
que mientras el mouse salga de la imagen y que la variable "a" cambie al primer casillero del vector.

y de ese modo cada vez que pasemos el mouse sobre la imagen hará un efecto de luz o tinta como se llama.

Siquieren que la imagen no se ponga tan blanca y se note un poco mas foto solo cambian el 255 por 100 por ejemplo. Pero solo pueden llegar hasta 255 ya que es lo maximo.

Aqui pueden ver el resultado, en este caso yo le cambie el 255 por 130 para que no desaparesca la imagen, espero les haya gustado, ya que es un buen recurso para hacer paginas web.

http://img46.imageshack.us/my.php?image=efectotinta0fq.swf

bueno espero no ser tan enredado y que entiendan y cualquier duda me consultan.

Espero les sirva chauuu un saludo Cheesy Grin

_________________

malder · Publicado: Lun May 22, 2006 6:04 pm **Título del mensaje**:

AkOrS, Gracias pero solo 2 cosas, 1º yo pondria el script en texto ya que nadie va a copiar palabra a palabra de la imagen y yo tambien pondria una imagen de como queda en resultado

un saludo
_________________
Un titulo descriptivo te da mayor posibilidad a encontrar una buena ayuda.
Por favor lee las normas

AkOrS · Publicado: Lun May 22, 2006 7:23 pm **Título del mensaje**:

Me encantaria poner el resultado pero no se como poner un archivo swf k funcione, haga lo k puse en el tutorial o sea pasar el mouse sobre la imagen y k haga el efecto
_________________

malder · Publicado: Lun May 22, 2006 8:12 pm **Título del mensaje**:

AkOrS, jaja me equivoque con las prisas, imaginate que creia que el tuto era de photoshop, ya que ahora hay codigos para el

mil perdones muevo a Diseño gráfico
_________________
Un titulo descriptivo te da mayor posibilidad a encontrar una buena ayuda.
Por favor lee las normas

..Nano.. · Publicado: Lun May 22, 2006 8:43 pm **Título del mensaje**:

Haganlo otra vez no entendi Very Happy

_________________

>> Bronce I Concurso de Firmas

AkOrS · Publicado: Mar May 23, 2006 12:01 am **Título del mensaje**:

k cosa no entendiste nano?

A no hay problema malder
_________________

..Nano.. · Publicado: Mar May 23, 2006 12:42 am **Título del mensaje**:

Kiero ver como keda a lo ultimo pa comparar bien
_________________

>> Bronce I Concurso de Firmas

AkOrS · Publicado: Mar May 23, 2006 3:40 am **Título del mensaje**:

me encantari ponerlo pero no se como subir un swf en el foro
y creo k no se puede
_________________

malder · Publicado: Mar May 23, 2006 1:25 pm **Título del mensaje**:

AkOrS, puedes hacerlo a imageshack.us y luego pones el link directo
_________________
Un titulo descriptivo te da mayor posibilidad a encontrar una buena ayuda.
Por favor lee las normas

AkOrS · Publicado: Mar May 23, 2006 1:56 pm **Título del mensaje**:

muchas gracias por el dato malder hay pude colocar el resultado espero les guste, es algo simple pero que igual sirve arto a darle estilo a nuestras paginas web y no agregandole practicamente nada de peso a nuestras paginas.
_________________

	Índice del Foro Foroz comunity :: Foro Flash	Todas las horas están en GMT + 1 Hora Ir a página 1, 2 Siguiente
Página 1 de 2