"¡Hagamos una marca de agua estilo matasellos! 》
El tema de esta ocasión es crear un diseño de marca de agua que coincida con el estilo de la ilustración.
He estado pensando en qué tipo de diseño de marca de agua se puede utilizar en diferentes estilos de ilustraciones al mismo tiempo.
Recientemente, me inspiré en la "cultura del sello" de "sello = firma" en Japón, y quería diseñar un sello propio para utilizar como marca de agua. Pero como la marca de agua contiene más información que un sello japonés normal, quise intentar diseñarlo en estilo matasellos esta vez.
A continuación, explicaré cada paso en detalle. ¡Te invitamos a seguirme y probar!
[Diseños de diferentes matasellos]
Aunque en la imagen de ejemplo elegí el matasellos más tradicional, el "redondo", ¡en realidad tienes más opciones! En esta sección se explicarán brevemente las formas de los matasellos más comunes. ¡Puedes combinar diferentes elementos al diseñar para crear tu propia marca de agua!
Dividí el diseño general del matasellos en tres partes:
1. Forma básica:
La más común es la redonda. Además, los óvalos y los polígonos (como cuadrados, rombos, hexágonos, etc.) también son formas comunes. Puedes agregar líneas dobles de diferentes grosores o colores de relleno para variar. También hay formas compuestas, como un círculo más un rectángulo, etc.
2. Imagen:
Normalmente algunos patrones simples como puntos, estrellas, líneas paralelas, etc. También hay algunos gráficos que se agregan a menudo, como líneas paralelas onduladas. Puedes agregar cualquier gráfico que desees, pero lo principal es que la forma debe ser relativamente simple sin líneas complicadas.
3. Texto (se explicará más detalladamente en las siguientes secciones)
1. [Determinar las palabras incluidas en la marca de agua]
¡Comencemos!
Primero, decide qué palabras incluir en tu marca de agua. La cantidad de palabras e imágenes será inversamente proporcional.
También puedes decidir primero el contenido y luego cambiar la redacción según la composición (para cambiar la longitud de las palabras) al redactar el borrador.
A continuación, se muestran algunos ejemplos de palabras comunes en marcas de agua como referencia:
Seudónimo personal
Información de la cuenta o sitio web personal de redes sociales
Año de la pintura
"No reimprimir"
"Prohibir el aprendizaje de IA"
"Delegación"
"Ejemplo"
Otros...
2. [Borrador de proyecto, trabajo de preparación]
Después de crear un nuevo archivo, utilice el pincel para comenzar a dibujar libremente.
Dado que utilizaremos capas vectoriales más adelante, el funcionamiento de las capas vectoriales no es muy intuitivo para los creadores no expertos. Por lo tanto, sugiero dibujar libremente el diseño como un plano y luego crear un archivo de marca de agua de acuerdo con el plano.
En cuanto al tamaño del archivo, aunque en teoría la capa vectorial no se distorsionará aunque se amplíe, existe la posibilidad de que se utilice una capa de mapa de bits según el diseño personal. Para evitar que el mapa de bits se distorsione al ampliarlo, recomiendo crear un archivo de tamaño A4 a 300 ppp para empezar.
[Suplemento de conocimientos previos] Aunque no tiene un gran impacto en el funcionamiento real de este artículo, si está interesado en las diferencias entre "lattice" y "vector", puede consultar la siguiente explicación oficial:
Antes de comenzar oficialmente, activa la función de cuadrícula.
🔧 Cómo hacerlo
Barra de funciones en la parte superior del software → Ver → Cuadrícula (abrir o cerrar en la misma posición)
Después de activar la cuadrícula, es posible que notes que algunos pinceles y herramientas se mueven cuando los usas más adelante en el proceso de dibujo. Esto se debe a que las propiedades de la herramienta están configuradas como "Alineable". Puedes activarla o desactivarla como creas conveniente en la barra de propiedades del pincel o la herramienta.
Recomiendo mantener esta función activada durante el proceso de creación.
Si necesitas dibujar libremente, desactívala; de lo contrario, se verá como la siguiente imagen:
3. [Aspecto de la marca de agua en la pintura]
¡Comencemos!
La siguiente demostración se creará en base a este borrador:
✧ Uso básico de capas vectoriales
🔧 Nuevo método de capas vectoriales
Haga clic en el siguiente ícono en el panel Capas:
🔧 Dibujar círculos básicos
Selecciona la herramienta de forma circular → selecciona el color negro → configura la herramienta en "Comenzar desde el medio" → dibuja un círculo en la pantalla.
🔧 Cómo dibujar un círculo perfecto
Método ①: Presione la tecla [Shift] al mismo tiempo mientras dibuja.
Método ②: Establezca "longitud y ancho especificados" y "proporción especificada" antes de dibujar, y el valor es 1:1.
(Si no puede encontrar esta configuración, puede hacer clic en el ícono de llave inglesa en la parte inferior derecha para encontrarla nuevamente).
💡 CONSEJOS – ¿Cómo conseguir que parezca un matasellos?
¡Usa círculos concéntricos de diferentes grosores para crear un diseño más parecido al de un matasellos!
Además de configurar diferentes tamaños de pincel al dibujar círculos, también puedes usar la función de capas vectoriales para realizar ajustes.
✧ Ajuste el ancho de línea y la posición de los gráficos
🔧 Cambiar el ancho de línea: cómo hacerlo
Utilice la herramienta de selección "Objeto" → seleccione la forma en la pantalla → cambie el tamaño del pincel en el panel de herramientas.
🔧 Cambiar la posición de los gráficos: cómo hacerlo
Utilice la herramienta de selección "Objeto" → seleccione el gráfico en la pantalla → arrastre el borde azul.
Al arrastrar, presione la [tecla Shift] (para mantener la proporción del gráfico) y la [tecla Alt] (para mantener la transformación desde la posición central) al mismo tiempo.
La secuencia de operaciones es: haga clic en el punto azul (y manténgalo presionado) → [tecla Shift] + [tecla Alt] → arrastre.
✧ Utilizar herramientas gráficas para obtener diseños
El siguiente paso es hacer los puntos para el marco exterior.
🔧 Cómo hacer los puntos del marco exterior: cómo hacerlos
Utilice la herramienta de selección "Objeto" → seleccione la forma en la pantalla → cambie la forma del pincel a "forma de punto" en el panel de herramientas
🔧 Ajustar los puntos del marco exterior
Ajustar el tamaño de los puntos: aumenta o disminuye el "Tamaño del pincel".
Ajustar la posición de los puntos: ajusta el valor de "Intervalo" en el panel "Pincel".
✧ Crear gráficos concéntricos ①——Utilizar la función de cerca
Luego llegamos a la parte sobre cómo hacer que los centros de los gráficos sean consistentes.
Desde el principio, activamos la valla y configuramos las herramientas de gráficos para que "comience desde el centro" y "se puedan alinear".
Por lo tanto, siempre que comience desde la misma posición al dibujar gráficos, estos serán "concéntricos".
✧ Cree gráficos concéntricos ②——Utilice la función de alineación
Aunque usamos la cuadrícula como ayuda para dibujar varios círculos, aún existe la posibilidad de que se produzcan cambios accidentales durante el ajuste. En este momento, puede usar la función "Alinear" para asegurarse de que sus posiciones sigan siendo concéntricas.
🔧 Cómo hacerlo
Use la función de selección de objetos → Seleccione todos los objetos en la pantalla (presione la [tecla Shift] al mismo tiempo al seleccionar) → Haga clic en los siguientes dos íconos en el panel "Alineación".
*El panel "Alineación" se puede abrir en la "Ventana" en la parte superior del software.
✧ Crea líneas paralelas onduladas
En el boceto, agregué una línea paralela ondulada para simular el diseño del sello postal.
A continuación, se explicará cómo dibujarlo utilizando capas vectoriales.
🔧 Cómo hacerlo
1. Seleccione la herramienta "Curva continua" y haga clic en el punto marcado* en la pantalla. En la última posición, no es necesario hacer clic. En su lugar, mueva el mouse a esa posición y presione la tecla [Enter] directamente.
*Use cercas para marcar puntos de referencia relevantes en ubicaciones fijas. Por ejemplo, en la demostración a continuación, hay un punto por cada dos cuadrados horizontalmente y un punto por cada uno o dos cuadrados verticalmente. Los puntos de inicio y final de la curva también pueden ser puntos medios entre las alturas y las bajas de las olas.
2. Si coloca la curva en otra capa vectorial, puede utilizar directamente la función "Transformación libre" para ajustar la forma, la rotación, etc.
3. Duplica la curva y muévela verticalmente hacia abajo.
Método ①: Duplica la capa. Selecciona la capa duplicada y baja la herramienta Mover capa.
Método ②: Selecciona el objeto y presiona Ctrl+C, luego presiona Ctrl+V. Arrástralo hacia abajo con el mouse.
4. Seleccione todas las líneas onduladas → Haga clic en el siguiente ícono en el panel "Alineación".
5. Ajuste el grosor de la línea. Ajusté las líneas superior e inferior para que fueran más gruesas.
(Como pensé que sería más bonito si hubiera más líneas paralelas, también repetí los pasos anteriores y obtuve la quinta y sexta línea)
6. Si no desea que el principio y el final de la línea tengan forma de arco, puede seleccionar la línea con el objeto y ajustar el "Grosor" a "1" en el "Frente del pincel".
Para las líneas horizontales, la dirección de aplicación es "horizontal"; para las líneas verticales, la dirección de aplicación es "vertical".
4. Agregar texto
💭 Selección de fuente
Se recomienda no utilizar una fuente demasiado pequeña, ya que el sello no puede tener líneas muy detalladas.
Si utiliza texto con trazos más complejos (como chino tradicional o kanji japonés), dado que el texto no puede ser demasiado fino, asegúrese de reservar suficiente espacio para el texto en el diseño.
Antes de utilizar una fuente, confirme si la fuente tiene licencia para su uso personal o comercial.
🔧 Demostración de las funciones que se utilizarán
Ajuste de kerning
Función de alineación/función de alineación uniforme
📝 CONSEJOS
Crear una nueva capa de texto para una línea de texto facilitará el ajuste de la posición.
Al seleccionar una fuente, puedes seleccionar la capa de fuente después de rotar el texto, mover el mouse sobre la fuente (no se requiere el botón izquierdo) y usar la rueda de desplazamiento para moverla hacia arriba y hacia abajo para lograr una inspección rápida.
>【Complemento de conocimientos previos】 > > Si eres un lector que nunca ha utilizado herramientas de texto, puedes consultar los siguientes tutoriales oficiales de herramientas de texto: > > + Cómo utilizar herramientas de texto・Conceptos básicos > > + Cómo usar y configurar herramientas de texto
✧ Agregar texto redondo①
La función de texto circular es una nueva función agregada después de Clip Studio Paint Ver 3.0. ¡Intentemos poner texto en un diseño de marca de agua!
🔧 Cómo hacerlo
1. Seleccione la función "Texto circular" → toque una vez en el lienzo y aparecerá el cuadro de texto.
2. Use los puntos de control en el cuadro para cambiar su tamaño e ingresar texto.
3. Utilice el cuadro de texto giratorio para controlar la posición del texto.
4. Utilice la función de selección de objetos para ajustar los puntos de inicio y fin de la visualización del texto para visualizar todo el texto.
5. Establezca la opción "Distribución uniforme".
6. Ajuste el tamaño y el espaciado del texto para que forme un círculo.
7. Utilice la función de alineación mencionada anteriormente y seleccione las capas de texto y gráficos para que las posiciones centrales del texto y los gráficos sean uniformes.
✧ Agregar texto redondo②
Aunque ahora se ve bien, todavía es un poco difícil leer la parte inferior del texto gráfico. Así que decidí modificarlo.
🔧 Cómo hacerlo
1. Duplica la capa de texto gráfico.
2. Cambia la dirección de colocación del texto de la nueva capa a "en sentido antihorario".
3. Presiona la [tecla Shift] y la [tecla Alt] al mismo tiempo para expandir el nuevo cuadro de texto circular a la posición adecuada.
4. Oculte la capa de texto original.
5. Ajuste la posición y el espaciado del texto de la nueva capa de texto. (Mantenga el mismo tamaño de fuente)
6. Crea una máscara de capa y borra la parte superior del texto con un borrador.
7. Muestra la capa de texto original, crea una máscara de capa y borra la parte inferior del texto con un borrador.
¡Termina de agregar texto!
5. [Otros usos de la herramienta de texto]
✧ Utilice herramientas de texto para obtener diseños radiales
Después de agregar el texto, ¡hagamos el patrón en el medio!
Para los gráficos de líneas concentradas en este diseño, además de usar materiales listos para usar y dibujar con una regla especial radial, ¡proporcionaré un texto usando Herramientas para obtener el patrón!
🔧 Cómo hacerlo
1. Agregue una nueva capa de texto circular.
2. Ingrese varios caracteres "i" hasta que se complete el círculo.
3. Ajuste el tamaño del texto, el espaciado de fuente y otras configuraciones, y active "Disposición uniforme".
4. Además, también puede cambiar configuraciones, como Italic (cursiva), proporciones horizontales y verticales, configuración en sentido horario o antihorario, etc. para adaptarlo a sus necesidades.
5. ¡También puede probar otros símbolos de texto como "*", "-" y "]"!
✅ Beneficios
Cómodo e intuitivo, puedes dominarlo fácilmente siempre que sepas cómo usar las herramientas de texto.
No necesitas perder tiempo extra buscando materiales.
No se deteriorará incluso si lo amplías, por lo que no necesitas preocuparte por la resolución insuficiente del material.
🆖Desventajas
Selección limitada de símbolos de texto.
A veces, elegir fuentes lleva mucho tiempo sin siquiera darte cuenta.
No se pueden crear patrones conectados (ver imagen complementaria a continuación).
✧ Utilice herramientas de texto para obtener gráficos
Además de los patrones radiales, también podemos utilizar herramientas de texto para obtener otros gráficos.
🔧 Cómo hacerlo
1. Añade una nueva capa de texto normal.
2. En el panel de propiedades de la herramienta de texto, haz clic en "Lista de texto".
3. Según la fuente que selecciones, aparecerán varios símbolos compatibles.
4. "©", "®", etc. se pueden encontrar en "Suplemento latino"; otros símbolos como "★" y "☆" se pueden encontrar en "Figuras geométricas".
✅ Beneficios
No es necesario buscar adicionalmente símbolos como "©".
No se deteriora incluso si se amplía.
🆖Desventajas
La cantidad de símbolos que admite cada fuente varía mucho.
La lista de texto es muy larga, por lo que lleva tiempo encontrar los símbolos correctos.
Después de agregar el patrón de estrellas, el diseño está casi completo.
A continuación se describen algunos pasos adicionales.
6.【Añadir patrón】
¿Qué debo hacer si el patrón que quiero agregar no se puede ingresar con herramientas de texto? En esta sección se explicarán otros pasos para agregar patrones.
✧ Dibujar gráficos vectoriales de líneas rectas
🔧 Cómo hacerlo
1. Agrega una nueva capa vectorial.
2. Selecciona la herramienta "Polilínea".
3. Desactiva la cerca o desactiva la función de alineación de la herramienta.
4. Describe según el borrador.
5. Para el último trazo, asegúrate de que haya una forma de "o" en el mouse para conectar la ruta vectorial.
✧ Dibujar gráficos vectoriales de curvas
🔧 Cómo hacerlo
1. Agregue una nueva capa vectorial.
2. Seleccione "Marcador" u otros pinceles sin ajustes de presión de lápiz.
3. Desactive la cerca o desactive la función de alineación de la herramienta.
4. Describa según el borrador.
5. Se pueden agregar reglas simétricas u otras reglas especiales según sea necesario para ayudar.
6. También se pueden obtener patrones combinando diferentes gráficos. Por ejemplo, la cabeza del conejo en la imagen a continuación se dibujó con herramientas de gráficos.
✧ Colorea los gráficos
Sin embargo, a partir de la versión 3.0 de CSP, las capas vectoriales no admiten la función de relleno de color. Por lo tanto, debemos agregar otra capa de matriz de puntos para el relleno de color. Sin embargo, no se preocupe, ya que el marco exterior del gráfico es una ruta vectorial, no se deteriorará ni hará que aparezcan imágenes irregulares cuando se amplíe el diseño.
🔧 Cómo hacerlo
1. Agregue una capa de mapa de bits debajo de la capa de gráficos vectoriales.
2. Establezca la capa de gráficos en "Capa de referencia".
3. Seleccione la herramienta "Difuminar alrededor".
4. Establezca el "Área de zoom" en "-1" y haga clic en el segundo ícono para la configuración "Referencia de múltiples capas".
5. Rodee los gráficos en la capa de mapa de bits y complete.
✧ Dibuje la forma resaltada y verifique la alineación final
También puedes agregar líneas blancas a los gráficos según tus necesidades de diseño.
A excepción de configurar el color en blanco, los demás pasos son los mismos que los anteriores.
Por último, puedes comprobar si el patrón está centrado:
🔧 Cómo hacerlo
Coloca las capas relacionadas con el conejo en la misma carpeta de capas (puedes seleccionar las capas al mismo tiempo y presionar Ctrl+G) → selecciona la capa de texto y la capa vectorial del marco gráfico juntas → usa la función de alineación.
¡Consigue el patrón del conejito!
7.【Procesamiento de impresión】
¡Hagamos el procesamiento final!
Para que la marca de agua se parezca más a un sello, agregué algunos puntos blancos para simular la falta de tinta.
🔧 Cómo hacerlo
1. Coloque las capas existentes en la misma carpeta.
2. Agregue una capa de mapa de bits sobre la carpeta y haga clic en "Recortar con la siguiente capa".
3. Use el siguiente pincel para aplicar la mancha blanca.
4. Las manchas blancas excesivas se pueden borrar según la situación.
8.【Salida】
¡Terminado! A continuación, podemos exportar el archivo de imagen.
🔧 Cómo hacerlo
1. Oculta la capa de papel.
2. Haz clic derecho en cualquier capa y haz clic en [Copiar capas de visualización combinadas].
3. Haz clic en [Editar] → [Cambiar el brillo a transparencia].
4. Selecciona la nueva capa (pulsa la tecla [Ctrl] mientras haces clic en la miniatura de la capa).
5. Haz clic en [Hacer que el tamaño del lienzo se ajuste al rango de selección].
6. Oculta la capa vectorial original.
7. Guarda el nuevo archivo como png y completa.
Conclusión
Después de obtener el archivo de imagen png, ¡puede agregar la marca de agua después de completar otras ilustraciones!
Además, CSP también tiene la función de agregar una marca de agua al escribir archivos. Consulte el siguiente tutorial oficial:
¡Gracias por leer hasta aquí!
¿Qué opinas de esta enseñanza?
¡No dudes en dejarme un mensaje y hacérmelo saber! Espero que este tutorial te resulte útil.
Usuarios a los que les gustó esta publicación
Comentario