Post news RSS 2015.05.11 Boss 101 How we make art and more!

Check out our magical art process, hear about Max and STEVE appearing in Indie Game Battle. YES!

Posted by on

Welcome back to another weekly update!

We have:
- Pixel Art setups in Boss 101
- Boss 101 and Indie Game Battle
- Camping time with STEVE and Max

**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)

More details on their IndieDB page here so check it out when you have a chance!

Indie Game 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…



Sph!nx - - 722 comments

Nice update. Keep them coming! Quite an honour to have your characters featured in another game. Grats! ;)

Reply Good karma Bad karma+3 votes
DonleyTimeFoundation Author
DonleyTimeFoundation - - 409 comments

Thanks so much! We're looking to give back to the community. So many people have influenced and helped us we felt it's worth putting a little something together to show you how we do it! Glad you like it!


Reply Good karma+1 vote
LurkersLair - - 201 comments

Good read! Was surprised when saw the wagon example as its almost same workflow i used as well. Oh and the game looks great as well, its definetly something i ll want to add to my steam library when finished. Keep up good work!

Reply Good karma Bad karma+3 votes
DonleyTimeFoundation Author
DonleyTimeFoundation - - 409 comments

Thanks! yah, that process is likely familiar to a few people. I will say it saves a LOT of time when it comes to adjustments. For super small sprites we normally just do it all at once but anything getting up there in size (around 64x64 and up) is certainly open for this sort of treatment.

That would be awesome if you got your self a copy of Boss 101 when it arrives - we appreciate the support!


Reply Good karma+1 vote
Post a comment
Sign in or join with:

Only registered members can share their thoughts. So come on! Join the community today (totally free - or sign in with your social account on the right) and join in the conversation.