El tema de este mes es "Maquetación de texto al estilo de una revista o un póster".
¡Así que, esta vez, intentemos crear una ilustración al estilo de la página de título de un manga japonés!
Tenga en cuenta que, dado que el texto original de este artículo está escrito en chino tradicional, algunas técnicas solo pueden aplicarse a idiomas que pueden escribirse vertical u horizontalmente, como el chino o el japonés.
¡Empecemos!
✧Crear un lienzo
Los mangas japoneses suelen publicarse en tamaños B5 (revistas) y B6 (tomos recopilatorios).
Las ediciones de lujo o de bolsillo pueden ser de la serie A (A5/A6).
Por lo tanto, en general, usar un lienzo de la serie B o A puede dar la sensación de "manga".
Recuadro amarillo: establece el tamaño B5/B6/A5, etc.
Recuadro verde: convierte el lienzo a formato horizontal/vertical
Recuadro azul: configura el dpi. Si solo se va a publicar en línea, se puede establecer en 72. Si se necesita imprimir, los borradores a color suelen ser de 300 o 350; los borradores de manga en blanco y negro suelen ser de 600.
[💡PUNTO]
Si necesitas cambiar el valor del dpi, deberás introducir de nuevo el tamaño "B5" después de cambiarlo para que las unidades de píxeles se actualicen correctamente.
Ten en cuenta que, dado que el propósito aquí es crear ilustraciones, no se ha considerado el área de sangrado.
Si tu objetivo es imprimir manga o doujinshi, consulta el siguiente tutorial:
✧Dibujar
Dibuja en negro.
Al crear el lienzo, puedes configurarlo para que se muestre solo en "gris" o "blanco y negro". Sin embargo, como tengo la intención de añadir color en la postproducción, mantendré el color de visualización de la capa base en "color".
➡︎Sobre el manejo de las posiciones de gradiente:
Como se menciona en la sección (6) del artículo anterior, al usar tramas de semitonos, es necesario prestar atención a la aparición de patrones moiré.
Si el propósito es la publicación en línea, usar rellenos grises es más fácil de controlar.
Si quieres usar tramas de semitonos, algunos pinceles preexistentes son más "bonitos".
Ten en cuenta que estos pinceles pueden no ser adecuados para la impresión.
Puedes encontrar muchos pinceles buscando "halftone" en Clip Studio Assets.
✧Preparación
Una vez terminada la ilustración, primero analiza "¿qué puntos son los más importantes de la ilustración?".
En otras palabras, "lugares donde el texto no debe obstruir".
Un lugar fácil de entender es que la cara del personaje no debe estar obstruida.
No importa si una pequeña parte del cabello está cubierta, siempre que el personaje sea reconocible.
Además, hay otros pequeños detalles, como las partes que explican las acciones del personaje: sosteniendo una pistola de agua, tirando de la correa; y, por último, los pequeños accesorios que añaden interés a la imagen. Todos estos lugares deben, en la medida de lo posible, organizarse de manera que el texto no los bloquee.
✧Selección de fuentes
Aunque, en general, no es aconsejable usar demasiadas fuentes en un mismo diseño...
en el caso de las páginas de título de manga en revistas, es común usar entre tres y cuatro tipos de fuentes, incluyendo el título. Diferentes fuentes pueden transmitir diferentes informaciones.
Al usar fuentes, las licencias requeridas pueden variar según el propósito de la publicación.
Recomiendo buscar fuentes adecuadas en el sitio web "Google Fonts" proporcionado por Google; las fuentes allí ofrecidas son de código abierto y gratuitas, y se pueden usar libremente en obras personales y comerciales.
Aparte del título, asegúrate de usar fuentes fáciles de leer para el resto del texto informativo.
✧Disposición del texto
Normalmente, hay dos estilos de páginas de título:
Uno expresa una sensación relajada, alegre y vivaz;
el otro expresa un ambiente serio, solemne y tranquilo.
➡︎En cuanto a la fuente:
El primero suele usar fuentes sin serifa (Sans-serif), más gruesas.
El segundo, por su parte, tiende a usar más fuentes con serifa (Serif).
Puedes buscar fuentes adecuadas basándote en esto.
➡︎En cuanto a la posición:
Colocar el texto en diagonal crea una sensación animada;
los estilos serios se colocan completamente en vertical u horizontal. Ocasionalmente, también se usan fuentes en cursiva (Italic) para expresarlo.
Por favor, mira el siguiente ejemplo.
Aunque el contenido del texto no está relacionado con la ilustración, la diferencia en su disposición crea sensaciones distintas.
Por supuesto, no significa que el primer estilo solo deba usar fuentes sin serifa, sino que se aplica a las frases "principales".
Como se mencionó anteriormente, al diseñar y crear, se pueden usar diferentes fuentes para transmitir diferentes informaciones.
Operación práctica
■Título - [Contenedor de texto gráfico]
¡En la página de título de un manga, el título del manga es, por supuesto, indispensable!
Generalmente, el título debe ser el texto más grande.
Para propósitos especiales, puede haber otros textos más grandes, como "Nueva serie", para resaltar información importante.
Además, los títulos de manga suelen usar fuentes especiales o gráficos para contener el texto, con el fin de aumentar el sentido del diseño.
Para el diseño de títulos, te invito a consultar mi enfoque compartido en este artículo:
El método para añadir texto es muy sencillo.
Simplemente haz clic en la pantalla con la herramienta de texto o dibuja un cuadro de texto.
Aunque el siguiente artículo también explicará los pasos de operación.
Los interesados también pueden consultar el tutorial detallado de la herramienta de texto oficial:
Aquí, utilicé un rombo como contenedor de texto y lo diseñé simplemente como una etiqueta.
🔧Dibujar un rombo:
Usa la herramienta de forma "Rectángulo" y, mientras mantienes presionada la tecla [Shift], dibuja un cuadrado.
Usa [Editar] → [Transformar] → [Escalar/Rotar] (Atajo: Ctrl+T) y, mientras mantienes presionada la tecla [Shift], gíralo 45 grados para obtener un rombo.
🔧Efecto de borde:
Esta es una función de uso frecuente. Se puede usar para separar el texto de la imagen de fondo.
Haz clic en el siguiente icono en el [Panel de propiedades de capa] para activarlo.
[💡PUNTO]
Aunque se pueden usar formas simples como contenedores de texto, no se recomienda usar rectángulos u óvalos con bordes finos.
Esto podría confundirse con los globos de texto en la historia del manga.
Dado que las páginas de título de manga a veces también se usan para expresar el contenido de la historia, se debe prestar especial atención a esto.
■Número de capítulo
Además del título, la segunda información es el número de capítulo.
En comparación con el título, el número de capítulo suele ser de un tamaño más pequeño en la pantalla.
Y se coloca cerca del borde del lienzo.
Aquí se utilizó un enfoque similar al del título para unificar el diseño.
■Texto de apoyo (1) - [Efecto de borde de la herramienta de texto]
De hecho, además de usar el efecto de borde de las propiedades de la capa, este efecto también se puede lograr con la herramienta de texto.
🔧Efecto de borde de la herramienta de texto:
Icono de llave inglesa en la parte inferior derecha del panel de la herramienta de texto → [Texto] → Marca [Borde] → Configura el tamaño y el color.
Este efecto de borde se ve igual que el efecto de borde de las propiedades de la capa, pero cuando se activan simultáneamente, ¡se pueden obtener fácilmente bordes dobles!
■Texto de apoyo (2) - [Texto vertical]
🔧Texto vertical:
El método para configurar el texto vertical es muy sencillo.
Simplemente haz clic en [Vertical] en el panel de la herramienta de texto.
(💡Si no encuentras la opción, puedes hacer clic en el icono de la llave inglesa en la parte inferior derecha del panel de herramientas).
🔧Rotar texto:
Arrastra la esquina del cuadro de texto para rotar el texto fácilmente.
También puedes configurar el ángulo con precisión en la configuración detallada de la herramienta de texto, [Configuración de transformación] → [Ángulo].
■Autor - [Color de fondo del texto]
Además del efecto de borde, también puedes usar la función de "Color de fondo" en la herramienta de texto.
🔧Efecto de color de fondo de la herramienta de texto:
Haz clic en el icono de la llave inglesa en la parte inferior derecha del panel de la herramienta de texto para abrir el panel de propiedades → [Texto] → Marca [Color de fondo] → Configura el color y la opacidad.
El color de fondo se ajustará al texto.
Si deseas dejar espacio antes y después del texto, puedes considerar añadir manualmente espacios en blanco.
■Texto de apoyo (3) - [Caracteres especiales]
Los símbolos "!!" muy comunes en manga o pósteres se pueden hacer de dos maneras en CSP:
🔧Añadir caracteres especiales:
Haz clic en el icono de la llave inglesa en la parte inferior derecha del panel de la herramienta de texto para abrir el panel de propiedades → [Lista de texto] → selecciona una fuente, y aparecerán varios símbolos compatibles.
[📝NOTA]
Los signos de exclamación dobles se pueden encontrar en "Puntuación común".
"©", "®", etc. se pueden encontrar en "Suplemento latino".
Otros como "★", "☆" se pueden encontrar en "Formas geométricas".
[💡PUNTO]
Si hay demasiados símbolos, puedes arrastrar y agrandar la ventana del panel para acelerar la búsqueda.
El número de símbolos admitidos varía según la fuente, y no todas las fuentes tienen signos de exclamación dobles.
🔧Configurar texto horizontal en vertical:
Introduce "!!" en medio ancho → Panel de propiedades de texto → [Texto] → [Texto horizontal automático en vertical] → Configura el número de caracteres.
■Texto de apoyo (3) continuado - [Función de fonética (Ruby)]
La función de fonética (Ruby) es para añadir caracteres pequeños a cualquier texto para indicar su lectura o explicación.
Aquí, he utilizado esta función para enfatizar el texto.
🔧Configurar Ruby (fonética):
Selecciona el texto deseado →
Abre el panel de propiedades haciendo clic en el icono de la llave inglesa en la parte inferior derecha del panel de la herramienta de texto →
[Ruby] → Configuración de Ruby → Introduce el texto Ruby (aquí se introdujeron cuatro puntos).
En la misma ubicación, puedes configurar la fuente, el tamaño de Ruby, etc.
En el ejemplo, se usaron "Alineación central" y "Uniforme tres".
¡Terminado!
EXTRA
◇Acción automática
En el procesamiento de texto, me gusta mucho usar las acciones automáticas que muchos usuarios comparten en la biblioteca de materiales de CSP.
Introduce "text" en la biblioteca de materiales y configura la búsqueda para "Acción automática" para seleccionar el material deseado.
Después de descargar el material, para obtener información sobre cómo instalar las acciones automáticas, consulta la ayuda oficial:
Aquí se recomienda usarlo para el diseño de títulos.
Para el resto del texto de apoyo, el efecto de borde es suficiente para evitar distraer la atención del título y que la pantalla se vuelva demasiado desordenada.
◇Postproducción con efecto de papel de revista
Cuando creé el lienzo inicialmente, lo dejé configurado para mostrar "color" con la esperanza de demostrar cómo lograr un efecto de papel de revista a través de la postproducción.
¡El método es muy simple!
Primero, aquí se utiliza el siguiente degradado:
Después de la descarga, para obtener información sobre cómo instalar el degradado, consulta la siguiente ayuda oficial:
Luego, [☰] en la esquina superior izquierda del panel de capas → [Nueva capa de corrección tonal] → [Mapa de degradado] →
¡Selecciona el degradado deseado para obtener rápidamente la sensación de papel de revista de manga!
Además, ¡también puedes componer una textura de papel adicional!
Aquí se utilizó el siguiente material de textura:
Simplemente arrastra el material de imagen directamente al lienzo y luego configura su modo de fusión de capa en "Superponer".
Aunque muchos mangas ahora se publican en línea, por lo que los lectores los ven como imágenes claras en blanco y negro. ¡Pero crear deliberadamente un efecto de papel de revista física como este también tiene un encanto nostálgico!
Conclusión
¡Gracias por leer hasta aquí!
Es una lástima que, dado que no he visto cómo las traducciones en idiomas de Europa Occidental manejan las traducciones de las páginas de título de revistas de manga, no puedo proporcionar suplementos más detallados al respecto. Sin embargo, creo que este artículo puede aplicarse a idiomas que pueden escribirse tanto vertical como horizontalmente, como el chino, el japonés e incluso el coreano. ¡Espero que les sea de ayuda!
¿Qué te pareció esta publicación?
Si te gustó este artículo, ¡no dudes en darle "me gusta" o dejar un comentario para hacérmelo saber! ¡Nos vemos la próxima vez ✨!
Usuarios a los que les gustó esta publicación
Comentario