Introducción

¡Hola! Mi nombre es Hira Karmachela, también conocida como BABE ODED. En esta publicación, compartiré consejos para hacer pixel art urbano con primitivas 3D en Clip Studio Paint. Estoy seguro de que todos los que están leyendo este artículo conocen muy bien las ventajas de CSP sobre otro software de gráficos.

 

Según mi experiencia en el uso profesional de CSP, este software ha satisfecho por completo todas mis necesidades gráficas tanto para dibujar como para diseñar. No solo eso, CSP también es muy capaz de hacer webtoons, cómics y animaciones. Todo gracias al apoyo de una comunidad muy activa en el desarrollo de activos, materiales y tutoriales como este.

 

Espero que esta publicación sea un consejo interesante para aquellos de ustedes que buscan consejos para optimizar su tiempo de trabajo para ser más efectivos y eficientes al usar CSP.

Acerca del arte de píxeles urbanos

El Arte Urbano es un arte visual que representa la atmósfera de la ciudad desde varias perspectivas y estilos. En este caso, utilicé una técnica de pixel art para representar una atmósfera urbana.

 

Encuentro la dificultad de hacer arte urbano que es determinar la perspectiva adecuada para que no se produzcan distorsiones no deseadas. Afortunadamente, CSP proporciona primitivas 3D que son simples y fáciles de usar.

 

La idea es usar primitivas 3D para crear diseños y definir primitivas como bloques de apilamiento. Después de eso, podemos rastrear fácilmente el diseño 3D que se ha organizado con un pincel de píxeles.

#1 Configuración de archivo

Comenzamos creando un nuevo archivo. Al hacer pixel art, generalmente uso un lienzo con un tamaño de 128 px por 128 px con una resolución de 72 ppp. Este tamaño es perfecto para crear imágenes lo suficientemente detalladas, ni demasiado estrechas ni demasiado anchas para organizar los píxeles.

 

Vaya a Archivo > Nuevo. Luego aparecerá un cuadro de diálogo emergente.

El siguiente paso importante en la creación de pixel art en CSP es configurar y mostrar la "cuadrícula". Vaya al menú Ver > Cuadrícula.

Verá líneas de cuadrícula en su lienzo. Sin embargo, la cuadrícula que aparece no se ajusta a las necesidades del pixel art. Por lo tanto, primero debemos ajustarlo. Vuelva al menú Ver > Configuración de la barra de cuadrícula/regla...

Aparecerá una ventana de diálogo. Establezca el punto de inicio en el centro y establezca el Gap (D) en 1px. Verá líneas de cuadrícula en el lienzo que forman pequeños cuadrados en el lienzo.

#2 Agregando Primitivos 3D

Una vez que el lienzo está listo, es hora de llevar la primitiva 3D al lienzo. Puede encontrar primitivas 3D en la sección de materiales del panel a la derecha de la pantalla. Al principio, arrastremos y sueltemos el "plano" en el lienzo.

Cuando la primitiva 3D se coloca en el lienzo, su posición cubrirá el lienzo por lo que debemos ajustarlo según nuestras necesidades. Haga clic en "Centrar objeto" en la pestaña de propiedades debajo del objeto 3D para que podamos ver el objeto 3D justo en el centro del lienzo.

En este caso, quiero que el "plano" sea paralelo a la línea de tierra. Use la herramienta Operación (Objeto) y luego haga clic en el objeto 3D (plano) hasta que aparezcan las líneas de coordenadas.

 

Tire del eje circular que se extiende en el medio hasta que el objeto quede en posición supina paralela al suelo.

Los ejes de estos objetos 3D son asombrosos y funcionan como en el software 3D. Hay tres tipos de ejes cuya función es la transformación de objetos.

 

El eje más externo tiene una flecha en forma de cubo cuya función es escalar el objeto. El segundo eje tiene forma de líneas circulares cuya función es hacer girar el objeto. El eje más profundo tiene una flecha cónica cuya función es mover el objeto.

Puede reorganizar objetos 3D y ajustar su perspectiva. Si presta atención, hay líneas de corte en la superficie del objeto. Esto se llama una estructura alámbrica. El número de estructuras alámbricas se puede aumentar en la sección "Subdivisiones" de la propiedad de la herramienta [Objeto] en el panel izquierdo de la pantalla.

#3 Apilamiento de primitivas 3D

El siguiente paso es apilar las primitivas 3D como bloques. No pienses demasiado complicado para hacer un arreglo detallado. Al principio, solo necesita organizar cubos o bloques para el diseño principal.

Convertí el cubo en un bloque y ajusté la perspectiva para que pareciera un edificio. Organice algunos bloques ajustando la posición de las capas.

Una vez que haya ensamblado algunos bloques para el fondo, vuelva a ensamblar algunas primitivas 3D para los objetos de primer plano. Por ejemplo, enlazo algunos bloques y tubos para formar un automóvil.

Luego también dispuse prismas como postes y planos como carteles publicitarios que solemos encontrar en las aceras.

El resto, puede agregar otras secuencias primitivas en 3D según sus requisitos. En mi trabajo, así es como apilo primitivos 3D que ensamble para crear una vista de paisaje urbano.

#4 Conversión de primitivas 3D en imágenes ráster

Una vez que la pila de primitivas 3D se ha ensamblado en un diseño, el siguiente paso es crear una imagen en una nueva capa encima de la capa primitiva 3D. Pero, en este caso, estoy tratando de convertir directamente una capa primitiva 3D en una capa ráster.

 

Seleccione una de las capas primitivas 3D y luego haga clic derecho> Rasterizar.

El resultado de la conversión se verá así en el lienzo.

En este caso, seguiré dibujando píxeles para producir una imagen más detallada utilizando los dibujos básicos que se han creado con primitivas 3D.

#5 Configuración de herramientas para Pixel Art

Hay varias herramientas que podemos usar para crear pixel art con configuraciones especiales. La primera herramienta, podemos usar la "Herramienta de figura", como líneas, curvas y herramientas de forma para crear objetos de píxeles precisos.

Para usar la herramienta Figura para crear arte de píxeles, debemos desactivar la función Anti-aliasing. El suavizado es una función que hace que los bordes de los objetos de imágenes digitales se vean suaves al agregar y manipular el color de los píxeles de muestra que los rodean.

Con Anti-aliasing, por supuesto, el pixel art no se verá bien. Por lo tanto, tenemos que deshabilitar esta función en el panel de propiedades de la herramienta a la izquierda. En la sección "Suavizado" hay varios niveles, selecciona "Ninguno".

 

 

Segunda herramienta, podemos usar la "Herramienta Pluma" con la subherramienta Marcador y el tipo Pluma de puntos. Este tipo de bolígrafo producirá un dibujo lineal con un grosor de 1 px para que podamos crear fácilmente objetos de píxeles orgánicos.

 

 

Tercera herramienta, podemos usar la "Herramienta de relleno" para rellenar campos de píxeles fácilmente. Seleccione el tipo Referir a otras capas para que podamos rellenar los campos superpuestos aunque sean capas diferentes. Luego, en la propiedad de la herramienta, desmarque "Suavizado" y "Escalado de área" (esta característica es casi similar al Suavizado que produce ruido en los objetos de píxeles).

 

 

Cuarta herramienta, por supuesto, necesitamos la "Herramienta Borrador" para borrar píxeles innecesarios en el trabajo. Seleccione el tipo "Vector" para borrar los píxeles sin dejar rastro y en la sección "Suavizado" hay varios niveles, seleccione "Ninguno".

 

 

El resto podemos utilizar otras herramientas según sea necesario.

#6 Dibujar píxeles

Ahora hagamos una fiesta de píxeles. Comenzamos desarrollando un diseño existente con píxeles de colores. Con un diseño prefabricado que utiliza primitivas 3D, hace que el proceso de disposición de píxeles sea más fácil para crear una determinada perspectiva.

Como en el ejemplo anterior, solo sigo las líneas de diseño existentes para dibujar píxeles para formar el edificio y la acera como fondo.

Después de dibujar el fondo, continúe dibujando píxeles para los objetos que se encuentran frente a él. Configure el esquema de color especificando el color de las sombras y los colores claros.

#7 Representación

Antes de renderizar y publicar esta animación. Permítame recordarle que esta animación tiene unas dimensiones de 128 px por 128 px. De modo que si lo renderizamos de inmediato, el resultado que podemos ver será de este tamaño.

 

 

Para eso, necesitamos cambiar su tamaño primero. Vaya a Editar > Cambiar resolución de imagen de imagen. Aparecerá la ventana de configuración de la resolución.

 

 

Cambia el ancho a 1024px y la altura a 1024px. Luego cambie el método de Interpolación a Bordes Duros. Luego, la imagen se ampliará sin destruir la disposición de píxeles.

 

Ahora, renderiza esta imagen. Vaya a Archivo > Exportar (capa única) > seleccione el formato/extensión de archivo que necesita. Especifique un directorio de almacenamiento.

 

 

Intento seguir desarrollando este trabajo hasta que se convierta en una animación como la siguiente.

¡OK! Eso es todo lo que puedo compartir. Espero que sea útil y por favor ayúdenme a hacer más consejos.