"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

 

El efecto de la Reina Roja y el desarrollo web

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

El efecto de la Reina Roja fue utilizado por Van Valen para explicar sus teorías de biología evolutiva. Pero existen bastantes similitudes con cualquier entorno competitivo y en permanente evolución como es el caso del desarrollo web. Vayamos por partes. Este “efecto de la Reina Roja” se basa en el siguiente pasaje de “Alicia a través del espejo” de Lewis Carroll, en el cual la Reina le dice a Alicia:
“[…] en nuestro país necesitas correr todo lo que puedas para mantenerte en el mismo sitio, para ir a algún sitio tendrás que correr por lo menos el doble de rápido…”

Red Queen

A partir de este concepto Van Valen enunció que en un sistema en constante evolución, a una especie animal no le basta con sólo estar. Los depredadores y sus presas deben evolucionar continuamente en respuesta a los cambios del otro o perecer en el intento. Es decir, y trasladando el razonamiento al desarrollo web, uno ha de estar evolucionando, aprendiendo, perfeccionándose, corriendo (o el símil que queráis) continuamente si se desea mantener el status adquirido.

De igual modo, y siguiendo el efecto de la Reina Roja, si deseamos llegar a algún sitio -mejorar nuestras capacidades cualitativamente, conseguir más clientes, aumentar nuestros beneficios, establecernos como nueva empresa, desarrollar aplicaciones vanguardistas, etc.-, deberemos correr el dóble de rápido.

En cualquier caso, y para sobrevivir, uno ha de estar continuamente corriendo. Y este es una de los aspectos que hace que en el mundo del diseño, la programación y, en general, el desarrollo web haya más abandonos. Gente que acaba cansándose o simplemente que se queda atrás y se ve forzada a reciclarse laboralmente. También este hecho de estar contínuamente corriendo para estar en el mismo sitio es una de las cosas que más incertidumbre genera. Uno no sabe muy bien lo que se encontrará haciendo dentro de unos cuantos años.

 

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