Cómo crear fácilmente tarjetas de estilo retro tropical
《Cómo crear fácilmente tarjetas de estilo retro tropical》
El tema de esta ocasión es "diseñar tarjetas con un toque tropical".
Al pensar en un estilo tropical, a muchas personas les vienen inmediatamente a la mente elementos representativos como palmeras, monsteras, hibiscos y piñas, ¡y las formas de estos objetos son muy reconocibles!
En este artículo, presentaré cómo utilizar las siluetas de estos objetos para diseñar fácilmente una tarjeta tropical y cómo usar la combinación de colores para darle un aire retro.
¡Comencemos! ✨
1. Configuración del color
Para principiantes, recomiendo usar solo cinco colores o menos (incluyendo el color del fondo).
Si utilizas de cuatro a cinco colores, al menos dos de ellos deberían ser "tonos claros y oscuros de la misma gama cromática".
Esto hará que sea mucho más fácil controlar el color general de la imagen.
Los temas tropicales con un toque retro suelen utilizar colores de baja saturación, en gamas de rojos (~naranja-amarillo) y verdes (~azul-cian).
Por supuesto, también puedes usar otros colores como el morado o el rosa para obtener efectos distintos.
En la cuarta parte de este artículo se mostrarán ejemplos de otros estilos.
A continuación, algunos ejemplos de paletas de colores de estilo retro.
Los "tonos claros y oscuros de la misma gama cromática" están marcados con una línea morada:
¡No te preocupes si no se te da bien combinar colores!
En la biblioteca de materiales de CSP, hay muchos conjuntos de colores o mapas de degradado compartidos por otros usuarios.
Busca "retro" (o la palabra clave del estilo que prefieras) en la página;
Selecciona "Conjunto de colores" o "Mapa de degradado" como tipo de material.
Tras descargarlos e instalarlos, puedes usar los conjuntos de colores haciendo clic directamente en ellos;
Los mapas de degradado tienen otra forma de uso que explicaré más adelante.
【📝NOTA】
Para saber cómo cargar paletas descargadas de CLIP STUDIO o cómo instalar materiales de "degradado",
consulta:
2. Preparación de las imágenes de los objetos
A. Dibujo sencillo
Como solo utilizaremos siluetas, ¡incluso los principiantes podrán hacerlo con facilidad!
【🖌️Pincel】
Utiliza un pincel sin transparencia (opaco) y con bordes definidos (borde duro).
A continuación, se utiliza el "Plumilla G" predeterminado para la demostración.
➡︎ Ejemplo con una "hoja de monstera":
① Dibuja una forma de corazón algo redondeada.
② Borra varios huecos grandes en los bordes de la hoja.
③ Borra algunos agujeros más pequeños en el centro de la hoja.
【💡PUNTO】
Dependiendo del tipo de hoja, a veces es necesario añadir algunos bordes más afilados.
Puedes dar un par de pinceladas extra o usar la herramienta lazo para seleccionar y pintar.
➡︎ Ejemplo con una "hoja de palmera":
① Primero dibuja la línea central de la hoja.
② Dibuja los folíolos siguiendo una dirección radial desde la línea central. La siguiente imagen muestra cómo se rellena con color tras seleccionar con la herramienta lazo.
*Los principiantes pueden dibujar la forma general primero como guía.
【💡PUNTO】
Además de las figuras casi frontales mencionadas arriba, también puedes dibujar objetos con un ligero ángulo.
➡︎ Ejemplo con una "hoja de bananero":
① Primero dibuja la línea central de la hoja.
② Dibuja la superficie de la hoja. Ten en cuenta que debe haber una diferencia clara de grosor entre el lado izquierdo y el derecho respecto a la línea central.
③ Borra varios huecos grandes en los bordes de la hoja.
Ten en cuenta que los huecos cercanos al centro de la hoja son más puntiagudos y estrechos, y no sobrepasan la línea central.
【💡PUNTO】
A veces, la silueta exterior por sí sola no permite reconocer el objeto al instante; en esos casos, hay que recurrir a detalles en negativo (blancos) para mostrar los detalles.
Las partes borradas no significan que "no hay nada", sino que se usa el efecto de negativo para mostrar más estructura.
➡︎ Ejemplo con un "hibisco":
① Dibuja la forma de la flor.
② Borra el centro de los pétalos.
③ Dibuja la forma del estambre.
➡︎ De la misma forma, puedes dibujar la textura de una piña.
Dependiendo de tu plan de color, dividir la piña en dos partes (hojas y fruto) también es una opción viable.
B. Uso de materiales existentes para la conversión
También puedes aprovechar materiales ya listos para convertir las imágenes en siluetas de forma sencilla.
🔧Pasos:
①
Materiales de imagen: arrastra el material al lienzo.
Pinceles: arrastra el material al panel de herramientas para instalarlo; una vez instalado, podrás dibujar la figura.
② Haz clic en "Bloquear píxeles transparentes" en el panel de capas.
③ Tras elegir un color, haz clic en el icono del bote de pintura (herramienta Relleno) en la barra de herramientas superior para rellenar directamente.
En la biblioteca de materiales de CSP, hay muchas imágenes y pinceles con motivos tropicales.
¡Busca términos como "Tropical", descárgalos y podrás procesarlos fácilmente para convertirlos en siluetas!
(¡Incluso hay algunos materiales que ya son siluetas y pueden usarse directamente!)
C. Cambiar el color de la imagen
Si deseas cambiar el color de cada parte, el procedimiento es similar al de la sección anterior y muy sencillo.
🔧Pasos:
① Haz clic en "Bloquear píxeles transparentes".
② Tras elegir un color, haz clic en el bote de pintura (herramienta Relleno) para rellenar directamente.
3. Diseño de la composición
Aquí comparto varios tipos de composiciones muy fáciles de controlar y con excelentes resultados:
🟨Tipo marco perimetral: Coloca las figuras alrededor de los bordes del lienzo, dejando el centro libre para el texto.
🟦Tipo simetría bilateral: Concentra las figuras en los lados superior e inferior o izquierdo y derecho, dejando libre la zona central para escribir.
🟩Tipo foco lateral: Concentra las figuras en un solo lado de la imagen, dejando una gran área vacía en el otro lado para el texto.
【💡PUNTO】
Aunque arriba se compartieron formas de dibujar varios elementos tropicales, en realidad no es necesario usarlos todos en la misma composición.
Usar solo uno o dos tipos también funciona.
【💡PUNTO】
Utilizando simplemente 【Edición】 → 【Transformar】 → 【Escalar/Rotar】 (atajo: Ctrl+T),
puedes mover y ajustar rápidamente el tamaño y el ángulo de cada objeto.
【📝NOTA】
Para algunos pequeños trucos utilizados (como el efecto de borde), consulta la quinta parte.
4. Uso de "Mapas de degradado" para el color
A diferencia de los conjuntos de colores donde puedes seleccionar el color directamente, los mapas de degradado requieren trabajar con una escala de grises para realizar la transformación.
Los pasos son los siguientes:
① Establece la imagen en diferentes niveles de gris (recomiendo no más de cinco).
② Añade una 【Capa de corrección】 → 【Mapa de degradado】
③ Selecciona tu combinación de colores de degradado favorita y aplícala.
【💡PUNTO】
Si deseas conservar los niveles de brillo originales, puedes cambiar el "Modo de combinación" de la capa de corrección a "Superponer (Overlay)", "Luz suave (Soft Light)" o "Color", etc.
【💡PUNTO】
Puedes intentar añadir una capa de corrección tonal para cambiar los niveles de gris entre el mapa de degradado y la imagen original.
¡Así, aunque uses el mismo mapa de degradado, podrás obtener diferentes efectos al variar los tonos de gris!
El "toque retro" de esta demostración se logra principalmente mediante el uso del color.
¡Si cambias a otros colores, podrás transformar instantáneamente la atmósfera general!
Por ejemplo, en la siguiente demostración:
Usando colores neón de alta saturación → Estilo Vaporwave de los 80;
Usando colores pastel de baja saturación → Estilo suave:
⚠️
Ten en cuenta que al usar "Mapas de degradado" en imágenes con bordes muy definidos, es fácil que el color en los bordes se degrade o se rompa.
Aquí tienes dos soluciones.
🔧Método uno:
① Combina las capas.
Selecciona todas las capas en el panel de capas → clic derecho → "Combinar capas seleccionadas"
② 【Filtro】 → 【Efecto】 → 【Estilo de ilustración】
③ 【Ajustes de parámetros】
Contenido de procesamiento: "Solo color"
Suavizado de color: entre 1 y 100. 1 es lo más nítido, 100 lo más suave.
Rango de desenfoque de color: 100
Número de niveles de color: 64
🔧Método dos:
Tras obtener la combinación de colores, selecciona el bote de pintura, usa el cuentagotas para elegir los colores (atajo: Alt + clic izquierdo) y vuelve a pintar cada imagen.
Aunque el método dos es más laborioso, garantiza que los bordes entre las imágenes se mantengan limpios.
Además, si es necesario, puedes aprovechar este momento para hacer microajustes de color.
5. <Para principiantes> Trucos sencillos de decoración
Esta parte trata sobre algunos trucos de decoración.
Son operaciones muy sencillas, ¡ideales para principiantes!
✧
Añadir un borde al texto o a la imagen:
El método es muy simple, solo haz clic en "Efecto de borde" en el panel de "Propiedad de la capa":
✧
Añadir una forma básica sencilla debajo del texto puede reducir la sensación de desorden.
Dibuja un rectángulo en una nueva capa con la 【Herramienta Figura】 y luego reduce su "Opacidad" en el panel de capas:
✧
Añadir una sombra proyectada simple.
Copia la imagen original, rellénala con un color más oscuro y luego desplaza ligeramente la nueva capa hacia abajo.
✧
Si estás usando la versión 5.1 o superior, también puedes usar el nuevo filtro para obtener rápidamente el efecto de "Sombra".
Consulta la siguiente introducción oficial:
✧
Si deseas añadir algo de textura de papel,
puedes buscar y descargar materiales de imagen tipo "Texture" en la biblioteca de materiales,
luego arrástralos a la capa superior del lienzo y ajusta el modo de combinación de capa a "Superponer" o "Luz suave".
✧
También puedes añadir algunos adornos sutiles como patrón general.
Se recomienda que el contraste entre el color usado y el color de fondo no sea demasiado alto.
En la siguiente demostración se utilizaron estos pinceles:
¡Terminado!
EXTRA
Este estilo de diseño de siluetas minimalistas es perfecto para añadir texturas de papel y crear una sensación de collage artesanal retro.
✧
Sobre cómo añadir efectos de bordes de papel rasgado y texturas de papel, consulta:
✧
Sobre cómo crear un estilo de collage, consulta:
✧
Sobre cómo usar imágenes para crear patrones continuos sin costuras, consulta:
✧
Si deseas reutilizar la composición o quieres modificar las imágenes en cualquier momento, considera convertir las imágenes de los objetos en "Objetos de archivo".
Esto creará archivos .clip adicionales, pero hará que las modificaciones sean mucho más convenientes.
Decide si usarlo según tus necesidades.
Consulta la siguiente introducción oficial:
Conclusión
¡Gracias por leer hasta aquí!
Espero que este artículo te haya servido de inspiración.
Al mismo tiempo, no dudes en intentar aplicar estas técnicas en diseños de diferentes temas, ¡descubrirás muchas más posibilidades interesantes!
¿Qué te ha parecido el contenido de hoy?
¡Si te ha gustado este artículo, no dudes en darle a me gusta o dejar un comentario para hacérmelo saber! ¡Nos vemos en la próxima! ✨
Comentario