Stefan Jevremović did an overview of the way you can approach beautiful stylized visual effects. Learn how you can do stuff similar to League of Legends.
Hi, my name is Stefan Jevremović I am 30 years old, born and raised in Belgrade the capital of Serbia. I make “magic” for a living… also known as Real-time Visual Effects for video games.
I work at Nordeus an independent mobile-gaming company based in Belgrade, best known for Top Eleven, the world’s most successful mobile sports game with over 180 million downloads. My VFX career started here on our mobile game Spellsouls: Duel of Legends.
I was always passionate about art and games. I started playing with LEGO when I was four and playing games on my Commodore 64 when I was six. The first time I encountered computer graphics was in 1998 – I was on the summer vacation in Spain to visit my cousins. My uncle Kenan worked as an architect back then and he showed me some of his work, it blew my mind! He said: “you can make anything you imagine in this software 3D Studio MAX.”
When I returned to Belgrade with his copy of MAX, I immediately started to teach myself. Not because I wanted one day to do that for a living, but for fun and for the art. Back then there were no video tutorials and in fact not many tutorials at all. Many I found online had a lot of text and few screenshots, so I had to use a dictionary to translate some tutorials.
In 2004 I started playing World of Warcraft far too much. So much so that I didn’t touch 3D for two years. Up to 2006 I had been teaching myself 3D, until I found out there is a VFX School called Chiron in Belgrade, I joined the forum and shared my work and for the first time got real feedback. The community was so helpful, and I made a lot of friends. Dragan, a colleague of mine, helped me a lot back then. He convinced me to enroll in school and learn everything from scratch, but in Autodesk Maya. I learned Modeling, Texturing, Rendering, basic Rigging and Character Animation. I had a problem deciding on which area of 3D I want to focus and specialize in.
After finishing Chiron I mostly got freelance work as Hard-surface 3D modeler. I learned the most by skype share-screening with a friend, who at that time had a lot of projects on his plate, to the extent that sometimes he would give me parts of his project to work on for a fee. After a few projects I became faster and better, it was then he would give me a whole projects to work on. That is how I started, but the problem was I couldn’t really show any of that work as it wasn’t officially mine.
Later I would work beside him on cinematic trailers for World of Battleships and World of Warplanes, and that is where I got first few models I could put into my portfolio, and also when I decided to shift into the gaming industry.
I started at Nordeus as an intern 3D artist. In 3 months I learnt a lot about production for games, but most of all how to be resourceful by kit-bashing assets from the Unity store.
After a year in Nordeus working on an unannounced project, I joined a small team of 11 people that started to work on the next Nordeus game, Spellsouls: Duel of Legends. From prototyping to pre-production I worked as a 3D generalist mostly kit-bashing and modifying the assets to work in our game. Spellsouls is a mobile line-based PVP game where you spawn minions and cast powerful spells to shape the tides of the battle. When we got greenlit for pre-production, more 3D artists joined the team and that is when the company offered me the opportunity to try working as a Visual Effects Artist. After three months I decided it was definitely for me and my career – I had found something I wanted to stick to, learn and improve as much as possible.
Key Factors:
Even though Spellsouls and League of Legends have a slightly different art styles for VFX, both games have many similar key factors:
I divided effects into categories: Environmental, Character, Spell/Ability and UI Effects.
Before I start making the VFX, I talk to Game Design and get as much information as possible, usually double-checking that this VFX is the priority.
All VFX are heavily dependable on what I like to call – “Three Influences”: Shape, Color and Motion. Depending on the effect, some use more specific shape, where others are mostly influenced by the motion or the color.
Here is how I divide the elements of VFX
Everytime I am about to make the effect I like to dissect it into the elements and look them separately.
Each element needs to go through this checklist:
These effects are usually the most impactful and easy to spot because they give the player the best feedback about gameplay.
Spells/Abilities checklist:
For Concept Artists it’s not easy to imagine the timing of the spell. Sometimes what they put into their concept doesn’t work best in 3D and needs iterations. That is why I like to go through Pinterest and look for inspiration and change/improve the idea of concept art before doing it.
Once I have all the info I would open Unity and start with the block-out of the spell. Trying to reuse stuff as much as possible in this first phase. Currently I am trying to prove that the effect will work well in game. That is why I try to include all the elements quickly and have some basic timing set up. Then I can push it into the game so Game Design can test it out, and see if it’s working.
With Unity Mechanim system it’s easy to Animate: You hit the record button and whatever you change in the editor will be recorded into animation.
Every effect has:
Animations, Layers and Triggers.
Depending on the VFX, the number of animations varies, most of the time it is around three animations per spell.
We use Triggers to move between animations. Programmers create the logic of the spell with specific names for Triggers which are dependent on what the spell does. You can also click on the name of the spell to see detailed breakdown.
Meteor Strike – After a short delay all units in the circle area take damage and are pushed back from the center of the impact.
2 animations:
Unstable Dome – Enemy units in area are stunned for the duration. Additional effect: Whenever enemy cast a spell, all enemy units in the the dome take damage.
5 animations:
This way you can modify the spell durations and it will still work. Only thing that is really painful in Unity is scaling of particle systems. Sometimes if you want to scale whole effect you get problems with particle systems. That is one more reason to avoid them and use meshes with scrolling textures if possible.
Our graphics programmers created a Master Shader with a lot of options that gives us freedom and flexibility to explore and play around. Potentially you can go around and click on random stuff and get some interesting results. It gives you good chance for Happy-AccidentsSome of the basic shader options we use:
Since Spellsouls is game for mobile it is critical that spells work and still look good on all compatible devices. We did a lot of tech investigation to determine how to optimize VFX, and we made few simple rules:
Drawcalls budget for the spell:
If VFX does not affect the gameplay in any way, then they are usually subtle so they enrich the level without distracting the player. Or, they can be part of the gameplay to make sure that the players’ eyes are drawn to see a point of interest.
Example: Necromancer Battleground – We have green mist coming from the sides, poison lines on the floor and soul-sucking throne in the top middle. There is also an animated gradient on the top of the screen to give more depth and atmosphere.
We use these to add additional level of details to a character personality. Most of the time the effects are connected to the animation of the character, like entering the battleground or casting a spell. Sometimes the effects are part of the character and present at all times.
Example: Lyra the Illusionist Spawn Animation – Her magic: illusions, crystals, mirrors and portals to the other dimensions.
Example: Valen the Paladin Attack Animation – His magic: Holy, Divine, Fire, Lightning
Example: Valen Execute – I made this VFX in just a few hours by reusing textures, even some meshes from other effects. I like to make key poses for the character and animate the timing.
Later I use that timing to create the VFX on the top of it.
Leveling up or gaining the currency in game are both supported by VFX. Today Free To Play games have really cool effects on opening a Treasure Chest or revealing the Cards. These effects build up anticipation before revealing the reward. (this psychologically enhances the feeling of being lucky – bigger rewards build more anticipation).
Example: Card Revealing – When you open the chest in Spellouls you get multiple stacks of cards.
Example: Necromancer – Selection screen in Main Menu.
Making effects for games is really fun and often really challenging. It makes you think outside the box and learn things you never thought you would. Sometimes you may even need to open an old elementary school math books.
Interview conducted by Kirill Tokarev.