Menu

Game Development, Pixel Art Creation in Boss 101

Welcome back to another game dev update. After our last quick post we had a few questions via direct mail and posts about elaborating on the pixel art process we use for Boss 101 plus a few other bonus items. Read on!

**Pixel Art setups in Boss 101**

Let’s get right down to it with a look at the pixel art process on Boss 101 or “how we do what we do art-wise”. What you need:

The Basics

Pixel Program – we used Photoshop for the art. It’s not better or worse than many of the other awesome programs out there. It’s just what we use. It’s nice because:
– Layers (ESSENTIAL for rapid art development)
– each layer can have an overall effect applied to it to influence the underlying art. For instance – you can use a layer with a gradient to darken and shadow a layer underneath. Very useful.
– Solid program not prone to crashes. I’ve used Photoshop for nearly 21 years and I think it has only crashed out completely on me maybe 4 times.
– Animation tools for .gifs are pretty good, I’m hesitant to say they are amazing in Photoshop but they can get the job done well.
– Folders – Essential for separating the various pieces and components of art. Also allows you to store multiple files in the same location for easy reference and referral.

[Cloud] Backup Service – I cannot stress enough how important it is to actually save and back your work up ALL THE TIME. May you never experience the incredible sad panda of seeing your work erased in a power outage. When that happens you cry, you wail, you promise to NEVER let it happen again and worst of all… it’s totally your fault since you should know better. Get a free Dropbox account, Google Drive or something. If you want Snowden level security you will probably have to pay for it but most of us don’t need 4096 bit encryption for our pixel cat art.  

Setting things up

Group similar items:
If you have a collection of similar items (we have a collection of player guns, player hats and bosses that get grouped together) your best bet it to put them all in the same Photoshop file. Saves a huge amount of time and makes the work a lot easier than having 200 little .PSD’s all over the place. This is a shot of our allHatsFile.psd. You can see we store 100’s of hats in one file.

(sample of our hat working file)

Work on things in batches if possible.
If you are perhaps making guns for your main character, you would benefit from making all the same types at the same time. They reason for this is you end up saving design time since you are laying out all your ideas at the same time. The avoids pattern repetition, as well as mistakes and lets you focus on the creative but putting all similar ideas in front at the same time. It’s much easier to see outliers and weird things when you have a nice lineup going.

(sample of our guns which were drawn in batches)

Work on things in layers and start with black and white art first
I mentioned this in a prior post but starting with black and white is probably best for a lot of reasons. First and foremost you are probably not that good at color. SORRY! It’s true. I mean you might get lucky once in a while and get some compliments when you bolt right in with color work but unless you’re an art major and have studied color theory trust me on this. Do the first pass of your work in Black and White and it will save you a ton of time. Black and white shows your contrast areas and detail in the clearest way possible. Color will accentuate a strong black and white base drawing but a weak color drawing is normally weak because of bad color choice (obviously) OR it doesn’t have enough contrast. The black and white will let you focus on the important stuff first.

(sample of a black and white starter image)

From there the way to go is put your shading in a separate layer. This allows you to tweak and tune the look

(sample of a black and white shader layer)

 

(sample of the shader layer applied to the base black and white – used the ‘Overlay’ layer effect in Photoshop)

Then you can just add in the color layer and play around till you have something you like.

(sample of color – notice it is all flat shaded)

 

(sample of color layer applied to the final black and white – used the ‘Color’ layer effect in Photoshop)

 

All together!

As you can see once you have everything all tidied up in Photoshop, separated in layers, setup for colors then you can dig in and play around with intensity and color experimentation. You will like the fact you can adjust the shading layer but keep the great colors you found. All in all this is one of the most efficient ways I have found to work. It is not the fastest AT FIRST because there is setup involved but the overall effect is a much faster workflow and a strong piece of mind. An added bonus is the tweak and changes are a lot easier too. Of course, if you do everything perfectly on the first try you probably don’t need to change anything so just work as you please! HAAAAAAAAA!!!

Boss 101 and Indie Game Battle

STEVE and Max in Indie Game Battle by Blob Game Studios!

Well we are SUPER flattered to be asked to be included in Blob Game’s Indie Game Battle. We were contact earlier about permission to bring STEVE and Max 9and their trusty machine gun) into the world of IGB and we are STOKED to present to you the first images from their appearance.

CHECK THESE OUT! Are you excited?! We are! HAAAAAAAAAAAAA!

(two shots of the guys in Battle)

 

Camping time with STEVE and Max

Boss 101 STEVE and Max, guys’ night out. Camping time and ghost stories!

OK – hope you enjoyed that look at the process we use and as always…

LIVE YOUR DREAMS!

-Tim

No comments

Leave a Reply