Artillery Mech

So, after watching a pile of Gundam: Iron Blooded Orphans and being super nostalgic for Chrome Hounds and Armored Core, I ended up trying to sketch an artillery mech:

cyoimi_uaaejq0e

My pen Broke ūüė¶

SO, I remembered I had a handy light table and cleaned up the drawing a bit:

cyox6u5uoaaupkc

Robot after a light table.

AND THEN, I did another round of the light table clean-up with microns and a brush pen:

cyoklwrucaaqo1w

I think I will color this at some point…

Self-discovery through social games.

Hi gang,

Recently, I worked on a project aiming to make a massive multiplayer game to help¬†LGBT teens¬†in isolated areas connect and relate to their peers going through the same thing. The basic premise¬†is to help people who¬†typically¬†feel excluded to have a place to fit in. Players¬†can fully customize their characters and have the opportunity to change genders or races at level ups to gain perspective. The game takes place in a futuristic super city where players go on quests to help improve the city. Gameplay is centered around elemental future-magic powered by a character’s wardrobe, accessories, and apartment decorations. I wanted to have “stylish” clothes that evoked elements without beating players over the head with obvious imagery. I stuck to basic geometry to make it seem more like a legitimate clothing line rather than a kitschy brand¬†that printed flame icons on everything.

Anyhow, here’s some art:

Animation Non-secrets

So, animation.

Animation basics are pretty straight forward. There are a few things you need to know which lay the foundation for essentially every animation you try to approach ( BUT I’M NOT HERE TO TALK ABOUT THAT). You need a basic idea of how physics can be imitated, and should learn¬†how to break the real-world rules to get a desired illusion of motion:

LOOK AT THIS FRAME FOR EXAMPLE:

creative-processOHGOD

WHAT IS HAPPENING A MELTING FACE OH NO!

Creative Process

…Oh wait everything seems fine.

The weird melting face frame¬†is¬†used to¬†trick the eye into seeing a faster motion. Here’s a lil’ science: Your eye can differentiate frame rates up to 150 ¬†frames per second. Which is to say your brain can process things moving VERY fast. Animating is a pretty time consuming process so rather than animating a mind-exploding 150 frames per second most animators stick to¬†24 frames per second. To make animations more fluid, you can try and eek out¬†more motion from individual frames¬†to make 24 frames per second seem faster. While you shouldn’t blur every frame, you can blend important frames together by stretching a form across an arch of motion.

AN EXAMPLE:

MotionArcDiagram

Here’s what it looks like with just one blurred frame tying it together:

BlurTest1What you might notice about this is that it’s sudden, jerky, not entirely fluid…disgusting.¬†DAMN YOU HUMAN EYES! DAMN YOU AND YOUR POWERS OF MOTION PERCEPTION!! The blur is such a drastic change between the first and last image that it doesn’t quite make sense to our brain. How do we solve this? Let’s add another frame in the blur to slow it down before the final image. Much like a bouncing ball (pause for effect), we must keep anticipation and follow-through in mind to make motion appear fluid. Consider the top of the raised arm the top of a bounce. So, as the arm gets closer to it’s slowest point in the arc we include more frames of the motion to¬†stretch out the time spent in that pose. Here’s what it looks like¬†when I add one more blurred frame before the final frame:

BlurTest2

Just one extra frame and it looks much, much less clunky. Now that we’ve gone through all that, here’s a more complicated animation that uses a bunch of anticipation:

Here’s a rough animation that uses blurring:

Man'bun

ANIMATION IS GREAT! YAY!

Parallaxing Background

I recently submitted an entry into Stoic’s Banner Saga 2 open-art-test. the assignment was to make a several layered piece that could theoretically capture the look and mood of the game while also functioning as an in-game asset. I didn’t make the cut but I’m still happy with the result. A parallax effect is the thing you noticed as a kid in the back seat of the car. Stuff close up zips by while stuff further away appears to move very slowly. The same effect can be used in 2d animation to help achieve the illusion of depth. With that in mind, I tackled this piece as a chance to add a great deal of depth to a Banner Saga style landscape.

Stoic did a very good job of laying down the ground rules for the contest. They provided a sample scene they would like to see (mostly a value study with the desired dimensions). A caravan to plop in the scene. And a “.psd” of a finished scene to get an idea of the desired level of detail. They also provided a list of references they used when they created the style of Banner Saga. Eyvind Earle, the background artist from sleeping beauty and many other amazing examples of illustration was one of their primary influences.

The Rough Sample:

sample_rough

The Caravan:

caravan

The Photoshop Document:

sample_close_travel

The Eyvind Reference (I used for color palette):

Screen Shot 2015-02-09 at 1.12.46 PM

That’s one bomb-ass sky…

So essentially I had a ton of information to help drive a 21 hour painting spree spread out over a couple days.

How that went:

I probably spent more time on the back layers than I needed to but the part of my brain that spent time¬†wandering around mountains wanted me to get them just-right. I wanted to make a scene that spoke about¬†“Aftermath”. In the first game, Mankind and Varlkind are on the run from the Dredge, a nearly-indestructible force of nature from another world. I wanted this scene to speak to the hopelessness of the situation. A long-hall lies in ruins surrounded by hastily built fortifications for a Dredge raid that could not be stopped. A recurring¬†landmark¬†in the game are god stones. Essentially, they’re shrines¬†that payed tribute to gods¬†before they all died… mysteriously. I wanted this scene to tell the story of a town that did things the very-wrong way. The god stone was carved away¬†by the townsfolk into a Dredge-head to try and appease the¬†invaders…¬†and now it’s a ruin covered in snow.

The piece layer by layer:

One thing you don’t see a ton of in the first Banner Saga is water, I wanted to harken back to good ol’ viking style boat-stuff¬†with a nice sized lake. I also pulled some mountain reference from Ft. Davis.

Layer7

Then I wanted some decently sized mountains for the Caravan to traverse so I pulled some mountain reference from Utah.

Layer6

Next I wanted¬†to have trees but not as much as the low-land banner saga lanscape, this was high up and a pretty good vantage point that got pillaged by the dredge. A less dense wood means it’s much less safe this high up, I wanted to instill a sense of “oh-crap, we might be screwed”.

Layer5

Here I wanted the scale of the ruined god stone to dwarf the caravan. The town needed to look like it went through a lot of wasted effort to appease the Dredge. I also implied a lone survivor with the lit yurt on the left. I think it would be neat to allow for a possible spooky conversation.

Layer4

This layer is actually three glued together. The caravan and the layers in front and directly behind them. I combined them here because in game they would all shift together and it’ll make the trick I do later a bit easier to pull off. I wanted the less detailed¬†trees in the background to be given a sense of¬†scale with these mid-ground trees. These need to be¬†some serious-business mountains with some serious-business trees.

Layer3

Then I wanted to sparse up the front layers. This first one is pretty bare compared to the rest of them just so you can see most of the detail as you look through the landscape.

Layer2

Then the most sparse but closest to your face layer.

Layer1

What it looks like parallaxing:

Bonus Ubin doodle!

Seriously, you're so short. I can hardly see you.

Seriously, you’re so short. I can hardly see you.

The Art Test

When applying to a company that is looking for artistic talent, there is a relatively predictable series of events that take place. As a job seeker the first step is to¬†send in¬†a custom-tailored¬†application and resume. A candidate’s¬†best bet is to apply to companies that list open positions but in the creative world, it’s always a gamble. Employers may be seeking a very specific style which can lead to subjective requirements for the position that are out of a candidate’s¬†control, or they could be very particular about the statistics on a¬†resum√©. Maybe a candidate is perfect in almost every skill category but doesn’t have enough experience in a category that the employer finds crucial. The best thing to do at this stage is to wait and find ways to not get worked up about your application (maybe get a hobby… ever tried model making?)

Wait two weeks, if the employer has already contacted you, GREAT! you’re most likely near¬†the top of the resume stack. If they haven’t reached out to you, don’t worry. There are any number of¬†factors that could be delaying the process (too many candidates, they actually forgot, sudden plagues). The bottom line is to wait. SERIOUSLY, despite how desperately you want to work for the company, how happy having a full time job would make you, or how eager you are to put art in front of eyeballs. YOU. MUST. WAIT. Employers and recruiters make split-second judgement calls all the time. If you contact them the day after you apply, not only do you seem uncomfortably energetic, you’ve also become “the-annoying-one”. After two weeks,¬†and ONLY AFTER TWO WEEKS,¬†it’s a good time to send a single¬†follow up email¬†to remind them that you exist. One of three things may happen. 1: You hear nothing (the worst option for your mental health) the application becomes a thorn that digs into the back of your brain. Hearing nothing leads to the dark-side but it’s a reality of looking for work in the internet-age. Ain’t nobody got time for that,¬†there are other companies looking for applicants. 2: They get back to you but you’re not the right candidate for the position. If this happens, THANK THEM, they spent time and brain power on you and that should always be appreciated. 3: They bring you the good news, most often this comes in the form of the¬†employer asking you to¬†take an “art test”. GREAT! This is a creative candidate’s¬†gateway to possible employment.

The most important aspect of the art test to the employer is to make sure a candidate can fulfill or exceed the expectations of the position. Conversely, the¬†most important aspect for the applicant is to take the opportunity to learn as much as you can about the company and about¬†what they want you to produce because this sort of thing is exactly what you’ll be doing if you land the job. Art tests will often have a prompt, size requirements, and a deadline (which you should plan on beating). You should always try to ask questions about specifics, what references should you be looking at, what is this building for, why do the Blargy-blargs want to kill the Meep-morks? Put in the initial effort to make sure your¬†art test is¬†telling the story the company is trying to tell. THEN get to work. Think about every aspect of the work as you make it.¬†In front of the dull glow of the computer screen the candidate began to rant, “Why am I making this blue? Is green better? Green is my favorite color, but blue fits the narrative better… BLUE. NO, GREEN!” (the correct answer is blue, duh). You should be your harshest critic. There’s¬†an old saying my dad always says, “Good, better, best. Never let it rest. Till your good is better and your better is best.” Despite being a remarkably dad-like thing to say, it’s damn good advice. Because, if you’re not always trying to give people your best effort, you should find something else to do. People are really, really good at noticing if you enjoy your work and companies are full of people that intimately know how and why people¬†make art… so don’t half-ass anything.

Even if you’ve given your best effort and done all of the above down to the letter, it’s still extremely possible that¬†you don’t¬†get the job. The art test round can have anywhere from 2 to 20+ candidates depending on the size of the company. Maybe it should’ve been green, maybe someone else just nailed the expressions or mood better. Regardless, you’ve just kicked butt on making some art that made you a better artist. Typically, you won’t get feedback. But sometimes they do get back to you with critique, these are the best-of-the-best people and they definitely deserve a thank you. OR, you got an interview!¬†OH MY GOOD GRAVY, YOU GOT AN INTERVIEW! Either way, you’ve improved and¬†that’s definitely better than not having applied at all.

Some Art Test art: