Tutorial Efecto Visio Flash

El principio basico de este efecto que visualmente es impresionante, es unicamente agragar varias mascaras animadas con la misma imagen a distintos tamaños, creciendo de poco a poco.

*Comenzamos creando nuestra peli y seleccionamos nuestra imagen a darle el efecto. Para este ejemplo utilice una que me vole de Solophotoshop.
<img src="http://img39.exs.cx/img39/6904/belleza30cb.jpg" border="0" alt="Imagen IPB" />

*Insertamos nuestra imagen en un fotograma nuevo.

*Creamos un MovieClip (Ctrl + F8), creamos dos capas en el. La primera contiene nuestra mascara animada y segunda nuestra imagen. Ambas con
40 fogramas.

*En la primera capa creamos un rectangulo, por encima de la imagen y creamos una Interpolacion de Movimiento en el fotograma 1. Despues en el fotograma 40 movemos nuestro cuadrado hasta el fondo de la imagen, quedando debajo de ella. Se debe de ver mas o menos asi:
<img src="http://img87.exs.cx/img87/9841/tuto8sz.th.jpg" border="0" alt="Imagen IPB" />

<b>NOTA:</b> Para que funsione, el efecto nuestra imagen que esta debajo de la animacion debe de estar un tanto mas grande que la que insertamos en el MainScene. Por ejemplo nuestra imagen base esta a 370x750, pues en nuestro MC la ponemos a 372x750, pero bajo las mismas cordenadas.

Y ya con este terminamos el efecto de viso, se puede modificar a gusto e ingenio, para crear uno de onditas, por medio de Interpolaciones de Forma, o con mascaras dinamicas, o como gusten.

Queda mas o menos asi el ejemplo <a href="http://img102.exs.cx/my.php?loc=img102&image=tuto0be.swf" target="_blank">Ejemplo</a>

 

Muy bueno Kitsch :wink:

He aquí el efecto:

<a href="http://img183.exs.cx/my.php?loc=img183&image=mascaraenimagen5oy.swf" target="_blank">http://img183.exs.cx/my.php?loc=img183&ima...enimagen5oy.swf</a>

Gracias :wink:

 

Je je je te ha quedado bastante bien amigo. Puedes jugar con las mascaras o bien combinarlas y el efecto es impresionante.

 

Si la verdad es que algo habia hecho hasta entonces y conocia un poco lo de las máscaras:

<a href="http://www.fotodisea.com" target="_blank">Por ejemplo aquí</a>

Solo que esta que tu has puesto en concreto con una misma imagen nunca se me habia ocurrido, ahora se me dispara la inspiración gracias a este tutorial :wink:

Una cosa que tengo pendiente desde hace tiempo es hacer una como la que hicistes en aquel ejemplo .swf que subistes no hace mucho en la que salia una tu figura creo primero en blanco y luego hasta su color y señalando sus lineas y contornos por fuera, no se si me explico, lastima que no tengo un ejemplo a mano de todas formas espero buscarlo.

Saludosss :wink:

 

Creo que te regieres al intro que hice para mi web personal, <a href="http://img92.exs.cx/my.php?loc=img92&image=djzorrointro8zs.swf" target="_blank">Enlace al intro</a>.

De este estoy preparando un tuto, pero en principio es basicamente lo mismo, solo que aqui uso vectores.

 

Vientos por el tuto kitch, lo pondremos en practica man

 

Te felicito por el tutorial... :wink:

 

Si era ese al que me referia, aunque pensaba que tenia más trazos de cada figura es decir que las lineas o los contornos de cada figura vayan apareciendo poco a poco como en algunos Flash, lastima que no encuentro un ejemplo.

Dices que usas vectores, ¿te refieres a que las imágenes son vectoriales o a otro tipo de máscara?

Gracias por tu respuesta, esperaremos ese nuevo tuto :wink:

 

Las mascaras pueden ser cualquier tipo de forma, es decir; haces un trazo muy simple o muy complejo pero dentro de una misma capa, el flash interpretara toda area llena de color como mascara. El tuto lo subo en estos dias.

 

Ok Kitsch iré probando con esas opciones, gracias de nuevo :wink:

Saludosss 8)

 

Hola de nuevo Kitsch recupero el post ya que he visto dos páginas que hacen el efecto que citaba.

En la primera en la zona de la carretera, que va apareciendo poco a poco mostrando sus contornos dibujandos y luego se queda la imagen.

<a href="http://www.cocoe.com/" target="_blank">http://www.cocoe.com/</a>

Aqui algo muy parecido, solo que la imagen aparece de primera hora y luego se empiezan a mostrar unos brillos o destellos que se mueven continuamente.

<a href="http://www.unitedhosting.co.uk/" target="_blank">http://www.unitedhosting.co.uk/</a>

Saludosss :wink:

 

Por favor... ?¿me podríais explicar eso de la interpolación de movimiento?¿
-__-uu

Además, ¿dónde puedo colgar estas animaciones para mostraros lo que hago¿?
Por que lo he intentado por lo único que he conseguido hasta ahora es que al pasar el cuadrado se vea la imagen, no que haga ese efectito...

(principiante a más no poder)

 

Interesante tutorial que he reflotado aca:

<a href="http://www.tallerwebmaster.com/Tutorial-Tutorial-Efecto-Visio-Flash-c-66.html" target="_blank">http://www.tallerwebmaster.com/Tutorial-Tu...Flash-c-66.html</a>

 

kitsch! muy buena la presentacion de tu sitio
Y el tuto, por supuesto

 

PODRIAN SER MAS ESPECIFICOS PARA REALIZAR EL EFECTO CON LAS MASCARAS ES QUE SOY NOVATO EN ESTO

 

LUIS ARMANDO, bienvenido al foro.

En cuanto a tu duda, debes tener en cuenta que no todos los tutoriales son para los que empiezan de cero , por ejemplo no puedes hacer una regla de tres si no sabes multiplicar, y dividir antes

Te aconsejo vayas con calma y aprendas a utilizar las básicas de Flash, te dejo unos tutoriales:

<a href="http://www.tallerwebmaster.com/Tutoriales-Adobe-Macromedia-Flash-c-3.html" target="_blank">http://www.tallerwebmaster.com/Tutoriales-...-Flash-c-3.html</a>

<a href="http://www.estiloflash.com/" target="_blank">http://www.estiloflash.com/</a>

y cualquier duda especifica planteala.

 

OK SALE HERMANO VOY A CHECARLO. YA VOY AVANZANDO POCO A POCO FALTABA MAS ANTES DE COMENZAR

GRACIAS

Y ESTAN PADRE ESOS EFECTOS QUE PRODUCES EN LAS ANIMACIONES

:vale: