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.


Portafolio del ilustrador y director de arte brasileño, aunque afincado en Madrid, Gabriel Da Silva.
Selección de fotografías en blanco y negro de uno de los fotógrafos más conocidos de las últimas décadas, Helmut Newton.
Fotógrafa afincada en Londres con un estilo que combina la moda, el humor y la estética retro.
Nacida en Inglaterra y criada en Canadá, Jody Rogac en la actualidad vive y trabaja en Brooklyn. Sus trabajo ha obtenido diversos galardones.

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.

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.
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…”

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.
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

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:


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.
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.
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.