Skip to main content

You don't have to play 'League of Legends' to enjoy the masterful animation of Netflix's 'Arcane'

The series' director of animation takes us through exactly how they did it.
You don't have to play 'League of Legends' to enjoy the masterful animation of Netflix's 'Arcane'

Welcome to Thanks, I Love It, our series highlighting something onscreen we're obsessed with this week.


If you've been putting off watching Netflix's Arcane because you don't play League of Legends, stop that right now. Friends, you're missing out on some truly incredible animation.

The first TV series from Riot Games and French animation studio Fortiche, created by Christian Linke and Alex Yee, Arcane landed on Netflix on Nov. 6, rolling out three episodes per week until the finale on Nov. 20. And while fans and players of League will find references, Easter eggs, and character signatures aplenty throughout the show, any viewer can jump into it and fully appreciate the series' compelling story, nuanced characters, and unique, stunning animation style.

To be clear: I don't play League of Legends and I loved it.

None
The city of Zaun in "Arcane."

Taken from the lore of League, Arcane centres around the tensions between two cities, Piltover and Zaun. It's the wealthy elite versus the shadowy underworld, where both sides are developing technology to secure dominance.

In Piltover, where a council rules all, scientists Jayce and Viktor (apprentices to the mustachioed Heimerdinger), create what's known as hextech, which gives anyone the ability to use magic. Meanwhile, in Zaun, where Piltover police do routine raids, a bright purple drug called shimmer is turning people into monstrous creatures with super strength, which could prove advantageous in a simmering rebellion. It's here we meet sisters and protagonists Vi and Powder (later Jinx), who become separated for years after tragic events.

While the series' extremely dark plot and established characters are a major drawcard, the animation in the series is worth the trip in itself: It's both painstakingly hand-painted and computer animated, all framed within meticulous cinematography.

"In a typical 3D production, every element from the characters to the background is modelled in three dimensions," Barthelemy Maunoury, Fortiche's director of animation for Arcane, explained to Mashable.

"On Arcane, it’s slightly different — the backgrounds are digitally hand-painted and the texture on the characters is crafted to get that graphical look that fits with the environment. We also mainly use 2D animation for the FXs (explosions, tears, smoke...) to reinforce the painted look. In the details it’s slightly more complicated but it’s more or less how you end up with something that looks like an illustration."

None
Out of the game and into the series: Jinx confronts her demons.

Creating an animated series based on the lore and playable characters (or champions) of League of Legends comes with heavy baggage — millions commandeer these characters daily, knowing their physicality, their voices, and especially their weapons intimately. The facial movements of each character are incredibly complex, bringing nuance to reaction, raw emotion to excellent delivery by the cast, and believability to these unreal characters usually known from a top-down perspective, viewed on the Summoner's Rift (the game's battle arena).

Fortiche and Riot joined forces to bring these beloved characters to life up close.

None
A significant, emotional moment for Vi and Jinx, beautifully handpainted.

"We worked really closely with Riot to make sure the lore and the IP were respected. Having said that, animation is a different medium than video games, so we also had to adapt the characters' animation and create our own style," Maunoury said.

"Our goal was to find a good balance between realism and 'cartoon' style. Since our characters have semi-realistic proportions, they have to move and behave in a realistic way with weight and solid body-mechanics. But to keep the appeal and avoid any uncanny valley effect, we also had to bring traditional animation techniques. That’s why we didn't do mocap [motion capture] but only keyframe animation that allows us to control our acting performance and aesthetic."

None
It revolves!

For existing and new characters, costuming in the show is elegantly detailed and tailored, with show-stopping elements like geometric belt buckles and steampunk glasses appearing throughout. In the fancy city, Piltover officials wear golden embellishments on their attire — Councilor Shoola's incredible kinetic neckpiece casually revolves like clockwork, and police officers wear golden metal facemasks to walk around Zaun.

Meanwhile, in Zaun, characters wear whoever’s jacket they can steal, fine-tuning their own personal steampunk looks from scraps in The Lanes. It’s a grimy den of bars, clubs, brothels, and street food vendors, illuminated by smoky green hues and the promise of distraction lurking behind each closed door.

None
Vi and the gang.

"Designing characters that belong to the well-known IP can be tricky," said Maunoury. "But with the support of Riot's artists and the trust of Christian Linke and Alex Yee, the creators of Arcane, we had a blast doing that work."

Fortiche usually starts with a brief from Arcane directors Arnaud Delord and Pascal Charrue, who bring moodboards for the team to reference. After the character designers get their sketches reviewed by Riot and the directors, they also need to be technically approved to make sure the design can be done within budget.

League players will notice the weapons in the show almost immediately, and Fortiche didn't muck around with those — Jinx's punk DIY mechanical chompers and machine gun appear in the game and the show, for example. "Weaponry is probably one of the things we diverged the least from the game as it’s a key element for the champions and we wanted to make sure LOL's fans would recognize them in the show," said Manoury. "We did adapt elements though, to make sure the functionality would make sense when our heroes are manipulating them."

None
That's a hell of a gun to carry around.

But often, the characters are upstaged by the stage itself. Interiors and exteriors, taken from League lore, are exquisitely detailed, down to the window pane, and they often steal the scene they're setting. There’s a stark difference between the winding, shadowy, neon-lit streets of Zaun and the bright, mechanical, Art Deco promenades of Piltover, gleaming with gold and glass like a landscape straight out of Bioshock Infinite. Meanwhile the buildings across the river are pieced together with whatever's left.

None
Rooftops just itching for some parkour action.

"These locations exist in the lore of League of Legends, so we didn’t start from scratch," said Maunoury. "The process is not different from designing a character. The location needs to tell a story and is, obviously, as important as a hero. We’re gathering a lot of research on moodboards, defining colors, shapes or patterns that fit with the environment to make sure we keep consistency during the design process. I don’t have a particular favourite but if I had to choose between Zaun and Piltover, I would have to pick Zaun!"

"It’s like the scene you’re looking at is the movie of her life that Jinx is editing herself with rage, scribbling directly on the film."

Barthelemy Maunoury

One of the biggest differences in animation style that Fortiche plays with in Arcane is the consistent core animation and the distorted, bright neon scribbles that often accompany Powder/Jinx's inner turmoil. It's a particularly striking, graphic novel-like technique that mixes 3D and 2D elements — something Fortiche is well-known for.

"We usually use that mix for effects like fire, gunshots, smoke," said Maunoury. "Here, the idea was to use 2D animation and film scratches to make you enter Jinx's mind. It’s like the scene you’re looking at is the movie of her life that Jinx is editing herself with rage, scribbling directly on the film! Kudos to the 2Dfx team who did a great job designing and animating those scribbles. Also the edit and the compositing team for the final look!"

None
Jinx's inner world is not a fun place to be.

Whether you've played League of Legends or not, the sheer beauty of Arcane's animation should reel you in, where a truly engaging, extremely dark story awaits. Don't let the fact you haven't battled on the Rift stop you from appreciating it.

Arcane is now streaming on Netflix.

Follow Mashable SEA on Facebook, Twitter, Instagram, YouTube, and Telegram.

?

Recommended For You

Trending on Mashable

universo-virtual.com
buytrendz.net
thisforall.net
benchpressgains.com
qthzb.com
mindhunter9.com
dwjqp1.com
secure-signup.net
ahaayy.com
soxtry.com
tressesindia.com
puresybian.com
krpano-chs.com
cre8workshop.com
hdkino.org
peixun021.com
qz786.com
utahperformingartscenter.org
maw-pr.com
zaaksen.com
ypxsptbfd7.com
worldqrmconference.com
shangyuwh.com
eejssdfsdfdfjsd.com
playminecraftfreeonline.com
trekvietnamtour.com
your-business-articles.com
essaywritingservice10.com
hindusamaaj.com
joggingvideo.com
wandercoups.com
onlinenewsofindia.com
worldgraphic-team.com
bnsrz.com
wormblaster.net
tongchengchuyange0004.com
internetknowing.com
breachurch.com
peachesnginburlesque.com
dataarchitectoo.com
clientfunnelformula.com
30pps.com
cherylroll.com
ks2252.com
webmanicura.com
osostore.com
softsmob.com
sofietsshotel.com
facetorch.com
nylawyerreview.com
apapromotions.com
shareparelli.com
goeaglepointe.com
thegreenmanpubphuket.com
karotorossian.com
publicsensor.com
taiwandefence.com
epcsur.com
odskc.com
inzziln.info
leaiiln.info
cq-oa.com
dqtianshun.com
southstills.com
tvtv98.com
thewellington-hotel.com
bccaipiao.com
colectoresindustrialesgs.com
shenanddcg.com
capriartfilmfestival.com
replicabreitlingsale.com
thaiamarinnewtoncorner.com
gkmcww.com
mbnkbj.com
andrewbrennandesign.com
cod54.com
luobinzhang.com
bartoysdirect.com
taquerialoscompadresdc.com
aaoodln.info
amcckln.info
drvrnln.info
dwabmln.info
fcsjoln.info
hlonxln.info
kcmeiln.info
kplrrln.info
fatcatoons.com
91guoys.com
signupforfreehosting.com
faithfirst.net
zjyc28.com
tongchengjinyeyouyue0004.com
nhuan6.com
oldgardensflowers.com
lightupthefloor.com
bahamamamas-stjohns.com
ly2818.com
905onthebay.com
fonemenu.com
notanothermovie.com
ukrainehighclassescort.com
meincmagazine.com
av-5858.com
yallerdawg.com
donkeythemovie.com
corporatehospitalitygroup.com
boboyy88.com
miteinander-lernen.com
dannayconsulting.com
officialtomsshoesoutletstore.com
forsale-amoxil-amoxicillin.net
generictadalafil-canada.net
guitarlessonseastlondon.com
lesliesrestaurants.com
mattyno9.com
nri-homeloans.com
rtgvisas-qatar.com
salbutamolventolinonline.net
sportsinjuries.info
topsedu.xyz
xmxm7.com
x332.xyz
sportstrainingblog.com
autopartspares.com
readguy.net
soniasegreto.com
bobbygdavis.com
wedsna.com
rgkntk.com
bkkmarketplace.com
zxqcwx.com
breakupprogram.com
boxcardc.com
unblockyoutubeindonesia.com
fabulousbookmark.com
beat-the.com
guatemala-sailfishing-vacations-charters.com
magie-marketing.com
kingstonliteracy.com
guitaraffinity.com
eurelookinggoodapparel.com
howtolosecheekfat.net
marioncma.org
oliviadavismusic.com
shantelcampbellrealestate.com
shopleborn13.com
topindiafree.com
v-visitors.net
qazwsxedcokmijn.com
parabis.net
terriesandelin.com
luxuryhomme.com
studyexpanse.com
ronoom.com
djjky.com
053hh.com
originbluei.com
baucishotel.com
33kkn.com
intrinsiqresearch.com
mariaescort-kiev.com
mymaguk.com
sponsored4u.com
crimsonclass.com
bataillenavale.com
searchtile.com
ze-stribrnych-struh.com
zenithalhype.com
modalpkv.com
bouisset-lafforgue.com
useupload.com
37r.net
autoankauf-muenster.com
bantinbongda.net
bilgius.com
brabustermagazine.com
indigrow.org
miicrosofts.net
mysmiletravel.com
selinasims.com
spellcubesapp.com
usa-faction.com
snn01.com
hope-kelley.com
bancodeprofissionais.com
zjccp99.com
liturgycreator.com
weedsmj.com
majorelenco.com
colcollect.com
androidnews-jp.com
hypoallergenicdogsnames.com
dailyupdatez.com
foodphotographyreviews.com
cricutcom-setup.com
chprowebdesign.com
katyrealty-kanepa.com
tasramar.com
bilgipinari.org
four-am.com
indiarepublicday.com
inquick-enbooks.com
iracmpi.com
kakaschoenen.com
lsm99flash.com
nana1255.com
ngen-niagara.com
technwzs.com
virtualonlinecasino1345.com
wallpapertop.net
nova-click.com
abeautifulcrazylife.com
diggmobile.com
denochemexicana.com
eventhalfkg.com
medcon-taiwan.com
life-himawari.com
myriamshomes.com
nightmarevue.com
allstarsru.com
bestofthebuckeyestate.com
bestofthefirststate.com
bestwireless7.com
declarationintermittent.com
findhereall.com
jingyou888.com
lsm99deal.com
lsm99galaxy.com
moozatech.com
nuagh.com
patliyo.com
philomenamagikz.net
rckouba.net
saturnunipessoallda.com
tallahasseefrolics.com
thematurehardcore.net
totalenvironment-inthatquietearth.com
velislavakaymakanova.com
vermontenergetic.com
sizam-design.com
kakakpintar.com
begorgeouslady.com
1800birks4u.com
2wheelstogo.com
6strip4you.com
bigdata-world.net
emailandco.net
gacapal.com
jharpost.com
krishnaastro.com
lsm99credit.com
mascalzonicampani.com
sitemapxml.org
thecityslums.net
topagh.com
flairnetwebdesign.com
bangkaeair.com
beneventocoupon.com
noternet.org
oqtive.com
smilebrightrx.com
decollage-etiquette.com
1millionbestdownloads.com
7658.info
bidbass.com
devlopworldtech.com
digitalmarketingrajkot.com
fluginfo.net
naqlafshk.com
passion-decouverte.com
playsirius.com
spacceleratorintl.com
stikyballs.com
top10way.com
yokidsyogurt.com
zszyhl.com
16firthcrescent.com
abogadolaboralistamd.com
apk2wap.com
aromacremeria.com
banparacard.com
bosmanraws.com
businessproviderblog.com
caltonosa.com
calvaryrevivalchurch.org
chastenedsoulwithabrokenheart.com
cheminotsgardcevennes.com
cooksspot.com
cqxzpt.com
deesywig.com
deltacartoonmaps.com
despixelsetdeshommes.com
duocoracaobrasileiro.com
fareshopbd.com
goodpainspills.com
kobisitecdn.com
makaigoods.com
mgs1454.com
piccadillyresidences.com
radiolaondafresca.com
rubendorf.com
searchengineimprov.com
sellmyhrvahome.com
shugahouseessentials.com
sonihullquad.com
subtractkilos.com
valeriekelmansky.com
vipasdigitalmarketing.com
voolivrerj.com
zeelonggroup.com
1015southrockhill.com
10x10b.com
111-online-casinos.com
191cb.com
3665arpentunitd.com
aitesonics.com
bag-shokunin.com
brightotech.com
communication-digitale-services.com
covoakland.org
dariaprimapack.com
freefortniteaccountss.com
gatebizglobal.com
global1entertainmentnews.com
greatytene.com
hiroshiwakita.com
iktodaypk.com
jahatsakong.com
meadowbrookgolfgroup.com
newsbharati.net
platinumstudiosdesign.com
slotxogamesplay.com
strikestaruk.com
trucosdefortnite.com
ufabetrune.com
weddedtowhitmore.com
12940brycecanyonunitb.com
1311dietrichoaks.com
2monarchtraceunit303.com
601legendhill.com
850elaine.com
adieusolasomade.com
andora-ke.com
bestslotxogames.com
cannagomcallen.com
endlesslyhot.com
iestpjva.com
ouqprint.com
pwmaplefest.com
qtylmr.com
rb88betting.com
buscadogues.com
1007macfm.com
born-wild.com
growthinvests.com
promocode-casino.com
proyectogalgoargentina.com
wbthompson-art.com
whitemountainwheels.com
7thavehvl.com
developmethis.com
funkydogbowties.com
travelodgegrandjunction.com
gao-town.com
globalmarketsuite.com
blogshippo.com
hdbka.com
proboards67.com
outletonline-michaelkors.com
kalkis-research.com
thuthuatit.net
buckcash.com
hollistercanada.com
docterror.com
asadart.com
vmayke.org
erwincomputers.com
dirimart.org
okkii.com
loteriasdecehegin.com
mountanalog.com
healingtaobritain.com
ttxmonitor.com
bamthemes.com
nwordpress.com
11bolabonanza.com
avgo.top