Tutorial: Como hacer un cinemagraph con Photoshop

mayo 14, 2011 en Tutoriales

cinemagraph planta en barcelona

 Hace unos días encontré este espectacular Tumblr centrado en los Cinemagraphs, imágenes estáticas que incluyen uno o varios elementos animados. Los gifs del futuro dicen algunos flipaos. Lo cierto es que se trata de un efecto visual bastante chulo si se le sabe sacar partido más allá de “chica mona de mirada sugerente a la que se le mueve el pelo”. O “chica mona de mirada sugerente a la que se le mueve la falda”. O “chica mona de mirada sugerente pestañea”. No tengo nada en contra de las chicas monas, de hecho me encantan, pero esto da para mucho, mucho más.

Hay varias formas de hacer un cinemagraph, todas mucho más sencillas de lo que parece. La que os voy a explicar yo, Photoshop mediante, quizás no sea la más correcta (estoy seguro de que con After Effects, Fireworks o Premiere hay una solución mucho más correcta) pero el resultado es más o menos el mismo.

Básicamente se trata de combinar un video con una imagen estática (que será un fotograma de dicho video) y aplicar una máscara en la zona que queremos animar. Para obtener un resultado espectacular necesitaréis…

  • Una buena idea. Se trata de encontrarle sentido, así que lo ideal es plantearlo como algo más que un recurso estético. Tan sencillo como intentar contar algo.
  • Una camara de video, fotos, webcam, movil o lo que sea, con capacidad para grabar piezas de video en buena calidad. Obviamente una cámara de video “de verdad” o una reflex digital de gama alta ofrecerá unos resultados aplastantemente mejores.
  • Adobe Photoshop CS3 Extended o superior.

Lee el resto de esta entrada →

Como se hace “Jugadores de Fortuna”

enero 14, 2011 en Tutoriales

Bocadillos (Globos de texto) profesionales con Photoshop

octubre 1, 2010 en Tutoriales

Ahora que he borrado definitivamente mi antiguo blog, recupero este viejo tutorial escrito en 2008, desde entonces sigo trabajando de la misma forma aunque también hay una alternativa aun más sencilla con Illustrator que ya explicaré otro día.

1. Textos.
Con la herramienta “Texto” los escribimos donde creemos que deben ir situados, en un orden coherente y que resulte legible en el tamaño que tendrá el archivo final. La tipografía va según gustos. Yo utilizo Komika tipo Slim Laffayette comic pro con minúsculas para que las ies no tengan serifas, con un interlineado igual al tamaño de la letra (lo justo para que los acentos no se mezclen con la linea de arriba). Es una letra adecuada y libre de derechos. Supongo que no es necesaria esta puntualización: por diox, no utilicéis Comic Sans: es fea y poco profesional.

2. Creamos los globos mediante selecciones
En una capa situada por debajo de los textos y por encima del dibujo, creamos una selección circular y la rellenamos de blanco.

3. Deformamos la selección
Manteniendo la selección, pulsamos Control+ T para “Transformar” las proporciones de la selección, y cuando estén ajustadas al texto, vamos a “Deformar” (arriba a la derecha). Expandimos los cuatro ejes centrales para darle un aspecto más cuadrado al bocadillo, sin perder la característica forma redondeada.

4. Creamos los “picos”
En la misma capa, pero en un espacio libre, creamos una selección con forma triangular. Después transformamos sus proporciones y la colocamos sobre el globo de texto apuntando al personaje que está hablando en ese momento.

5. Redondear los “picos”
De nuevo vamos a deformar la selección: modificando los ejes le daremos a los picos esa forma redondeada que estamos buscando.

6. Contorno
Finalmente seleccionamos todos los globos de texto y les damos contorno (“Edición>Contornear“) con un rango de entre 6 y 12 pixels según la resolución del archivo, marcando la casilla “Interior” para que los rabitos acaben en pico y seleccionando el color que os parezca más adecuado (negro en este caso).

Y ya tenemos unos globos de texto que nada tienen que envidiar a los más profesionales.