¡Hola! Mi nombre es Liz Staley y soy un usuario de Clip Studio Paint desde hace mucho tiempo (¡comencé a usar el programa cuando se conocía como Manga Studio 4!). Fui probador beta en el programa Manga Studio 5 y para Clip Studio Paint, y he escrito tres libros y varios cursos de video sobre el programa. ¡Muchos de ustedes probablemente conocen mi nombre por esos libros, de hecho!

 

En este artículo, te enseñaré cómo crear tus propios efectos de sonido de cómic (u "onomatopeya"). Onomatopeya es el proceso de crear una palabra que imita, se parece o sugiere fonéticamente el sonido que describe. Estas palabras también se denominan onomatopeyas. Algunos ejemplos son palabras como "bang", "miau", "muu", "crash", "clang", "wham", etc.

 

Cuando agrega efectos de sonido a sus cómics, realmente puede aumentar el impacto de una acción. Un efecto de sonido bien implementado y diseñado puede agregar fuerza a una escena de pelea, gravedad a una escena de suspenso e incluso mejorar el remate.

 

Para aprender a crear onomatopeyas llamativas y dinámicas, cubriremos los siguientes temas en este artículo:

Encontrar e instalar fuentes en su computadora

Conceptos básicos de la herramienta de texto

Agregar trazos y degradados

Usando la herramienta de transformación de malla

 

 

¡Vamos a hacer algunos efectos de sonido geniales!

 

Encontrar e instalar fuentes en su computadora

Para este tutorial, usaré fuentes como base para los efectos de sonido que crearemos. ¡Por supuesto, puede dibujar a mano el texto de su efecto de sonido si lo desea! Pero muchos de nosotros no somos letrados profesionales con las habilidades para hacer eso. Entonces, voy a usar fuentes en su lugar.

 

¿Dónde podemos encontrar buenas fuentes para usar en nuestros cómics? Hay muchos sitios web diferentes que ofrecen fuentes para descargar, ¡y algunos incluso son gratuitos! Estos son algunos de mis sitios favoritos para fuentes:

 

Sin embargo, antes de descargar e instalar una fuente, debemos considerar el acuerdo de licencia. Algunas fuentes le permitirán utilizarlas para una aplicación comercial (es decir, un cómic que desee vender) y algunas solo son gratuitas para uso personal. Si tiene la intención de utilizar la fuente para un proyecto comercial, asegúrese de consultar el acuerdo de licencia para asegurarse de que esté permitido. La mayoría de las fuentes le permitirán comprar derechos comerciales por una pequeña tarifa, así que esté atento a estos acuerdos.

Para este artículo, voy a descargar e instalar una fuente de efectos de sonido de Blambot. Antes de seleccionar y descargar una fuente, deberá pensar en qué tipo de efecto de sonido está creando y qué tipo de fuente sería apropiada para ese sonido. Si está creando un efecto de sonido fuerte, como un crash o punch, probablemente quiera usar una fuente que tenga líneas gruesas y gruesas. Si está creando un zumbido de máquina de tono alto, es posible que desee una fuente con líneas más delgadas que sean temblorosas. Tenga en cuenta el "sonido" que desea emular y observe las fuentes con ojo crítico. Con la práctica, pronto sabrá exactamente qué tipos de letras producirán el aspecto adecuado para su pieza.

 

¡Vayamos a Blambot.com y busquemos una fuente! En Blambot, encontraremos un menú desplegable "Fuentes" en el menú de navegación superior que nos permite ir directamente a diferentes categorías de fuentes. Como buscamos una fuente de efectos de sonido, elegí esa categoría.

 

Blambot está dirigido específicamente a los artistas de cómics, por lo que son un gran recurso para su proyecto de cómic o manga. Cada una de las imágenes de la categoría de fuente nos da una vista previa de la fuente y nos da una idea de cómo podemos usarla en nuestro cómic.

Una vez que encontramos una vista previa que nos gusta, podemos hacer clic en esa imagen e ir directamente a la página de la fuente. En esta página vemos más vistas previas del texto, incluidas las variaciones (es decir, cursiva), y tenemos la opción de elegir una licencia y agregar la fuente a nuestro carrito.

 

Debido a que uso esta fuente sin fines de lucro, elegiré esa licencia y luego agregaré la fuente a mi carrito. Si necesitáramos más fuentes, podríamos seguir navegando y agregar todas las fuentes al carrito antes de "pagar" y descargar las fuentes.

 

En Blambot, completaremos el proceso de pago y recibiremos un enlace de descarga en la página de pago o en nuestra bandeja de entrada de correo electrónico. Otros sitios de descarga de fuentes pueden tener un proceso diferente para guardar las fuentes en el disco duro de su computadora. Lo más importante cuando obtiene fuentes es guardarlas en un lugar donde recordará dónde están para poder instalarlas más tarde.

 

Ahora que guardé la fuente en mi computadora, es hora de instalarla. La mayoría de las fuentes descargadas de Internet vienen en un archivo .zip que deberá "descomprimir" para poder instalar el estilo de fuente. Para hacer esto en la PC, generalmente puede abrir la ubicación donde se guarda el archivo, luego hacer clic derecho en el archivo comprimido y hacer clic en "Extraer todo" en el menú. Esto extraerá los archivos del archivo zip a su propia carpeta. Ahora tenemos que hacer doble clic en la carpeta y entrar para encontrar los archivos de fuentes "OpenType" que usaremos para instalar la fuente.

 

En la captura de pantalla a continuación, ubiqué los archivos OpenType para la fuente Palooka, los seleccioné manteniendo presionada la tecla Shift en mi teclado mientras hacía clic en cada archivo, luego hice clic derecho para abrir el menú. Al hacer clic en INSTALAR, Windows instalará los archivos de fuentes seleccionados en el sistema operativo.

 

Una vez que estos archivos están instalados, están listos para usar en Clip Studio Paint y otros programas de Windows que usan fuentes.

 

Si no está utilizando un sistema operativo Windows, este proceso de instalación será diferente para usted. Es posible que deba buscar en Google “[su sistema operativo] instalar fuentes” para encontrar instrucciones, o consultar el sitio de fuentes que está utilizando para obtener instrucciones de instalación detalladas.

 

Ahora que tenemos nuestra fuente lista, es hora de ir a Clip Studio Paint y crear un efecto de sonido.

 

Conceptos básicos de la herramienta de texto

Ahora que tenemos nuestra fuente instalada en nuestra computadora, podemos ir a Clip Studio Paint. Para este tutorial, utilizaré un lienzo en blanco con fines de demostración.

 

Primero, echemos un vistazo a la ventana Propiedades de la herramienta de texto. Puede abrir la herramienta de texto haciendo clic en el icono "A" en la barra de herramientas de Clip Studio Paint. La ventana de propiedades de la herramienta de texto se muestra en la captura de pantalla siguiente.

 

Repasemos brevemente las opciones en esta ventana. Probablemente haya visto algunas de estas mismas opciones antes en un software de procesamiento de textos, por lo que ya debería estar familiarizado con algunas de ellas.

 

Fuente: aquí es donde elige qué fuente usar de una lista de las disponibles en su computadora. (NOTA: si instaló fuentes en la sección anterior y Clip Studio Paint estaba abierto, deberá reiniciar el software para que la fuente o fuentes recién instaladas aparezcan en la lista de fuentes).

 

Tamaño: establece el tamaño de la fuente. Cuanto mayor sea el número, mayor será la fuente.

 

Estilo: establece el estilo del texto seleccionado. Los iconos de izquierda a derecha son Negrita, Cursiva, Subrayado y Tachado. La siguiente captura de pantalla muestra los diferentes estilos.

 

Justificar: establece la justificación del texto seleccionado. Las opciones están justificadas a la izquierda (todas las líneas de texto comienzan en el mismo punto a la izquierda), en el centro (todas las líneas de texto están centradas) y a la derecha (todas las líneas de texto están incluso en el lado derecho).

 

Dirección del texto: alterna entre texto horizontal y vertical. La siguiente captura de pantalla muestra texto horizontal a la izquierda y texto vertical a la derecha.

 

Color del texto: establece el color del texto. El primer icono de esta opción utiliza el color principal, el segundo icono establece el color del texto como subcolor (el predeterminado es el blanco) y la tercera opción utiliza un color definido por el usuario para el texto. Por lo general, dejo esta opción solo y simplemente cambio mi selección de color principal al color que quiero que sea mi texto.

 

Modo: este menú desplegable cambia cómo podemos modificar el texto usando el cuadro delimitador. Por defecto, generalmente está configurado en "Escalar / Girar", lo que significa que podemos usar el cuadro azul alrededor del texto ingresado para cambiar el tamaño y rotar el texto. El modo de transformación se puede cambiar seleccionando el modo deseado en el menú desplegable.

 

Mantener relación de aspecto: cuando esta casilla está marcada, el texto permanecerá en la misma relación de aspecto cuando se escala con el cuadro delimitador.

 

Ahora que conocemos los conceptos básicos de la herramienta de texto, ¡seamos creativos! En la captura de pantalla a continuación, utilicé la fuente Palooka que instalamos anteriormente en esta lección y escribí "¡WHAM!" como base de nuestro efecto de sonido.

 

Debido a que descargamos una fuente de efectos de sonido increíble, esto ya se ve bastante bien y podríamos usarlo tal como está. ¡O podemos subirlo algunas muescas para darle más fuerza!

Agregar trazos y degradados

En esta sección, le mostraré cómo crear un degradado en su texto y agregarle un esquema para que salga de la página. Antes de empezar a jugar con el texto, me gusta hacer una copia de la capa de texto haciendo clic derecho sobre ella y seleccionando "Duplicar capa" en el menú emergente. Luego oculto la capa de texto original y trabajo con la copia. Esto me permite volver a la capa original si lo necesito sin tener que volver a escribir el texto y es solo una pequeña medida de seguridad adicional para ahorrar tiempo en caso de que haya un problema más adelante en el proceso o si quiero probar algo. diferente con mi efecto de sonido.

 

Hacer texto degradado

El primer cambio que quiero hacer a este texto es agregar un degradado a la palabra. Hay varias formas de hacer esto en CSP, pero voy a usar el método que uso con más frecuencia, que implica rasterizar el texto primero.

 

Cuando rasterizamos la capa de texto, la cambiamos de una capa que podemos editar como texto a una capa que es lo mismo que una capa de dibujo. Al rasterizar el texto, podemos usar pinceles, degradados, bolígrafos, borradores y otras herramientas en la capa de texto para editar los píxeles que están allí.

 

¡Es fácil rasterizar una capa! Simplemente seleccione la capa a rasterizar (en este caso, la capa de texto), haga clic derecho en la capa y seleccione "Rasterizar capa" en el menú. Esta opción se muestra en la siguiente captura de pantalla.

 

Ahora que la capa está rasterizada, podemos editarla como cualquier otra capa en la que dibujaríamos.

 

Quiero agregar un degradado al texto. Para hacer esto, necesitaremos bloquear los píxeles transparentes en la capa para que el degradado solo se aplique al texto y no llene toda la capa. Para hacer esto, asegúrese de que esté seleccionada la capa correcta, luego haga clic en el icono "Bloquear píxeles transparentes" en la paleta de capas. Este icono está marcado en la siguiente captura de pantalla.

 

Ahora podemos pintar o usar un degradado en la capa y solo se mostrará en las áreas donde ya hay píxeles, en este caso, donde está nuestro texto rasterizado. Podemos pintar colores a mano o usar la herramienta de degradado para aplicar un degradado suave. Seleccione la herramienta Degradado de la barra de herramientas. Voy a utilizar uno de los ajustes preestablecidos de degradado, llamado "Sunset" para este ejemplo.

 

Después de seleccionar el degradado, simplemente use la herramienta para dibujar el degradado en el texto. Debido a que configuramos la capa en Bloquear píxeles transparentes, el degradado solo aparecerá en las letras de nuestra onomatopeya. Puedes ver el resultado a continuación.

 

Los colores se ven increíbles, pero quiero agregar un contorno alrededor del exterior de las letras para que el efecto de sonido realmente resalte en la obra de arte. Agregar un trazo al texto solía ser una tarea en Clip Studio Paint, ¡hasta que se agregaron las Propiedades de capa de efecto de borde en el programa!

 

Para agregar un trazo al exterior del texto, todo lo que tenemos que hacer es ubicar la ventana Propiedades de capa y hacer clic en el icono Efecto de borde. A continuación se muestra la ventana Propiedades de capa con el efecto de borde activo.

 

Echemos un vistazo a las opciones en esta ventana y lo que hace cada una.

Grosor de los bordes: controla el grosor del efecto de trazo. Un número mayor significa un borde más grueso alrededor de los píxeles de la capa.

 

Color del borde: controla el color que tiene el borde. El valor predeterminado es el blanco, pero hacer clic en el triángulo a la derecha de la opción Color del borde nos permite cambiar el color a cualquier cosa que queramos.

 

Anti-aliasing en el efecto de borde: activa y desactiva el anti-aliasing.

 

La imagen a continuación es nuestro efecto de sonido con un borde negro establecido en 10.0 de espesor.

 

El grosor que use para su trazo dependerá del tamaño de sus letras y del aspecto que desee para su proyecto.

Agregar un golpe adicional con la herramienta de transformación de malla

El texto que se transmite en línea recta está muy bien, pero a veces necesitas algo con un poco más de curva y forma para que encaje con el sonido que estás tratando de transmitir. Puede que también esté familiarizado con la rotación, la inclinación, la distorsión y la perspectiva, pero eso no puede ayudarnos a lograr el aspecto de una curva.

 

Para el efecto de sonido que estamos creando en este tutorial, quiero obtener un efecto de "globo" en el centro, y eso no es posible con la mayoría de las herramientas de transformación. Tendremos que usar la herramienta Transformación de malla para obtener formas y efectos más locos.

 

Para acceder a la herramienta Transformación de malla, primero haga clic en la opción Editar en el menú superior de CSP. Luego baje a Transformar y finalmente haga clic en "Transformación de malla". Una vez que lo hayamos hecho, nuestra capa seleccionada debería verse similar a la siguiente captura de pantalla.

 

Las líneas horizontales y verticales son nuestra malla, y los cuadros en cada intersección son los puntos de control que usaremos para alterar el contenido de la malla.

 

La ventana de la paleta Propiedades de la herramienta nos muestra algunas opciones útiles para nuestra transformación, como se muestra a continuación.

 

Lo que más nos interesa son las opciones “Número de puntos de celosía horizontales” y “Número de puntos de celosía verticales”. Cambiar estas opciones aumentará o disminuirá el número de puntos de control de intersección con los que tenemos que trabajar. Para transformaciones simples, puede dejar estos números en paz o incluso reducirlos. Para efectos más complejos, es posible que deba crear más puntos de celosía.

 

NOTA: DEBE CAMBIAR EL NÚMERO DE PUNTOS DE LATTICE ANTES DE COMENZAR A MOVER PUNTOS EN SU OBJETO. Si comienza a hacer su transformación y luego se da cuenta de que necesita más o menos puntos, no puede cambiar la cantidad de puntos. Debe cancelar la transformación y comenzar de nuevo. ¡Planifique con cuidado antes de comenzar a mover puntos!

 

Para el ejemplo de este artículo, voy a cambiar el número de puntos de celosía horizontal a 6 para poder lograr un efecto de curva más suave en la parte superior e inferior del "¡WHAM!" efecto de sonido. Usé las flechas hacia arriba a la derecha de la opción de puntos de celosía horizontal para aumentar el número de puntos. Ahora nuestra malla se ve así:

 

Para alterar el aspecto del efecto de sonido, haga clic en uno de los cuadros en una intersección de líneas y arrástrelo a una nueva posición. Como quiero que el texto se haga más grande en el centro y más pequeño en los bordes izquierdo y derecho, acerqué los puntos del borde izquierdo y derecho y jalé los puntos del centro más hacia afuera, lo que resultó en una malla que se parece a la siguiente imagen .

Una vez que estemos satisfechos con nuestra transformación, podemos presionar "Enter" en el teclado o hacer clic en el botón "Aceptar" debajo de nuestra malla para confirmar nuestros cambios.

 

Todos los efectos de sonido a continuación se crearon utilizando las técnicas de este artículo.

 

¡Con un poco de práctica y experimentación, podrá crear efectos de sonido increíbles en poco tiempo!

Conclusión

La onomatopeya o "efectos de sonido" son una parte importante de la narración visual. Pueden proporcionar un énfasis adicional a las acciones y realmente dar vida a su arte. ¡Con solo unas pocas herramientas simples, crearlas en Clip Studio Paint puede ser una parte fácil y agradable de su proceso!

 

Para obtener más información sobre CLIP Studio Paint, visite https://www.clipstudio.net/en o https://graphixly.com/