Learn Professional Pixel Art & Animation for Games

Become an exquisite pixel artist and animator.
4.7 (127 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.
8,168 students enrolled
Free
$65
100% off
Take This Course
  • Lectures 48
  • Length 4.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 11/2016 English

Course Description

This course was last updated on 11/10/16

Join the course and begin designing pixel art games and animation today!

Do you want to learn how to create pixel art and animations? Or maybe you’re on a quest to start making money as a game graphic designer? In any case you’ve come to the right place.

The Learn Professional Pixel Art & Animation for Games course will show you how to create high quality stylized pixel art and animation that will stand up as professional work. The techniques taught in this course can be translated into just about any asset creation for games. This course will enhance or give you skills in the world of digital art creation - or your money back!

The course is your track to building amazing attractive pixel art games! Whether for your own games or for other peoples projects.

This course will take you from having little knowledge in Photoshop to creating professional pixel characters, animations, backgrounds, and maps in as little as 1 week.

So what else is in it for you?

You’ll create five different projects in this course that will take you from beginner to expert!

You’ll gain instant access to all six sections of the course. You’ll also gain access to all of my Photoshop files and sprite sheets that I create though out the course for you to use how ever you like. These assets can be used in your own games or just to study and trace over.

The course is setup to quickly take you through step by step, the process of creating pixel art and animating it in Photoshop. It will equip you with the knowledge to create stunning designs and animations for pixel games!

Don’t believe me? I offer you a full money back guarantee within the first 30 days of purchasing the course.

Here’s what you get with the course:

You’ll get access to the six sections of the course that will show you how to design, create, and animate pixel art from the ground up. The course is supported with over 4.5 hours of clear content that I walk you through each step of the way.

All at your fingers tips instantly.

  • The course starts with the basics. For those of you that have never used Photoshop I’ll walk you through the basic tools we’ll be using and show you how to set up the program for pixel art creation.

  • Next you’ll learn the basics of pixel art, shape, value, and color.

  • Once you’ve learned the basics of pixel art you will build your first two pixel art assets. A wooden crate and a red ruby that you will then animate to rotate and sparkle.

  • At this point you’ll be ready to design your first pixel art character and animate them. You’ll animate three animation cycles. The hover cycle, run cycle, and jump cycle.

  • Next you’ll design and build a background for your character. The background will have multiple levels and also some animated water falls.

  • Lastly you will learn how to build a game map with reusable sprite tiles and assets. These tiles and assets can be used to create an map you want.

Over the 6 chapters you will learn:

  • Photoshop basics

  • The pixel art design process

  • Value and color theory

  • how to build game props from scratch and animate them

  • Sprite sheet creation

  • Pixel character design

  • Animation Cycles

  • Background design, creation, and animation

  • Game map design and creation

What else will you get?

- Personal contact with me, the course tutor

- Lifetime access to course materials

- Understanding of how professional pixel artwork is designed, created, and organized layer by layer to create a master piece

- All project files created for the course

This all comes under one convenient easy to use platform. Plus you will get fast, friendly, responsive support on the Udemy Q&A section of the course or direct message.

I will be here for you every step of the way!

So what are you waiting for? Sign up now to start building your pixel world!

What are the requirements?

  • Photoshop ( you can get the free trial version)
  • Computer and mouse

What am I going to get from this course?

  • Design and build professional pixel art
  • Animate your art for games
  • Understand shape, color, and value in pixel art

Who is the target audience?

  • Students looking to learn how to create amazing pixel art and animation
  • Students ready to put in a couple of hours learning how to do this
  • Students willing to take action and start creating pixel art
  • Students wanting to add a new skill to their tool belt

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: Course Introduction
01:33

Welcome to the course! In this lecture I'm going to give you a brief over view of what we will be learning and accomplishing in the course. I also want to share with you a little bit about my background and who I am so you know you're being taught by someone who is qualified.

02:39

In this lecture we'll go over the best practices for getting the most out of this course. These are all recommendations that have worked for my students. Remember to finish the course, ask questions, and get involved with the course by posting your artwork. 

02:41

So what is pixel art exactly? In this lecture we're going to brake it down into its bare components. You'll learn about what a pixel is and why pixel art is created at such small resolutions. We'll also go over what anti-aliasing is and how it effects pixel art. 

00:05

Here are some examples of anti-aliasing,

03:22

In this lecture I'm going to go over what is required to complete this course as well as what is recommended. You will need Photoshop for this course. If you don't have Photoshop you can download a 30 day free trial at the adobe download page. A drawing tablet is recommended but not required.

00:09

Here's the link for the free Photoshop trial that you can download for 30 days.

Section 2: Getting started
06:41

This lecture is very important even if you are familiar with Photoshop. There are some setting and tools that must be changed in order to create pixel artwork. This lecture will also go over the basic tools we will be using through out the course to create our game artwork.

02:01

In this lecture you will learn all the hotkeys for the tools we have gone over. Hot keys are keys on your key board that will bring up tools quickly when pressed. Hot keys are very important for making your work flow faster.

06:08

Many people find layers in Photoshop to be the most difficult and confusing part about using Photoshop. In this lecture I'm going to teach you a simple concept that will help you better understand layers. You'll also learn about layer types and how to keep your layers organized. 

09:57

Shapes are one of the most important components of any type of graphic design including pixel art. In this lecture we are going to have a look at some characters that we can brake down into their simple shapes. Then at the end of the lecture we are going to create a simple pixel silhouette of a dog. 

08:15

Value is also one of the most important components of any type of graphic design. Opposite values create contrast in your game artwork which is vital. In this lecture we are going to go over some examples of good value contrast. Then you'll do your own exercise using values to create a sphere in pixel art.  

07:58

Colors are a major part of creating pixel artwork. Color can tell you viewer how to feel and also where to look. Color is also very important in creating contrast. In this lecture we are going to go over the color wheel, how to choose complimentary colors, warm, and cool light.

02:22

All great artists were inspired and influenced by others art. In most cases they actually copied others great artists to become masters. In this lecture you are going to learn how to find inspiration and reference for your pixel art.

5 questions

Test your knowledge of Photoshop basics and pixel art creation with this quick quiz. 

Section 3: Creating props and animating them
07:08

You are now going to get to build your first piece of pixel art in this course. This lecture is going to teach you how to make a simple but realistically rendered wood wooden crate. This project will allow you to exercise your pixel art knowledge you learned in the previous section.

05:05

Now that you've built your basic crate we can go ahead and make some adjustments to it. We can change colors, add texture, and give it an outline. Sometimes it takes a few layers in Photoshop to get to a final product.

06:37

In this lecture you are going to create a red diamond. You will be challenged with creating an object that reflects and reflects light. By the end of this lecture you will be ready to animate your diamond for game play.

07:08

Now that you've created your diamond asset we can animate it. First we are going to create a second frame of the diamond that will create the illusion of rotation. Then you will animate a sparkle that will make your diamond appear that it gleams as it rotates. 

04:36

In this lecture you're going to learn how to set up your animation frames so they will play as an animation. You will be using Photoshop's animation timeline tool. By the end of this lecture you will be able to see your diamond animation in action!

08:22

Now that you've created your animation you need to put it into a sprite sheet. An animation sprite sheet will allow you to place your animation into a pixel video game. In this lecture you will brake your animation up into individual frames and place them into a grid system to create your sprite sheet.

5 questions

Take this quick quiz to test your knowledge of this section.

01:06

You've made it to the end of this section. In this section you created a wood wooden crate where you learned how to add texture and create warm and cool highlights and shadows. Then you created a diamond that you animated to rotate and sparkle.

Section 4: Character design and animation
10:25

Now that you've learned all the basics of creating pixel art you are going to create a pixel character for a video game. In this lecture you will learn how to draw out the shape of your character, fill the outline in with color, and then add shadows and highlights.

14:42

Once you have created your character you are now ready to animate them. In this lecture you are going to learn how to create the run cycle. The run cycle is made up of 4 different frames that create the illusion of a running character. 

03:03

In this lecture you will learn how to set up an animation in Photoshop. The reason why we set up a playback animation is so that we can see how our animation runs. This is where you want to change any frames that ruin the flow of your animation.

07:40

Now you can move on to creating your jump cycle animation. The jump cycle is made up of 2 frames, the couch pose and the jump pose. By the end of this lecture you will animate your character jumping and set up an animation playback of it in Photoshop.

04:00

The last animation cycle to create for your character is the hover cycle or idle cycle. This animation will play when your character is standing in one spot idly. Once you have completed the hover cycle you can move on to putting all of your animation frames into a sprite sheet.

01:25

In this lecture i'm going to show you how you can add a cool glowing effect to your flame. 

07:24

Now that you have all of your characters animation frames complete you are ready to put them into a sprite sheet. In this lecture you will learn what to do to prep you frames for a sprite sheet. Once the frames are prepped you will drop each frame into the sprite sheet one at a time then save it out as a .png.

01:02

You made it through the 4th section of the course, congratulations! In this section you learned how to design a character from scratch. You also learned how to animate three different animation cycles. Your assignment for this section it to design your own character and share it to the Q&A section of the course. 

Section 5: Background design and animation
12:13

When creating pixel art game backgrounds you will have to duplicate patterns such as bricks and grass. In this lecture you will learn how to create a brick pattern that will automatically duplicate your pattern for you. This can save you hours of work.

02:59

Before continuing with our background I want to go over the concept of foreground, mid-ground, and background. In this lecture you will learn how to separate them out in your artwork and why it's important. Many great artists use these concepts in there own artwork.

02:24

In this lecture you are going to add a sky and mountain range to your background. It's important to create some contracts between your foreground and background. This can be done by de-saturating your background and lightening its values.

09:18

In this lecture you are going to learn how to create a grass pattern that will be able to stretch across any length. This technique is very useful and will save you loads of time. Once you have created your pattern you are going to apply it to your background.

11:47

Now that you have created a fore ground and a background you are going to add a mid-ground. This is going to create more depth in your background. When you are creating your own background you can ad as many mid-grounds as you would like.

06:55

You are now going to add some trees to the tops of your rocky mountains so they don't look so bald. Once you've create you silhouette shape for your trees your going to add a double highlight to them. You are also going to create some cast shadows to your mountains. 

10:20

In this section you are going to add some water falls to your mountains. You are also going to animate the water falls to appear like they are flowing. The technique for doing this is actually very quick and simple.

04:29

Now that your background is done you're going to save it out in separate sections. Your background will be broken up into three separate documents. The foreground, mid-ground, and background. This is so you can create a parallaxing effect in your game, which is an effect that adds depth you your image. 

4 questions

Take this short quiz to test your knowledge of this section.

01:03

This is the end of this section. In this section you learned how to create custom patterns in Photoshop that can be applied to your background. You also learned the differences between foreground, mid-ground, and background. Lastly you learned how to ad animation to your background. You assignment for this section is to create you own background and custom pattern, then post it to the Q&A section of the course. I look forward to seeing your artwork.

Section 6: Pixel art game map
08:06

You are now going to build your very own game map out of pixel art. Photoshop offers very useful tools for creating game maps. In this lecture you are going to set up the basic shapes and colors for your map tiles.

07:35

Now that you have your colors and shapes laid out for your map tiles you are going to create some grass texture for them. You are going to use the same pattern technique you used to create your brick pattern in the previous course. You're also going to learn how to make a quick and easy cast shadow with out having to draw it. 

05:28

In this lecture you are going to add a rock texture to the edges of your land tiles. Then you're going to learn how to create a water shoreline to the edges of you land just by adding a light blue outline to them. 

08:01

Now that you have completed all of your basic land tiles for your map it's time to beguine placing them into your map document. In this lecture you are going to design out the water and land mass in background. This will be done by first sketching out your map layout then coping your tiles over and placing them in their correct position.

04:26

Many art forms involve layer detail on until you have a final polished product. This is how you will be creating creating your map. You will build won asset at a time then add them to your map. In this lecture you are going to create a rock in the water asset.

06:06

In this lecture you are going to build your second asset. The second asset is a wooden bridge that you can use to connect your islands and bodies of land. You will also learn how you can manipulate one asset to a different viewing angle.

06:10

Now you are going to build a mini island that can be floated out in your body of water. You are also going to learn how to convert you island into a pedestal that can be used on top of your grass. Remember that the more you can reuse assets the quicker your workflow will be.

14:44

In this lecture you are going to build a brick house asset from scratch. It's important to remember when creating your map assets that you take into account the perspective that they are in. Once you have created the front view of your house you are going to build a side view of it.

09:15

In this lecture you are going to build a tree asset from scratch. It's important to remember when creating your map  assets that you take into account the angle they are being viewed from. The tree will be designed from a top down perspective allowing you to see the top of the leaves and all of its roots.

01:17

That's the end of this section. In this section you learned how to create an entire detailed pixel map from scratch. You built individual sprites that you were able to drag over into you map document and start constructing your map one asset at a time. I hope yo enjoyed this section and thank you for being such a great student!

00:20

Congratulations! You made it to the end of the course. Thanks for joining me and being such a great student. I look forward to seeing your pixel art work in the Q&A section of the course. If you have any questions about pixel art, video game art, or any other types of digital ask them in the Q&A section of the course. 

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Jaysen Batchelor, Illustrator & Designer

At the age of 17 I began a 6th month internship with an animation studio out of Utah. After my internship was up, I was hired on to build backgrounds and to design props and characters for animation projects. I then began to do my own freelance work on the side through networking and using online freelancing sites. Now I work as a freelance Illustrator and designer working on my own time from where ever I want.

Ready to start learning?
Take This Course