miércoles, 29 de junio de 2011

Tus imágenes con aspecto Game Boy (Tutorial)

Después del fabuloso C64 Yourself, somos muchos los que ya no podemos dejar de utilizarlo. Es genial ver nuestras fotos pixelizadas al momento de una manera tan sencilla y automática.

Pero, existen otros filtros retro? Que yo conozca, ninguno tan automático como el anterior, pero siguiendo unos sencillos pasos, podremos recrearlos nosotros mismos con Photoshop. (Gracias por la idea Roy)

En este tutorial, modificaremos una imagen de Joker. Este es el resultado final:




Podría pasar perfectamente como una imagen de Game boy verdad? Todo lo que necesitamos (además de un mínimo de ganas) es la paleta de 4 tonos verdes y una buena imagen.

Es un tutorial MUY sencillo. Os animo a probarlo.

Completo después del salto.




Lo primero es escoger una imágen. Es recomendable que para la primera prueba, uséis una figura sencilla y a ser posible con el fondo oscuro.

Además. es recomendable que esté bien contrastada y no tenga excesos de sombra. Es este punto parecerá que hay muchas trabas, pero en realidad son unos consejos para que de buenas a primeras consigáis un buen resultado.

Mi foto escogida será esta:



La clave para conseguir el efecto es utilizar una paleta de colores personalizada. Además queremos que nos sustituya los tonos verdes por todos los colores que hay en pantalla de manera automática.

Para ello el siguiente paso es ir a la ventana de 'Imagen' > 'Modo' > 'Color Indexado'




Nos aparecerá una ventana nueva y en apartado de 'Paletas' elegimos 'Custom' y pulsamos Ok.

A continuación nos saldrá la lista de colores que contiene la imagen hasta un máximo de 256 (si la imagen tiene más colores, la adaptará automáticamente)




Antes de seguir, nos bajaremos una paleta creada especialmente para tal menester. Contiene los 4 colores considerados standard de Game boy.


No importa en que carpeta lo pongamos. Pulsamos 'Load' y buscamos el archivo. Veremos la siguiente ventana:




Ya tenemos lista la paleta. Al pulsar OK, veremos nuestra imagen en tonos verdosos. Prácticamente ya estamos.

Ahora en la parte de abajo podemos jugar con el 'Dither'. Recomiendo unsar el modo 'Difusión' y darle un valor bajo para que no quede una imagen demasiado granulada.




Este resultado ya es muy bueno. Con esos sencillos pasos ya tenemos nuestra imagen con una paleta limitada a cuatro colores, pero si queremos ser un poco más detallistas ahora tocaría pixelizarla un poco.

La manera correcta es cambiar el tamaño del conjunto.

En este caso la he reducido a 100 pixels de ancho.




Ahora tenemos la imagen pixelada ya que hemos destruido información al reducirla. El último paso es volver a agrandarla. Para ello volvemos al paso anterior pero esta vez ponemos 500 pixels de ancho, por ejemplo.




Y voliá, ya tenemos nuestro Joker pixelizado al estilo Game Boy. 

Como veis, es muy sencillo. Si evitamos este último paso de pixelizar, los resultados serán casi siempre perfectos. Pero si queremos acabar hasta el final, deberemos ir probando las opciones de 'Dither' y asegurarnos de que los niveles de contraste sean claros para que no tengamos un resultado extraño o demasiado inteligible.

Ahora es cuestión de ir probando, yo por ejemplo he realizado un par más de pruebas:



Ahora que estoy tan enganchado al juego de zombies por exceléncia, me pregunté que pinta tendría la pantalla de inicio de Left 4 Dead en una Game boy. Me imagino que podría haber sido algo así.



Como fan acérrimo de Daft Punk, no he podido evitarlo. Ahí están es su versión más ochobitera. Aprovecho para añadir el link de uno de sus discos en versión Chiptune.

  Da Chip!
(P.D: El link ya no funciona pero puedes encontrar los temas por youtube sin problemas)

Espero que os haya gustado y sobretodo que alguien se anime a intentarlo. Cualquier duda ya sabéis que me podéis preguntar. 

Espero vuestros resultados en Pixelsmil@gmail.com.

19 comentarios:

  1. Genial el turorial :)
    Como siempre digo, es un placer pasar por aquí y aprender tantas cosas nuevas.
    A ver si saco tiempo y lo pruebo.

    ResponderEliminar
  2. @Old School Generation
    Me alegro de que pienses así :D Si te animas, envíame el resultado sobretodo!

    @Sir Balsameda
    Un placer. Gracias por comentar!

    ResponderEliminar
  3. Gracias Toni, aunque cualquier cosa que yo pudiera hacer sería cutre en comparación con tus obras.
    De eso no me cabe ninguna duda.

    Adol3, er photoshó é un inztrumento que zirve pa ponerle laz tetaz máz graaaande a la señorita Obregón - y demás fauna - :p

    ResponderEliminar
  4. Que vá, no te pienses que tampoco domino el Photoshop como me gustaría, eso sí, para hacer mis tonterías me vale XD

    Anda Adol3, a ver si te animas a trastearlo algún dia! ;P

    ResponderEliminar
  5. Que va, yo con mi Linux no me apaño, como para darle al fotoshó. Eso si, con mi móvil, cuando me pongo al retoque... xD

    ResponderEliminar
  6. Genial!. otra forma de tirarme 4 horas delante del Pc y que mi mujer no entienda lo que consigo :).
    Quiero toda mi carpeta asi.
    O cmo C64.

    ResponderEliminar
  7. Pues ha quedado muy bien, mejor de lo que esperaba, esa imagen del Left 4 Dead es muy grande :D
    Ojalá hubiera un programa que automatizara el proceso para los vagos como yo xD

    Y gracias por la mención Toni, me alegra que mi paranoia sirviera para algo.

    ResponderEliminar
  8. @linfocito
    jaja bueno, en realidad a la que configuras la paleta, luego ya solo.

    @Roy Ramker
    Como digo, la primera vez es la que se tarda algo más, luego se tardan unos segundos cada foto.

    Gracias a ti por la idea!

    ResponderEliminar
  9. Cómo mola ^^ eres un crack en esto.

    ResponderEliminar
  10. La cosa es que con los tutoriales lo puede hacer cualquiera!

    ResponderEliminar
  11. Joder, ¡qué buena idea! :O Voy a poner todas mis fotos a 8 bits :D:D:D

    ResponderEliminar
    Respuestas
    1. Y bien facil que es verdad? Si quieres un aspecto a lo c64, directamente c64 yourself!

      Eliminar
  12. wow, que buen tutorial.
    Y además conoces la compilación Da Chip!

    ResponderEliminar
  13. perdon, yo me acordaba que tambien habiasn posteado las paletas de snes y sega.... pero no encuentro el post

    ResponderEliminar
    Respuestas
    1. Hola Pancho, pues la verdad es que no recuerdo haber colgado esas paletas. Quizás te confundes o lo mismo las pusiera de refilón viniendo al caso en algún artículo. De todas maneras, seguro que en un golpe de Google las encuentras sin problemas ;)

      Eliminar

Gracias por comentar!