Hola mi nombre es Benjamin Cobos y hoy los guiare por mi proceso creativo de como crear efectos de glitch combinados con tipografías para una portada o ilustración.

1.- Boceto

Comenzaremos por trazar un pre-boceto que sera la base de nuestro dibujo, líneas sencillas que nos ayuden a delimitar nuestro punto de foco.

Una vez que ya tenemos delimitada el area a trabajar creamos un segundo boceto donde el trazo y las líneas que van a ser esenciales para determinar el render final sean muy claras.

2.- Entintado

Una vez que terminamos el boceto comenzamos a entintar en una capa nueva usando 2 herramientas, una es un pincel básico de lápiz y el otro es un pincel con la forma de circuitos, les dejo el link del pincel de circuito para descargar aquí debajo.

Después de usar el pincel de circuitos en una capa separada de la línea con el pincel de lápiz, usamos la herramienta de mesh transformation para moldear el ángulo a nuestro gusto

ademas usamos la herramienta de varita mágica con los valores que tengo en la tabla para borrar el relleno blanco del pincel y mantener solo la línea entintada.

3.- Escala tonal y envejecimiento

Nuestro siguiente paso involucra rellenar nuestro entintado con una escala de grises que ayuden a servir como una grisalla de nuestro dibujo y separar todo en una escala tonal y poder identificar elementos no solo por la línea pero también por su tono.

Una vez que hemos completado la grisalla, pasamos a colocar nuestras texturas de papel escaneado para adherir una sensación vintage a la línea y color de nuestro dibujo. La primera capa la colocamos en modo de mezcla normal.

y damos click derecho sobre la capa Y seleccionamos mascara de capa - enmascarar fuera de seleccion

ahora seleccionamos nuestra línea presionando CTRL en pc o CMD en Mac y dando clic sobre el thumbnail

una vez que tenemos seleccionada la capa usamos un pincel con textura, el que sea de nuestro agrado para revelar la textura dejando ciertos espacios vacios como si se tratara de una ilustración borrada por El Paso del tiempo.

 

Mientras tanto la segunda textura la colocamos en un modo de mezcla en screen

y usamos nuestra grisalla como mascara de selección para dar un envejecimiento a los tonos

colocamos nuestra capa de lineart sobre todas nuestras capas anteriores y le reducimos la opacidad al 64% de tal manera que sirva para dar mayor nitidez a la linea sin perder el desgaste.

4.- Color

Ahora es tiempo de comenzar a colocar el color de nuestra ilustración. Usando una de las texturas halftone de los materiales de CSP con los valores que tengo en las cajas creamos un textura para usar la grisalla y darle color a nuestra imagen a partir de la escala tonal

son libres de usar mis parámetros para el color o escoger los suyos.

Una vez que estamos satisfechos con el resultado del halftone rasterizamos la capa y usando una mascara de selección y la herramienta de aerógrafo con la sub herramienta de gotitas ajustamos los parámetros a nuestro gusto para crear un efecto de envejecimiento en el halftone.

Repetimos si deseamos conseguir mas colores sobre los que ya tenemos ademas de que podemos experimentar con los diferentes modos de mezcla de las capas. Vuélvanse locos con las capas y mascaras.

Ahora agregamos 1 textura mas para dar un color amarillo y envejecido a la ilustración. Al agregarla la modificamos con el modo de mezcla de multiplicar

 

a continuación le agregamos una capa de selección con la forma de nuestra grisalla.

Ahora agregamos una capa modificada de ruido para alterar el rango dinámico del color y agregar una gama mas alta de matices a la ilustración y la cambiamos a modo de mezcla overlay al 100% de opacidad.

Es hora de usar una acción modificada que encontré en Clip Studio Assets, esta nos ayudara a crear una aberración cromática, separando los canales de color rojo (Red), verde (Green) y azul (Blue) (RGB), y crear el efecto mejor conocido como glitch. La acción creara una serie de capas dentro de una carpeta, aquí les comparto las modificaciones que hice a las capas dentro de esta carpeta, pueden usar mis parámetros o pueden experimentar los suyos.

5.- Glitch

Ahora que ya tenemos listos los valores del efecto re-alineamos las capas de rojo, verde y azul a su lugar original, creamos una copia de la carpeta y mantenemos la original separado por si necesitamos hacer mas copias, y en la nueva copia movemos las capas RGB para crear una aberración cromática, podemos ir de algo muy sutil a llevarlo al extremo, la opción es suya. Ahora combinamos todas las capas dentro de la copia de nuestra carpeta

Creamos una mascara de seleccion fuera de la selección y con la herramienta de aerografo y diferentes sub herramientas descubrimos y ocultamos las partes que deseamos que sean visibles de las distintas capas con aberración cromática.

Arriba de nuestras capas con glitch creamos una capa en modo de mezcla soft light con un 15 % de opacidad que tenga un color rosa pastel.

una capa donde podemos colocar ciertos puntos color crema, verde y purpura para agregar textura y sobre esta una capa de ruido modificada para agregar el ruido a esta textura.

Una capa en modo de mezcla de color al 53% de opacidad con un color verde pistache para apagar un poco la saturación de los colores del glitch y hacer mas neutral nuestra colorimetria.

6.- Fondo

Ahora que ya tenemos nuestro rostro definido continuaremos con el fondo comenzando por crear una capa que se encuentre por debajo de todas las demás con un color gris en una escala tonal media.

Ahora aplicaremos las mismas texturas que aplicamos a nuestro rostro, el envejecimiento en amarillo en una capa en modo de mezcla multiply

la siguiente es la que tiene el desgaste del papel escaneado y la activamos en modo de mezcla screen

colocamos una textura mas que muestra imperfecciones y puntos de brillo en modo de mezcla screen.

Una capa mas en modo substract al 100% de opacidad con un color gris en una escala tonal media baja.

Una capa de ruido modificada, es la misma que hemos usado para crear efectos de ruido esta se encuentra en modo de mezcla overlay con opacidad al 100%.

Y una ultima capa en modo de mezcla overlay con una opacidad al 8% la cual debe de contener un color rojo en alta saturación y brillo.

Movemos nuestras capas por debajo de todas, excepto la de nuestro fondo

Ahora modificamos el tamaño de nuestro rostro al seleccionar todas las capas anteriores que afectan al glitch del rostro, presionando CTRL+C y después CTRL+V en pc o CMD+C y CMD+V en Mac y de esta forma copiaremos todas las capas.

las mezclamos en una sola capa.

Y al tener nuestro resultado presionamos CTRL+T en pc o CMD+T en Mac para poder modificar el tamaño de nuestra capa, recuerden que mientras mueven el tamaño de su capa presionen la tecla SHIFT, de esta forma la capa mantendrá las mismas proporciones y no se deformara.

7.- Tipografia

Ahora continuamos con crear nuestro texto, yo escogí la tipografía HELVÉTICA NUEN, la colocamos sobre nuestra capa del rostro.

Pasamos a apagar la capa del rostro dejando solo nuestro fondo y la tipografía, de esta forma volvemos a usar nuestro efecto de glitch para crear una aberración alrededor de la tipografía.

Continuamos mezclando todas las capas de la carpeta del glitch, con la herramienta de varita mágica selecccionamos el fondo de la capa y con el click derecho sobre nuestra capa seleccionamos -mascara de capa -enmascarar selección.

8.- Toques finales

De nuevo encendemos nuestra capa de la ilustración del rostro, y aplicamos una vez mas nuestro efecto de aberración cromática, podemos llevarlo aun mas al extremo, consideremos que podemos jugar de nuevo con los parámetros de las capas que se crean antes de mezclarlas para obtener distintos resultados, yo elegí usar los mismo valores de la ultima vez que hicimos esto con el rostro. Una vez listo mezclamos las capas y colocamos esta capa nueva sobre la capa de texto.

Ahora duplicamos nuestra capa en caso de que la necesitemos de nuevo y en la copia con la herramienta de línea y la sub-herramienta de línea y seleccionando ningún color hacemos unos cortes verticales, podemos mantener presionado la tecla SHIFT mientras lo hacemos, de esta forma todos nuestros cortes serán rectos dando una mejor estética.

Con un nuevo duplicado de la capa, modificamos su tamaño ligeramente mas grande, con click derecho - mascara de capa - enmascarar selección, y usando la herramienta de aerógrafo con la sub-herramienta de gotitas revelamos ciertas partes de esta capa dando La impresión de una textura con desfase en la impresión.

Y con una ultima copia de nuestra capa de glitch, modificamos su tamaño hasta que sobrepase el de nuestra ilustración y activamos la capa de selección, ahora usamos de nuevo el aerógrafo como en la capa anterior solo que aun mas cercano a la orillas de nuestro archivo.

Una vez terminado guardamos nuestro archivo y claro no olvidemos firmarlo!.

Gracias por leer este tutorial, espero les haya gustado, pronto subiré nuevos. Déjenme algún comentario o duda, con gusto les respondo