Learn Professional Pixel Art & Animation for Games
4.6 (618 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.
28,366 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn Professional Pixel Art & Animation for Games to your Wishlist.

Add to Wishlist

Learn Professional Pixel Art & Animation for Games

Become an exquisite pixel artist and animator.
Bestselling
4.6 (618 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.
28,366 students enrolled
Created by Jaysen Batchelor
Last updated 11/2016
English
English
Current price: Free Original price: $65 Discount: 100% off
30-Day Money-Back Guarantee
Includes:
  • 4.5 hours on-demand video
  • 2 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Design and build professional pixel art
  • Animate your art for games
  • Understand shape, color, and value in pixel art
View Curriculum
Requirements
  • Photoshop ( you can get the free trial version)
  • Computer and mouse
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!

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
Curriculum For This Course
48 Lectures
04:36:28
+
Course Introduction
6 Lectures 10:29

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.

Preview 01:33

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. 

How to get a guaranteed win out of this course
02:39

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. 

Preview 02:41

Here are some examples of anti-aliasing,

Anti-aliasing examples
00:05

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.

What will you need for this course?
03:22

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

Preview 00:09
+
Getting started
7 Lectures 43:22

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.

Preview 06:41

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.

Preview 02:01

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. 

A simplified way to look at layers and what you can do with them
06:08

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. 

Shapes in your artwork
09:57

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.  

Value and contrast
08:15

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.

Learning color theory
07:58

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.

Finding inspiration and reference for your pixel art game
02:22

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

Pixel game art creation quiz
5 questions
+
Creating props and animating them
7 Lectures 40:02

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.

Preview 07:08

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.

Adding texture and outline to your crate
05:05

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.

Creating a diamond asset
06:37

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. 

Animating your diamond
07:08

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!

Preview 04:36

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.

Putting your animation into a sprite sheet
08:22

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

Pixel art prop creation quiz
5 questions

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 3 conclusion
01:06
+
Character design and animation
8 Lectures 49:41

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.

Preview 10:25

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. 

Animating your characters run cycle
14:42

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.

Setting up your animation in Photoshop for playback
03:03

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.

Animating your characters jump cycle.
07:40

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.

Animating your characters hover cycle
04:00

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

Preview 01:25

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.

Putting your character animation frames into a sprite sheet
07:24

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 4 conclusion
01:02
+
Background design and animation
9 Lectures 01:01:28

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.

Creating a brick pattern for your game background
12:13

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.

Learn how to make your foreground, mid-ground, and background look amazing!
02:59

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.

Adding your sky and mountain range
02:24

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.

Creating a grass pattern for your game background
09:18

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.

Building mid-ground mountains
11:47

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. 

Learn how to create pixel art trees!
06:55

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.

Preview 10:20

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. 

Saving your background out as different documents for parallaxing effecst
04:29

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

Pixel art background quiz
4 questions

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 5 conclusion
01:03
+
Pixel art game map
11 Lectures 01:11:28

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.

Building your map tiles
08:06

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. 

Preview 07:35

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. 

Creating rock text and adding shorelines to your map tiles
05:28

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.

Preview 08:01

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.

Building a rock in the water asset
04:26

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.

Building a bridge asset
06:06

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.

Building a mini island asset
06:10

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.

Preview 14:44

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.

Building a tree asset
09:15

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!

Section 6 conclusion
01:17

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. 

Course conclusion
00:20
About the Instructor
Jaysen Batchelor
4.5 Average rating
5,859 Reviews
84,156 Students
6 Courses
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.