Tutorial: Como hacer un cinemagraph con Photoshop

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.

Continúa leyendo

Sito estilo 8 bits

Últimamente estoy experimentando con varias herramientas digitales, explorando otros estilos de ilustración que tenía olvidadas: este concretamente es mi primer pinito a la hora de crear/adaptar un personaje a un estilo videojuego clásico 2d. Pronto subiré nuevas versiones del resto de protagonistas de Jugadores de Fortuna, añadiéndoles más puntos de vista. Y más adelante quizás haga algo con Flash...

PD: ¿Existe alguna denominación para el pixel-art que no sea pixel-art? Es un término bastante detestable, un eufemismo al estilo "novela gráfica" que trata de dignificar la creación de gráficos pixelados añadiéndole la odiosa coletilla "arte".

PD2: El próximo sábado saldrá publicado en El Pequeño Libro de Notas la primera parte del especial de navidad de Jugadores de Fortuna. Una tira que -si bien está mal que yo lo diga- está quedando bastante chula.

 

Alicia

Entre ayer y hoy he recuperado este trabajo de ilustración del año pasado que nunca llegué a terminar, y consistía en reinterpretar el clásico de Lewis Carroll. He coloreado experimentando con técnicas que no había utilizado antes: combinando Paint Tool Sai con Photoshop, y trabajando siempre en escala de grises para luego aplicar cambios en la colorimetría (siguiendo un poco el ejemplo de mi ex-profesor Pascual Ferry o Salvador Larroca).

Portada para “Licor del Mono 2″

Mis compañeros de segundo de Art Grafic hemos montado un fanzine hace unos meses. El éxito de aquella propuesta (se vendieron todos los ejemplares el primer día) nos ha animado a realizar un segundo número, esta vez aprovechando el tironazo del Salón del Manga de Barcelona. La portada es de mi compañero: el muy prometedor Hector Molina, y el color mío. También retoqué algo la linea, añadiendo un poco de detalle y la maquetación, pero evitando entrometerme demasiado, por lo que sigue siendo una portada 100% Hector Molina… Aquí tenéis una muestra del trabajo de lápiz y color.

En cuanto al fanzine, aquí tenéis toda la información. Yo soy el principal responsable -junto a Hector, alma mater del proyecto-coordinando el material, maquetando y torturando a los rezagados que se retrasan en la entrega: es terriblemente agotador. Al menos en este número tengo un cómic de 5 páginas (El Farsante) y una ilustración que ya habéis visto por aquí. Así que si os pasáis por el stand de la Joso, preguntad si tienen un poquito de Licor del Mono. Rápido, que solo hay 200 ejemplares a la venta.

Bocadillos (Globos de texto) profesionales con Photoshop

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.

Jugadores de Fortuna #1

logo Les recuerdo: Jugadores de Fortuna, página de cómic con temática videojueguil escrita por Danda y dibujada por un servidor. Cada dos semanas tendréis una nueva entrega en El Pequeño Libro de Notas, sucesor digital y espiritual del desaparecido “El Pequeño País” de periodicidad semanal y contenidos para todos los públicos. Esta vez presentamos a Sito, auténtico protagonista de la serie: lo que le ocurre en esta tira determinará el rumbo de la serie.