Animación Pixel Art: The Drifter. -|Hyper Light Drifter|-

@shirani · 2018-05-16 16:25 · spanish

Animacion_Drifter.gif


Heart_Tutorial.gifHeart_Tutorial3.gifShirani_DA_v2_x2.gifHeart_Tutorial4.gifHeart_Tutorial5.gif


![Buenas2.png](https://steemitimages.com/DQmQ4VR8SWexicykFw5yKQMqnSAYZWfZby4tZTaFk8wr1Wv/Buenas2.png) Hoy les presentaré mi más reciente Pixel Art: The Drifter del videojuego Hyper Light Drifter, les comentaré rápidamente cómo hice cada parte de la animación y por supuesto la impresión que ha dejado en mí el juego. Al final del tema encontrarás la animación terminada

La obtención de esta joya fue gracias a mi novia, es un regalo de cumpleaños. Este videojuego es un indie, lo que significa que está hecho por una compañía o grupo de personas de forma independiente, sin estar relacionados con las grandes empresas; como lo serían Nintendo o Sony, y sin recibir ayuda de las mismas.

TODAS las imágenes que ves en este post son de mi autoría. Ya sea porque yo las hice o dibujé.


Heart_Tutorial.gifHeart_Tutorial3.gifShirani_DA_v2_x2.gifHeart_Tutorial4.gifHeart_Tutorial5.gif


https://steemitimages.com/DQmZjA9WHBm12qzvhJWDzcPKG3eS7NwARpLAVwxseMciWK1/OnlyDrifter.gif
Para construir al protagonista usé como guía los modelos que ya existen en el juego. Tenía pensado hacerle corriendo porque me pareció sencillo animar al depender solamente de dos cosas: El personaje en un solo lugar y el escenario moviéndose. Para esto usé un total de doce (12) dibujos diferentes, en cada uno de estos el personaje va cambiando de a poco para simular su movimiento. Cabe destacar que a pesar de usar de guía los modelos ya existente, hice algunos cambios que veía necesarios para mejorarle.

Heart_Tutorial.gifHeart_Tutorial3.gifShirani_DA_v2_x2.gifHeart_Tutorial4.gifHeart_Tutorial5.gif


https://steemitimages.com/DQmdh2KU56jR1EgLmDyiTF9N24BzvNKJDKpY7UuJ3W2K7f2/DrifterFondo.gif
Mi reto más grande fue el fondo, sobre todo porque estos se me dan extremadamente mal. Sin embargo, no le di muchas vueltas y se me ocurrió inspirarme en una de las zonas del juego (la del lado izquierdo del mapa). La zona en sí tiene muchos árboles de tonalidades moradas, un suelo lleno de vegetación y para mí, un ambiente oscuro y frío, por lo que se me ocurrió que era buena idea hacerlo de noche. Los colores de las flores que se ven en el suelo están inspirados en mi novia: Rosado porque amo ese color por su culpa, y amarillo porque es el color de los girasoles, una flor con gran significado para ella. El fondo es sólo una imagen estática enorme, para crear un efecto de movimiento desplacé manualmente éste en Photoshop, lo hacía unas nueve o diez veces hacia la izquierda conforme la imágen del protagonista cambiaban.
![FondoLargo.png](https://steemitimages.com/DQmSGk4bUTyod7VTVXmUDzSik2AyDFReYAAtjFVq3w3SAvA/FondoLargo.png)
Este es el fondo completo, al principio era sólo un dibujo pequeño que posteriormente decidí duplicar varias veces, incluyendo algún que otro detalle para simular una diferencia entre los árboles y arbustos. Si se fijan en esta imagen y la animación, notarán que ni el inicio ni final se ven en ésta. Concluí con el añadido del robot compañero del protagonista, las sombras y el polvo que deja al correr. Sinceramente me siento muy alegre con este pequeño homenaje que le quise dedicar.
![FondoLargo2.png](https://steemitimages.com/DQmNMxesXxPgtq9VzzjNT6H2x1DqpA25cFPsE8w5oKMS1XZ/FondoLargo2.png) ______________________ ![Heart_Tutorial.gif](https://steemitimages.com/DQmeck558oZN6tYsa9Q4nnCMzKPjzvQRsPx3AHkCmmuxZzg/Heart_Tutorial.gif)![Heart_Tutorial3.gif](https://steemitimages.com/DQmWYiGdoReE3uCUHk7sWf8ankEGJY6xiS1AMxeu49p5pTE/Heart_Tutorial3.gif)![Shirani_DA_v2_x2.gif](https://steemitimages.com/DQmeQL3qWCLzbVwRzj8RzUQZeD1QjSQaCdjdWy8mqPqMgYF/Shirani_DA_v2_x2.gif)![Heart_Tutorial4.gif](https://steemitimages.com/DQmSt4UuFeSRyCdTuk4BGzBgwBMpRsFTTVTwo2SLLoho59S/Heart_Tutorial4.gif)![Heart_Tutorial5.gif](https://steemitimages.com/DQmVKTpg3mxvdCMgc88Yt9BrAAvAEZEpzokh6o9xQwm8NEt/Heart_Tutorial5.gif) ______________________
Ahora les comentaré el impacto que dejó el videojuego en mí: Tras varias horas de juego, 14 para ser exactos, quedé totalmente fascinado con lo que se me entregó. La historia es presentada por imágenes, los paisajes son hermosos, los enemigos entretenidos y la curva de dificultad depende totalmente de ti. Tú decides a dónde ir, cómo enfrentar a los enemigos, qué secretos descubrir. Sin duda alguna te da todas las herramientas necesarias para explorar el mundo e indagar qué ha sucedido. Otro regalo maravilloso del cual estoy agradecido.

* Personaje: The Drifter. * Origen: : Hyper Light Drifter. * Programa para dibujar: Easy Paint Tool Sai. * Programa para animar: Photoshop CS6 Portable. ![Drifter2_x5.gif](https://steemitimages.com/DQmVSyRYDfPZm25iDwHXL7TJvo7NnoZgtjWziTeYJDiwZCv/Drifter2_x5.gif) 500x250 ______________________ ![Heart_Tutorial.gif](https://steemitimages.com/DQmeck558oZN6tYsa9Q4nnCMzKPjzvQRsPx3AHkCmmuxZzg/Heart_Tutorial.gif)![Heart_Tutorial3.gif](https://steemitimages.com/DQmWYiGdoReE3uCUHk7sWf8ankEGJY6xiS1AMxeu49p5pTE/Heart_Tutorial3.gif)![Shirani_DA_v2_x2.gif](https://steemitimages.com/DQmeQL3qWCLzbVwRzj8RzUQZeD1QjSQaCdjdWy8mqPqMgYF/Shirani_DA_v2_x2.gif)![Heart_Tutorial4.gif](https://steemitimages.com/DQmSt4UuFeSRyCdTuk4BGzBgwBMpRsFTTVTwo2SLLoho59S/Heart_Tutorial4.gif)![Heart_Tutorial5.gif](https://steemitimages.com/DQmVKTpg3mxvdCMgc88Yt9BrAAvAEZEpzokh6o9xQwm8NEt/Heart_Tutorial5.gif) ______________________

¡Y eso es todo! Si te ha gustado la animación que he realizado me gustaría saber tu opinión, ¿algún videojuego del cuál quieras comentarme tu anécdota? Estaré encantado de leerte. Si quieres aprender a hacer letras, animaciones, firmas y demás cosas como las que ves en mi post, en mi blog te enseño cómo crearlos. Recuerda que TODAS las imágenes que ves acá son de mi autoría, yo las hice. También te invito a visitar mi DeviantArt por si gustas ver mis otras ilustraciones. ¡Gracias por leer!

![Saludos2.png](https://steemitimages.com/DQmV7Lx1TXgzoLfb8qCGKVhj2ny9P8xoX7hfC8y2uSCZ56b/Saludos2.png) _________________________ ![Firma_Gif_1.gif](https://steemitimages.com/DQmZgkgaZv68i7XzgvFxvGoDRFZ4NZjLpUtsZZTHusMadGC/Firma_Gif_1.gif)

#spanish #cervantes #art #drawing #gaming
Payout: 0.000 HBD
Votes: 85
More interactions (upvote, reblog, reply) coming soon.