COMMENT FAIRE DU PIXEL ART FACILEMENT ? TUTORIEL

¿CÓMO HACER FÁCILMENTE PIXEL ART? TUTORIAL

Buenos dias ! Esta vez les traigo un tutorial para hacer Pixel Art fácilmente, donde hablaré de cómo trabajo con esta técnica.

Es importante destacar que a pesar de la existencia de varios programas para hacer lo que enseñaré, me enfocaré exclusivamente Herramienta de pintura fácil Sai (ahora llamado Sai), porque considero que es un programa básico, de fácil acceso y versátil que te permite trabajar las diferentes ideas que puedas tener sobre el dibujo.

Es, literalmente, un programa ideal para un diseñador o ilustrador.

En esta guía, no te enseñaré cómo descargar o instalar el programa, para eso puedes ver este video, o encontrarlo tú mismo, ¡hay muchos tutoriales sobre esto! Especifico que el video que leo no me pertenece y que todos los derechos de este pertenecen a su autor.

Lo que les voy a mostrar será la configuración del Sai para trabajar con Pixel Art; medidas, atajos de teclado, guardar formatos, etc. Además, contarás con pequeñas descripciones en forma de cotización si lo considero necesario. Estas citas se encuentran al final de un párrafo con un número al lado. Así [0]:

[0] Así: aquí está el ejemplo de la cita. Aquí estoy describiendo un concepto que puede ser difícil de entender.

Sin añadir demasiado, os dejo con las distintas etapas que veremos juntos:

  • Configuración de Sai.
  • Carpetas y capas.
  • Bocetos.
  • Arte lineal.
  • Colores.
  • Resultado final.
  • Fuentes.
manta de panda

CONFIGURACIÓN SAI

Una vez descargado el programa, podemos comenzar. A continuación se muestra una captura de pantalla que le permitirá ver cómo tengo mi Sai. Si hay algo diferente al tuyo, puedes cambiar el aspecto haciendo clic en la opción Ventana o con la combinación de teclas [1] ALT + W, es simplemente estético; depende de cómo desee su programa.

[1] Combinación de teclas: consiste en presionar dos o más teclas a la vez para generar una acción específica dentro del programa.

tutorial fácil de pixel art

Aunque esta combinación tiene un signo más (+) en su descripción, NO debe presionar la tecla más (+), solo las otras teclas mencionadas son suficientes, en este caso ALT y W. Ahora la combinación de teclas estará rodeada. con un paréntesis ().

Ahora debe crear un nuevo lienzo [2], para eso vaya a Archivo (ALT + F) y seleccione la opción Nuevo (CTRL + N). Tendrás una ventana emergente donde deberás definir las dimensiones del lienzo, es decir el tamaño de tu superficie a trabajar.

Dado que Pixel Art debe ser pequeño, debe colocar medidas de menos de 250 píxeles de ancho y alto, y con 72 píxeles de resolución. Trabajo con lienzos que tienen menos de 150 píxeles, porque creo que de esta forma el efecto del Pixel Art se ve aún mejor. A continuación se muestra un ejemplo de la configuración.

[2] Lienzo: esta es el área en la que podemos trabajar. Un lienzo se compone de innumerables capas u hojas, y cualquier acción que realice con la herramienta Pincel se refleja en él.

tutorial fácil de pixel art 2

Como notarás que el lienzo parece demasiado pequeño, ¡no te preocupes! Puede hacer zoom con la rueda del mouse o con la combinación CTRL + +. También puede alejarse del lienzo y moverse con las barras de navegación del programa.

tutorial fácil de pixel art 3

El último paso a hacer es configurar las herramientas con las que vamos a trabajar: Borrador, bolígrafo y binario. Para hacer esto, debe ir a su área respectiva, hacer clic izquierdo en uno de ellos y cambiar su tamaño en el cuadro a continuación. También puede usar la combinación ALT + CTRL y mover el cursor hasta obtener el tamaño que desea. Todas estas herramientas de dibujo deben ser de tamaño uno (1p).

tutorial fácil de pixel art 4

ARCHIVOS Y CAPAS

Una capa es la hoja de dibujo en la que trabajará, el programa le permite manipular varias hojas y cada una es individual hasta que las combine. Esto significa que si en la Capa 3 hiciste los ojos de dibujo, solo la Capa 3 tendrá esos ojos a menos que los dibujes en otra capa.

El uso de varias capas le permite trabajar cómodamente y, si comete un error, no tiene que eliminar las partes del dibujo que desee. Además, puede crear carpetas (grupo de capas) en las que puede guardar cualquier número de capas, por lo que es más fácil encontrar las capas con las que desea trabajar.

Para crear una nueva capa o un nuevo grupo de capas, debe hacer clic en los iconos a continuación, o puede ir a la opción Capa (ALT + L) - Nueva capa (N) o Nuevo grupo (s) ) de capas. Si desea cambiar el nombre de una capa o carpeta, debe hacer doble clic en ella.

tutorial fácil de pixel art 5

Tenga en cuenta que cada nueva capa se superpone a la anterior. Esto significa que todo lo que haga en la Capa 4 se verá además de lo que hizo en la Capa 3, pero eso no significa que si elimina algo de la Capa 4, también se eliminará en la Capa. 3.

tutorial fácil de pixel art 6

Si desea ocultar una capa o un grupo de capas (lo que haremos más adelante), haga clic en el ojo al lado. De esta forma, esta capa no se mostrará en el lienzo.

tutorial fácil de pixel art 7

Bocetos

El boceto es la parte más importante. Nos permite guiarnos en el dibujo de las líneas, y con él puedes crear una base de cómo quieres que se vea el diseño. Hay tres tipos de bocetos:

Boceto digital: se crea una vez que has construido el lienzo, para eso tienes que usar la herramienta Pluma y hacer tu dibujo en base a referencias o si quieres por tu propia mente. Una referencia puede ser otro dibujo, figura, foto, imagen, etc. Normalmente hago mis dibujos mentalmente o haciendo referencia a figuras o dibujos existentes.

tutorial fácil de pixel art 8

Tenga en cuenta que el uso de referencias no significa que tenga que copiar el trabajo de otra persona y proclamarlo como suyo.

Boceto tradicional: Si no tiene una tarjeta gráfica o le resulta aburrido trabajar con el mouse para dibujar, puede hacer el dibujo a mano, escanearlo y agregarlo a su lienzo.

Para agregar el dibujo, debe copiarlo fuera del programa (CTRL + C o clic derecho - Copiar) y pegarlo en el lienzo con CTRL + V.Cuando haga esto, su dibujo será muy grande en comparación con el lienzo, vaya en la opción Capa (ALT + L) y seleccione Transformar (CTRL + T), una vez hecho esto, cambie el tamaño de su dibujo arrastrando los bordes hasta que tenga el tamaño correcto.

tutorial sencillo de pixel art 9

Bosquejo externo: Si solo desea practicar el pixel art sin hacer su propio boceto, puede usar una imagen que no sea la suya. Esta imagen puede ser un dibujo u otro sprite [3], para agregarlo a tu lienzo debes hacer el mismo proceso que el boceto tradicional (CTRL + V) o verlo como referencia.

Recuerda que si la fuente del pixel art no es tuya, debes indicar su lugar de origen. Los consejos dados por este método no deben ser una excusa para el plagio.

[3] Sprite: este es un mapa de píxeles en 2D. En otras palabras, ya está creado Pixel Art para usar en un videojuego, video, imagen, etc. para representar algo específico.

tutorial fácil de pixel art 10

ARTE LINEAL

Una vez que tenemos nuestro boceto, necesitamos crear una nueva capa yendo a la opción Capa (ALT + L) y Nueva Capa (N). En este trabajaremos en el dibujo de las líneas, pero primero tenemos que seleccionar la capa anterior (la del boceto) y bajar la opacidad para que sea menos visible y que podamos diferenciar nuestra línea de pantalla del boceto.

En el linealoscopio, es muy importante utilizar la herramienta binaria de tamaño 1p, si utiliza un tamaño mayor, no creará el efecto deseado.

tutorial fácil de pixel art 11

Revisamos nuestro boceto en la nueva capa, o hacemos una copia exacta del sprite. Puede hacer las partes del cuerpo en diferentes capas o en una sola capa.

Recomiendo hacer esto en diferentes capas en caso de que necesite eliminar algo que no coincida, para que no tenga que preocuparse por eliminar lo que no debería ser. Para borrar, debe usar la herramienta Borrador de tamaño 1p o menor.

tutorial fácil de pixel art 12

Como mencioné antes, estamos trabajando en el sprite de Mega Man, lo que hace que solo creemos el contorno exactamente como se ve.

tutorial fácil de pixel art 13

Cuando la pantalla esté completa, no olvide ocultar la capa en la que dibujó para que ya no se proyecte en el lienzo.

COLORES

Sai tiene una amplia gama de colores. Para seleccionar un color, todo lo que tiene que hacer es hacer clic izquierdo en la rueda de colores o en el cuadro correspondiente. Como antes, es buena idea crear un grupo de capas (ALT + L) (S) para que todo sea más cómodo, una vez finalizado este paso solo queda pintar con la herramienta binaria.

tutorial fácil de pixel art 14

Al pintar pixel art, es importante prestar atención a los colores de referencia, para que el pixel art sea más fiel al personaje o paisaje original.

Si no obtiene el color exacto, puede abrir su referencia con el Sai en otra ventana con la opción Archivo (ALT + F) y Abrir (CTRL + O), una vez que lo haya hecho Simplemente seleccione su referencia y se abrirá automáticamente.

Luego, para copiar el color que desea, debe usar la herramienta de selección de color y hacer clic izquierdo, o hacer clic derecho en el área que desea, también puede usar la combinación ALT y clic izquierdo.

tutorial fácil de pixel art 15

Puedes pintar píxel a píxel o llenar todo un espacio sin problemas, depende del Pixel Art y de tu gusto.

tutorial fácil de pixel art 16

RESULTADO FINAL

Una vez terminada la pintura tendremos nuestro Pixel Art, puedes revisar el lineart con otros colores para tener un acabado más limpio. Para guardar el lienzo, haga clic en Archivo (ALT + F) y Guardar como (A), seleccione el formato [4] en el que desea guardar.

Estoy haciendo esto en .PNG y después de hacer clic en el botón Guardar, selecciono la opción 32bpp ARGB, si lo hace sin que el dibujo tenga un color de fondo, hará que su fondo sea transparente. Si guarda el lienzo solo con la opción Sai: Guardar (S), su formato será .sai y solo se mostrará en Sai.

[4] Formato: así es como se guarda un archivo y lo que permite a los programas trabajar con él. También se conoce como extensión. Por lo general, no es visible para el usuario, a menos que se elija otra opción para grabar.

tutorial fácil de pixel art 17

Para agrandar su Pixel Art, necesita usar Photoshop. Estoy usando Photoshop CS6 Portable, les dejo un video para que vean cómo descargarlo e instalarlo; no me pertenece, por lo que todos los derechos sobre su contenido pertenecen a su autor.

Una vez en el programa, seleccionamos Archivo - Abrir, buscamos nuestra imagen y le dimos la opción Imagen - Tamaño de imagen.

Como notarás que se abre una nueva ventana, allí puedes cambiar las medidas de tu imagen (redimensionar), para que esta no pierda calidad debes configurar la opción: Por aproximación (mantener bordes definidos). Después de cambiar el tamaño, haga clic en Archivo y Guardar como, seleccione el formato .PNG nuevamente y haga clic en Aceptar.

tutorial fácil de pixel art 18

Les presento My Pixel Art de Megaman con sus respectivos tamaños.

panda de pixel art
panda de pixel art 2

Y agrego esta animación que hice con Mega Man.

panda de pixel art 3

FUENTES DE CARACTERES

Todas las imágenes son capturas de pantalla tomadas por mí mismo, los programas que ves en el fondo son: Easy Paint Tool Sai y Photoshop CS6 Portable.

Vale, eso es todo por esta guía, espero que les haya gustado y les haya mostrado cómo trabajar con Pixel Art, si tienen alguna duda u opinión pueden dejar un comentario al respecto.

TIENDA PANDA:

EnUniverso Pandadeseamossensibilizar y educartodos los actores económicos. Al demostrar quelos pandas 🐼 son animales únicosasí como cualquier otro animal, pero también que enprotegiendo y preservandosu hábitat, salvaremos a muchosotras especies.

Te ofrecemos una selecciónlos mejores pijamas, monos, tazas, llaveros,pelusa, zapatillas y adornossobreel tema Panda.

¡Únase a nosotros pronto!

🐼¡Disfruta de un 15% de descuento en tu primer pedido con el código BLOG15!

panda de peluche

Dejar un comentario

Por favor tenga en cuenta que los comentarios deben ser aprobados antes de ser publicados