Introducción

¡Hola, mis mieles! En este tutorial vamos a aprender a crear onomatopeyas muy expresivas con la ayuda de las funciones [Máscara rápida], [Transformar] y [Filtro] de CSP. Además vamos a darle un gran acabado a nuestro trabajo con el uso de pinceles, gradientes y ¡hasta texturas!

 

 

Bueno, resulta que yo soy un asco escribiendo a mano alzada. Hago cosas tipo:

Con el tiempo, aprendí a usar las funciones ya mencionadas de CSP y ahora, con su ayuda, puedo hacer onomatopeyas de mucha mejor calidad, como esta:

Les enseñaré cómo lo hago. ¡Comencemos!

Onomatopeya 1: filtro de ola + relleno de color

Si quieres, puedes descargar esta imagen para seguir los pasos de este tutorial:

Paso (1) Vamos a escribir con la herramienta de [Texto] con la fuente por defecto de Windows "Arial" (sí... Arial). En este caso escribiré "WHOOOSH" como onomatopeya del sonido del viento en una ventisca. Le daremos un tamaño proporcional a su impacto.

Paso (2) La capa de texto tiene poca libertad de edición, por lo tanto vamos a convertir la capa de texto a capa ráster. Para ello:

 

Menú superior.→[Capa]→[Convertir capa...]→[Tipo: capa ráster].

 

¡Ahora podemos editar esta capa de muchas más formas! Empezaremos con una transformación:

 

Menú superior. →[Edición]→[Transformar]→[Transformación libre].

Transforma la capa de manera de que favorezcas su impacto.

Para acción del tutorial voy a renombrar la capa como "Arial".

 

Como pueden observar nuestro efecto de sonido ya se ve más expresivo, pero no lo suficiente. ¡Vamos a darle más impacto con el uso de un filtro! Para ello:

 

Menú superior→[Filtro]→[Distorsionar]→[Ola].

Juega con los valores hasta que logres algo llamativo. Yo le puse estos valores:

Resultado:

Eso está mucho mejor, pero aún no es suficiente. Le daré un efecto más ondulado usando de nuevo la herramienta de transformación. Esta vez usaré otra de las opciones disponibles:

 

Menú superior. →[Edición]→[Transformar]→[Distorsión].

¡Eso es!

 

Lo que acabamos de hacer en realidad es una plantilla. La capa Arial será la plantilla sobre la cual escribiremos el efecto de sonido de manera manual en una capa de máscara rápida.

 

Paso (3) Primero voy a crear una nueva capa ráster que voy a renombrar como "SFX" y luego voy a crear una mascara rápida sobre ella. (Menú superior.→[Selección]→[Máscara rápida])

 

En la máscara rápida, usando la herramienta [Pincel], voy a seguir con precisión la plantilla que cree.

Por accidente, yo escogí un pincel pago con Clippy especialmente configurado para hacer efectos de sonido que compre en ASSETS. De todos modos dejaré el link del mismo set, es muy económico. El pincel se llama "ベーシック勢い".

Como alternativa gratuita pueden descargar este set:

Luego de terminar, vamos a desactivar la mascara rápida (Menú superior.→[Selección]→[Máscara rápida]) y aparecerá una selección la cual vamos a rellenar con negro para poder ver claramente el resultado:

¡Perfecto!

 

La capa plantilla Arial ya no nos sirve, podemos borrarla.

 

Lo siguiente es duplicar la capa SFX. Por defecto el duplicado se llamará "SFX Copy" o en español "SFX Copia". Recuerden bien esta distribución de capas porque vamos a repetirla con todos los ejemplos.

Ocultamos la capa SFX Copy. A la capa SFX vamos cambiarle el color a blanco y vamos a darle un borde blanco.

 

(Cambiar a color blanco:

Seleccionamos el color blanco.→Menú superior.→[Edición]→[Cambiar a color de dibujo])

 

(Agregar borde:

Menú superior.→[Ventana]→[Propiedades de capa]→[Efecto]→[Borde]→[Grosor: 4.0])

Debe quedar así.

 

Activamos la capa SFX Copy y vamos a cambiarle el color a gusto. (Seleccionamos el color que queramos.→Menú superior.→[Edición]→[Cambiar a color de dibujo]). Yo le puse un color similar al de fondo.

¡Genial! Ahora sí es una onomatopeya de impacto, solo falta una cosa....

 

Paso (4) Agregar detalles.

 

Con cualquier herramienta de spray de poca opacidad y en modo borrador haz una curva sobre la capa SFX Copy. (Yo prefiero usar modo borrador para no crear más capas)

 

Modo borrador:

También puedes usar una herramienta spray de gotas en borrador.

Agregaré unos detalles extra al ambiente, ¡y listo!

Onomatopeya 2: filtro de ojo de pez + relleno de gradiente

En japonés la onomatopeya para "sonrojarse" es "KAAAA"... Y pues en el idioma español no hay nada parecido jájá. Por lo tanto, usaremos el nombre de la acción como "onomatopeya".

 

Nuevamente, si quisiera hacerlo a mano alzada, haría una onomatopeya muy sosa. Así que aplicaré la técnica de máscara rápida.

Imagen para descargar:

El procedimiento será casi mismo. Haré un resumen de los primeros pasos.

 

Paso (1) Escribimos con la herramienta de texto. Yo usé la fuente por defecto de Windows "Rage Italic". Convertimos la capa de texto a capa ráster.

Paso (2) Editamos la capa con la herramienta de [Transformar] y/o [Filtro].

Aquí usé [Filtro] →[Distorsionar]→ [Ojo de pez].

Si es necesario, aplicamos nuevamente una distorsión.

Bien. Esta capa plantilla la llamaremos "Rage".

 

Paso (3) Creamos una nueva capa ráster y la renombramos como "SFX" luego creamos una mascara rápida sobre ella. (Menú superior.→[Selección]→[Máscara rápida])

 

En la máscara rápida usamos la herramienta [Pincel] y seguimos la plantilla.

En este caso usé el pincel "KAKI-moji_10_02" del set gratuito. No tiene que quedar exacto a la plantilla Rage, solo procura hacer un trazo estable.

Si el trazo queda muy fino o muy grueso lo podemos arreglar. Yo creo que mi trazo está muy fino, así que le daré más grosor expandiendo la selección: Pare ello:

 

Menú superior.→[Selección]→[Expandir área seleccionada]→[Valor: 2, Tipo: esquina redondeada]

Aceptamos y rellenamos de negro.

Mucho mejor. Borramos la plantilla Rage, y nos queda solo la capa SFX.

 

Ok, ahora vamos a aplicar un procedimiento de relleno diferente al de "Onomatopeya 1". Vamos a rellenar con la herramienta de [Gradiente]. Para ello:

 

SIN DESELECIONAR, creamos una nueva capa, seleccionamos la herramienta de [Gradiente], escogemos colores que nos gusten, y trazamos la dirección del gradiente.

(Extra: A este punto, con la selección activa, es posible crear otra nueva capa y añadir otro efecto con alguna otra herramienta de dibujo.)

 

Bien, si estamos satisfechos podemos deseleccionar. Esta capa la llamaremos "SFX Copy" para seguir la secuencia del ejemplo anterior.

 

A la capa SFX vamos cambiarle el color a blanco y vamos a darle un borde blanco.

 

Paso (4) Agregamos detalles con herramientas en borrador, les dejo un set de patrones:

No es que el pincel sea blanco, es que el pincel está en modo borrador y la capa inferior es blanco. Yo prefiero hacerlo así para no crear más capas, pero, si prefieres, puedes crear una nueva capa sobre el color o gradiente.

 

¡Listo!

Onomatopeya 3: filtro de zigzag + relleno de textura

Para la onomatopeya 3 vamos a hacer algo un poco más avanzado con la utilización de más materiales.

 

Usaremos como texto "Ujujujujujujuju" que es el equivalente a una risita malvada que pasará como onomatopeya aunque no sea una en sentido estricto.

Vamos a usar una fuente expresiva llamada "Jolly Lodger" la cual pueden descargar de Google Fonts.

Esta vez, les proporcionare el fondo y la imagen del personaje por separado:

Para que no se haga tedioso, haré un resumen aún más breve de los primeros pasos. (Voy a ocultar el fondo y voy a bajarle la opacidad al personaje para ver mejor qué estoy haciendo. )

 

(1) Escribir texto. → Capa texto a capa ráster.

Paso (2) Editar.

Aquí usé [Filtro] →[Distorsionar]→ [ZigZag].

Paso (3) Máscara rápida.→ Seguir plantilla.

Yo usé el pincel "KAKI-moji_10" del set gratuito.

Bien, justo aquí desactivamos la máscara rápida, borramos la plantilla, rellenamos de negro y luego, SIN DESELECIONAR, arrastramos una textura del catálogo de materiales de CSP.

 

Yo usé una textura llamada "Forest" ("Bosque"). La vista previa de esta textura viene por defecto en el CSP, pero debes descargarla dando clic al ícono de la nube.

Ajusta la textura de ser necesario. Puedes mover la textura con la herramienta [Objeto].

Debe quedar así:

 

Arriba de la imagen de textura vamos a crear una nueva capa ráster, seleccionamos ambas capas y las fusionamos (Menú superior→[Capa]→[Fusionar capas seleccionadas]). Renombrar la nueva capa como "Textura".

¡Eso es! Pueden observar que tenemos dos capas editables: SFX y Textura. Voy a aprovecha y voy a activar la capa de fondo que la tenía oculta y le bajaré la opacidad para ver qué estoy haciendo.

 

A la capa SFX vamos a darle un borde de color y listo.

En realidad, en este punto, podemos hacer muchas ediciones, pero yo creo que es suficiente con el efecto de la textura.

 

Bien, una vez estén satisfechos, seleccionamos las capas SFX y Textura y las fusiónanos. Ahora, nuestra "onomatopeya" está en una sola capa.

 

Si quieren pueden editar la onomatopeya un poco más con la herramienta de distorsión, pero no hagan nada muy exagerado porque se va a pixelar.

Para terminar, vamos a copiar y pegar varias veces nuestra onomatopeya y vamos a situarla entre el fondo y el personaje. Llevaré al 100% la opacidad del fondo y del personaje.

 

¡Listo!

Este método no funciona con todas las texturas. Alguna textura se salen de la selección. Lo más recomendable es usar textura que solo tengan el tag de "Material de imagen".

Onomatopeya 4: filtro de desenfoque de movimiento

Este es el diseño de onomatopeya más simple y sencillo de todos, por eso lo dejé de último.

 

Con ello le daremos una especie de efecto de movimiento a la onomatopeya. De esta manera:

Imagen para descargar y prácticar:

Vamos a seguir los pasos del 1 al 3 hasta duplicar la capa SFX. Ahora, vamos a ubicarnos en la capa SFX y vamos a aplicar un filtro de desenfoque, para ello:

 

Menú superior→[Filtro]→[Desenfoque]→[Desenfoque de movimiento].

¡Y eso es todo! La capa SFX Copy, la cual no tiene filtro y está arriba de la capa SFX, le dará nitidez a la onomatopeya. Si quieren pueden cambiar los colores de las capas o agregarle borde. A mi me gusta así.

 

Hubiera quedado mejor una onomatopeya real de movimiento para esta explicación, como "suanfonson" (perdón XD), pero no tenía ningún diseño de ese tipo a la mano. Como quiera espero que se haya entendido la idea.

Otras aplicaciones

¡Así es! ¡En blanco y negro! Todas estas onomatopeyas fueron creadas siguiendo los mismos pasos. Lo que vario fue la fuente para la plantilla, los pinceles de escritura y los pinceles de detalles. (¡Recuerden ponerlos los pinceles de detalles en modo borrador!)

Consejos

☆Aunque hacer onomatopeyas con la máscara rápida es muy fácil, no es técnica que aplique con cada onomatopeya de mi cómic. La aplico con las onomatopeyas que son más grandes y las que deseo destaquen sobre otras. Como en esta imagen de ejemplo:

☆ Si tienes confianza en tu escritura manual simplemente salta los pasos 1 y 2.

 

☆ Si la plantilla sufre mucha transformación, las letras inevitablemente van a variar su grosos entre ellas. Es recomendable variar el grosos del pincel al seguir la plantilla.

☆ De seguro algunos se está preguntando: ¿por qué hacer la onomatopeya manual con un pincel y no usar directamente la capa plantilla?

 

Pues por esto:

1) Capa de plantilla.

2) Capa de pincel.

 

Después de aplicar las transformaciones y los filtros la capa se destruye mucho. Lo mejor es hacer el trazo manual, queda mucho mejor, en especial si trabajas con resolusiones grandes que es lo normal en cómics.

Conclusión y créditos

Me gusta mucho usar este método de plantilla y máscara rápida porque tengo mucha libertad de edición y se logra un resultado muy nítido. ¡Espero lo prueben!

Creado por: Naosuke Takasaki.

Twitter: https://twitter.com/tksk_nsk

 

Programa: CLIP STUDIO PAINT

Versión: 1.9.11