"Page Peel" con jQuery

0 COMENTARIOS -  Publicado hace 10 meses -  Clasificado en: ,

Tutorial que muestra como realizar el famoso efecto "page-peel" mediante jQuery y CSS. Aunque el tutorial está en inglés, es fácil de seguir y el código necesario está perfectamente detallado.

Efecto de Page Peel con CSS y jQuery

Simple Page Peel Effect with jQuery & CSS » »

 

Soundsnap: biblioteca de efectos sonoros

2 COMENTARIOS -  Publicado hace 16 meses -  Clasificado en: , ,

Soundsnap es un sitio web que ofrece efectos de sonido de manera gratuita. Yo, los efectos sonoros, los he utilizado en algunos desarrollos multimedia como cd's multimedia o pequeños juegos realizados en Flash. En soundsnap los sonidos son cedidos por sus creadores, están divididos por categorías -aunque también podemos realizar búsquedas-, se pueden escuchar en la misma web y están disponible para su descarga en varios formatos.

SoundSnap

 

Tutorial Photoshop: Efecto fotográfico de ensoñación

0 COMENTARIOS -  Publicado hace 36 meses -  Clasificado en: , ,

Traducción de este tutorial donde se nos explica la forma de crear un efecto muy interesante para nuestras fotografías. El efecto es muy sencillo de realizar y dota de un toque ensoñación o irrealidad a nuestras imágenes

ANTES
Tutorial

DESPUES

1.- Una vez tenemos abierta la imagen, sobre el panel de capas, hacemos click con el botón derecho sobre la capa que contiene la imagen y duplicamos la capa.
2.- Accedemos a "Capa > Nueva Capa de Ajuste > Mezclador de canales", le damos un nombre, aceptamos y en el cuadro de diálogo disponemos las siguientes opciones, habilitando la casilla de monocromo:
Rojo: 100%
Verde: 175
Azul: -65
Constante:-70
3.- Accedemos a "Capa > Combinar hacia abajo". Con lo que habremos combinado la capa duplicada con la imagen y la capa de ajuste.
4.- Accedemos a "Filtro > Desenfocar > Desenfoque Gaussiano" y establecemos un radio de entre 2 y 3.
5.- Bajamos la opacidad de la capa y la dejamos entre un 30 y un 60% dependiendo de la intensidad del efecto que deseemos lograr.

Otros ejemplos de los resultados que se pueden obtener:

Tut

tut3

Algunas entradas relacionadas:

 

Función de desaturación

0 COMENTARIOS -  Publicado hace 41 meses -  Clasificado en: , ,

Función para hacer un efecto de desaturación muy utilizado últimamente en las transiciones fotográficas. 

function EfectSatur(ClipPelicula, Velocidad, MaxSaturacion):Void {
    var colorSet:Color = new Color(ClipPelicula);
    onEnterFrame = function (){
        if (MaxSaturacion <= 0) {
			delete onEnterFrame
		}
		else {
			MaxSaturacion -= Velocidad;
		}
        var colorTransform = {ra:100, rb:MaxSaturacion, ga:100, gb:MaxSaturacion, ba:100, bb:MaxSaturacion, aa:100, ab:100};
        colorSet.setTransform(colorTransform);
    };
}
Uso: 
EfectSatur(this.image_mc, 20, 255);

Donde "this.image_mc" es el nombre de instancia del clip de película que contiene la imagen.

Algunas entradas relacionadas:

 

Colaboraciones y efecto de texto en Flash

3 COMENTARIOS -  Publicado hace 50 meses -  Clasificado en: , ,

Es imposible postear sobre todo, y úlltimamente he tenido un poco abandonada la sección de Flash del blog. He recibido algunos comentarios e emails en este sentido. Esperando más posts de Flash, ASP, etc. El blog se mueve por impulsos; hay temporadas en las que, bien por inquietudes personales, bien por motivos profesionales, estoy más centrado en una determinada tecnología. Para, en cierto modo, compensar estos vaivenes en cuanto a posts, a la vez que para que creciese más y mejor el blog, convirtiéndose en un verdadero punto de encuentro, sería interesante que se produjesen colaboraciones, aportando tutoriales, trucos o scripts que utilizamos en el desarrollo web. Forma de contacto y posibles colaboraciones en webintenta@gmail.com.

Aquí os dejo un efecto de texto que he utilizado para un reciente proyecto para su descarga y estudio.

Descargar Archivo » »

Algunas entradas relacionadas:

 

Efecto cine sobre imágenes

0 COMENTARIOS -  Publicado hace 64 meses -  Clasificado en: , ,

Efecto que he visto en alguna web. Las imágenes se muestrán como a través de un reproductor de cine antiguo. El efecto se puede conseguir saturando las fotografías en Photoshop y una vez en Flash jugar con el parámetro onClipEvent (enterFrame) para veriar la posición, el alfa y la escala. En el ejemplo yo lo utilizo sobre 4 clips: la fotografía, dos clips con líneas para "ensuciar la película" y una sombra.

Descargar Ejemplo » »

Algunas entradas relacionadas:

 
Páginas: 1