Xavs.es » Tutorial

Efecto LOMO en Photoshop, el videotutorial

Fco. Javier Jiménez Rivero — Mon, 01 Feb 2010 07:00:37 +0000

La LOMO LC-A es una cámara analógica de fabricación rusa que tiene una serie de características que la hacen especial: Satura fuertemente las imágenes y y crea un curioso viñeteado en ellas dando como resultado un efecto túnel. Desde 1991 este tipo de cámaras causan furor y han llegado a iniciar cierto movimiento artístico alrededor de ellas. Con el videotutorial que hoy te presento aprenderás a implementar este efecto tan curioso de una manera fácil y sencilla con la ayuda del Adobe Photoshop. Quizá no tengas una auténtica LOMO LC-A, pero a partir de ahora podrás crear fotografías lomográficas como si verdaderamente la tuvieras.

Recursos informativos:

“Lomografía” en Wikipedia
Tutorial en dZoom: Efecto LOMO en Photoshop en tres sencillos pasos
Vídeo: Vimeo – YouTube – Facebook

También puede interesarte:

Listas de Twitter, el videotutorial

Fco. Javier Jiménez Rivero — Sat, 28 Nov 2009 08:00:04 +0000

Sabiendo los beneficios que pueden reportar una buena gestión de listas en Twitter, he creado un breve videotutorial sobre cómo crearlas, administrarlas, modificarlas, verlas, seguirlas o eliminarlas. Todo un lujo para todos aquellos que estén un poco despistados en el mundo de esta red social de microbloging. Además de explicarlo todo como si fuere Barrio Sésamo, el vídeo está aderezado con un relajante tema musical de Moby titulado “Dream About Me”. Si te ha gustado, no seas tímido y ¡sígueme en Twitter pinchando aquí!

El vídeo está disponible tanto en YouTube, Vimeo, Blip.tv como Facebook. Vótalo, coméntalo y compártelo con tus contactos para que lo pueda ver más gente.

También puede interesarte:

Cómo crear e insertar un favicon en tu página web

Fco. Javier Jiménez Rivero — Thu, 10 Sep 2009 13:49:17 +0000

Un favicon es un pequeño icono que aparece en la mayoría de los navegadores junto a la dirección de una página web. Alguno se preguntará, ¿qué importancia puede tener este pequeño icono de apenas 16×16 píxeles en mi web? La respuesta dependerá de la importancia que le des a tu imagen de marca. Un favicon no solo potencia este aspecto, sino que también ayuda a tus lectores a reconocer tu web dentro de su apartado de favoritos y es de saber general que todo lo que se pueda hacer para mejorar la experiencia lectora de los visitantes de una página web es una inversión que vale la pena y que con el tiempo terminará dando sus frutos. Hoy aprenderemos a crear un favicon y a insertarlo en una página web o blog en tres simples pasos.

Primer paso: Creación del favicon

Si disponemos de una imagen cuadrada de cualquier tamaño o cuenta de Twitter no tendremos más que visitar la página “Favicons from Pics” y cargar el icono o facilitar nuestro usuario de Twitter pinchando a continuación “Generate favicon.ico”. Posteriormente descargaremos el archivo generado pulsando “Download Favicon Package”.

Para los “manitas” que utilicen Photoshop, hay un fantástico tutorial en ingles realizado por Jeniffer Apple que explica todo el proceso de creación de favicons desde el archifamoso programa de edición fotográfica de Adobe.

Segundo paso: Carga del favicon en el directorio de la web

Dependiendo del proveedor de hosting que utilices hay diferentes formas de cargar el favicon en el directorio de la web. Lo más común es subirlo mediante alguna aplicación FTP. Por tanto, si has utilizado el sistema de “Favicons from Pics” tendrás que descomprimir la carpeta descargada y subir el archivo “favicon.ico” a tu directorio.

Tercer paso: Inserción del favicon

Agrega la siguiente línea de código en la cabecera de tu página web entre las líneas que parten del hasta las que llegan a :

<link rel="shortcut icon" href="http://www.tupáginaweb.es/favicon.ico">

Aunque resulte obvio, para los despistados he de aclarar que hay que sustituir el “tupáginaweb.es” por el dominio que tengas contratado. En mi caso sería “Xavs.es”.

Espero que este breve tutorial os haya servido de ayuda. Si tenéis alguna duda, no tienes más que preguntármela mediante un comentario en esta entrada y si pensáis que puede servirle de ayuda a algun contacto vuestro, no dudéis en enviársela de la manera que os sea más cómoda.

También puede interesarte:

Cómo publicar un vídeo directamente en HD

Fco. Javier Jiménez Rivero — Thu, 25 Jun 2009 06:00:58 +0000

Muchos de nosotros conocemos las deficencias del reproductor de vídeo de YouTube, pero al ser la red social más importante de vídeo que existe en cuanto a difusión se refiere, nos tenemos que adaptar a las circunstancias. Para todos auquellos a los que les guste cuidar la presentación de su blog o página web existe un generador de códigos que permite personalizar el feo reproductor de YouTube en muchos aspectos, como colores del mismo, tamaño o calidad de imagen. ¿Quieres saber cómo funciona esta herramienta? No te pierdas el siguiente tutorial.

Abre el generador de códigos pinchando aquí. La herramienta está alojada en la página web especializada en vídeos “Tutto Web Video”. Un referente del “sector” en Italia.
Video ID: Introduce el código del vídeo de YouTube en este campo. Ejemplo: Si quieres publicar un vídeo con la siguiente dirección: “http://www.youtube.com/watch?v=qrD-QnjCvFY”, tendremos que añadir aquel texto que esté a partir del símbolo “=”, es decir: “qrD-QnjCvFY”.
Size: En este apratado el generador de códigos te permite introducir el tamaño que quieres que el reproductor tenga. El campo “Height” es el ancho del reproductor mientras que “Width” es el alto del mismo. Truco: Hazte amigo de la famosa “regla de tres”.
Autoplay: Si quieres que el vídeo se reproduzca automáticamente cuando se abra la página web que lo contiene. No es recomendable si está en la misma portada: puede molestar al lector.
Border: Si habilitas este botón harás que el reproductor esté rodeado de una línea a modo de borde.
Allow Full Screen: Permite que el usuario pueda disfrutar del vídeo a pantalla completa. Recomiendo habilitar esta opción para su mejor visionado.
Repeat in loop: Habilitar esta opción hará que el vídeo se repita hasta que se cierre la página. Acaba siendo una opción bastante pesada y no es muy recomendable.
Show related videos: Cuando finalica el vídeo permite mostrar vídeos relacionados con el mismo dependiendo de las etiquetas que tenga asignadas.
Show Title: Consiste en que antes de darle al botón de “Play” aparezca en el reproductor el nombre del vídeo. En mi opinión afea la presentación, pero en cuanto a gustos no hay nada escrito.
Turn off annotations: YouTube tiene una opción que permite añadir anotaciones a los vídeos resaltando ciertos detalles del mismo. En algunas ocasiones pueden llegar a molestar. Si es ese el caso, te aconsejo que habilites esta opción.
Normal quality: Calidad normal de imagen. Recomendada para conexiones de baja velocidad.
High Quality (HQ): Calidad óptima de imagen. Recomendada para una mejor visión del vídeo. Sólo se puede habilitar si el vídeo admite el formato, es decir, que cuando se reproduce en YouTube da la opción de verlo en HQ.
High Definition (HD): Calidad de alta definición (1280x720px). Es la mejor calidad de visionado que existe ahora mismo en la web y está destinada a aquellas conexiones que tengan un mayor ancho de banda. Ocurre lo mismo que con la calidad HQ: Si no está disponible en la página del vídeo en YouTube, ni te molestes en hablitar la opción. No se vería nada.

Esta herramienta me es imprescindible cada vez que publico un vídeo de YouTube y he querido compartirla con vosotros para que podáis compaginar diseño con difusión. En cuanto a preferencias, muchos de vosotros ya sabéis que prefiero mil veces Vimeo a YouTube. Espero que este tutorial os haya sido de ayuda.

También puede interesarte:

Sube tus vídeos a YouTube en HD y en 16:9

Fco. Javier Jiménez Rivero — Wed, 26 Nov 2008 21:11:16 +0000

YouTube es el portal de vídeos más famoso de todo internet. Abarca el 44% de todos los vídeos que se ven en la web, pero aun está lejos de llegar a la calidad que ofrecen otros portales como blip.tv o Vimeo. Para solucionar esto, han implementado algunas mejoras que son del todo acertadas. La última ha sido el ensanchamiento de su reproductor para ofrecer vídeos en formato panorámico 16:9. Esto ha provocado que las dimensiones para la producción de vídeos también haya cambiado.

YouTube acepta una gran variedad de formatos (.wmv, .avi, .mov, mpeg2…), pero esto no significa que todos sean ideales. Para que se vea en alta calidad un vídeo en este portal es necesario que se suba en formato mpeg4 (Divx, Xvid, mp4…) y a ser posible, con el códec H.264. El audio no tiene tanta importancia, pero se recomienda que sea en mp3. En cuanto a la resolución necesaria para optimizar el vídeo al formato panorámico 16:9, el archivo deberá respetar alguno de los siguientes parámetros: 640×360, 960×570, 1280×720…

La velocidad de cuadros por segundo ha de ser mayor de 24 siendo para mi 30 la mejor opción. El Bitrate debe ser de 600Kbits como mínimo.

A continuación os dejo un videotutorial para los que estén interesados. Os lo recomiendo.

Vídeo relacionado: Pulsa aquí para verlo (en inglés), por DerekForPresident