Comprimir vídeo FullHD en H264

Portal 2

Siempre he tenido curiosidad de cómo conseguir comprimir vídeo lo mejor posible antes de subirlo a Youtube. Irónicamente, apenas subo vídeos a dicha web, pero la búsqueda de la combinación de códecs y opciones perfecta a la hora de comprimir un vídeo sigue resultando interesante por sí sola.

Es por esto que he decidido hacer algunas pruebas en plan experimento científico (Let’s have fun, with science™), y en esta entrada voy a explicar un poco cómo ha ido la cosa. :) Leer Más »

Etiquetas: , , , ,

Cabecera de Fringe (Original Vs ’85)

Genial, genial, genial.

Etiquetas:

RSS Gem

RSS Gem

Hoy he aprovechado un ratito para practicar un poco el diseño de iconos y me ha salido este que hace de portada a esta entrada. Puede que no sea nada del otro mundo pero me gusta, así que podría ser el primero de varios de este estilo.

Hace ya tiempo que quería probar a hacer un icono de este estilo. Tiene su gracia porque aún sin ser estar hecho en 3D estrictamente hablando, si que parece que tiene volumen, ya como suele pasar en estas cosas, el diablo está en los detalles, como los brillos de los bordes.

Para reforzar un poquito la ilusión de que no es plano, he intentado imaginar como hacerle la sombra. Pero claro, en 32×32 píxeles, y más aún cuando el propio icono ocupa 30×30, el espacio que queda para la sombra es más bien limitado. Por suerte, no hace falta imaginarse una sombra super-realista proyectándose en la distancia, sino que basta con sugerir un poco de oclusión ambiental, que resumiendo viene a ser la oscuridad que se forma entre dos superficies cercanas — cuanto más se juntan, menos rebota la luz entre ellas. Una línea de un píxel alrededor de los lados donde el icono toca el suelo, casi indistinguible si la buscas,  pero que realmente aporta su granito de arena.

Por lo demás estamos en lo de siempre: degradados, brillos, combinar colores parecidos entre sí para no crear demasiado contraste, y este es el resultado. No es mucho por ahora, pero poco a poco haré más basados en el mismo estilo para completar un pack.

Descargar desde Moskis
Descargar desde deviantART

Etiquetas: ,

Botones metállicos (PSD + HTML)

Botones metállicos

El otro día estuve echando un vistazo a dribbble y vi un montón de cosas interesantes que me dieron algunas ideas. Una de las primeras cosas que quise probar fue hacer unos iconos con este efecto, pero con un acabado metalizado.

El resultado final no está nada mal, como se puede ver en esta demostración en HTML. También está disponible el PSD en deviantArt por si alguien quiere ver como están hechos o editarlos.

El único inconveniente que tienen es que cada botón dependería de una imagen, la cual habría que editar en Photoshop: Después habría que ajustar el ancho del botón en CSS y cambiar el URL de la imagen de fondo si fuera necesario.

Para evitar esto y poder usarlos con el texto real del elemento HTML habría que recurrir a CSS3 y varios de sus nuevos atributos para simular el efecto lo mejor posible con bordes redondeados, degradados de color, sombras y transparencias, además de una imagen que se pueda repetir horizontalmente para la textura y el brillo final al metal.

Aunque algunos navegadores aún no tienen suficiente soporte CSS3, la mayoría de ellos en sus últimas versiones (algunas aún en beta, como en el caso de Firefox 4) si permiten crear los botones de este modo, así que estos días veré si puedo dedicarle algo de tiempo y consigo replicar el efecto lo mejor posible.

Etiquetas: , , ,
11 pages