Comunidad de diseño web y desarrollo en internet online

me gustaria saber hacer este efecto

Citar            
MensajeEscrito el 02 May 2007 07:24 am
Hola! bueno estoy haciendo una web y me gustaria hacer este efecto:
http://www.evb.com/
Si te metes en alguna seccion se aprecia como el fondo se difumina y se carga algun contenido por encima del fondo. Bien pues ese es el efecto ke me gustaria hacer.

espero que me ayuden por que sin esa funcion se me desmorona la web!

saludos!

Por jogarva

31 de clabLevel



 

firefox
Citar            
MensajeEscrito el 02 May 2007 07:48 am
quieres decir, el chico ese que aparece al principio..... que luego se queda atrás, como difuminado?
bueno.... podrias probar poner la foto de fondo en una capa diferente....(la ultima de todas)
y en vez de una simple foto, ponla dentro de un clip...
cuyo clip tenga dos frames
en el frame 1 la foto normal, y un stop();
y en el frame 2 la foto borrosa-difuminada y otro stop();
y añadirles a los botones que se tiene que presionar... una accion aditiva qe diga que al presionar
haga tambien que el clip del fondo vaya al frame 2.

no se si me he explicado bien....lo que si que no se hacer es conseguir que una foto se vea borrosa.... jajajaja
desde que he visto tu post, me he liado con el photoshop. e incluso con el flash poniendole un cuadradote gris con alpha 50% pero na... no se como se hace...

Espero la idea del fondo en un clip con dos frames... te sirva de ayuda :D

Por SadlyMistaken

104 de clabLevel



 

msie
Citar            
MensajeEscrito el 02 May 2007 02:12 pm
No es alpha, es blur. Está disponible de Flash 8 en adelante. Buscá en la ayuda de Flash la clase BlurFilter.

Por HernanRivas

Claber

3416 de clabLevel

26 tutoriales

 

Argentina

msie
Citar            
MensajeEscrito el 03 May 2007 08:56 am
Ahm.... Blur es desenfocar en castellano?
Ahm, pues muchas gracias...
Bueno, he probado lo que te he dicho antes, a mi me funcionó. A ti????

Por SadlyMistaken

104 de clabLevel



 

msie
Citar            
MensajeEscrito el 03 May 2007 09:55 am
si efectivamente como tu dices SadlyMistaken funciona tu opcion el problema que la pelicula tiene varios objetos ke no son imagenes si no iconos vectoriales por lo tango esa ocion de hacer blur en photoshop es un poco costoso de hacer y no me queda tan bien como en la web por ello estoy probando la opcion de hernanrivas a ver que tal sale cualquier cosa la comunico por aqui.

gracias!

Por jogarva

31 de clabLevel



 

firefox
Citar            
MensajeEscrito el 03 May 2007 10:30 am
Lo he probado y si sale con el codigo y funciona perfectamente seria asi:

Código :

on (press) {
   import flash.filters.*;
   //----------------------------------
   var distancia:Number = 15;
   //Distancia de la sombra 
   var angulo:Number = 45;
   // angulo de la sombra 
   var color = 0x000000;
   // color de la sombra 
   var alpha:Number = 0.9;
   //ALPHA pero valor maximo 1
   var blurX:Number = 16;
   //blur del eje X maximo 255
   var blurY:Number = 16;
   //igual q blurX 
   var fuerza:Number = 1;
   //la fuerza de impresion de la sombra MAX 255 
   var calidad:Number = 3;
   //calidad de la sombra, valores validos: 1-2-3
   var sombra_interior:Boolean = false;
   //obvio
   var fondo_transparente:Boolean = false;
   //obvio
   var ocultar_mc:Boolean = false;
   //obvio
   var u = new BlurFilter(blurX, blurY-16, calidad);
   var array3:Array = new Array();
   array3.push(u);
   mc3.filters = array3;
   boton.filters = array3;
}


Bueno si la forma de meter el codigo es a lo bruto mejor me lo digan asi aprendo a hacerlo mejor.

Por otro lado y para complicarlo mas aun resulta que inclusive los botones (los cuales estan animados con fadein fade out tutorial) se deben de desactivar mientras el filtro blur se este ejecutando por ke si no aunke este en blur el boton sigue funcionando tal cual.


A ver si me ayudais saludos!

Por jogarva

31 de clabLevel



 

firefox
Citar            
MensajeEscrito el 03 May 2007 01:59 pm

SadlyMistaken escribió:

Ahm.... Blur es desenfocar en castellano?
La frase correcta sería: Blur es desenfocar en inglés?

Pero igual, la respuesta es casi, blur suele denominarse a la falta de nitidez de una imagen producto del movimiento (casi nunca al desenfoque). Es decir cuando sacás una fotografía a un auto de carreras (andando) se va a ver borroso debido a la lentitud del obturador, no a que se halle fuera de foco.

Respecto a cómo aplicás el blur... Diría que es un poco incómodo definir todas las variables del filtro fuera del constructor, pero es lo mismo.

Por HernanRivas

Claber

3416 de clabLevel

26 tutoriales

 

Argentina

msie
Citar            
MensajeEscrito el 03 May 2007 03:15 pm
venga no es po hacer spam , pero esa pagina esta buenisima

Por jpcw

Claber

1715 de clabLevel

1 tutorial

Genero:Masculino  

AlgoritmicBrainDesigner

firefox
Citar            
MensajeEscrito el 03 May 2007 03:30 pm
Bueno y donde las defino? en el primer frame de la peliaunque mi peli tenga 100 frames? es mejor asi?
lo de desactivas los botones sabes algo?

Por jogarva

31 de clabLevel



 

firefox
Citar            
MensajeEscrito el 03 May 2007 03:41 pm
No, me refería a que podías definirlas en el constructor del filtro y que no necesitabas tantas variables.

Por HernanRivas

Claber

3416 de clabLevel

26 tutoriales

 

Argentina

msie
Citar            
MensajeEscrito el 03 May 2007 03:48 pm
es ke no se que es el contructor....:(
otra cosa por codigo como se puede eliminar ese mismo efecto? es decir yo kiero que cuando presiones un boton pase ese efecto ok eso ya esta hecho pero ahora si kiero que cuando apriete otro el boton vuelta a su estado original?

Por jogarva

31 de clabLevel



 

firefox
Citar            
MensajeEscrito el 04 May 2007 03:15 pm
El constructor es esto (la parte de new....):

Código :

var u = new BlurFilter(blurX, blurY-16, calidad);
Si en lugar de definir la variable blurX, blurY y calidad y luego incluirlas en el constructor, directamente ponés los números ahí, en el constructor, te ahorrás bastante código.

Por otro lado, para sacar el blur, le aplicás a la propiedad filters un Array vacío (creo)

Código :

// Para sacar el filtro estoy seguro de que una de estas 2 (o ambas) deberían funcionar
miMC.filters = []
miMC.filters = [""]

Por HernanRivas

Claber

3416 de clabLevel

26 tutoriales

 

Argentina

msie
Citar            
MensajeEscrito el 04 May 2007 10:22 pm
ok ya esta claro, gracia s todos por vuestra ayuda

como dice hernan efectivamente funciona :

Código :

miMC.filters = []
miMC.filters = [""]


funciona miMC.filters = [] solo y con el orto tambien
y este solo tambien funciona miMC.filters = [""]

saludos!

Por jogarva

31 de clabLevel



 

firefox
Citar            
MensajeEscrito el 04 May 2007 11:19 pm
Estaba buscando algo sobre fotos 360 y me encontré con este tópcio. Muy interesante. ¿Cómo se hacen esos videos insertos? ¿Con rotoscopía sobre la silueta de las personas? ¿Se inserta cada frame de la película en un fotograma?

Por webrapid

28 de clabLevel



 

msie7
Citar            
MensajeEscrito el 05 May 2007 12:08 am
Será rotoscopia, pero ten encuenta que ellos habrán filmado a esas personas con el tipico fondo VERDE...
que pintando con "menos cuidado" sera mas facil, ponerles el colorcillo rojo del fondo....
Ahora ponte tu, con tus videos caseros a tapar a toda las cosas que aparezcan detras de la persona que grabes
"el jarron de flores" "el coche de atrás" "el cielo" "la lampara"...... vamos, siempre encontraras tonos, seguro cerca de la cabeza, donde hay pelo, que no sabrás si taparlo con un dibujo o no, porque no sabes si es pelo, o un pajaro que andaba por ahí.... Y si encima la persona tiene el pelo largo, con peinado raro, a ver como haces que los flequillos queden chulos, y no como si fueran cuadraditos.....
La rotoscopia está bien, para taparlo todo....agregar monigotes o mariposillas a tu alrededor, pero no para aislar a la peña...

¿o vosotros lo veis facil?
Esos estan medio calvos.... que me lo hagan a mi, con mis millones de pelos volando un dia de aire....(volando el pelo, no yo jajaja)

Por SadlyMistaken

104 de clabLevel



 

msie
Citar            
MensajeEscrito el 05 May 2007 01:20 am
SadlyMistaken:

¡Ahora que lo dices, veo que hacer algo así no sería nada fácil! Está claro que han puesto unos buenos $$$ para hacer la aplicación. Y por supuesto, buscaron calvos (ja,ja). De otra forma, imposible.

Saludos!

Por webrapid

28 de clabLevel



 

msie
Citar            
MensajeEscrito el 06 May 2007 11:02 pm
En esta página, hay un tuto de rotoscopía.

Por HernanRivas

Claber

3416 de clabLevel

26 tutoriales

 

Argentina

msie
Citar            
MensajeEscrito el 07 May 2007 01:34 am
Hernán:

O estoy muy cansado para verlo o no me pusiste el link para tuto de rotoscopía. :D

Muchas gracias y saludos!

Por webrapid

28 de clabLevel



 

msie
Citar            
MensajeEscrito el 07 May 2007 01:54 am

webrapid escribió:

Hernán:

O estoy muy cansado para verlo o no me pusiste el link para tuto de rotoscopía. :D

Muchas gracias y saludos!


No seas tan espléndido, usa el buscador; por si no lo has visto, está arriba a la derecha.

Por Darel

725 de clabLevel

5 tutoriales

 

I'm a human

msie
Citar            
MensajeEscrito el 07 May 2007 02:03 am

Por La100rra

Claber

5776 de clabLevel

11 tutoriales
4 articulos

Genero:Masculino  

Cd. Juárez, Chihuahua, México.

firefox
Citar            
MensajeEscrito el 07 May 2007 03:38 am
Muy bueno, la100ra. Aprendido y gracias
:oops:

Por webrapid

28 de clabLevel



 

msie

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.