Crear efectos de sonido de cómic

637 visitas

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

En este artículo, te voy a enseñar cómo crear tus propios efectos de sonido de cómic (u "onomatopeya"). La onomatopeya es el proceso de crear una palabra que imita, se asemeja o sugiere el sonido que describe. Tales palabras también se llaman onomatopeyas. Los ejemplos son palabras como "bang", "miau", "moo", "crash", "clang", "wham", etc.

Cuando agrega efectos de sonido a sus libros de historietas, realmente puede aumentar el impacto de una acción. Un efecto de sonido bien implementado y diseñado puede agregar golpe a una escena de lucha, gravedad a una escena de suspenso e incluso mejorar una línea de golpe.

Para aprender a crear onomatopeyas dinámicas y llamativas, 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
Usar la herramienta de transformación de malla


¡Empecemos y hagamos 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 letras profesionales con las habilidades para hacerlo. Por lo tanto, voy a usar fuentes en su lugar.

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

http://www.1001fonts.com
http://www.blambot.com
http://www.dafont.com

Sin embargo, antes de descargar e instalar una fuente, debemos considerar el acuerdo de licencia. Algunas fuentes te permitirán usarlas para una aplicación comercial (es decir, un cómic que pretendes 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 verificar 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 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 pesado, como un choque o un golpe, probablemente quiera usar una fuente que tenga líneas gruesas y gruesas. Si está creando una máquina de tono agudo, 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 correcto 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 estamos buscando una fuente de efectos de sonido, elegí esa categoría.

Blambot está específicamente dirigido a 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 en 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 estoy usando 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 continuar navegando y agregar todas las fuentes al carrito antes de "retirar" 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 recuerde dónde están para poder instalarlas más tarde.

Ahora que he guardado 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 en el archivo zip a su propia carpeta. Ahora tenemos que hacer doble clic en la carpeta y entrar para encontrar los archivos de fuente "OpenType" que usaremos para instalar la fuente.

En la captura de pantalla a continuación, he localizado los archivos OpenType para la fuente Palooka, los seleccioné presionando 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 fuente 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 detalladas de instalación.

Ahora que tenemos nuestra fuente lista, ¡es hora de entrar 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 dirigirnos a Clip Studio Paint. Para este tutorial, utilizaré un lienzo en blanco para fines de demostración.

Primero, echemos un vistazo a la ventana de 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 siguiente captura de pantalla.

Repasemos brevemente las opciones en esta ventana. Probablemente hayas visto algunas de estas mismas opciones antes en un software de procesamiento de textos, ¡así que ya deberías 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 íconos 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 se justifican a la izquierda (todas las líneas de texto comienzan en el mismo punto a la izquierda), al 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 captura de pantalla siguiente muestra texto horizontal a la izquierda y texto vertical a la derecha.

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

Modo: este menú desplegable cambia la forma en que podemos modificar el texto utilizando el cuadro delimitador. Por defecto, generalmente está configurado en "Escalar / Rotar", 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 del 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 tenemos los conceptos básicos de la herramienta de texto, ¡vamos a ser creativos! En la captura de pantalla a continuación, utilicé la fuente Palooka que instalamos anteriormente en esta lección y escribí "¡WHAM!" como la base de nuestro efecto de sonido.

Debido a que descargamos una increíble fuente de efectos de sonido, esto ya se ve bastante bien y podríamos usarlo tal cual. ¡O podemos tomar algunas muescas para un golpe adicional!

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 comenzar 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 intentar 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 maneras de hacer esto en CSP, pero voy a usar el método que uso con más frecuencia, que implica primero rasterizar el texto.

Cuando rasterizamos la capa de texto, la convertimos de una capa que podemos editar como texto a una capa que es igual a 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 para rasterizar (en este caso, la capa de texto), haga clic con el botón 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 dibujemos!

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 seleccionar la capa correcta, luego haga clic en el icono "Bloquear píxeles transparentes" en la paleta Capa. Este icono está marcado en la captura de pantalla a continuación.

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 los 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 usar uno de los presets de degradado, llamado "Sunset" para este ejemplo.

Después de seleccionar el degradado, simplemente use la herramienta para dibujar el degradado a través del texto. Como configuramos la capa para Bloquear píxeles transparentes, el gradiente 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 salga de la obra de arte. ¡Agregar un trazo al texto solía ser una tarea en Clip Studio Paint, hasta que las Propiedades de la capa de efecto de borde se agregaron al programa!

Para agregar un trazo al exterior del texto, todo lo que tenemos que hacer es ubicar la ventana Propiedad de capa y hacer clic en el icono Efecto de borde. A continuación se muestra la ventana de 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 blanco, pero al hacer clic en el triángulo a la derecha de la opción de color Borde nos permite cambiar el color a lo que queramos.

Anti-aliasing en 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 grosor.

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

Agregar un extra de perforación con la herramienta de transformación de malla

El texto que se ejecuta en línea recta está muy bien, pero a veces necesita algo con un poco más de curva y forma para que se ajuste al sonido que está tratando de transmitir. Es posible que también esté familiarizado con la rotación, el sesgo, 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 Transformar malla para obtener algunas formas y efectos más locos.

Para acceder a la herramienta de 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 hayamos hecho eso, nuestra capa seleccionada debería ser similar a la siguiente captura de pantalla.

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

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

De mayor interés para nosotros 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 solos o incluso disminuirlos. Para efectos más complejos, es posible que deba crear más puntos de red.

NOTA: DEBE CAMBIAR EL NÚMERO DE PUNTOS DE LETRAS ANTES DE COMENZAR LOS PUNTOS EN MOVIMIENTO 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 el número de puntos. Debe cancelar la transformación y comenzar de nuevo. ¡Planee cuidadosamente antes de comenzar a mover puntos!

Para el ejemplo en 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. Utilicé 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ínea 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, moví los puntos izquierdo y derecho más cerca y jalé los puntos en el centro más hacia afuera, lo que resultó en una malla que se parece a la siguiente imagen .

Una vez que estemos contentos 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 algo de práctica y experimentación, ¡estarás creando increíbles efectos de sonido en muy poco tiempo!

Conclusión

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!

Comentario

Artículos relacionados

Nuevo

Últimas publicaciones en Oficial