It’s neat to look back at this stuff. I always forget just how much iteration happens during the course of a project.
Just like summoning sickness, it was a mixture of UI/UX (user interface / user experience) and VFX (visual effects). Particularly challenging for someone like me who isn’t much of a UI person to begin with.
(Someday I’ll post more current work, I promise. I’ve grown a LOT since the work in this reel is completed. And I’m excited to share!)
Here we go a-time-travelin again. Age of Empires Online has been shut down for a little while, but the work I did is still fresh in my mind, as clear as the day I made it – which would be (gosh) two and a half years ago, already. One of the effects I was asked to do was “conversion.” Your team had the ability to convert units from another team to yours.
The unit that had the ability to convert you was a sort of shaman/magic-man/priest. I had this idea that he was “showing you the light” which is why I went with yellow. I also thought that his spell might confuse or disorient the affected units, which is why I went with birds circling overhead. Specifically bluebirds because they are happy and cheery, and this was a happy and positive move. More units! Less destruction! Who doesn’t like that? Also, I didn’t want to use yellow birds/canaries because yellow wooshes and yellow birds is a little too matchy-matchy. Color variation and value depth is always something you wanna push for in vfx. Especially since bright, saturated colors are often used to define teams (and AOEO was not an exception here).
One of the challenges was animation and shape. Some of the characters had a quick, snappy animation, some looped very seamlessly, some were randomly super long. Anyway, I had to make a few different effects that looked like they were the same, but had different lengths and beats. As you can see in the final product below, it worked out pretty well!
(a youtube version, if you’re curious. It has sound.)
Back at GPG, I got the opportunity to work on an online trading card game. I didn’t know (still don’t, really) very much about card games in general, so it was a unique challenge for me. It was a sort of combination of UI and VFX that made me appreciate UI Artists as if they were some other worldly creature, capable of thinking in dimensions I’d never even seen before.
One of the first things I worked on was Summoning Sickness. For those who are out of the loop like I was, summoning sickness is what prevents the card you just played from doling out attacks right away. It was explained to me in a bunch of different ways, but the one I remember the most is this explanation:
It’s like you are a wizard, and you’ve summoned this big beast. He travels through a kind of magic portal and has to rest before he can start fighting.
The first thing I had to think of was color. What does “sick” look like? You could think greens and yellows, but usually those are a kind of poison. I ended up going with grey-purple. More of a fatigue type of sickness, a foggy type of sickness, than nausea or phlegm (heh gross).
I started simple. Just borders that look a little bit like they’re breathing. (Apologies for that awful Unity-blue. I’ve gotten into the habit of changing that immediately when I open Unity these days):
From there, I branched off into different ideas. The “portal” idea stuck out to me, so I tried to recreate that in a couple of these. The border tracers represent a kind of timer – since summoning sickness is temporary. The lightning trails crossing each other was supposed to represent something “blocking” the card from working properly – like chains? Maybe? I dunno man. Iterations.
This next set was really about silhouette and movement. Some similar ideas as the ones above, but pushing it as far as I could without completely covering up the important details in the card. I still have a particular fondness for the bottom middle. Stretched particles in Unity tend to give me a lot of guff but they worked out really well here (imo):
What we ended up with was actually much more subtle than all these turned out to be. The client really didn’t want to obscure the card details. And since most card-playing people know what summoning sickness is, anyway, it wasn’t as important to them to highlight that state. So there you go! All that work for nothing (not really but). I feel you, UI folks. I feel you.
Been a while. I wonder how many of my blog entries begin this way. Here’s a thing I made not so long ago! A few hours, all in Photoshop CC.
Got myself an iPad Air a while ago, and a stylus, and a really great drawing app called Procreate. Seriously fantastic app, worth every penny.
I made this little piece of Assassin’s Creed x Legend of Zelda fanart with it.
Turning some more old work into gifs. For a while I was really into making these caricatures using the lasso tool and animating them in Photoshop. I should start doing that again. It was super fun and I always enjoyed the result (even if it’s a little silly and sloppy):
There’s this thing I did for my portfolio on my main site where I make gifs of my flipbooks, and even some smaller effects work. It’s tough to show a portfolio when much of what I do needs to be seen in motion. When I showed someone my portfolio, they thought the gif idea was so super smart, and I wondered why I haven’t done it for more of my work! Here are three REALLY old pieces (ah, college days) that I’ve turned into looping gifs:
Been a while since I made a blog post and I can’t quite post the stuff I’ve been working on professionally, BUT! I have some works that I did almost a year ago when I started at FXVille. My art test was my first foray into the Unreal engine, so my boss trained me up a bit. Here are the results of that very first week:
This was the re-do of the explosion from the art test. Lightning! Which I also gif’d: Fireworks!
Aaaaand that’s all for now 😉
Lots of people believe that Walt Disney’s Snow White was the first feature-length animated film. Well it wasn’t. That distinction belongs to Charlotte “Lotte” Reiniger’s The Adventures of Prince Achmed (1926). It was technically a stop-motion film using beautiful, ornate silhouettes. So, I wanted to pay a little tribute to her:
Dig the hair style, Lotte. Fresh, fly, fierce.
Just look at those delicate digits. I can’t even draw hands that nice, let alone cut them out of black matte paper.
Cultural appropriation was all the rage for pre WW2 left-wing film makers. Sew exotique. Still, an amazing work of artistry and skill.
Here’s my tribute!
That weird geometric contraption next to her is a bastardized multiplane camera. And a ladder.
I may take these assets into after effects later and do a lil animation with them. Breathe some life into this homage. Or I won’t. We shall see.