Cómo hacer un filtro Pixel Art en CSP

14 371

マナ|Mana

マナ|Mana

¡Hola! ¡Hablemos sobre cómo crear pixel art en Clip Studio Paint usando filtros!

Haré un Pagedoll para este tema. Y usaré CSP PRO, puedes usar la versión EX, funciona igual. Los archivos CLIP o los archivos del proyecto estarán disponibles para descargar para que pueda seguirlos o probarlos usted mismo.

Haremos algo como esto:

La versión de video está aquí abajo:

También hice una versión SHORT-Shortcut del mismo tutorial; porque el video original tiene muchas explicaciones, parece abrumador.

⭐ Esta versión no tiene voz en off ni explicación dura. Solo explicaciones básicas

 

Aquí está:

¿Qué es un Pagedoll?

Los Pagedolls son como pequeñas piezas de arte que la gente usa para decorar sus páginas (DeviantART, Toyhou.se, etc.)

 

Mi Pagedoll es mi tipo de pastel de arroz al vapor.

No hay reglas de estilo artístico para pagedolls, solo tiene que ser pequeño.

 

Pero las formas más comunes de hacer pagedolls son el pixel art.

Entonces haremos algo así para este tema.

Prepara tu imagen

Lo primero es lo primero, abramos nuestra imagen.

Recomiendo usar un dibujo con un fondo separado.

⭐ Esta imagen ya ha sido cortada en pedazos con fines de animación, porque también la animaré. Puede utilizar un dibujo sin cortar o simplemente normal, funciona igual.

Así que vamos a convertir esto en pixel art o pagedoll.

Primero, recortemos esto porque hay muchos espacios vacíos

 

Obtén tu [herramienta de selección]> [rectángulo]

 

Y obtenga el área que desea recortar.

Luego ve a [Editar]> [Recortar]

Y cuando se recorta, se vería así:

Bien, próximo paso, cambiemos el tamaño de esto.

La imagen original tiene alrededor de 1.2 a 1.3 k píxeles, así que bajemos esto.

 

Ve a [Editar]> [Cambiar resolución de imagen].

 

Voy a 250 píxeles para la altura.

 

⭐Pagedolls a veces puede tener un rango de hasta 300 píxeles.

Haga clic en Aceptar cuando haya terminado.

 

¡Bien, ahora nuestra imagen es pequeña!

Pixelamos esto ahora

Efecto pixelado - Artístico

¡Empezando por el pelo!

⭐ ¡Por favor recuerda! ¡También puede usar una imagen plana o sin cortar!

 

Ve a [Filtro]> [Efecto]> [Artístico]

 

Cuando abra por primera vez el Filtro artístico, este es el aspecto que tendría.

Hablemos de esto;

 

✦ Proceso: ¿Qué desea procesar? ¿Quiere editar colores y líneas, o solo color o solo líneas?

-------------------------------------------------- 

✦ Grosor de línea: cuanto menor sea el valor, más delgadas serán las líneas. Cuanto mayor sea el valor, más gruesas serán las líneas.

Aquí, recomiendo desplazarse por esta barra para ver qué funciona mejor para usted.

-------------------------------------------------- 

✦ Simplicidad de línea: esto es como los detalles de la línea. Cuanto menor sea el valor, menos detalles. Cuanto mayor sea el valor, mayor será el detalle.

También fui 11 en este.

-------------------------------------------------- ✦ Densidad de línea: creo que este es el peso de las líneas.

Como ejemplo aquí, si aumento el número, de repente aparecen las líneas que son casi invisibles.

Me quedo con 15 en este, porque no quiero que aparezcan esas líneas pequeñas.

-------------------------------------------------- ✦ Line Opacity: esta es la opacidad de la línea. Cuanto mayor sea el valor, más oscuras serán las líneas. Valor más bajo, parece que casi no hay línea.

Cumplí 30, por ahora.

-------------------------------------------------- ✦ Suavizado de líneas: esto es como la suavidad de la línea.

Cuanto mayor sea el valor, más suave se vuelve. Baje el valor y se vuelve más nítido.

Me limitaré a 1, porque estoy tratando de imitar el arte de píxeles, por lo que necesito que se vea como un píxel, que tiene líneas nítidas.

Luego, volveré a Line Opacity para cambiarlo a algo más bajo: 16%

-------------------------------------------------- ✦ Mezcla de colores: se trata de la combinación de colores.

Cuanto menor sea el valor, menor será la mezcla, por lo que obtendrá muchos colores aquí.

Cuanto mayor sea el valor, mayor será la mezcla y obtendrá menos colores.

Si estás tratando de hacerlo como un pagedoll, ve al 50% o más.

-------------------------------------------------- ✦ Desenfoque de color: esto literalmente difumina los colores. Cuanto mayor sea el valor, mayor será la cantidad de desenfoque.

Me quedo con 1 en esto. Ya que necesito todo nítido, especialmente los colores, y realmente no necesito esto.

-------------------------------------------------- ✦ Número de colores: este es el que ayuda a crear como el efecto de píxel.

Porque esto nos da la capacidad de rebajar los colores de nuestro dibujo.

 

Cuanto menor sea el valor, menos color. Cuanto mayor sea el valor, mayor será la cantidad de colores.

Fui un 11% en este.

Y eso es. Cuando haya terminado, simplemente haga clic en Aceptar.

 

Bien, esto es antes y esto es después

Este es el filtro de píxeles principal.

 

Ya puede trabajar con esto, pero si desea profundizar en todos los detalles e ir más allá, los siguientes temas son para una edición adicional.

Efecto de píxel - Máscara de enfoque

¡Hagamos las líneas más nítidas!

 

A continuación, vaya a [Filtro]> [Nitidez]> [Máscara de enfoque]

Esta es nuestra única herramienta de afilado que podemos controlar, así que la usaremos.

 

Esto es lo que parece

⋆ Radio: el tamaño del efecto / filtro

 

⋆ Fuerza: la fuerza del efecto

 

⋆ Umbral: esto afecta más o menos la suavidad de las líneas / bordes. Cuanto menor sea el valor, más nítidas serán las líneas / bordes. Un valor más alto los hace más suaves

 

Y estas son las configuraciones con las que terminé:

⋆ Radio: 15 | ⋆ Fuerza: 33 | ⋆ Umbral: 0

 

Y simplemente haga clic en Aceptar cuando haya terminado.

Este es el antes y el después:

* Efecto de píxel - Capa duplicada

La siguiente parte es opcional, pero me encanta hacer esto, solo para ir más allá.

Esto hace que las líneas exteriores sean más nítidas o básicamente hace que las líneas exteriores se vuelvan más oscuras.

 

Vamos a duplicar la capa / dibujo y fusionarlos.

 

Con la capa aún seleccionada, vaya a [Capa]> [Duplicar capa]

Ahora tenemos dos capas iguales, y la línea exterior se veía más nítida / oscura.

Ahora presione [CTRL + E] o Combinar con la capa de abajo.

Puedes hacer esto tantas veces como quieras. Hice esto tres veces.

 

Y esto es antes y esto es después

 

* Efecto de píxel - cambiar el color

Este siguiente paso también es OPCIONAL.

 

Pero si algunas líneas se volvieron demasiado oscuras para su gusto, puede cambiar el color.

Por ejemplo, las líneas / arte lineal en el flequillo se oscurecieron demasiado, así que cambiemos el color.

Haga una [Nueva capa ráster] sobre el área que desea arreglar, aquí, es el cabello.

o Luego [Córtelo a la capa de abajo]

Ahora obtenga su [Herramienta de degradado]> [Primer plano a transparencia]

⋆ Puedes usar un Pincel si quieres

 

Ahora obtenga el tono de piel del personaje, mantenga presionada [ALT] en su teclado y seleccione el color

 

Puedes usar cualquier forma de degradado que quieras, voy a [Elipse]

 

Y solo haz trazos de degradado en el flequillo.

o Puede cambiar el [Modo de fusión] si lo desea. [Normal] y [Pantalla] son mis opciones habituales.

Cuando haya terminado, recuerde combinarlos o [CTRL + E] en su teclado.

* Efecto de píxel: volver a dibujar / retocar

-------------------------------------------------- -Obtenga su herramienta [Marcador], use la herramienta que desee, pero asegúrese de verificar su [Suavizado]; no debe estar configurado en ninguno.

⋆ Estoy usando un pincel predeterminado, el [Rotulador]

Luego, simplemente seleccione el color, mantenga presionada [ALT], luego elija el color y simplemente dibuje usando la herramienta [Marcador] de su elección.

 

Solo concéntrese en las líneas externas, no tiene que trabajar en las internas.

En la cara o la capa de la cabeza, voy a eliminar estos parches de colores con la herramienta [Mezclar].

  • No soy un experto en pagedolls, pero he visto a algunas personas usar colores suaves como este mientras retienen los otros elementos pixelados, como estas sombras para el cabello.

 

Por otra parte, los Pagedolls no son las tradicionales artes de píxeles

 

 

Si siente que las líneas ya son lo suficientemente gruesas, también puede borrarlas si no desea pintarlas.

 

Usa la misma herramienta [Marcador] que estás usando, pero esta vez, usa el color [Transparente]

  • Puede usar un [Borrador], solo asegúrese de verificar el Anti-Aliasing y configurarlo en NINGUNO

 

Archivos para descargar | ¡Inténtalo tú mismo!

Y eso es todo, así es como puede hacer un efecto / filtro de píxeles con Clip Studio Paint.

 

¡El video se siente abrumador, así que recomiendo ver la versión de acceso directo CORTO si lo desea!

¡Puede obtener la muestra de imagen de Chen y Berry en el enlace de Dropbox!

También incluí otro chibi allí

Luego, acabo de animar esto, ¡también en CSP Pro!

Comentario

Nuevo

Últimas publicaciones en Oficial