2d Bitmap art for video games

Learn how to create top quality graphics for your games and designs
4.9 (37 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
348 students enrolled
Instructed by Marco Vale Design / Game Design
$19
$35
46% off
Take This Course
  • Lectures 67
  • Length 8.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 12/2015 English

Course Description

Are you looking to improve the visual quality of your game? Do the visuals on your game compare poorly to the other games in the stores? Want to make your game stand out from the crowd? Don't want any longer. Take this course and start creating high quality visual content in no time!

Bitmap art is all about quality and rich content. Creating such detail and quality can be time consuming and a near impossible task if you are not equipped with the right knowledge.
In my 13 years of experience as a game artist I've developed a series of tricks and techniques that speed up the creation of high-quality graphics for video-games.

The best thing is that anyone can learn these techniques and apply them successfully

With over 7 hours of footage, I'll explain to you, step by step, the secrets to creating fast and rich visuals

You'll learn:

  • Using Photoshop in a fast paced
  • Drawing simple and complex shapes
  • A simple approach to hand drawing
  • Rendering different materials realistically

And once you get these concepts settled, you'll learn:

  • Creating complete mock-ups for match 3 games with tokens included
  • Creating textures to use in realistic illustrations
  • Create a card for a Card Collecting Game

You'll also:

  • Draw and build a fully articulated CHARACTER

Learning these skills will not only allow you to become independent in the visuals department but also set your games apart from the rest.

stop TRYING to create good graphics and instead DELIVER STUNNING VISUALS.
Enroll now!

What are the requirements?

  • The course sits heavily on the use of photoshop for following along with the lectures. Some experience with photoshop is a plus, but the lectures are aimed at complete begginers.
  • Some drawing skills will also help, but every time the course needs you to draw, support material will be provided

What am I going to get from this course?

  • Create high quality 2d Graphics for their games or designs
  • Design Interface elements
  • Create editable game tokens
  • Build complex and articulated characters
  • Design and develop high quality game scenes

What is the target audience?

  • This course focuses on teaching techniques that will improve and extend your skills. Take this course if you are looking to learn or increase your habilities to create 2d graphics.
  • If your goal is to learn illustration, this may not be the most adequate course for you, even though some illustration is taught to help some of the techniques.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Section 1 - Course Introduction
Hello message and introductions
02:55
Section 2: Section 2 - Working with Photoshop
12:16

---- DOWNLOAD THE RESOURCES FOR REFERENCE ----
This lecture focuses on the basics of using Photoshop and working with the interface and tools.

09:17

Once you start getting bigger and bigger files, its good to keep them as organized as possible. This lecture shows simple techniques to keep your layers organized.

QUIZ - Using Photoshop
5 questions
Section 3: Section 3 - Creating Shapes
Section 3 Introduction
01:49
08:32

Photoshop comes with a set of basic shape tools, that allow you to create the primitive shapes. This lecture shows how to use them

11:50

When a shape gets more complex or is a mix of shapes, then you need to start playing around with combining simple shapes.

07:42

Sometimes the Photoshop tools won't be enough to create more organic shapes. If you aren't confident enough about drawing, this lecture gives you a simple gradual approach on creating hand drawn shapes

08:54

Still in the subject of using selections, this lecture shows how selections can be really useful when used to help shading. You can try as well, just download the axe image from the resources

1 page

|||| DOWNLOAD THE RESOURCES ||||
This exercises focuses on using your skills of creating selections to try and replicate the shapes presented

Section 4: Section 4 - Shading
Section 4 Introduction
02:01
11:08

Materials react differently to light and shadow. This lecture is a live video of some pieces with different materials, where I explain how they react to light and how light interacts with each piece.

09:00

Understanding how light works on a surface is the first step to successfully shade an object. This lecture shows a bit of the thought process behind putting down a shadow and a highlight

09:31

Chrome is one of the hardest things to shade. But it can be faked very simple. This lecture shows 3 simple techniques to fake a chrome reflection on a cylinder

06:27

Cubes are easy to shade because the surfaces are flat. Being flat means the color stays flat as well. But if you material is translucent, like plastic or wax, some color might bleed through. This lecture explores that and shows you how it can be done.

08:13

To try out our knowledge about materials, we are going to have a go at creating a gold button with a glass core. To do this, we first start with a basic shape

10:37

To make it easy to work, we take a separate layer with just part of the button rim and shade it separatly. While doing this, we make decisions on the position of the light, and color of the gold.

09:11

Taking the decisions we made on the previous lecture, we no act on the inner rim of the button, which is inverted in volume, so all that we did we have to rethink for this part of the shape.

12:52

Finally we add the glass core by creating and shading a basic shape. We then take a photo and convert it into a reflection image for the glass

13:08

With just a button we can start to create other interface elements. In this lecture I show you how you can create a dialog box and a title bar using the button we created earlier

QUIZ - Shading
4 questions
1 page

|||| Download the resources ||||
This exercises takes what you learned and lets you apply it to shading. Make sure you pick a light source and shade the object accordingly. Remember to make the wood different from the metal so don't make the wood clear coated so it won't be reflective. make it dull and rough. try and get your metal reflective as steel or silver would be, but not too polished.

Section 5: Section 5 - Creating a pool game graphics
Section 5 Introduction
02:14
10:08

This lecture focuses on bringing a set of techniques into on single image, and making something that feels real, but is completely hand made. Special attention is given to the use of light, bounced light and reflections, and also the use of Layer Masks

09:48

If you want to create something from the real world, and have to do it from scratch, you should use reference.
In this case we use a blueprint of a pool table to act as an overall guide for creating the shapes we'll need later

07:40

Using a similar technique to the table cloth, we'll create the cushions for the sides of the table. To help speed things up we'll use duplicates.

06:40

This lecture focuses on creating a wood texture from scratch using photoshop filters, and then puting that texture to use, creating the wood frames of the pool table.

10:37

With the cloth and wood created, we need to make the holes. We'll also create a texture from scratch which we can extended and use to give some texture to the hole shape.

07:58

To complete the table, we'll have to add some final details, such as side marks and lines on the cloth. Details like these help give a sense of credibility to the artwork

1 page

As an exercise, try and match your image to the one I provide as reference. You should be able to get it done with what your learned in this section.
Remember to increase the canvas size to hold more image, and remember to use drop shadows on the pool balls.
Create a copy of the pool cue to use as a shadow, after you darken it. Change the color of the cloth just by playing around with the hue and saturation.

Section 6: Section 6 - Match 3 game
Section 6 Introduction
01:31
09:31

Creating textures from scratch isn't always possible just with filters. Sometimes you need something a bit more organic. Using custom brushes, we'll create a grass texture that can be used in tiles.

10:16

To add a bit of flare and detail to our background, we'll create a leaf custom brush that we can scatter around the image to add visual interest.

08:35

With a scene taking shape, we want to have some dialog windows to hold our information. This lecture teaches you how to make a paper texture that you can use for your game over screen

13:09

Moving forward towards the end of the section, we have start using some illustration techniques to create a place to hold the score as we play. We start with a sketch to get the shape and scale, and then we shade the piece to make it look like wood.

10:48

Tokens are meant to be the main element the player interacts with. They should be bold, bright and shiny. This lecture teaches you how to make one with all of those caracteristics, but also teaches you how to quickly convert it into different versions

1 page

|||| Download the reference ||||
Use the reference as a guide to create a custom brush which will scatter flowers around the grass background.

Make sure to activate "Apply per tip" so that each flowers you draw comes out with a different color without you needing to let go of the mouse button or pen

Section 7: Section 7 - Character for a side scroller
Section 7 Introduction
01:50
11:39

Creating a character can be very intimidating. I've broken the process in easy steps so even if you don't feel confident enough to hand draw a character, you can still follow along. We start the project with the head, which is the hardest part to get right. But if you follow along with the structure I use to draw, you'll get always get better results

05:48

=== You can download the line drawing from the previous lecture ===
the hardest part, which is building the volume for the head, is done. Shading it will not be easier because the line art acts as a guide to place the color and shades.

10:41

This lecture focuses on creating the torso and dealing with two colors on the same piece.

09:00

The arm is a delicate piece because of how it rotates on the shoulder socket. Its important to understand the limits of the arm so that when we create the line art we know where our outlines are going to be

10:40

Hands can be closed in a fist, open or can be holding objects. This lecture I show you how to draw a fist and a hand that is holding a gun

08:16

To get a feel for how the upper body of the character is coming along, we want to create the arm on the far side of the character. we can reuse the arm, but we have to make a specific hand

11:49

To connect the legs to the torso we first need to create the pelvis .That's what we are going to be doing in this lecture

06:25

To wrap the character up, we'll create the lower part of the legs and the shoes. This will complete the character and give you an idea of what you can do to it with animations.

12:45

In this lecture I show you the usual process I use to animate a character in unity, after I created the image with all the body parts

1 page

|||| Download resources ||||
This exercise lets you try and create a character from scratch using a zombie drawing. Just remember to keep the body parts on separate layers

Section 8: Section 8 - Card game
Section 8 Introduction
01:42
11:28

The most important step for the success of a design is really the design phase. Skipping this for a lazy design will cripple the image and it will be very hard for the shading to make it look good. Always spend as much time as you can refining a design.

08:44

=== Download the Design from the resources of this lecture. ===
With a clean design, its also important to do a color sketch, which will provide a look and feel for the finished piece.

08:25

Again starting with the most important and probably hardest bit, we'll shade the ribbon that holds the name of the card.

09:45

This lecture shows you how to shade a piece of paper with some details on the edges. It dives a bit into illustration and hand shading, but its not overwelming.

10:28

Using a process that is slightly different from the ribbon, we'll shade the banner and add the chrome spheres on bar that holds the banner in place.

09:22

Using layers styles and a bit of hand painting, we'll shade in the frame for the card illustration.

08:45

Just before the final touches we want to create the frame of the card it self. Using layer styles we'll create the volume for the frame. Afterwards, with a bit of trickery, we'll give it some extra detail

08:34

To finish the card, we'll add some details, such as a name for the card and some orbs to represent mana cost, attack power, life and rarity of the card.

1 page

|||| Download the resources ||||

Attached you'll find a Photoshop file with a card pre-configured. Use your learned skills to detail it more.
If you are NOT using Photoshop, you can use the JPG provided as a reference for recreating the layers for each element of the card.

Section 9: Section 9 - Isometric buildings
Section 9 Introduction
01:37
10:44

The first thing when dealing with isometric perspective is to understand how it works. Since we can't get an isometric grid to help, we can use a workaround to actually get some grid snapping to help create the base linework for the building

11:18

Creating textures from scratch in photoshop can be much faster than actually gathering good photo textures. Unless you require something very specific, most of the time these simple textures will be sufficient. In this lecture we learn how to create and transform textures to fit them to the isometric world

09:43

We know how to place textures on the horizontal plane, but we now have to place them on the vertical sides of the building. Using a different approach we can get them lined up to create the box that will be the building

07:35

Adding doors and windows will make the building look like a real building. Using some selection tricks and shading, we can make them look cut out of the walls and sunken in.

12:13

To make the building come more alive, we add color to the walls and a sign. We keep the sign in the same shading using some layer trickery and we add text to it.

07:29

Using some vector shapes rastered to pixel we create a cardboard shape. With some selections and adjustments we can make it look like a box. Using a selection and some duplicating techniques we create a rusty barrel as well.

11:44

With a few selections and coloring tricks we can create the gas pumps area and some gas pumps as well, finishing up the elements of the gas station

08:54

To finally finish off the building, we create a sand texture from our cement texture and use that as a way to add dirt and sand to our building. As a fun addition, I draw a rusty destroyed car so you can see how I would go about doing a decorative element like that

1 page

|||| Download the resources ||||

Using one of the two images provided, turn the line sketch into a fully shaded and textured building. Try and give it a military look as its supposed to be an Ammo and Supplies depot. Feel free to reuse the textures created in this section.

Section 10: Conclusion
Conclusion message
01:09

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

I have been working in the games industry as an amateur since 1998. In 2003 I started as a professional. My projects range from all forms of game art, from 3d low-poly to 2d pixel art, vector or even animation. I've also taught illustration, 3d modeling, Flash animation and Photoshop at a professional school. I am currently working in mobile gaming

Ready to start learning?
Take This Course