Le ague of Le gends 2v2

KD explains the thinking behind his kinetic concept art for the mega-popular MOBA

This concept art piece for Riot Games’ League of Legends online battler is one of KD’s favourites. It was designed to demonstrate the teamwork behind the game’s 2v2 mode.

”I picked Draven and Darius for team A, and Katarina and Hecarim for team B,” KD explains of the characters featured in the image. “I then did some sketches for the concept.” He says the biggest challenge in this image was keeping the colour saturation high and having strong, contrasting colour tones.

He also added Riot Games’ style, he says, using plenty of lighting effects to bring out the drama. “Along with the contrast of warm and cold colours, each character in my painting has a sharp contrast and reflects each others’ personality. It also made a cool composition for the story. It’s all about making my storytelling more interesting.”

1 Initial composition

I start by drafting a fairly simple composition. Darius is attacking Katarina – Katarina, however, is cleverly dodging the attack – while Hecarim confronts Draven. Darius is a strong character, a hero, so I have him waving his axe in order to make him look more powerful. It’s a night-time scene, so I have to think about silhouettes.

2 The story emerges

I brighten the picture a little, then increase the saturation. Then I adjust the dynamism of the characters again, experimenting with special effects. A plot emerges: Darius didn’t hit Katarina but the brazier instead. Katarina dodged the attack and sneaked behind Draven. This makes it feel more dynamic.

3 Getting into detail

Draven is crafty, he’s a guilty hero, so I give him a exaggerated pose as he waves his axes, as well as a sinister smile to help his character resonate with fans and players. With Hecarim, I let him have his shadows rush towards Draven. I add some background details at this stage too, and on the characters.

4 Background

I join the fire up in the background and expand the scope of its impact. Again, I slightly adjust the dynamic levels and sense of volume. The distinction between primary and secondary isn’t an obvious adjustment, so I dim my screen and adjust the brightness, to make the composition feel a bit more complete.

5 More adjustments

Now the background feels a bit too close, so I join the distance between the perspective, characters and background. I adjust the figures again to highlight details. To help make the screen feel like it’s moving I add some flying stones.

6 Final tweaks

For better perspective I adjust some character sizes to form a clear hierarchy and add dynamism. And it’s done!