Los Concept Arts son bastante intimidantes si lo piensas.Tendrás que conceptualizar, sacar esas ideas a la luz.Te mostraré cómo hice esta ilustración:
¡con la ayuda de la Biblioteca de Materiales de Clip Studio!¡Puedes terminarla en 30 minutos!Usé Clip Studio Paint PRO, puedes usar la versión que tengas.¡Empecemos!
Sobre el uso de materiales en el arte conceptual...
No tengo mucha experiencia, aunque trabajé brevemente en un estudio de animación y VFX — y estuve a cargo del renderizado, las texturas y el mapeo UV. Hago las texturas, aunque a veces podemos comprarlas en línea siempre que los Términos de Servicio del patrón / material establezcan correctamente que está bien para trabajos comerciales.
⭐ Si planeas comprar/usar materiales, asegúrate de que estén permitidos para trabajos comerciales.
⭐Por favor, no te desanimes, ¡los estudios usan materiales! Es un buen punto de venta si puedes hacer los tuyos propios. Los estudios también compran y usan materiales/assets, ¡por favor, no te desanimes!
Además, según las Preguntas Frecuentes de Clip Studio:
Y en los Términos de Servicio de Materiales de Clip Studio:
Creo que es seguro decir que cuando publicas un material en Clip Studio Assets, permites el uso comercial.
¡Lo cual es genial~!
=============
A partir de ahora, esto es solo una muestra de lo que podrías hacer con materiales prefabricados o incluso materiales que harás en el futuro. ¡Espero que esto te dé una idea!
Arte Conceptual
Primero lo primero, ¿qué es el arte conceptual?
- El arte conceptual es una forma de arte visual donde diseñamos una idea. Estamos conceptualizando, visualizando nuestras ideas que encajan con el tema que buscamos.
Pensemos en los temas de los VIDEOJUEGOS.
• Juegos de Call of Duty = temática militar — así que crea personajes con ropa militar
• Overwatch = temática futurista — los personajes visten ropa futurista
• Alice Madness Returns = terror fantástico — los personajes se ven espeluznantes
NECESITAS DEFINIR ESE 'ALGO'
En esta ilustración, mi concepto gira en torno a esta caja de brownies que compré:
NOTA: Tomé esta imagen. Esta imagen es mía ;u; )//
Esto no es una foto de stock.
¡Quiero hacer un personaje que combine con estos brownies!
Las palabras clave que tenía en mente eran bonito y dulce.
Así que intenté hacer un personaje que se viera bonito y dulce
En total, terminé con 12 bocetos:
Elegí mi último diseño
• PELO = moños dobles, que provienen del caramelo de oso
• ROSAS = del glaseado
• PENDIENTES = del glaseado
• ESTAMPADO DE BLUSA = del glaseado
• FALDA = del envoltorio/papel de horno
• BOLSO = lo hice cuadrado para que coincidiera con la caja
• GLOBO = convertí el caramelo de AMOR en un globo
> Elegir colores
Un pequeño truco para elegir colores
Con tu imagen de referencia abierta, ve a [Filtro] > [Efecto] > [Mosaico]
Y simplemente mueve el deslizador.
El efecto MOSAICO divide la imagen en cuadrados, creando un efecto pixelado.
El deslizador se llama Tamaño de celda; así que cuanto menor sea el valor, más pequeños serán los cuadrados.
Un valor mayor crea cuadrados más grandes
¡Solo haz clic en OK cuando hayas terminado!
Y ahora tienes tu paleta de colores para elegir.
No tienes que usar todos los colores, pero te facilita la vida al elegir colores de una imagen de referencia.
> Descargar materiales
Puedes acceder a la Biblioteca de Materiales desde tu navegador:
o abriendo la aplicación Clip Studio
Asegúrate de no confundirlo con la aplicación Clip Studio PAINT
IZQUIERDA es Clip Studio Paint — donde dibujamos y animamos
DERECHA es Clip Studio — donde podemos acceder a nuestra cuenta, materiales, consejos y preguntas
Para descargar un material, digamos desde el navegador.
Selecciona el material que quieres descargar > Haz clic en DESCARGAR > luego te pedirá que abras la aplicación Clip Studio > y haz clic en Abrir CLIP STUDIO
⭐Debes hacer clic en ABRIR CLIP STUDIO o el material no se descargará en tu Clip Studio Paint
*El material que estoy descargando aquí es solo un ejemplo y no aparecerá en el ejemplo de ilustración aquí.
Después de eso, la aplicación Clip Studio se abrirá.
Si quieres ver el estado de la descarga, haz clic en el icono de configuración > Transferencias de datos
¡Tu descarga está completa!
Puedes revisarlos en Gestionar materiales
Una buena práctica es colocarlos en una carpeta específica para mantener tus materiales y biblioteca organizados.
Puedes renombrarlos si quieres, pero es mucho mejor si mantienes el número de ID de Contenido al final.
> Colocar texturas / patrones
Añadamos algunos patrones a nuestro dibujo, principalmente — algunos patrones en su blusa.
Asegúrate de tener el dibujo abierto > haz clic en el panel lateral y expande la Pestaña Materiales > Ve a DESCARGAR > busca tu material.
Si no encuentras tu Panel de Materiales; Ve a [Ventana] > [Material] > [Material: Descarga]
Para este ejemplo, usaré este patrón de aquí:
Elige tu material > Haz clic y arrástralo al dibujo.
Puedes redimensionarlo en la Propiedad de Herramienta.
Asegúrate de estar en [Operación] > ve a la [Propiedad de Herramienta] > ajusta la Relación de escala
O puedes ajustar el material usando los puntos de transformación en la pantalla
Además, recuerda colocar tus texturas/patrones en el orden de capa correcto.
Prefiero colocar mis patrones debajo de las sombras y los reflejos.
Haz clic en RECORTAR A LA CAPA INFERIOR para que se recorte a la capa de color principal
Cuando hayas terminado, debería verse así:
Hemos colocado nuestro material en el dibujo, ahora vamos a editarlo para que coincida con el dibujo.
> Edición de un patrón (Licuar)
Ahora editemos este patrón para que no parezca que está simplemente flotando.
1. Haz clic derecho en la capa del patrón > Rasterizar
Esto la hará editable, para que podamos modificar el patrón.
2. Haz clic derecho de nuevo en la capa del patrón > Convertir capa > cambia el color de expresión a COLOR
Esto nos permitirá colorear los patrones
Cambia el nombre si quieres.
Haz clic en OK cuando hayas terminado.
Ahora editemos el patrón.
Coge tu herramienta LICUAR > cambia el modo a lo que te parezca > y simplemente ajusta tu patrón
¡Recuerda que este es un patrón para la ropa, el cuerpo no es plano!
Hay algunas áreas que son voluminosas, otras estiradas, otras comprimidas.
Edita los patrones para lograr ese efecto, y usar Licuar lo hace más fácil.
Normalmente, en las mangas abullonadas y el área del pecho uso EXPANDIR
En el área donde está metido y entre los senos uso PELLIZCAR
En la parte superior de los brazos, voy y vengo con EMPUJAR IZQUIERDA y EMPUJAR DERECHA
Luego, para un efecto lindo, como los patrones son muy rectos, uso GIRAR para que se vea aleatorio.
¡Siguiente!
Vamos a enmascarar este patrón rápidamente para que solo la blusa reciba el patrón.
Así es como se ve nuestra capa de COLOR PLANO:
TODOS los colores de la ropa están en UNA SOLA CAPA, por lo que usar Recortar a la capa inferior afecta a los demás colores.
Necesitamos que solo la blusa se vea afectada por el patrón, así que vamos a enmascarar esa área.
Coge tu [Selección automática] > [Referir solo a capa de edición]
¡Asegúrate de estar en tu capa de COLOR PLANO!
Asegúrate de que tu Escala de área en Selección automática esté en 0 (cero)
Y asegúrate de estar en la capa de COLOR PLANO — simplemente selecciona la BLUSA > luego haz clic en la capa del patrón de CORAZONES y luego haz clic en Crear máscara de capa
Esto aislará el patrón de todas las demás áreas y solo afectará al área que seleccionamos.
> Colorear el patrón
Esto es opcional.
Si quieres darle a tus patrones un aspecto personalizado.
Selecciona tu capa de patrón > haz clic en Bloquear píxeles transparentes
Debería aparecer un icono como ese (en la imagen de la derecha); es entonces cuando sabes que la capa tiene los píxeles transparentes bloqueados.
Ahora coge tu pincel o incluso tu herramienta de Degradado y simplemente colorea tu patrón.
Si quieres usar la herramienta de Degradado, también puedes hacerlo
Y cuando termines, se verá así:
> Añadiendo más elementos (pincel)
Recuerda que en el boceto a mano alzada, hay un globo
Tuve suerte y encontré un pincel en la biblioteca de materiales
¡Encaja con el tema que busco y además es gratis!
Primero, agreguemos estos pinceles como una subherramienta.
Abre tu panel lateral de Materiales > Si no quieres buscar los pinceles manualmente, simplemente busca en la barra de búsqueda 'GLOBO'
Haz clic y arrastra los pinceles desde el panel de materiales al panel de pinceles
Los pinceles deben colocarse como una subherramienta para poder usarlos.
¡Ahora podemos usar estos pinceles!
Haz lo mismo con [cuerda de globo] brush — lo usaremos más tarde.
* >Organizando tus pinceles
Este es solo un tema corto, pero si quieres organizar tus pinceles.
Mira esto a continuación:
Los pinceles de GLOBO están dentro de la carpeta COMIDA — ¡¡y no son comida!!
Hagamos una carpeta separada para ellos.
Haz clic y arrastra el pincel a un área vacía de la barra de paneles > se creará automáticamente una carpeta para él.
Si quieres cambiar el nombre de la carpeta; HAZ CLIC DERECHO > Configuración de grupo de subherramientas
y renómbrala como quieras.
¡Bien!
¡Volvamos a usar los pinceles!
Ahora usemos los pinceles.
Los pinceles de Globo son bastante directos.
Puedes simplemente hacer clic y arrastrarlos si quieres.
O puedes redimensionar/cambiar el tamaño del pincel usando los botones [ y ] de tu teclado
El pincel de cuerda también es útil.
No tenemos que preocuparnos por hacer el nuestro
Un pequeño truco para hacer la cuerda del globo.
Haz una X con el pincel de cuerda
y para la cuerda colgante > cambia el modo de fusión del pincel a FONDO
Cambiar el modo de fusión del pincel a FONDO hace que la cuerda colgante que haremos quede detrás del globo
*haz esto solo si estás trabajando en la MISMA / ÚNICA capa.
Y ahora he terminado con el personaje
Acabo de hacer el globo rosa y le añadí el logo de LOVE.
¡Vamos a trabajar ahora en el fondo!
Arte Conceptual - Ilustración
La idea que tengo para esta imagen es que quiero que parezca una de esas ilustraciones de juegos móviles, como cuando consigues una historia secundaria o una misión — de repente obtienes una ilustración de escena muy detallada.
Haz algunos bocetos de las escenas que tengas en mente.
Mi idea era que el chico se fue o ella fue plantada
Voy a usar el borrador superior izquierdo para este ejemplo.
> Configuración
Empecemos.
Abre tu Clip Studio Paint > Haz clic en [Archivo] > [Nuevo…] o CTRL N
Estoy usando estos ajustes, es un preajuste, estoy bien con ellos ya que esto es solo un ejemplo y solo para web.
Si vas a imprimir, usa una resolución de 150-300
Haz clic en OK cuando hayas terminado.
> Importar tu personaje
Ahora importemos nuestro personaje.
Ve a [Archivo] > [Importar] > [Crear objeto de archivo]
Ahora selecciona tu archivo.
No voy a usar un archivo JPG o PNG, usaré un archivo .CLIP
Usar un archivo .Clip como mi objeto de archivo me permitirá editar más fácilmente en el futuro.
Haz clic en ABRIR cuando hayas seleccionado tu archivo.
Cuando hayas importado tu archivo, aparecerá este cuadro de texto — básicamente nos informa que hemos importado un objeto de archivo.
POR QUÉ IMPORTÉ COMO OBJETO DE ARCHIVO:
⭐ Cuando edites el archivo .Clip del personaje — se registrará automáticamente en el archivo de ilustración una vez que lo hayas guardado.
Haré un ejemplo más adelante.
A continuación, ajustaré el personaje, usando la herramienta [Operación] > en [Objeto]
Aumenté un poco la escala y lo roté a -7
A continuación, hagamos un cielo.
> Cielo
Crea una nueva capa de rasterizado [CTRL Mayús N] debajo de la capa de Personaje > renómbrala como CIELO
Ve a tu Herramienta de Degradado > Estoy usando Cielo Azul, que es un preajuste de Clip Studio
Y simplemente haz clic y arrastra
¡Ahora tenemos nuestro cielo!
> Árboles
¡Añadamos algunos árboles!
Utilizaré estos pinceles para mis árboles:
Crea una nueva capa de rasterizado [CTRL Mayús N] debajo de la capa de Personaje > renómbrala como ÁRBOL1
Porque vamos a hacer muchos.
Si usas los pinceles de árboles tal cual, se verán así:
No se ve del todo bien porque nuestro personaje está en ángulo, así que también vamos a cambiar el ángulo de este pincel.
En la [Propiedad de la Herramienta] > cambia el ángulo a unos 346
Así que ahora, cuando usamos los árboles, también están inclinados.
Para la capa ÁRBOL1 — voy a hacer los árboles (casi) de primer plano, los árboles más cercanos al personaje = así que hagamos nuestro pincel más grande.
¡De acuerdo! Siguiente lote de árboles.
Crea una nueva capa de rasterizado [CTRL Mayús N] > Asegúrate de que esté debajo de ÁRBOL1
Renombra esa nueva capa como ÁRBOL2
Ahora haz árboles de tamaño mediano.
No tienen que ser muchos.
¡Último lote de árboles!
Crea una nueva capa de rasterizado [CTRL Mayús N] > Asegúrate de que esté debajo de ÁRBOL2
Renombra esa nueva capa como ÁRBOL3
Ahora puedes hacer trazos de árboles aquí ya que necesitamos muchos para cubrir la parte inferior del cielo.
⭐Cambia el modo de fusión del pincel a FONDO.
Hará las cosas más fáciles si dejas un área calva/vacía.
La imagen final se ve así:
¡Se ve bien!
Difuminémoslos un poco para que nuestro enfoque principal sea nuestro personaje.
Mientras ÁRBOL3 sigue seleccionado > Ve a [Filtro] > [Desenfoque] > [Desenfoque gaussiano]
Aumenta la intensidad a 45
Haz clic en OK cuando hayas terminado
Ahora hagamos lo mismo con ÁRBOL2
Asegúrate de que ÁRBOL2 esté seleccionado > Ve a [Filtro] > [Desenfoque] > [Desenfoque gaussiano]
Aumenta la intensidad a 25
Haz clic en OK cuando hayas terminado.
Por último, ÁRBOL1
Asegúrate de que ÁRBOL1 esté seleccionado > Ve a [Filtro] > [Desenfoque] > [Desenfoque gaussiano]
Aumenta la intensidad a 15
Haz clic en OK cuando hayas terminado.
También podemos editar los colores.
Este pincel de árbol venía con color, pero desafortunadamente, este no es el tono de verde que quería, así que voy a cambiarlo.
Con ÁRBOL3 seleccionado > ve a [Editar] > [Corrección tonal] > [Curvas de tono]
Ajusto los colores según lo que necesito.
Una sombra y tonos medios más oscuros, y luces más claras.
Edita los tonos de ÁRBOL2 y ÁRBOL1 también.
Y esto es lo que obtuvimos después de editar los tonos de los árboles
> Nubes
Hagamos algunas nubes
Crea una nueva capa de rasterizado [CTRL Mayús N] > Asegúrate de que esté debajo de ÁRBOL3 o asegúrate de que esté encima de la capa CIELO.
Renómbrala como NUBE
Usaré este pincel:
Es muy sencillo, simplemente apunta y haz clic en el área y tendrás tus nubes.
Si no consigues el tamaño que deseas, simplemente pulsa CTRL T para transformar tus Nubes manualmente usando los puntos de transformación.
Escala y rótala si quieres.
El tono de azul de las nubes es demasiado fuerte para mí, vamos a editarlo.
Ve a [Editar] > [Corrección tonal] > Tono/Saturación/Luminosidad o CTRL U
Bajé la Saturación y aumenté la Luminosidad
Luego, simplemente difumino las nubes.
Puedes usar cualquier pincel de desenfoque que quieras o simplemente usar el Desenfoque gaussiano
¡Y hemos terminado con las nubes!
> Personajes de fondo / Multitud
Vamos a añadir algunos personajes de multitud; estos son los personajes de fondo.
Crea una nueva capa de rasterizado [CTRL Mayús N] > Asegúrate de que esté directamente debajo de la capa de Personaje
Renómbrala como MOB BG
Usaré este pincel de multitud:
Haz la misma rotación de ángulo que hicimos con los Árboles.
De esta manera, la multitud estará inclinada.
Añade tantos personajes de fondo como quieras, así es como quedó:
A continuación, difuminaré la multitud.
Usaré un pincel aquí para poder controlarlo y difuminar manualmente.
Usaré este pincel:
y simplemente difumina los personajes de fondo
Este es nuestro antes y después:
A continuación, añadamos al 'tipo corriendo' basándonos en el boceto que hice.
Este será nuestra multitud de primer plano
Usaré esta multitud para esto:
Abre tu panel de materiales > busca el material.
Haz clic y arrastra al lienzo.
Estoy usando el material de imagen incluido en el conjunto de pinceles.
Asegúrate de que esta capa del tipo corriendo esté por encima de la capa del personaje
¡Es un personaje de multitud en primer plano! ¡Ponlo arriba!!
Con el material de imagen (el tipo corriendo) aún seleccionado > pulsa CTRL T para transformar la imagen.
Escálalo, hazlo grande.
¡Es un personaje de primer plano! ¡Hazlo grande!
También colócalo casi fuera del lienzo, porque nuestra escena es que está huyendo.
Si sientes que te está fallando después de aumentar el tamaño del material de imagen.
⭐ CTRL A (para seleccionar todo) > luego CTRL C (para copiar) > luego CTRL V (para pegar en una nueva capa)
—- básicamente, copiamos lo que está actualmente en pantalla (el brazo y la cadera del chico) y lo pegamos (solo el brazo y la cadera del chico) — así eliminamos todos los demás elementos de ese material de imagen.
—- el exceso de imagen que está fuera del lienzo puede hacer que nuestro archivo sea pesado y que falle.
Ahora nuestra imagen se ve así:
Vamos a difuminarlo para que nuestro enfoque principal sea el personaje.
Con la capa del tipo corriendo aún seleccionada > Ve a [Filtro] > [Desenfoque] > [Desenfoque gaussiano]
Establece la intensidad en 100
Haz clic en OK cuando hayas terminado.
> Actualización del objeto de archivo (archivo de personaje)
Digamos que, a mitad de camino - necesitamos actualizar el personaje.
Así que hagámoslo.
Haz clic derecho en la capa del personaje > Objeto de archivo > Abrir archivo de objeto de archivo
El archivo .clip del personaje se abrirá entonces.
Puedes ponerlos uno al lado del otro para ver cómo se produce la actualización.
Por ejemplo, hagamos el globo rojo.
Si lo hago rojo en el archivo .clip del personaje > después de guardar ese archivo (archivo de personaje) > cualquier actualización se reflejará automáticamente en el archivo de ilustración
También edité la cara
También actualicé el patrón de la blusa usando este pincel:
Edité los colores del patrón floral usando Tono/Saturación/Luminosidad o CTRL U
Baja la Luminosidad y aumenta la Saturación
Y este es nuestro ANTES y DESPUÉS
> Corrección de color + edición de tono
Después de eso, simplemente hice algunas correcciones de color.
También, volvamos a la capa del tipo corriendo, selecciona esa capa > Ve a [Editar] > [Corrección tonal] > [Curva de tono]
Hazlo más oscuro
Haz algunas correcciones de color que consideres que encajarán con las ilustraciones.
⭐PEQUEÑO CONSEJO: El primer plano tiene un valor más oscuro | El plano medio tiene valores medios/normales | El fondo tiene un valor más claro.
Después de algunos ajustes de color, terminé con esto:
Los edificios del fondo son de aquí:
La luz solar / prisma es de aquí:
El timelapse está aquí si quieres verlo:
En total, esto tomó 30 minutos en hacerse
¡Eso es todo!
¡Conseguimos hacer una ilustración de fondo completa usando solo materiales!
¡Y en 30 minutos también! Hizo las cosas más fáciles.
Espero que esto te dé una idea de cómo usar los materiales que podemos obtener en la Biblioteca de Materiales.
Algunos materiales son de pago, sí.
¡Pero son una muy buena inversión!
¡Espero que puedas probarlo tú mismo!
Usuarios a los que les gustó esta publicación
Comentario