«¡Creemos una marca de agua estilo sello postal!»
El tema de esta vez es crear un diseño de marca de agua que combine con el estilo de la ilustración.
Siempre he estado pensando en qué tipo de diseño de marca de agua podría usarse con diferentes estilos de ilustraciones.
Recientemente, me inspiré en la "cultura de los sellos" de Japón, donde "sellar = firmar", y quise diseñar mi propio sello para usarlo como marca de agua. Sin embargo, dado que la marca de agua que quería incluir tenía más información que un sello japonés normal, esta vez quise intentar diseñarla al estilo de un sello postal.
A continuación, explicaré cada paso en detalle. ¡Anímate a probarlo!
【Diseños de sellos postales diferentes】
Aunque en la demostración elegí el sello postal "redondo" más tradicional, ¡en realidad tienes muchas más opciones! Esta sección explicará brevemente las formas comunes de los sellos postales, y podrás combinar diferentes elementos para crear tu propia marca de agua.
He dividido el diseño general de un sello postal en tres partes:
1. Forma básica:
La más común es la circular. Además, las formas ovaladas y poligonales (como cuadradas, romboidales, hexagonales, etc.) también son comunes. Se pueden añadir líneas dobles de diferente grosor o rellenos para variaciones. También hay formas compuestas, como círculos más rectángulos.
2. Icono:
Suelen ser patrones simples, como puntos, estrellas, líneas paralelas, etc. También hay algunas formas que se añaden a menudo, como líneas paralelas onduladas. Puedes añadir tus propias formas favoritas, principalmente con formas relativamente simples y sin líneas muy complejas.
3. Texto (se explicará más adelante en otra sección)
1.【Decidir el texto que contendrá la marca de agua】
¡Empecemos!
Primero, decide qué texto incluir en la marca de agua. La cantidad de palabras e imágenes será inversamente proporcional.
También puedes decidir el contenido primero y luego cambiar la forma de escribir las frases durante el borrador, según la composición (para cambiar la longitud de las frases).
A continuación, se presentan algunos ejemplos de términos comunes en marcas de agua, para su referencia:
Seudónimo personal
Cuenta de SNS personal o información del sitio web
Año de dibujo
"No reproducir"
"Prohibido el aprendizaje de IA"
"Encargo"
"Ejemplo"
Otros…
2. 【Borrador, trabajos preparatorios】
Después de crear un nuevo archivo, empieza a dibujar libremente con el pincel.
Dado que luego usaremos capas vectoriales para terminar, y las capas vectoriales no son muy intuitivas de operar para los creadores menos experimentados, sugiero primero dibujar libremente el diseño como un plano, y luego crear el archivo de la marca de agua basándose en ese plano.
En cuanto al tamaño del archivo, aunque teóricamente las capas vectoriales no se distorsionan al ampliarse, es posible que se utilicen capas ráster dependiendo del diseño personal. Para evitar que las imágenes ráster se distorsionen al ampliarse, sugiero comenzar creando un archivo de tamaño A4 a 300 ppp.
【Información adicional】Aunque no tiene un gran impacto en la operación real de este artículo, si estás interesado en la diferencia entre "ráster" y "vectorial", puedes consultar la siguiente explicación oficial:
Antes de empezar oficialmente, activa la función de cuadrícula.
🔧Cómo hacerlo
Barra de funciones superior del software → Ver → Cuadrícula (activar o desactivar en el mismo lugar)
Después de activar la cuadrícula, durante el proceso de dibujo, notarás que algunos pinceles y herramientas se desplazan al usarlos. Esto se debe a que la propiedad de la herramienta está configurada como "Alinear". Puedes activarla o desactivarla en la barra de propiedades del pincel o la herramienta según tus necesidades.
Sugiero mantener esta función activada durante el proceso de creación.
Si necesitas dibujar libremente, desactívala, de lo contrario, se verá como en la imagen siguiente:
3. 【Dibujar la forma de la marca de agua】
¡Empecemos oficialmente!
La siguiente demostración se basará en este boceto para crear:
✧Uso básico de las capas vectoriales
🔧Cómo añadir una capa vectorial
Haz clic en el siguiente icono en el panel de capas:
🔧Dibujar un círculo básico
Selecciona la herramienta de forma circular → Elige negro → Configura la herramienta en "Comenzar desde el centro" → Dibuja un círculo en el lienzo.
🔧Cómo dibujar un círculo perfecto
Método ①: Mantén pulsada la tecla [Shift] mientras dibujas.
Método ②: Antes de dibujar, configura "Especificar ancho y alto" y "Especificar proporción" a 1:1.
(Si no encuentras esta configuración, puedes hacer clic en el icono de la llave inglesa en la parte inferior derecha para buscarla.)
💡CONSEJO: ¿Cómo lograr un estilo más parecido a un sello postal?
¡El uso de círculos concéntricos de diferentes grosores puede combinarse para crear un diseño con un estilo más de sello postal!
Además de configurar diferentes tamaños de pincel al dibujar círculos, también puedes ajustar esto utilizando las funciones de la capa vectorial.
✧Ajustar el grosor de línea y la posición de la forma
🔧Cómo cambiar el grosor de línea
Usa la herramienta de selección de "Objeto" → Selecciona la forma en el lienzo → Cambia el tamaño del pincel en el panel de herramientas.
🔧Cómo cambiar la posición de la forma
Usa la herramienta de selección de "Objeto" → Selecciona la forma en el lienzo → Arrastra el borde azul.
Al arrastrar, mantén pulsadas las teclas [Shift] (para mantener la proporción de la forma) y [Alt] (para deformar desde el centro).
El orden de operación es: haz clic en el punto azul (y mantén pulsado) → [Shift] + [Alt] → arrastra.
✧Usar herramientas de forma para obtener el diseño
A continuación, crearemos los puntos del marco exterior.
🔧Cómo crear los puntos del marco exterior
Usa la herramienta de selección de "Objeto" → Selecciona la forma en el lienzo → Cambia la forma del pincel a "Punteado" 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 "Espaciado" en el panel "Pincel".
✧Crear formas concéntricas ① — Usar la función de cuadrícula
Ahora pasemos a cómo hacer que el centro de las formas coincida.
Desde el principio, ya hemos activado la cuadrícula y configurado la herramienta de forma para "Comenzar desde el centro" y "Alinear".
Así que, siempre que empieces a dibujar las formas desde la misma posición, las formas serán "concéntricas".
✧Crear formas concéntricas ② — Usar la función de alineación
Aunque hemos dibujado varios círculos con la ayuda de la cuadrícula, aún existe la posibilidad de que se muevan accidentalmente al ajustarlos. En este momento, puedes usar la función "Alinear" para asegurarte de que sus posiciones sigan siendo concéntricas.
🔧Cómo hacerlo
Usa la función de selección de objetos → Selecciona todos los objetos en el lienzo (mantén pulsada la tecla [Shift] mientras seleccionas) → Haz clic en los siguientes dos iconos en el panel "Alinear"^.
^El panel "Alinear" se puede abrir desde "Ventana" en la parte superior del software.
✧Crear líneas paralelas onduladas
En el boceto, agregué un segmento de líneas paralelas onduladas para simular el diseño de un sello postal.
A continuación, explicaré cómo dibujarlo usando capas vectoriales.
🔧Cómo hacerlo
1. Selecciona la herramienta "Curva continua" y haz clic en los puntos marcados^ en el lienzo. En la posición final, no es necesario hacer clic, sino mover el ratón a esa posición y luego presionar directamente la tecla [Enter].
^Utiliza la cuadrícula para marcar los puntos de referencia relevantes en posiciones fijas. Por ejemplo, en la demostración siguiente, hay un punto cada dos cuadrados horizontalmente; y un punto cada uno o dos cuadrados verticalmente. Los puntos inicial y final de la curva también pueden ser el punto medio de la altura de la onda.
2. Si colocas la curva en otra capa vectorial, puedes ajustar directamente la forma, rotación, etc., usando la función "Transformación libre".
3. Duplica la curva y muévela verticalmente hacia abajo.
Método ①: Duplica la capa. Selecciona la capa duplicada y arrástrala hacia abajo con la herramienta de mover capa.
Método ②: Selecciona el objeto, presiona Ctrl+C, luego Ctrl+V. Arrástralo hacia abajo con el ratón.
4. Selecciona todas las líneas onduladas → Haz clic en el siguiente icono en el panel "Alinear".
5. Ajusta el grosor de las líneas. Ajusté las líneas superior e inferior para que fueran más gruesas.
(Porque pensé que sería más bonito con unas cuantas líneas paralelas más, y también repetí los pasos anteriores para obtener la quinta y sexta línea.)
6. Si deseas que los extremos de las líneas no sean curvos, puedes seleccionar la línea con la herramienta de selección de objetos y, en "Punta del pincel", ajustar "Grosor" a "1".
Para líneas horizontales, aplica la dirección "Horizontal"; para líneas verticales, aplica la dirección "Vertical".
4. 【Añadir texto】
💭Selección de fuente
Se recomienda no usar fuentes demasiado finas, ya que un sello no puede lograr líneas muy detalladas.
Si se utilizan caracteres con trazos complejos (como caracteres chinos tradicionales o kanji japoneses), dado que el texto no puede ser demasiado fino, asegúrate de dejar suficiente espacio en el diseño para la parte del texto.
Antes de usar una fuente, confirma que su licencia permite su uso personal o comercial.
🔧Demostración de funciones que se utilizarán
Ajuste de espaciado entre caracteres
Función de alineación / Función de alineación uniforme
📝CONSEJOS
Crear una nueva capa de texto para cada línea de texto facilitará el ajuste de la posición.
Al seleccionar una fuente, después de introducir el texto, selecciona la capa de texto, mueve el ratón sobre la fuente (sin necesidad de hacer clic con el botón izquierdo) y usa la rueda para moverte hacia arriba y hacia abajo y ver rápidamente el efecto.
【Información adicional】
Si eres un lector que nunca ha usado la herramienta de texto, puedes consultar los siguientes tutoriales oficiales de la herramienta de texto:
✧Añadir texto circular ①
La función de texto circular es una nueva característica añadida después de Clip Studio Paint Ver 3.0. ¡Vamos a intentar introducir texto en el diseño de la marca de agua!
🔧Cómo hacerlo
1. Selecciona la función "Texto circular" → Haz clic ligeramente en el lienzo y aparecerá el cuadro de texto.
2. Usa los puntos de control del cuadro para ajustar el tamaño y luego introduce el texto.
3. Usa el cuadro de texto giratorio para controlar la posición del texto.
4. Usa la función de selección de objetos para ajustar los puntos de inicio y fin de la visualización del texto, para mostrar todo el texto.
5. Confíguralo como "Distribución uniforme".
6. Ajusta el tamaño y el espaciado de los caracteres para que el texto forme un círculo.
7. Usa la función de alineación mencionada anteriormente, selecciona tanto la capa de texto como la capa de forma, para unificar las posiciones centrales del texto y la forma.
✧Añadir texto circular ②
Aunque ahora se ve bien, aún es un poco difícil leer la parte inferior del texto de la forma. Por eso decidí hacer un ajuste y cambiar la dirección del texto de abajo.
🔧Cómo hacerlo
1. Duplica la capa de texto de la forma.
2. Cambia la dirección de disposición del texto de la nueva capa a "En sentido contrario a las agujas del reloj".
3. Manteniendo pulsadas las teclas [Shift] y [Alt] simultáneamente, arrastra el nuevo cuadro de texto circular para expandirlo a una posición adecuada.
4. Oculta la capa de texto original.
5. Ajusta la posición y el espaciado del texto de la nueva capa de texto. (Mantén el tamaño de fuente consistente)
6. Crea una máscara de capa y borra la parte superior del texto con la goma.
7. Muestra la capa de texto original, crea una máscara de capa y borra la parte inferior del texto con la goma.
¡Texto añadido!
5. 【Otros usos de la herramienta de texto】
✧Usar la herramienta de texto para obtener un diseño radial
Después de añadir el texto, ¡vamos a crear el patrón central!
Para las líneas de concentración en este diseño, además de usar materiales preexistentes y dibujar con la regla especial de líneas radiales, ¡proporcionaré un método para obtener el patrón usando la herramienta de texto!
🔧Cómo hacerlo
1. Añade una nueva capa de texto circular.
2. Introduce varias letras "i" hasta llenar el círculo.
3. Ajusta el tamaño del texto, el espaciado entre caracteres y otras configuraciones, y activa "Distribución uniforme".
4. Además, también puedes cambiar la configuración, como cursiva (Italic), la proporción horizontal y vertical, la disposición en sentido horario o antihorario, etc., para adaptarla a tus necesidades.
5. ¡También puedes probar otros símbolos de texto como "*", "-", "]"!
✅Ventajas
Conveniente e intuitivo, fácil de dominar si sabes usar la herramienta de texto.
No es necesario perder tiempo adicional buscando materiales.
No se degrada al ampliar, no hay que preocuparse por la resolución insuficiente del material.
🆖Desventajas
La selección de símbolos de texto es limitada.
A veces, seleccionar una fuente puede llevar mucho tiempo sin darse cuenta.
No se pueden crear patrones conectados (ver la adición en la imagen siguiente).
✧Usar la herramienta de texto para obtener formas
Además de los patrones radiales, también podemos usar la herramienta de texto para obtener otras formas.
🔧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 caracteres".
3. Dependiendo de la fuente que elijas, aparecerán varios símbolos compatibles.
4. Símbolos como "©", "®" se pueden encontrar en "Suplemento Latino"; otros símbolos como "★", "☆" se pueden encontrar en "Formas geométricas".
✅Ventajas
No es necesario buscar símbolos adicionales como "©".
No se degrada al ampliar.
🆖Desventajas
La cantidad de símbolos admitidos por cada fuente varía mucho.
La lista de caracteres es muy larga y lleva tiempo encontrar el símbolo adecuado.
Después de añadir el patrón de estrellas, el diseño está casi completo.
A continuación, se explicarán algunos pasos adicionales.
6. 【Añadir patrones】
Si el patrón que deseas añadir no se puede introducir con la herramienta de texto, ¿qué debes hacer?
Esta sección explicará otros pasos para añadir patrones.
✧Dibujar formas vectoriales de líneas rectas
🔧Cómo hacerlo
1. Añade una nueva capa vectorial.
2. Selecciona la herramienta "Polilínea".
3. Desactiva la cuadrícula o la función de alineación de la herramienta.
4. Dibuja según el boceto.
5. Para el último trazo, asegúrate de que el cursor tenga forma de "o" para conectar la ruta vectorial.
✧Dibujar formas vectoriales curvas
🔧Cómo hacerlo
1. Añade una nueva capa vectorial.
2. Selecciona la herramienta "Pluma G" u otro pincel sin ajustes de presión.
3. Desactiva la cuadrícula o la función de alineación de la herramienta.
4. Dibuja según el boceto.
5. Puedes añadir una regla simétrica u otras reglas especiales como ayuda si es necesario.
6. También puedes obtener patrones combinando diferentes formas, por ejemplo, la cabeza del conejo en la imagen siguiente se dibujó con la herramienta de formas.
✧Rellenar formas con color
Sin embargo, hasta CSP Ver3.0, las capas vectoriales no admiten la función de relleno, por lo que necesitamos añadir una capa de mapa de bits adicional para el relleno. Pero no te preocupes, dado que el contorno de la forma es una ruta vectorial, al ampliar el diseño no se degradará ni aparecerán imágenes dentadas.
🔧Cómo hacerlo
1. Añade una nueva capa de mapa de bits debajo de la capa de forma vectorial.
2. Configura la capa de forma como "Capa de referencia".
3. Selecciona la herramienta "Rellenar con lazo".
4. Configura "Área de escala" en "-1", y en la configuración de "Referencia de múltiples capas", selecciona el segundo icono.
5. Rellena la forma en la capa de mapa de bits. Listo.
✧Dibujar formas invertidas, verificación final de alineación
También puedes, según las necesidades del diseño, añadir líneas blancas a la forma.
Excepto por configurar el color en blanco, los demás pasos son los mismos que los de añadir formas.
Finalmente, puedes verificar 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 simultáneamente y presionar Ctrl+G) → Selecciona la capa de texto y la capa vectorial del contorno de la forma → Usa la función de alineación.
¡Patrón de conejo obtenido!
7. 【Procesamiento de la huella】
¡Hagamos el procesamiento final!
Para que la marca de agua se parezca más a un sello, añadí algunos puntos blancos para simular una situación de falta de tinta.
🔧Cómo hacerlo
1. Coloca las capas existentes en la misma carpeta.
2. Añade una nueva capa de mapa de bits encima de la carpeta y "Recortar en la siguiente capa".
3. Usa el siguiente pincel para aplicar manchas blancas.
4. Si es necesario, puedes borrar el exceso de puntos blancos.
8. 【Exportar】
¡Listo! Ahora podemos exportar el archivo de imagen.
🔧Cómo hacerlo
1. Oculta la capa de papel.
2. Haz clic derecho en cualquier capa y selecciona [Duplicar capas visibles combinadas].
3. Haz clic en [Editar] → [Convertir luminancia en transparencia].
4. Selecciona la nueva capa (mantén pulsada la tecla [Ctrl] y haz clic en la miniatura de la capa).
5. Haz clic en [Ajustar tamaño del lienzo al área seleccionada].
6. Oculta la capa vectorial original.
7. Guarda como archivo PNG. Listo.
Conclusión
Después de obtener el archivo PNG, ¡podrás añadir la marca de agua a tus otras ilustraciones terminadas!
Además, CSP también tiene una función para añadir marcas de agua al exportar archivos. Consulta el siguiente tutorial oficial:
¡Gracias por leer hasta aquí!
¿Qué te pareció este tutorial?
¡No dudes en dejar tus comentarios! Espero que este tutorial te haya sido útil.
Usuarios a los que les gustó esta publicación
Comentario