«Diseño de tarjetas de cumpleaños con CSP: uso de materiales y diseño de texto»
El tema de esta ocasión es «Cómo hacer tarjetas de cumpleaños».
Para ser sincero, aunque la función de procesamiento de texto de CLIP STUDIO PAINT aún tiene mucho margen de mejora, su potente biblioteca de materiales y sus funciones de dibujo y postproducción libres son suficientes para que elija este software para diseñar tarjetas de cumpleaños.
En este artículo, presentaré cómo diseñar tarjetas de cumpleaños usando materiales. En la última parte me centraré en recomendar varios materiales, que incluirán tanto materiales gratuitos como de pago.
En las ilustraciones de ejemplo, se utilizarán exclusivamente materiales gratuitos. ¡Le invitamos a seguir los pasos y probar a crear su propio diseño!
**CONSEJO: Dado que la parte explicativa de este artículo es bastante extensa, especialmente en la sección de diseño de texto donde se ofrecen varios métodos, le rogamos que utilice la función de índice para facilitar la lectura.
【Introducción a las distintas partes de una tarjeta】
En primer lugar, se explicarán brevemente las diferentes partes de una tarjeta.
1. Texto: como «Feliz Cumpleaños (para ti)»
2. Marco de texto (TextHolder): un marco para colocar el texto
3. Personaje/Tema: se pueden colocar diferentes personajes como tema de la tarjeta. Por ejemplo, el animal favorito del cumpleañero, su personaje de anime favorito o ¡incluso una foto suya!
4. Decoración: adornos que suelen usarse en tarjetas de cumpleaños, como tartas de cumpleaños, dulces, flores, globos, cintas, confeti, velas, regalos, etc.
Estos elementos se han dividido para que los principiantes puedan entenderlos fácilmente, y no son un diseño inmutable. Siempre puede añadir o quitar elementos según sus preferencias.
A veces, también puede optar por no tener un «personaje» como tema, y simplemente añadir elementos decorativos, como una gran tarta de cumpleaños como tema principal de la imagen. ¡Esto es completamente una decisión libre!
¡Ahora, empecemos oficialmente!
【Instrucciones paso a paso】
1. Establecer el tamaño de la tarjeta (tamaño del archivo de imagen)
En primer lugar, ¿esta tarjeta de cumpleaños se publicará en línea o se imprimirá?
Estos dos propósitos tienen requisitos de configuración de archivo diferentes, que puede establecer después de 【Crear nuevo archivo】.
Imprimir: Resolución de 300 ppp o superior
Publicar en línea: Resolución de 72 ppp o superior
En cuanto a la proporción de la imagen, generalmente el diseño de las tarjetas de cumpleaños es más libre, así que simplemente elija la que más le guste.
Al crear un nuevo archivo, puede establecer la «unidad» y luego introducir los valores.
¿Todavía no sabe cómo decidir? ¡Simplemente seleccione los ajustes predeterminados de «B5», «A5» o «Postal» a la derecha de «Anchura»! Siempre puede cambiar el tamaño de la imagen más tarde en 【Editar】 > 【Cambiar tamaño del lienzo】.
**CONSEJO: Si necesita imprimir la tarjeta, en general, si es solo para «uso personal», no necesitará ninguna otra configuración.
Pero si desea realizar ajustes profesionales, como configurar colores de impresión más precisos y posiciones de recorte, asegúrese de buscar «imprimir» en Clip Studio Tips para obtener información sobre el «modo de color CMYK», «sangrado», «recorte», tipos de archivo adecuados para imprimir, etc.
Además, si necesita imprimir la tarjeta y luego doblarla por la mitad, también debe tener en cuenta que solo debe añadir imágenes en la mitad de la pantalla. Si es en la parte superior/inferior/izquierda/derecha, dependerá de cómo se doble la tarjeta.
2. Elegir su marco de texto favorito
¡Ahora, vamos a crear sus marcos de texto favoritos!
Aquí se proporcionarán dos métodos para su referencia.
✧2a. Usar las herramientas de imagen predeterminadas de CSP
Primero, presentaremos las herramientas de imagen predeterminadas de CSP.
Puede usar estas herramientas para dibujar formas simples como rectángulos, rectángulos redondeados (como se muestra), polígonos, círculos, etc.
✧2b. Usar materiales
¿Le parecen demasiado simples las formas anteriores? ¡No hay problema, búsquelas en la biblioteca de materiales!
En la biblioteca de materiales de CSP, escriba «Marco» y seleccione «Material de imagen» en la configuración detallada para limitar los resultados de búsqueda.
(También puede establecer el precio del material que desea buscar según sus requisitos)
Dado que los resultados de búsqueda son algo numerosos, normalmente los ordeno por «Popularidad».
(No es que los materiales más descargados sean necesariamente mejores que los menos descargados, pero cuando la cantidad de materiales es demasiado grande y el tiempo que se puede dedicar a la búsqueda es limitado, no hay más remedio que tomar esta decisión).
Además, también puede introducir algunos elementos de diseño como palabras clave, como «Cinta», «Flor», etc., para acotar aún más la búsqueda.
¡Esta vez utilicé este material de marco de fresas gratuito, que es muy lindo!
También hay muchos otros materiales de marco hermosos disponibles en la biblioteca de materiales, que recomendaré específicamente en la última parte.
Después de descargar los materiales, puede encontrarlos en la biblioteca de materiales en «Descargas».
Los materiales de imagen se pueden arrastrar directamente al lienzo para usarlos.
Luego, puede usar la función de transformación libre (Ctrl+T) para ajustar la imagen al tamaño y la posición adecuados.
3. Añadir texto
Hay varias formas de añadir texto, y aquí se detallarán cuatro métodos diferentes.
Si desea centrarse primero en la parte de la imagen, puede saltarse esta sección e ir directamente al siguiente título, y luego volver para elegir el método que mejor se adapte al diseño de su tarjeta de cumpleaños.
✧3a. Simplemente añadir texto: función de texto predeterminada de CSP
La función de texto predeterminada de CSP le permite introducir texto directamente después de seleccionar «Texto» en la barra de herramientas de la izquierda.
En la versión 3.0 o superior, también está disponible la herramienta de «Texto circular».
En la configuración de la herramienta, puede establecer el tamaño del texto, la fuente, el método de alineación, etc.
Si no lo encuentra en la ventana, puede seleccionarlo haciendo clic en el icono de la llave inglesa en la esquina inferior derecha.
**CONSEJO: ¿Tiene dificultades para decidir qué fuente usar?
Cuando tenga seleccionada la capa de texto, mueva el ratón sobre la fuente (sin hacer clic con el botón izquierdo) y use la rueda de desplazamiento para cambiar rápidamente la fuente hacia arriba y hacia abajo.
También puede seleccionar solo una letra y ajustar el tamaño de la fuente individualmente.
Si necesita rotar palabras a diferentes ángulos, deberá editarlas individualmente en capas separadas.
Después de seleccionar la capa de texto, mueva el cursor a la esquina del cuadro de selección. Cuando el icono del cursor cambie a un icono de rotación, podrá girar el texto fácilmente.
También puede añadir la edad de la persona, etc.
¡Listo!
✧3b. Crear texto alrededor de una forma: usar la herramienta pincel
Aunque la herramienta de texto de CSP aún no tiene una función de ajuste de texto, podemos usar una herramienta de pincel personalizada para lograr un efecto similar.
Primero, he preparado un pincel preconfigurado para descargar:
El texto que contiene está escrito a mano por mí.
También puede reemplazar este texto en la configuración del pincel con su propia escritura a mano o con fuentes gratuitas que haya descargado.
Después de instalar el pincel, en la «Punta del pincel» de la configuración de la herramienta, puede hacer clic en el icono de la imagen para cambiar las letras:
Tenga en cuenta que primero debe registrar la imagen de las letras requeridas como material para que estén disponibles para su selección.
Para conocer el método de registro, consulte las secciones [2] y [3] del siguiente tutorial oficial.
**CONSEJO: Si desea que el pincel se use con el color de dibujo, recuerde configurar el color de visualización de la capa del material registrado en «Gris».
Una vez que tenga las letras deseadas, ¡podrá usar el pincel libremente para dibujar el texto alrededor de una forma!
Si desea dibujar formas específicas, también puede utilizar la ayuda de la regla.
Al crear la herramienta de regla, seleccione la regla adecuada. Para el ajuste de texto, normalmente se utilizan la «Regla lineal», la «Regla de curva» o la «Regla de figura», y luego podrá dibujar la forma que desee.
¡Listo!
✧3c. Crear fuentes especiales: usar capas vectoriales
Otro método es aprovechar la propiedad de las capas vectoriales de CSP que no degradan la calidad de las formas, lo que permite a los usuarios ajustar individualmente las fuentes.
Primero, después de introducir la fuente deseada con la herramienta de texto, haga clic con el botón derecho en la capa y seleccione 【Convertir capa】.
Seleccione «Capa vectorial» como tipo y haga clic en «Configuración vectorial».
En la configuración vectorial, puede controlar el grosor de la línea. Además, se recomienda no seleccionar «Exportar todo en negro» y elegir «Débil» o superior para el suavizado.
Esto dará como resultado lo siguiente:
Seleccione la herramienta de «Corrección de línea» para vectores y elija «Mover punto de control» en «Puntos de control».
Luego, al mover el ratón sobre el texto, aparecerán las líneas vectoriales y los puntos de control. Mover los puntos de control le permite cambiar la forma de la fuente.
Usar la herramienta «Pinzar línea vectorial» le permite cambiar rápidamente la forma de las líneas en un área más grande.
(Su uso es similar al de «Sesgar», simplemente arrastre directamente sobre el lienzo)
Si desea cambiar el color de la línea, use la «Herramienta de selección de objetos» y, después de seleccionar la línea vectorial, ajústela en la ventana de la herramienta. Puede ajustar el color, el grosor de la línea, el pincel, etc.
Si desea ampliar ciertas letras, puede usar la «Herramienta de selección de objetos», seleccionar «Método de transformación» como «Aumentar, reducir, girar» en la ventana de la herramienta. Luego, seleccione las líneas vectoriales (si presiona «Shift» mientras selecciona, puede seleccionar varias líneas a la vez) y aparecerá el cuadro de transformación. Al mover el ratón sobre los puntos de control del cuadro, puede realizar los ajustes.
**CONSEJO: Si presiona directamente «Ctrl+T», solo podrá cambiar todas las líneas de toda la capa a la vez. Por lo tanto, asegúrese de usar la herramienta de selección de objetos para transformar las líneas individualmente.
Durante el proceso de vectorización, pueden aparecer líneas temblorosas debido a la excesiva cantidad de puntos de control. Podemos usar la herramienta «Simplificar línea vectorial» para mejorar esta situación.
Al usarla, se recomienda utilizar un pincel fino, de lo contrario, los cambios en la línea serán demasiado grandes.
¡Así es como se crean textos estilizados!
✧3d. Texto escrito a mano
¿Aún no puede elegir la fuente deseada? ¡No se preocupe! ¡Escribir a mano con un pincel también es genial!
Aquí presentamos dos pinceles diseñados específicamente para escribir:
Ejemplo de uso:
**CONSEJO: Aquí también puede usar capas vectoriales para escribir a mano, lo que facilita el uso de herramientas de control vectorial para ajustar los trazos.
Hasta aquí el diseño de texto.
Elegí el método «3a» para introducir texto con la herramienta de texto y ajusté el tamaño y el ángulo de las letras individuales.
Además, mi costumbre es ajustar el color del texto al final, después de haber colocado la mayoría de los elementos de diseño.
Debido a que el uso del color del texto es muy flexible, esto permite que se combine con otros objetos (como las fresas, cuyo color no se puede cambiar, etc.) y armonice los colores generales de la pantalla.
(La sección de ajuste del estilo del color del texto se presentará en el 【Paso 6】 siguiente).
4. Añadir el diseño principal
Además de las fresas en el marco de texto, también quería añadir animales lindos como tema de la tarjeta.
Así que busqué «gato» en la biblioteca de materiales de CSP, ¡y encontré este adorable pincel de gatos!
Dado que este material es un «pincel», debe instalarse en la herramienta de pincel antes de usarlo.
El método es muy simple: solo tiene que arrastrarlo desde la biblioteca de materiales a la ventana de la herramienta de pincel.
Dado que la propiedad del pincel dibujaría gatos continuamente, quería colocar a los gatos en diferentes posiciones de forma más flexible en el diseño. Por lo tanto, primero crearé una nueva capa, dibujaré previamente las imágenes de cada gato y luego seleccionaré los gatos deseados para colocarlos.
(Si el lienzo no es lo suficientemente grande, también puede crear un nuevo lienzo y dibujar previamente varios gatos en él)
**CONSEJO: Si los gatos se deforman al dibujarlos a mano, puede hacer clic en el lienzo y luego mantener presionado «Shift» para dibujar una línea recta. ¡De esta manera, los gatos no se deformarán!
Después de seleccionar los gatos con la herramienta Lazo, copie:
Coloque en la tarjeta y ajuste la posición:
**CONSEJO: Las imágenes ligeramente superpuestas pueden dar a los gatos una mayor sensación de interacción y hacer que la imagen sea más cohesiva.
Al copiar y pegar los gatos por separado, ya se dividieron en diferentes capas, lo que permite controlar la relación superior/inferior ajustando el orden de las capas. No es necesario fusionar las capas en esta etapa.
5. Añadir decoraciones
¡A continuación, vamos a añadir otros materiales decorativos para enriquecer la imagen!
✧5a. Añadir color de fondo/patrón
Primero, rellené el color de fondo del marco de texto.
Creé una nueva capa debajo de la capa del marco de texto, luego seleccioné ambas capas y usé «Rellenar en área de selección».
Como parecía un poco monótono, añadí un patrón continuo de gatos de color claro en la parte superior.
Arrastre el material de imagen al lienzo y gírelo ligeramente para que el patrón no se vea demasiado rígido.
Dado que el color original del material era demasiado oscuro, añadí una nueva capa encima, la rellené con un amarillo claro y la configuré como capa de recorte. Esto me permitió cambiar el color del material.
✧5b. Aumentar el ambiente festivo
Para aumentar el ambiente festivo, decidí añadir globos y banderines al diseño.
Después de dibujar los globos, debe dibujar por separado las cuerdas que los atan y los lazos.
**CONSEJO: Después de dibujar formas simples con un color claro, puede configurar las «Propiedades de la capa» y activar «Efecto de borde» para obtener fácilmente un contorno.
Debajo de la capa de globos, creé una nueva capa para dibujar banderines.
Utilicé pinceles de diferentes colores y tamaños para hacer la imagen más vibrante.
Sin embargo, la adición de banderines parecía desordenar la sección de texto.
Así que creé una máscara de capa y borré la parte central para que los banderines no interfirieran con el marco de texto central.
✧5c. Añadir otros efectos
Aunque el diseño actual de la imagen ya es bueno, todavía quería que el estilo de la tarjeta fuera un poco más vibrante.
Así que decidí añadir otro patrón de líneas de concentración debajo de la capa de banderines.
Después de instalar la herramienta, haga clic con el botón izquierdo del ratón mientras mantiene presionado «Shift» y arrastre hacia afuera para obtener un círculo perfecto.
Luego, use la «Herramienta de operación de objetos» para ajustar el tamaño, la posición y el ángulo del patrón.
6. Ajustar el diseño del texto
¡Finalmente, ajustemos el diseño del texto!
Lo más simple, por supuesto, es cambiar el color del texto y añadir un borde.
(Para el método de añadir un borde, consulte la sección de globos anterior)
Además, también puede usar materiales de autoacción de la biblioteca de materiales para obtener rápidamente diferentes efectos de diseño.
Después de descargar el material, consulte la ayuda oficial para obtener información sobre cómo instalar las autoacciones:
Ejemplo de uso:
Después de seleccionar la capa de texto, haga clic con el botón izquierdo en la autoacción que desea usar.
Dado que esta autoacción tiene un color fijo configurado, puede usar la opción «Color de capa» en las «Propiedades de la capa» para cambiar el color más tarde.
Otros ejemplos de autoacciones (con cambios de color adicionales):
¡Así podrá obtener diseños de texto aún más especiales!
En la ilustración de ejemplo, elegí la primera demostración de arriba, «3D», como diseño de texto para la tarjeta, y cambié el color y añadí un contorno para que coincidiera con la imagen general.
7. Otros ajustes finos
Por supuesto, también puede realizar cualquier ajuste fino en función del diseño general.
Por ejemplo, creo que el color de los gatos ahora se ve más apagado que en otras partes.
Así que añadí una «capa de corrección tonal» encima de la capa de los gatos y ajusté su saturación y luminosidad.
Además, también ajusté el patrón de gatos de fondo y el color de los globos.
También añadí un trozo de pastel para rellenar el espacio ligeramente vacío debajo del texto:
8. ¡Listo!
【Materiales recomendados】
¡Finalmente, llegamos a la sección de recomendaciones de materiales!
Además de los materiales utilizados en los ejemplos anteriores, CSP también tiene muchos materiales adecuados para temas de cumpleaños. Debido a que la biblioteca de materiales de CSP contiene demasiados materiales excelentes, lamentablemente no podemos enumerarlos todos aquí.
Si tiene tiempo, asegúrese de buscar materiales que se adapten a su propio estilo en la biblioteca de materiales y ¡descubra sorpresas!
✧Recomendaciones de marcos de texto
✧Recomendaciones de pinceles para caligrafía
✧Recomendaciones de animales adorables
✧Materiales recomendados relacionados con fiestas
✧Recomendaciones de autoacciones de estilo de texto
【Conclusión】
¡Gracias por llegar hasta aquí!
Como referencia adicional, los dos diseños simples a continuación también se completaron utilizando la biblioteca de materiales de CSP; y el texto utilizó los diseños mencionados anteriormente:
¿Qué le ha parecido este tutorial?
¡Deje sus comentarios y hágamelo saber! Espero que este tutorial le haya sido útil.
Usuarios a los que les gustó esta publicación
Comentario