Diseño de tarjetas de cumpleaños con CSP: aprovechamiento de materiales y diseño de textos

959

CHYEE

CHYEE

"Uso de CSP para diseñar tarjetas de cumpleaños: utilización 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 textos de CSP todavía tiene mucho margen de mejora, su potente biblioteca de materiales y sus funciones gratuitas de pintura y posproducción son suficientes para que elija este software para diseñar tarjetas de cumpleaños.

 

En este artículo, presentaré cómo diseñar una tarjeta de cumpleaños utilizando materiales. En la última parte, me centraré en recomendar varios materiales, que incluirán tanto materiales gratuitos como pagos.

En la Imagen de demostración, se utilizarán materiales gratuitos en su totalidad. ¡Puede seguir los pasos y probarlo para crear su diseño favorito!

 

**CONSEJOS: Dado que la parte explicativa de este artículo es larga, especialmente la parte Diseño de texto proporciona varios métodos, ¡haga un buen uso de la función de índice para facilitar la lectura!

[Introducción a cada parte de la tarjeta]

Primero, aquí hay una breve explicación de las diferentes partes de la tarjeta.

 

  • 1.Texto: como "Feliz Cumpleaños (para ti)", etc.

  • 2.TextHolder: un marco que se usa para colocar texto

  • 3.Personaje/Tema: se pueden colocar diferentes personajes como tema de la tarjeta. Por ejemplo, el animal favorito del héroe del cumpleaños, su personaje de anime favorito o incluso su propia foto.

  • 4.Decoración: decoraciones que se usan generalmente en las tarjetas de cumpleaños, como tortas de cumpleaños, postres, flores, globos, cintas, confeti, velas, regalos, etc.

Estos están divididos para que los principiantes puedan dominarlos fácilmente y no son diseños estáticos. Siempre puedes agregar o quitar elementos según tus gustos**.

A veces no puedes usar el "personaje" como tema, sino solo agregar decoraciones, como usar una gran torta de cumpleaños como tema de la imagen. ¡Esto es completamente una cuestión de discreción!

 

¡Comencemos!

[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 diferentes requisitos para la configuración de archivos, que puede configurar después de [Nuevo archivo].

 

  • Impresión: resolución de 300 ppp o superior

  • Publicación en línea: resolución de 72 ppp o superior

En cuanto a las proporciones de las imágenes, en general, las tarjetas de cumpleaños tienen más libertad en cuanto al diseño, así que solo tienes que elegir lo que más te guste.

Al crear un nuevo archivo, puedes establecer la "unidad" y luego ingresar el valor.

 

¿Aún no estás seguro de cómo decidir? Primero, en el lado derecho de "Ancho", selecciona la configuración predeterminada de "B5", "A5" o "Postal". Puedes cambiar el tamaño de la imagen en cualquier momento más adelante en [Editar] > [Cambiar tamaño del lienzo].

**CONSEJOS: Si necesita imprimir la tarjeta, en general, si es solo para "uso personal", no se requieren otros ajustes.

Pero si desea realizar algunos ajustes profesionales, como configurar colores de impresión más precisos y configurar la posición de recorte, asegúrese de buscar "Imprimir" en los Consejos de Clip Studio para obtener información sobre "Modo de color CMYK", "sangrado", "recorte", tipos de archivos adecuados para imprimir y otra información.

 

Además, si necesita imprimirla y doblarla hasta formar una tarjeta doblada por la mitad, también debe prestar atención a agregar la imagen solo a la mitad de la pantalla. En cuanto a si está en la mitad superior/mitad inferior/mitad izquierda/mitad derecha, depende de cómo esté doblada la superficie de su tarjeta.

 

 


2. Seleccione el cuadro de texto que desee

¡Ahora vamos a crear el marco de texto que desees!

A continuación, se proporcionarán dos métodos como referencia.

 

 

✧ 2a. Utilizar herramientas de imagen preestablecidas de CSP

En primer lugar, presentaremos las herramientas de imagen predeterminadas de CSP. Puede utilizar estas herramientas para dibujar formas simples, como rectángulos, rectángulos redondeados (como se muestra), polígonos, círculos, etc.


✧ 2b. Uso de materiales

¿Crees que el gráfico anterior es demasiado simple? No hay problema, ¡búscalo en la biblioteca de materiales!

 

Ingresa "Frame" en la biblioteca de materiales de CSP y selecciona "Image Material" en la configuración detallada para limitar los resultados de la búsqueda.

(También puedes establecer el precio para encontrar materiales a pedido)

Como hay muchos resultados de búsqueda, suelo ordenarlos por "popularidad".

(Esto no significa que los materiales descargados por muchas personas sean necesariamente mejores que los materiales descargados por menos personas, pero cuando hay demasiados materiales y el tiempo que puedes dedicar a buscar es limitado, solo puedes elegir esta opción).

 

Además, también puedes introducir algunos elementos de diseño como palabras clave, como "Cinta", "Flor", etc., para limitar aún más el alcance.

Esta vez usé este material gratuito para marcos de fresas, ¡es tan lindo!

 

Hay muchos otros materiales hermosos para marcos para elegir en la biblioteca, y me concentraré en recomendarlos en la parte final.

Después de descargar los materiales, puede encontrarlos en "Descargar" en la biblioteca de materiales.

 

El material de imagen se puede colocar directamente en la pantalla para su uso.

Luego se puede cambiar el tamaño y la posición de la imagen utilizando la función Transformación libre (Crtl+T).


3. Agregar texto

Hay varias formas de agregar texto y aquí presentaremos cuatro métodos diferentes en detalle.

 

Si desea centrarse primero en la parte de la imagen, puede omitir esta parte y pasar directamente al siguiente título, y finalmente volver para ver qué método es mejor para la tarjeta de cumpleaños que diseñó.


✧ 3a. Simplemente agregue texto: función de texto predeterminada de CSP

La función de texto predeterminada de CSP le permite ingresar texto directamente después de seleccionar "Texto" en la barra de herramientas izquierda.

En la versión 3.0 o superior, también está disponible la herramienta "Texto circular".

En la configuración de la herramienta, puedes configurar el tamaño del texto, la fuente, el método de alineación, etc.

Si no lo encuentras en la ventana, puedes presionar el ícono de llave inglesa en la parte inferior derecha para seleccionarlo.

**CONSEJOS: ¿Tiene problemas para decidir qué fuente utilizar?

Cuando la capa de fuente esté seleccionada, mueva el mouse sobre la fuente (no es necesario usar el botón izquierdo) y use la rueda de desplazamiento para desplazarse hacia arriba y hacia abajo y cambiar rápidamente la fuente.

También puede seleccionar sólo una letra determinada y ajustar el tamaño de las fuentes individuales.

Si necesita rotar las palabras en diferentes ángulos, deberá separar las capas y editarlas individualmente.

Después de seleccionar la capa de texto, mueva el ratón hacia la esquina del cuadro de selección. Una vez que el icono del ratón se convierta en un icono de rotación, podrá girar el texto fácilmente.

También puedes añadir la edad de la otra parte, etc.

 

¡Listo!


✧ 3b. Crea un texto ajustado: utiliza la herramienta Pincel

Aunque las herramientas de texto de CSP aún no tienen la función de ajuste de texto, podemos usar herramientas de pincel creadas por nosotros mismos para lograr efectos similares.

 

Primero, preparé un pincel preestablecido para descargar:

El texto que se encuentra en el interior está escrito a mano por mí.

También puedes reemplazar estas palabras con tu propia letra o con fuentes descargadas para usarlas de forma gratuita en la configuración del pincel.

 

Después de instalar el pincel, en la "Interfaz del pincel" de la configuración de herramientas, puedes cambiar las letras como se muestra a continuación:

Tenga en cuenta que primero debe registrar las imágenes de las letras requeridas como materiales para que puedan seleccionarse.

Para conocer los métodos de registro, consulte las partes [2] y [3] del tutorial oficial que aparece a continuación.

**CONSEJOS: Si desea que el pincel se use en el color de dibujo, recuerde configurar el color de visualización de la capa de material registrada en "gris".

¡Después de que obtengas las letras con las que estás satisfecho, puedes usar el pincel para dibujar el texto sinuoso como desees!

Si desea dibujar una forma específica, también puede utilizar la ayuda de la regla.

 

Al crear una herramienta de regla, seleccione una regla aplicable. Para ajustar el texto, normalmente se utiliza una "regla de línea recta", una "regla curva" o una "regla gráfica" y, a continuación, puede dibujar la forma que desee.

¡Finalizar!


✧ 3c. Crea fuentes especiales: utiliza capas vectoriales

Otro método es aprovechar el hecho de que las capas vectoriales CSP no degradan la calidad de los gráficos, lo que permite a los usuarios ajustar las fuentes individualmente.

 

Primero, después de ingresar la fuente requerida con la herramienta de texto, haga clic derecho en la capa y haga clic en [Convertir capa].

Seleccione el tipo "Capa vectorial" y haga clic en "Configuración vectorial".

En la configuración vectorial, puede controlar el ancho de línea. Además, se recomienda no seleccionar "Salida en negro" y seleccionar "Débil" o superior para suavizar.

Esto da como resultado lo siguiente:

Seleccione la herramienta "Corrección de línea" para vectores y seleccione "Mover puntos de control" en "Puntos de control".

Luego, cuando el mouse se mueve sobre el texto, aparecerán líneas vectoriales y puntos de control. Al mover los puntos de control, se cambia la forma de la fuente.

Utilice la "Perilla de línea vectorial" para cambiar rápidamente la forma de la línea en un rango más amplio.

(Su uso es similar al de "sesgar", solo tire de ella directamente en la pantalla)

Si desea cambiar el color de la línea, utilice la "Herramienta de selección de objetos", haga clic en la línea vectorial y ajústela en la ventana de herramientas. Puede ajustar el color, el grosor de la línea, el pincel, etc.

Si desea ampliar determinadas letras, puede utilizar la "Herramienta de selección de objetos" y seleccionar "Ampliar, Reducir, Rotar" como "Método de transformación" en la ventana de herramientas. A continuación, seleccione y haga clic en la línea vectorial (si mantiene pulsada la tecla "Shift" para seleccionar, puede seleccionar varias líneas al mismo tiempo) y aparecerá un cuadro de deformación. Se pueden realizar ajustes moviendo el ratón sobre un punto de control en el marco.

 

**CONSEJOS: Si pulsa "Ctrl+T" directamente, solo podrá cambiar todas las líneas de la capa completa al mismo tiempo. Por lo tanto, asegúrese de utilizar la herramienta de selección de objetos para deformar líneas individuales.

Durante el proceso de vectorización, pueden producirse líneas temblorosas debido a que hay demasiados puntos de control en las líneas. Podemos utilizar la "simplificación de línea vectorial" para mejorar esta situación.

 

Al utilizarla, se recomienda utilizar un pincel fino, de lo contrario los cambios en las líneas serán demasiado grandes.

¡Esto completa el texto estilizado!


✧ 3d. Texto manuscrito

¿Aún no puedes elegir la fuente que quieres? ¡No importa! ¡Escribir texto a mano con un pincel es igual de genial!

A continuación, te mostramos dos pinceles especialmente diseñados para escribir:

Ejemplo de uso:

**CONSEJOS: También puedes usar capas vectoriales para texto escrito a mano, lo que facilita el uso de herramientas de control vectorial para ajustar los trazos.

 

 


El diseño del texto viene en primer lugar.

Elegí "3a" y utilicé la herramienta de tipo para ingresar texto y ajustar el tamaño y el ángulo de las letras individuales.

 

Además, suelo ajustar el color del texto al final, después de colocar la mayoría de los elementos de diseño. **

Dado que el color del texto se puede usar con mucha libertad, se puede combinar con otros objetos (como fresas cuyo color no se puede cambiar) para armonizar el color de la imagen general.

(La parte de ajuste del estilo del color del texto se presentará en el [Paso 6] a continuación).

 

 


4. Añade el diseño principal

Además de las fresas en el cuadro de texto, también quería agregar animales lindos como tema de la tarjeta.

 

Entonces, busqué "gato" en la biblioteca de CSP y encontré este lindo pincel de gato.

Dado que este material es un "pincel", es necesario instalarlo en la herramienta Pincel antes de usarlo.

El método es muy simple: simplemente arrástrelo desde la biblioteca de materiales a la ventana de la herramienta Pincel.

Dado que las propiedades del pincel dibujarán los gatos de forma continua, quiero ser más flexible en el diseño para colocar los gatos en diferentes posiciones. Por lo tanto, primero agregaré una nueva capa, pre-dibujaré las imágenes de cada gato y luego rodearé al gato deseado y lo colocaré.

(Si el lienzo no es lo suficientemente grande, también puedes agregar un nuevo lienzo y pre-dibujar varios gatos en él)

 

**CONSEJOS: Si los gatos están deformados debido al dibujo a mano, puedes hacer clic en el lienzo y luego presionar "shift" para dibujar una línea recta. ¡De esta manera, los gatos no perderán su forma!

Utilice la herramienta Lazo para seleccionar el gato y copiarlo:

Inserte la tarjeta y ajuste su posición:

**CONSEJOS: Las imágenes ligeramente superpuestas pueden hacer que los gatos tengan un mejor sentido de comunicación y que la imagen esté más integrada.

Cuando copias y pegas los gatos por separado, ya están divididos en diferentes capas. Puedes controlar las relaciones superiores e inferiores ajustando el orden de las capas. No es necesario apresurarse a fusionar las capas en esta etapa.


5. Añade decoraciones

¡A continuación, añade otros materiales decorativos para enriquecer la imagen!

 

 


✧ 5a. Agregar color/patrón de fondo

Primero, completé el color de fondo del cuadro de texto.

Cree una nueva capa debajo de la capa del cuadro de texto, luego seleccione ambas capas y use "Difuminar alrededor".

Como parecía un poco monótono, agregué un patrón continuo de gato de color claro en la parte superior.

Tire del material de la imagen hacia el lienzo y gírelo ligeramente para que el patrón no se vea demasiado rígido.

Como el color original del material era demasiado oscuro, agregué una nueva capa encima, la rellené con amarillo claro y la configuré como Capa de recorte. Esto te permite cambiar el color de tu metraje.


✧ 5b. Aumentar el ambiente de celebración

Para agregarle un toque festivo, decidí incorporar globos y banderines al diseño.

Después de dibujar el globo, debes dibujar la cuerda y el moño que lo atan.

 

**CONSEJOS: Después de dibujar una forma simple con un color claro, configura las "Propiedades de capa" y activa el "Efecto de borde" para obtener fácilmente el contorno.


Debajo de la capa del globo, crea una nueva capa para dibujar banderas de colores.

Utilicé pinceles de distintos colores y tamaños para que la imagen fuera más vívida.

 

Sin embargo, la adición de banderas de colores parece hacer que la parte del texto quede desordenada.

Por eso, creé una Máscara de capa y borré la parte central para que las banderas no interfirieran con la parte central del cuadro de texto.


✧ 5c. Añadir otros efectos

Si bien el diseño gráfico actual es bastante bueno, quería que esta tarjeta fuera un poco más animada.

Así que decidí agregar un patrón de líneas concentradas debajo de la capa de banderines.

Después de instalar la herramienta, presione el botón izquierdo del mouse mientras mantiene presionada la tecla "Shift" y tire 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

¡Por último, ajustemos el diseño del texto!

 

 

La forma más fácil, por supuesto, es cambiar el color del texto y agregar un borde.

(Para conocer el método de agregar bordes, consulte la parte del globo que se encuentra más arriba)


Además, también puedes utilizar los materiales de acción automática en la biblioteca de materiales para obtener rápidamente diferentes efectos de diseño.

Después de descargar el material, consulte la ayuda oficial para saber cómo instalar acciones automáticas:

Ejemplo de uso:

Después de seleccionar la capa de texto, haz clic izquierdo en la acción automática que quieras usar.

Dado que esta acción automática está configurada con un color fijo, puedes usar más adelante "Color de capa" en "Propiedades de capa" para cambiar el color.

Ejemplos de otras acciones automáticas (con cambios de color adicionales):

De esta manera, ¡puedes obtener un diseño de texto más especial!

 

En la imagen de demostración, elegí el primer diseño de texto de la tarjeta, "tridimensional", y cambié el color y agregué un contorno para que coincida con la imagen general.


7. Otros ajustes

Por supuesto, también puedes hacer ajustes en cualquier lugar en función del diseño general.

 

Por ejemplo, siento que el color del gato se ve más oscuro ahora de lo que se vería de otra manera.

Por lo tanto, agregué una "capa de compensación de tono" sobre la capa del gato y ajusté su croma y valor.

Además, también ajusté ligeramente el color del patrón del gato y los globos del fondo.

También agregué un trozo de pastel para rellenar el espacio ligeramente vacío debajo del texto:


8. ¡Listo!


[Recomendación de material]

Por último, ¡llegamos a la parte de recomendaciones de materiales!

 

Además de los materiales utilizados en las imágenes de demostración anteriores, CSP también tiene muchos materiales adecuados para temas de cumpleaños. Además, debido a que hay demasiados materiales excelentes en la biblioteca de materiales de CSP, lamentablemente no podemos incluirlos todos aquí.

 

Si tiene tiempo, asegúrese de buscar materiales que se adapten a su estilo en la biblioteca de materiales y ¡descubra sorpresas!

 

 


✧ Recomendaciones de marcos de texto


✧ Pinceles de escritura a mano recomendados


✧ Animales lindos recomendados


✧ Materiales recomendados relacionados con la fiesta


✧ Recomendación de acción automática en el estilo del texto


【Conclusión】

¡Gracias por ver esto!

 

Como referencia adicional, los dos diseños simples siguientes también se completan utilizando la biblioteca de materiales de CSP; mientras que el texto utiliza los diseños mencionados anteriormente:


¿Qué opinas de esta enseñanza?

¡No dudes en dejarme un mensaje y hacérmelo saber! Espero que este tutorial te resulte útil.

Comentario

Nuevo

Últimas publicaciones en Oficial