Draw All Your Own Game Art with Adobe Flash
4.3 (66 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.
1,281 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Draw All Your Own Game Art with Adobe Flash to your Wishlist.

Add to Wishlist

Draw All Your Own Game Art with Adobe Flash

Learn how to illustrate the most common graphics for top down games: logos, maps, level, characters, GUI, and more.
Bestselling
4.3 (66 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.
1,281 students enrolled
Created by Justin Dike
Last updated 6/2014
English
Current price: $10 Original price: $20 Discount: 50% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 13 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I Learn?
The goal of this course is to turn ANYONE into a graphic artist for any type of game.
View Curriculum
Requirements
  • Adobe Flash (or any suitable vector program like Adobe Illustrator)
Description

This course will teach you how to draw your own game art with Adobe Flash. You'll learn how to make logos, maps, characters, various top-down perspective boards (like land, seas, forests, etc), building, buttons and other GUI, upgrade menus, icons, and animated FX.

The estimated time length for this entire series will be 10-15 hours of videos. When a new section is added, an announcement will be made to any enrolled student.

This series is taught by Justin Dike, owner, instructor and lead developer at CartoonSmart.com , a site specializing in video tutorials since 2004.

Who is the target audience?
  • Anyone who wants to learn to draw with Adobe Flash (or other vector programs)
  • Non-illustrators who wants to make the graphics for their own games.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 45 Lectures Collapse All 45 Lectures 13:00:32
+
The All-Important Logo
5 Lectures 01:26:18

In this video, we will look at the basic layout of your logo. Topics include the area your logo will ideally occupy, issues you might run into if your logo exceeds a certain width, emphasizing certain words over others, and other subtleties you might not think of otherwise.

Preview 12:15

We will begin to create a fully-realized logo for a hypothetical game called "Empire of Areas". In this video, we will get as far as adjusting the text to perfection, then adding a backing layer behind the main text to make it appear extruded.

Preview 18:14

In this video, we will color the text and add small, but noticeable details. We will explore the gradient options in Flash and discuss some benefits of using Symbols for repetitive objects or patterns.

Adding Color and Detail
18:36

In this video, we will create a backing for the main text of the logo. The background will include a castle-inspired shape, draped flag, and sword.

Adding a Backing for the Text
22:10

To complete our logo, we will light it using Blend Effects and a filtered flame symbol. We'll also look at how well our logo holds up against different backgrounds and sizes.

Lighting the Logo
15:03
+
Ye ol' Quest Map
5 Lectures 01:45:55

Yar. It's time to start ye Ol' Quest Map. This could be used as a guide to give players an overview of the various levels they will travel to. Or you could simply create a map for decoration in conjunction with your logo. Maps always look cool!

ALL the source files for this section, are available in the Supplementary Material tab.

The Map Base and Lakes
21:01

In this video, we'll connect our lakes with rivers, add dock icons, and overlay text on the map. Check out Blambot.com for some great free and paid fonts to use. We suggest Ale and Wenches.

Streams, Docks and Text
23:00

In this video, we'll add mountains and roads. What quest map is complete without some kind of ill-fated mountain pass.

Adding Mountains and Roads
20:12

In this video, we'll draw a forest and add cliffs to the map.

Adding Forests and Cliffs
24:28

And finally, to finish off our map, we'll add a quaint little village and North, South, East, West icon.

Adding Villages
17:14
+
User Interface and Buttons
8 Lectures 02:08:27

The introduction to this session of tutorials talks about some "what not to do's", with an emphasis on young players (those who can't read), and games that offer TOO many up-front options.

You can download the supplemental materials for this section here.

Introduction
05:40

In this video, we'll begin to create 2 possible Play buttons, and aside from creating the art from scratch, we'll talk about establishing a theme for your game's general user interface.

Establishing a Theme with a Play Button
23:02

In this tutorial, we'll convert our first Play button from a medieval theme to a Sci-Fi or military style theme.

Play Button Sci-Fi Style
20:14

In this lesson, we will make a Progress Bar which could be used to indicate the player's health has been drained, or some type of weaponry is being used up.

Interface Elements - Health / Progress Bar
18:46

In this video, we will create a glassy radar or compass (and we will add some chains to the Play button).

Compass / Radar
17:58

In this tutorial, we'll look at creating a "selection" box to indicate which of multiple options is the chosen one.

Currently-Selected Icons
17:39

In this video, we will work on a smoother, Wall-E style button for a more realistic interface.

Smoother, Realistic Buttons
18:36

In this video, we will work on a smoother, Wall-E style button for a more realistic gaming interface.

Overview of a Finished GUI
06:32
+
Characters
5 Lectures 01:30:49

In this video we will start looking at character design, beginning with a front view character. The finished piece could be used in a Choose Your Character scene before the game starts.

The project files for this section are in the Supplemental Materials tab

Front View Character (possibly for a Choose a Character screen)
17:15

In this video, we will finish the knight character which we started in the previous video. We will draw his chest armor, cape, arms, hand and sword hilt.

Front View Character (continued)
24:30

In this video, we will draw the front view of the in-game character.

In-Game Character Front View
22:28

In this video, we will draw the back view of the in-game character.

In-Game Character Back View
13:50

In this video, we will draw the side view of the in-game character.

In-Game Character Side View
12:46
+
Character Animations
5 Lectures 01:33:13

In this tutorial, we will animate the in-game characters front view walk cycle.

Front View Walk Cycle
20:56

Side View Walk Cycle
18:19

In this tutorial, we will discuss exporting your Flash file to a spritesheet or PNG sequence to be imported to the software development kit of your choice (iOS, Android, etc)

Exporting a PNG sequence or SpriteSheet from Flash
11:06

In this video we will create an animated attack sequence.

Attack Animation
21:48

Attack Animation FX
21:04
+
Top Down Levels
6 Lectures 02:04:32

In this tutorial we will create an ominous looking rocky, terrain.

The source files for this section are in the Supplemental Materials Tab.

The Outlands Terrain
20:37

In this video we will add to our previous terrain, with broken logs, vines, grass and a patch of vines.

The Outlands Continued
22:00

In this tutorial we will create our ocean scape, including islands and a luminous textured ocean.

The Ocean
21:38

In this video, we will add rocks, grass, a bridge and dock.

The Ocean Continued
21:04

The Bad Part of Town (or Anywhere)
20:47

The Bad Part of Town (or Anywhere) Continued
18:26
+
Buildings
5 Lectures 01:39:18

Recorded after the next two videos, I decided we should talk a bit about perspective first in this video.

Perspective Points
15:10

The Castle
24:14

Huts
18:24

Sketching with Vectors / Attaching Odd Shapes
16:59

In this tutorial, we will create a jungle house. The materials of the house should give off a more organic vibe.

The Tiki House
24:31
+
Animated FX
3 Lectures 30:11
Star Burst
11:48

Create a similar effect as the star burst but with a more explosive ring in the background.

Ring Blast
08:52

Smoke Loop
09:31
About the Instructor
Justin Dike
4.3 Average rating
549 Reviews
39,930 Students
24 Courses
CartoonSmart / Owner / Leader Developer and Instructor

Justin Dike is the founder of CartoonSmart one of the internet's first video training websites. He is a long-time illustrator and animator, focusing mostly on Adobe Flash, and experienced programmer with Swift, Sprite Kit, Actionscript 3, Objective C and Cocos2d. For CartoonSmart he has recorded hundreds of hours of video tutorials and recently published his first full length book titled iOS Programming with Xcode and Cocos2d available in the iBookstore. Justin has also developed many iOS games, including a side scrolling game engine.