Tutorial Dibujando a Willy Wonka

Hola Stemians Espero estén muy bien, en este post quiero traerles el proceso de creación de este dibujo del personaje de Willy Wonka, la finalidad de este y quizá próximos vídeos es que todos podamos aprender a usar herramientas como html y css, asi que espero que puedas disfrutar del proceso donde explico como crear este dibujo.

---

Quiero agregar que hacer este dibujo me tomo bastante trabajo realizarlo, por lo que el vídeo original demora mucho y he decidido acelerarlo para que puedas disfrutar del proceso.

Proceso.

Tamaño del lienzo.

Como explico en el vídeo lo primero que debo tener son las herramientas para trabajar y crear mi dibujo en este caso son un editor de texto yo utilize Visual Studio Code, recomiendo que en el escritorio de tu maquina crees una carpeta, yo le he puesto por nombre willywonka y inicio importes ese carpeta.

Una ves creada la carpeta debes crear los archivos, como puedes apreciar en parte inferior del capture allí puedes crear los nuevos archivos index.html y style.css, debes linkear los estilos como lo explico en el vídeo.

Teniendo ya los archivos y la estructura creada con los div correspondientes los valores que he utilizado para darle el tamaño al lienzo es width: 350px;,height: 500px;.

El Sombrero.

Luego de aplicar el reset, procedo a comenzar por el la parte superior dando los estilos correspondientes para que tome la forma correcta y la posición en que centrare el dibujo.

Para Cada contenedor le doy el tamaño que requiere y el color correspondiente para que todas las partes concuerden esos mismos valores hay que tenerlos en cuenta para ir dándole proporciones iguales a el resto del cuerpo y no quede deforme.

El rostro

Luego de tener lista la zona del sombrero lo mas difícil es el rostro ya que hay que cuidar los detalles, como puedes ver las proporciones son similares a las del sombrero.

El Cuerpo.

Lo siguiente que me todo literal un día realizar fue el cuerpo ya que hay muchos detalles también, por lo que es necesario ir probando valores he ir corrigiendo.

Final

Lo ultimo es la parte inferior y agregar detalles en la ropa para que todo finalizara como se esperaba.

Mira El Proyecto Aquí...!!!

Gracias Por haber llegado al final del vídeo y del post en general espero te halla gustado y disfrutado del proceso de creación de este dibujo que aunque es con código y de manera digital también requiere de esfuerzo y conocimiento déjame tu apoyo votando mi post, me ayudaría bastante a seguir motivado y no dejes de seguirme para ver mas contenido similar.