¡“Might & Sorcery” salta a la acción!

ESTUDIO DE CASO

EN

TRABAJO PERSONAL

Comic-style, hand-drawn illustration of a sorceress creating a green energy wall to block arrows, and a werebear with red and gold armor fighting an skeleton warrior

Hay pocas cosas en la vida que amo tanto como los videojuegos; es una pasión que he compartido con mi hermano Eleazar por décadas; los "Beat 'Em ups" ocupan un espacio especial en mi corazón.

"Might & Sorcery" es nuestro propio "Beat 'Em Up", desbordante de acción y misterio en un mundo de fantasía oscura.

No lo pensé mucho para crear un proyecto personal haciendo la ilustración para la portada de una de las ideas de juego originales que desarrollé con mi hermano.

Hice una ilustración dibujada a mano representando una escena de combate enfrentadp a los dos protagonistas, Magnus el hombre oso y Saga la hechicera, contra el ejército de Tenebris Umbra, en las profundidades de un templo subterráneo maligno. También hice un logo dibujado a mano del juego, para ser usado junto a la portada.

ALCANCE

Ilustración

Logo dibujado a mano

Collage of mockups featuring custom comic-style illustrations of Saga the sorceress and Magnus the werebear with the game logo

El corazón de un Beat 'Em Up clásico

El principio de los años 90s es a menudo considerado como la era dorada de los beat 'em ups, juegos que llevaban la lucha a las calles, enfrentando el mal un golpe a la vez; el género nació en las maquinitas (arcades) durante los 80s, y después invadió el espacio de las consolas caseras sin dar un respiro; you tuve la suerte de experimentar ese momento en mi infancia, y disfruté cada segundo.

EXPOSICIÓN

Screenshot of TMNT the Arcade Game stage 1 (April's apartment). It features Leo fighting foot soldiers in a burning hallway

TMNT The Arcade Game (1989) de Konami

Game screenshot of Double Dragon II stage 4 (the mansion). It features Billy standing on golden steps against a purple background with torches

Double Dragon II: The Revenge (1990) de Technōs Japan

Double Dragon II NES cover art

Clásicos como "Double Dragon II" para NES, "Teenage Mutant Ninja Turtles: The Arcade Game", "Streets of Rage" para Sega Genesis, y "TMNT IV: Turtles in Time" para la SNES me mostraron como un arte vistoso puede ayudar a subir de nivel un juego que ya es bueno en la mente de sus jugadores.

TMNT IV Turtles in Time SNES cover art. It features Leo, Mikey, Donnie and Raph  gliding on a giant wind spiral connecting to time portals

TMNT IV - Portada SNES (1992) por Tom Dubois

Streets of Rage Sega Genesis box cover (NA version - Front)

Las portadas de juegos me cautivaban, mostrando héroes legendarios trabajando en equipo para luchar contra hordas de enemigos. Muchas de esas obras de arte siguen grabadas en mi memoria décadas después.

Esteban Matheus and Eleazar Matheus on a gaming expo. Esteban is holding a replica of Link's Sword from TThe Legend of Zelda, and Eleazar is standing next to a Super Mario Odyssey stand.

De izquierda a derecha

Yo y mi hermano Eleazar

My hermano Eleazar y yo crecimos siendo apasionados por los videojuegos, siempre soñando con crear nuestro propio juego algún día. Nos encanta probar y analizar nuevos juegos, y constantemente producir nuevas ideas para juegos potenciales.

Streets of Rage 4 screenshot featuring stage 2 (the police station). It features Blaze, Axel, Cherry, and Floyd fighting thugs in the prision.

Recientemente, el género "Beat 'Em up" ha estado experimentando un renacimiento, gracias a juegos como Streets of Rage 4 de DotEmu, que nos inpiró a regresar y expandir una de nuestras ideas para un juego: "Might & Sorcery".

Streets of Rage 4 cover (PS4, Xbox One, and Nintendo Switch)

Streets of Rage 4 (2020) de DotEmu

Crear una ilustración en toda regla para usar en la portada y material promocional para nuestro juego era lo más cercano a hacer realidad "Might & Sorcery", y no aguantaba las ganas de mostrársela a mi hermano.

An Old school Lunch Box mockup showing the Might & Sorcery cover art and logo

Luchando espalda con espalda en las profundidades de la tierra

A pencil sketch of Magnus the werebear. It shows the head with a menacing expression, and rough strokes starting to shape the body.

EL PROCESO

Pencil drawing of Magnus the werebear. It is a close-up of the character's face focusing on the gaping mouth with sharp teeth and all-white eyes.

Mi espacio de trabajo se llenó rápidamente de poses agresivas, armas y armaduras medievales, y osos, muchos osos, para ser preciso al dibujar las facciones de Magnus (el hombre oso).

Clip Studio Paint Pro screenshot showing a Saga the sorceress pencil drawing. She is extending her right hadn to fire a spell.

Los bosquejos y dibujos a lápiz me permiten construir la composición, y posteriormente definir la totalidad de los detalles de todos los personajes, como las decoraciones de la armadura (las llamas en los brazales, la cara agresiva en la hombrera, y los anillos de la cota de malla), los efectos de magia de los hechiceros, y los hongos en los guerreros esqueléticos decrépitos.

Zoomed in view of a Summoner ink drawing, focusing on the hard shadows and cross-hatching on his left shoulder and arm.

Durante el entintado, usé trazos de tinta oscuros de grosor variable para dar profundidad, emulando el estilo cómic clásico de las portadas de videojuegos de los años 1990s.

Establecí las sombras duras del invocador que ocupa el primer plano, representándolas como grandes bloques de tinta negra, para intensificar el efecto silueta, transformándolo en el personaje más oscuro en toda la composición.

Clips Studio Paint Pro screenshot showing Magnus the werebear drawn with ink and in full color against a grey background.

El Contraste es el tema principal de la historia, así que usé color y sombras para manifestarlo. Magnus usa principalmente rojo y naranja, mientras que Saga (la hechicera) usa morado y azul; las decoraciones y hechizos resaltan con colores complementarios como amarillo, naranja y verde.

Comic illustration of Saga the sorceress with flowing orange hair, wearing a purple battle dress with golden greaves and necklace. She is creating a green energy wall with her left hand.
Comic illustration of Magnus the werebear slashing an enemy with his right claw. He is wearing a crimsong armor with yellow decorations.
Comic illustration of Saga the sorceress focusing on her head with an aggressive expression. She is a redhead with blue eyes and red lips

El fondo y los enemigos son una representación de la oscuridad envolviendo a la luz.

A comic-style illustration of a skeleton warrior wearing a fungus infested armor while blocking a hit with its shield.
Clip Studio Paint Pro screenshot showing a comic-style drawing of the summoner's head in full color. The lasso tool is being used to select a portion of the face.

La batalla de las minas de Moria en "The Lord of the Rings: The Fellowship of the Ring" (2001) fue una gran inspiración para lograr el tono y la composición que quería.

Screenshot from the movie LoTR Fellowship of the Ring. It shows Gandalf, Aragorn, Legolas, Gimly and the hobbits back-to-back, facing a horde of orcs deep in the mines of Moria

Diseñé el templo subterráneo usando una técnica de perspectiva de 2 puntos de fuga. Las filas de pilares forman líneas oblicuas, creando un frente imponente que rodea los personajes, perdiéndose en la distancia.

Pencil sketches of columns drawn on a 2-point perspective grid over a white background
Zoomed-in comic illustration of the base of a column featuring an engraved skull with lines.
Comic-style ink illustration of column rows with bones and skulls

El efecto "Arena" es creado con un sombreado con tonos oscuros y gradientes. La oscuridad brota desde todos los rincones, y los héroes son la fuente de luz, actuando como símbolos de esperanza.

Comic illustration of rows of columns in a dark arena in full-color
Comic illustration of rows of columns in a dark arena in full-color. It now includes complete shading and lighting effects using gradients
Clip Studio Paint Pro screenshot showing a comic illustration of the columns linework with completed coloring and shading.
Comic-style illustration of the Tenebris Umbra temple with multiple rows of column decorated with bones and skulls. Theres an eerie green myst enveloping the structures close to the floor.
Pencil drawing of the Might & Sorcery logo next to some font explorations over a white background

Al diseñar el logo, busqué un choque entre una tipografía de remate en bloque pesada y una tipografía de transición delicada; dibujé la primera, añadiendo características como empalmes lisos para los remates de las letras para hacerlas ver menos rígidas (fuertes pero flexibles como Magnus), y a las últimas, le añadí terminales con ornamentos representando la naturaleza fluida de los hechizos de Saga.

Might & Sorcery pencil sketch drawn in white over a black background

La exploración de colores para el logo se originó de la paleta de colores de los personajes, emparejando tonos cálidos con fríos. Probé diferentes combinaciones y gradientes hasta terminar en un set que fuera legible tanto en fondos oscuros como claros, y que también fuera viable tanto en tela como en material impreso requiriendo modificaciones menores.

Clip Studio Paint Pro screenshot showin an art board with a set of beat 'em up game logos on the left, and pencil sketches and design explorations on the right
Might & Sorcery logo exploration with different color combinations. Top left: a gradient of yellow to dar orange. Bottom right: "Might" has a gradient of yellow to orange, and "Sorcery" is light blue.
Mockup set: an SNES box cover, an A6 flyer, an SNES cartridge label, a square wall sign, and an Arcade cabinet, decorated with the Might & Sorcery art and colors

Poder y encanto abrumador

Al final, creé una ilustración panorámica detallada con colores vibrantes y alto contraste, para ser usada como "key art" para el juego; cada personaje existe de forma independiente, permitiéndome reacomodar la composición según convenga.

EL RESULTADO

Might & Sorcery cover art drawn in calssic full-color comic style. The scene depicts Magnus the werebear fighting two skeleton warriors, and Saga the sorceress shooting spells and creating a protection wall in the background.

Profundidad de campo:

apliqué un desenfoque Gausiano al amenazante enemigo en el primer plano, haciéndolo más misterioso e intrigante a los observadores.

Texturas:

se añadió una textura prefabricada de tierra al suelo de la mazmorra, haciéndolo ver más arenoso.

Sombreado y "Crosshatching":

se crearon las sombras duras con secciones de tinta oscura combinadas con "crosshatching", reproduciendo una vibra de cómic clásico.

Efectos de brillo:

resalté los hechizos de magia y los ojos tenebrosos con filtros de brillo de baja opacidad.

Contraluz:

los hechizos son la fuente principal de luz en este ambiente negro, iluminando las caras y cuerpos de los personajes desde el frente, y delineándolos con líneas brillantes desde atrás.

Haciéndo cambios mínimos, pude construir material para todo el proceso de marketing del juego, incluyendo portadas (vertical y horizontal), un banner (horizontal extra ancho), afiches promocionales, arte para máquinas de arcade, y más.

A mockup of a giant banner on a gaming expo featuring the Might & Sorcery cover art.
A Might & Sorcery poster on a bus stop at night.

¿Quieres que tu juego tenga una portada deslumbrante?