¡Introducción!
En este tutorial, quería mostrarte cómo crear una ilustración de portada estilo Cyberpunk en Clip Studio Paint, desde la configuración de la regla de perspectiva y el boceto, hasta el color, los efectos y los toques finales. Aprenderás un proceso paso a paso para crear una ilustración de portada para una novela en la que estoy trabajando actualmente.
¡Hola, soy sunnysora! Mientras escribía, se me ocurrió una idea para una ilustración de portada y decidí usar esta publicación para compartir mi proceso contigo (●'◡'●)
He creado varias portadas para mis historias anteriores, pero esta será mi primera vez creando una con esta vibra.
El pincel que usé en este tutorial ↓↓↓
¡Lo que aprenderás en el siguiente tutorial!
‣ Cómo configurar reglas de perspectiva en Clip Studio Paint
‣ Uso de materiales 3D para una composición de fondo
‣ Flujo de trabajo paso a paso de una ilustración de portada
‣ Aplicación de efectos de iluminación y corrección de capa
↬ ¿Qué es "Cyberpunk"?
Los visuales Cyberpunk mezclan alta tecnología y decadencia urbana, con contrastes audaces: luces de neón brillando sobre calles mugrientas y rascacielos imponentes proyectando sombras sobre barrios bajos abarrotados.
Las ciudades Cyberpunk están llenas de composiciones llamativas, con calles y raíles creando líneas de fuga audaces, dirigiendo la atención de un elemento a otro usando líneas rectas.
Rascacielos y edificios masivos que se elevan hacia el cielo, creando una escala vertical marcada para realzar el dominio de ciertos elementos.
Y una profundidad en capas creada al superponer/apilar diferentes elementos para crear entornos complejos.
↬ Entendiendo la Perspectiva
Por qué la Perspectiva es Esencial para Ilustraciones de Temática Cyberpunk
El género Cyberpunk trata sobre sistemas, no sobre caos. Aunque pueda parecer caótico al principio, en realidad es una profundidad estructurada, todo tiene su lugar específico y no es tan aleatorio como podríamos pensar.
Las portadas deben Captar la Atención en Segundos
Una perspectiva fuerte crea una clara sensación de profundidad y mantiene la imagen legible incluso a una escala menor.
Con ilustraciones de temática Cyberpunk, una buena perspectiva puede ayudar a mantener organizados los muchos detalles.
Perspectiva de 1 Punto
La perspectiva de un punto se utiliza cuando se ve una escena de frente, con todas las líneas de profundidad convergiendo en un único punto de fuga en el horizonte.
Esta técnica crea una composición estable y centrada, ideal para escenas que dirigen naturalmente la atención del espectador hacia adelante.
▸Frecuentemente aplicada a pasillos, carreteras, túneles o confrontaciones, dirigiendo la atención hacia un personaje u objeto específico.
▸ Es ideal para crear un punto central fuerte sin desorden visual innecesario.
Perspectiva de 2 Puntos
Una perspectiva de dos puntos se utiliza cuando se ve un objeto desde un ángulo de esquina.
Las líneas convergen hacia dos puntos de fuga posicionados en lados opuestos.
▸Mejora paisajes urbanos, calles, edificios o interiores.
▸ Introduce profundidad y escala sin abrumar al espectador.
Perspectiva de 3 Puntos
Una perspectiva de tres puntos se utiliza cuando se ve una escena desde ángulos extremadamente altos o bajos, añadiendo un tercer punto de fuga por encima o por debajo del horizonte.
Las líneas verticales se unen, realzando la sensación de escala y creando un impacto dramático.
▸Frecuentemente utilizada para escenas dramáticas con imponentes rascacielos, personajes intimidantes o entornos sorprendentes.
▸Puede transmitir una grandeza abrumadora, peligro o asombro.
Cada ilustración cuenta una historia.
¡El Cyberpunk también puede mezclar diferentes géneros! Por ejemplo, elementos de romance, terror, misterio, fantasía, ciencia ficción o acción. Esta versatilidad lo convierte en una buena opción para introducir nuestros mundos con más que solo palabras.
Creando la Ilustración de Portada
¡Empecemos a crear la portada ahora! \^o^
Para las portadas, la composición es lo primero. Asegúrate de dejar suficiente espacio para que puedas añadir fácilmente tu título o logotipo más tarde.
Te guiaré por cada paso en detalle, destacando los diversos efectos, materiales, modos de fusión y otras características útiles que se pueden usar para crear una ilustración de portada para tus historias.
↬ Preparación (Boceto, Composición 3D, Regla de Perspectiva)
Mi lienzo es de 940px por 1440px (mi preferencia)
Paso 1) Empiezo añadiendo una cuadrícula básica de perspectiva de 1 punto desde la tienda de materiales de Clip Studio Assets, solo para tener una guía simple para mi boceto.
Paso 2) Simplemente boceta muy a grandes rasgos el contorno en una capa separada.
Paso 3) Baja la opacidad de tu boceto a grandes rasgos, luego en una nueva capa añade un boceto un poco más detallado, y luego simplemente fusiona los dos.
¡Asegúrate de seguir ya la dirección de las guías de perspectiva para que sea más fácil hacer tu Lineart más tarde!
Paso 4) Usa objetos 3D o materiales de construcción para bloquear calles y torres. Hay muchos materiales diferentes para ayudarte a planificar tu estructura si necesitas ayuda con eso. Son súper fáciles de usar, y para el que usé aquí, ¡incluso puedes separar los edificios 3D y ajustarlos como quieras!
Encuentra más en la Tienda de MATERIALES de CLIP STUDIO
Regla de Perspectiva de CSP
Las reglas de perspectiva de Clip Studio Paint facilitan el dibujo de líneas de perspectiva perfectamente alineadas automáticamente.
Cualquier pincel o pluma se ajusta a la regla, lo que significa que todo lo que dibujes seguirá la dirección de las 'líneas guía', para que puedas crear edificios o calles sin tener que adivinar y pasar horas intentando dibujar líneas perfectamente rectas por tu cuenta.
Ve a Capa → Regla/Marco → Crear regla de perspectiva
Paso 5) A continuación, configuré mi regla de perspectiva. Puedes mover y ajustar el horizonte y las líneas guía para que se ajusten a tu boceto.
A través de las Propiedades de capa, también puedes, por ejemplo, añadir o eliminar guías. Añadí algunas líneas guía más.
— Círculo relleno: Mueve todas las líneas guía juntas
— Círculo vacío: Mueve solo una única línea guía
— Símbolo <|> : Desactiva las guías horizontales/verticales, lo que significa que tu pluma no seguirá la dirección de las guías
— Símbolo de diamante: Desactiva las guías, lo que significa que tu pluma no seguirá la dirección de las guías
Me gusta hacer mi Lineart en capas vectoriales, así que la convertí a una capa vectorial.
Ve a Capa → Convertir capa → Tipo: Capa vectorial
Cuando todas las guías están habilitadas vs. deshabilitadas ↓↓↓
↬ Empezar a Dibujar (Lineart, Personajes, Colores)
Antes de empezar, asegúrate de que tus símbolos de 'Ajustar a regla' estén habilitados y haz clic en 'Habilitar ajuste' en tu pluma.
Paso 6) Empieza a añadir tu Lineart, dejé algunos espacios vacíos para materiales más tarde.
Paso 7) Esto es opcional, pero como estoy haciendo un Arte de portada, ¡también hice un boceto a grandes rasgos de mis personajes!
Intenté seguir la perspectiva haciendo que los personajes encajaran naturalmente, con la parte superior del cuerpo pareciendo más pequeña a medida que se mueve hacia el fondo y el punto de fuga, mientras que las piernas en el primer plano se dibujan un poco más anchas.
También puedes usar modelos 3D si necesitas ayuda para dibujar personajes y hacer clic en tu Modelo 3D → Icono de Llave inglesa (Mostrar lista de objetos) → Perspectiva manga para ayudar con las proporciones del cuerpo.
Paso 8) Añade un color de fondo oscuro, luego usa el pincel de aerógrafo estándar para aplicar un color más claro en el medio.
Paso 9) Añadí una capa de mapa de degradado con los mismos colores y la configuré en "Superponer". Asegúrate de que el color principal sea el tono más oscuro y el color secundario sea el más claro. Dado que la mitad inferior es el "primer plano", el color más oscuro añade más profundidad al "fondo".
**Paso 10) Más color \^o^
**Simplemente rellena tu dibujo con diferentes tonos de tu color principal. Los he colocado en capas separadas para poder añadir diferentes efectos a cada sección más tarde.
Paso 11) Como tengo mis colores en capas separadas, ¡ahora puedo usar mapas de degradado en las secciones que quiero para un contraste rápido y fácil!
¡Puedes ajustar y cambiar fácilmente los colores en los diferentes degradados!
↬ Detalles (Efectos, Materiales)
Paso 12) Añade un efecto Glitch a las secciones de color cian, ajusta el modo de fusión a "Luz fuerte" y baja la opacidad a 65%.
Paso 13) Las ciudades Cyberpunk a menudo presentan ventanas pequeñas y cuadradas, ¡así que con este pincel de la tienda de materiales de Clip Studio Assets, puedo añadirlas con una sola pasada!
Paso 14) ¡Añado más ventanas usando un pincel diferente!
Paso 15) Usando este bonito Pincel de agua de neón en el suelo, comienza añadiendo color negro hacia el punto de fuga. Y en una capa separada, aplica colores cian más claros, ajusta la capa a "Sobreexponer (resplandor)" y baja la opacidad a 85%.
Paso 16) ¡Hice algunos materiales simples inspirados en Cyberpunk! ¡Simplemente arrástralos al lienzo y colócalos en los espacios vacíos!
¡Hay muchos más materiales que puedes usar y añadir a tus ilustraciones!
↓↓↓
Nota al margen: Puse todo de los pasos anteriores en una Carpeta (Carpeta 1).
Paso 17) Para mejorar el efecto glitch, copio la capa y la arrastro por encima de la Carpeta Principal para que esté encima de la capa de Lineart. Luego, añado un Filtro de desenfoque de movimiento y ajusto el modo de fusión a "Trama".
Paso 18) ¡Más efectos Glitch! Uso el mismo material pero esta vez en las secciones de color rosa, ajusto el modo de fusión a "Luz vívida" y bajo la opacidad a 50%.
Paso 19) Duplica esa capa, arrástrala de nuevo por encima de la Carpeta Principal y ajusta el modo de fusión a "Añadir (Resplandor)".
Añadí una capa negra debajo para hacer que los colores de la capa de efecto Glitch resalten aún más. (Borré las secciones superiores donde están los letreros de neón porque ya tienen capas separadas con un efecto de resplandor en sus carpetas.)
Paso 20) Añade un tono azulado en una nueva capa y ajusta el modo de fusión a "Aclarar" y baja la opacidad a 45%.
Paso 21) Del conjunto anterior, añado una capa de efecto estático gris encima y ajusto el modo de fusión a "Subexponer lineal" y bajo la opacidad a 45%.
↬ Esquemas de Color Diferentes
Si te apetece cambiar tu esquema de color o hacer algunos ajustes a tus colores actuales, ¡aquí tienes algunas formas sencillas de hacerlo!
Capa → Nueva capa de corrección → Curva de tonos
Usa la "Curva de tonos" para ajustar y corregir un poco los colores principales de la ilustración.
Capa → Nueva capa de corrección → Tono/Saturación/Luminosidad
Capa → Nueva capa de corrección → Degradado inverso
**La misma ilustración pero con diferentes colores \^o^
**
↬ Añadiendo los Personajes
¡Terminé el arte de los personajes de mi historia y lo coloqué encima de la ilustración detallada de la ciudad que acabamos de crear!
Si miras de cerca, puedes ver que añadí luces de neón rosas y sombreé con tonos rosas y azules para que coincidieran con el fondo.
Último paso) Y ahora, ¡simplemente añade el título de tu historia o logotipo, y listo! \^o^
¡Terminado!
¡Lado a lado!
Como quería que mis personajes fueran el punto focal principal del arte de la portada, el fondo está mayormente oculto. Sin embargo, me gusta cómo porciones del mismo permanecen sutilmente visibles a través de ciertos espacios, añadiendo profundidad a la composición general.
¡Conclusión!
Así que esta fue mi primera vez creando una ilustración con temática Cyberpunk, ya sea el fondo o el personaje con esta vibra, y aunque fue un desafío, ¡también fue muy divertido! (●'◡'●)
¡Gracias por leer y espero que te hayas divertido tanto como yo al crear!
Usuarios a los que les gustó esta publicación
Comentario