¿Cómo hacer Pixel Art? [Tutorial.]
[Imagen de mi autoría]
En esta guía no te enseñaré cómo descargar o instalar el programa, para ello puedes ver este vídeo, o buscarlo por tu cuenta. ¡Hay infinidad de tutoriales al respecto! Aclaro que el vídeo que enlazo no me pertenece y todos los derechos de este pertenecen a su autor o autora.
Lo que sí te enseñaré será la configuración del Sai para trabajar el Pixel Art; medidas, atajos del teclado, formatos de guardado, etcétera. Además contarás con pequeñas descripciones en forma de cita si lo veo necesario. Estas citas podrás encontrarlas al final de un párrafo con un número al lado. Así[0]:
[0] Así: Este es el ejemplo de la cita. Acá describo un concepto que pueda resultar difícil de entender.
Sin mucho más que añadir te dejo el formato del post.
- Configuración de Sai.
- Carpetas y capas.
- Bocetos.
- Lineart.
- Colores.
- Resultado final.
- Fuentes.
[1] Combinación de teclas: Consiste en pulsar dos o más teclas a la vez para generar una acción específica dentro del programa. A pesar que esta combinación incluye un más (+) en su descripción NO debes pulsar la tecla más (+), sólo basta con las demás teclas mencionadas, en este caso ALT y W. A partir de ahora la combinación de teclas estará encerrada en un paréntesis ().
[Imagen de mi autoría. Captura de pantalla]
[2] Lienzo: Es el área que se puede trabajar. Un lienzo consta de innumerables capas u hojas, y toda acción que realices con la herramienta pincel se verá reflejado en él.
[Imagen de mi autoría. Captura de pantalla.]
[Imagen de mi autoría. Captura de pantalla.]
[Imagen de mi autoría. Captura de pantalla.]
Para crear una Nueva Capa o Grupo de Capas debes hacer clic en los íconos que te enseño abajo, o puedes ir a la opción Capa (ALT + L) – Nueva Capa (N) o Nuevo Grupo de Capas(S). Si quieres cambiar el nombre de una capa o carpeta, debes hacer doble clic sobre estas.
[Imagen de mi autoría. Captura de pantalla.]
[Imagen de mi autoría. Captura de pantalla.]
[Imagen de mi autoría. Captura de pantalla.]
Boceto digital: Se crea una vez hayas construido el lienzo, para ello debes utilizar la herramienta Bolígrafo y hacer tu dibujo a base de referencias o si gustas por tu propia mente. Una referencia puede bien ser otro dibujo, una figura, una foto, imagen, etcétera. Mis dibujos suelo hacerlos mentalmente, o con referencias de figuras u dibujos ya existentes. Ojo, el hecho de usar referencias no significa que se deba copiar el trabajo de alguien más y proclamarle como propio.
[Imagen de mi autoría. Captura de pantalla.]
[Imagen de mi autoría. Captura de pantalla.]
[3] Sprite: Es un mapeado de píxeles en 2D. En otras palabras, es un Pixel Art ya creado para ser empleado en un videojuego, vídeo, imagen, etcétera para representar algo en concreto.
[Pixel Art de mi autoría. Captura de pantalla.
[Imagen de mi autoría. Captura de pantalla.]
[Imagen de mi autoría. Captura de pantalla.]
[Imagen de mi autoría. Captura de pantalla.]
[Imagen de mi autoría. Captura de pantalla.]
Si deseas cambiar de una ventana a otra puedes hacerlo en la barra de navegación o pulsando CTRL + Tabulador.
[Imagen de mi autoría. Captura de pantalla.]
[Imagen de mi autoría. Captura de pantalla.]
[4] Formato: Es la forma en que un archivo es guardado, y lo que permite a los programas trabajar con este. También es conocido como extensión. Usualmente no es visible para el usuario a menos que se elija otra opción para el guardado.
[Imagen de mi autoría. Captura de pantalla.]
Una vez en el programa seleccionamos Archivo – Abrir, buscamos nuestra imagen y damos a la opción Imagen – Tamaño de la imagen. Como notarás se abrió una ventana nueva, ahí puedes cambiar las medidas de tu imagen (redimensionar), para que esta no pierda calidad debes colocar la opción: Por aproximación (conservar bordes definidos). Tras haber redimensionado, haz clic en Archivo y Guardar cómo, selecciona nuevamente el formato .PNG y pulsa OK.
[Imagen de mi autoría. Captura de pantalla.]
100x100
500x500
100x100
500x500
Bueno, eso es todo para esta guía, espero que haya sido de tu agrado y te haya enseñado cómo trabajar el Pixel Art, si tienes dudas u opiniones puedes dejar un comentario al respecto. ¿Qué? ¿Qué cómo hice la animación? Eso tendré que enseñarlo, si gustas, en otro tutorial. ¡Saludos!
Such a detailed and great posting!! Liked this article and its nicely written. Btw can u check my newest megaman article too, thanks! Upvoted.
Que buen post. gracias por compatir.
Genial post, de verdad... para mi que no sé manejar paint tool sai jajajaajaja. Gracias por tus explicaciones, son muy buenas. ¡Síguele, me gusta muchísimo lo que haces!
You got a 2.70% upvote from @mercurybot courtesy of @shirani!
Excelente explicaciòn, muy bien detallada, muy pulcro, se ve la dedicaciòn que le has puesto, gracias por compartirlo, saludos 😉
Excelente post, no tengo nada que agregar esta excelente el uso de imágenes, la maquetación, la explicación.
Te felicito
You got a 3.31% upvote from @upmyvote courtesy of @shirani!
If you believe this post is spam or abuse, please report it to our Discord #abuse channel.
If you want to support our Curation Digest or our Spam & Abuse prevention efforts, please vote @themarkymark as witness.