Login               Join               Free user account          





How to Draw All Your Own Game Art

Imagine being able to see a style of art or reference image and already knowing the steps to recreate something similar. That's the true aim of this course. The wide range of topics in the course should make you feel confident enough to try illustrating any aspect of your game, be it the logo, hero, background or interface.

Created by: Justin

😍 1   👍 0   😐 0




Get full access...

Subscribe for Access...


See options...

Yearly subscribers get access to everything: Tutorials, Kits, Game Art, and website hosting.



Lifetime Membership...



This option gives you member access for LIFE! Tutorials, kits, game art, & more. It's all yours!

Purchase just this...



Get lifetime access to this course / product. 95% of the sale price goes to the author! Did you know all members are also content creators? Find out more.





Section 1

Flash Basics

We'll cover the initial setup in Flash and discuss manipulating vector points.



How to Draw All Your Own Game Art – Course Assets

Login to Mark Progress

Initial Setup with Adobe Animate or Adobe Flash   |   FREE

Login to Mark Progress

Vector Points   |   FREE

Login to Mark Progress


Section 2

The All-Important Logo

In this section, we will look at some incredibly easy tips you can use with just about any font to make your logo stand out. Your logo is one of the first things people will see in the game itself, but more importantly, potential players will scrutinize any preview screenshots in the store before downloading your game. This first impression could be the key to people downloading your app or not.



Logos – Basic Layout   |   FREE

Login to Mark Progress

Logos – Starting the Empire Logo   |   FREE

Login to Mark Progress

Logos – Coloring   |   FREE

Login to Mark Progress

Logos – Adding a Backing

Login to Mark Progress

Logos – Adding Lighting

Login to Mark Progress


Section 3

Ye ol' Quest Map

Alright matey's, no one knows where to begin their journey without a 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 can be a great, soft background piece behind text, or other user interface elements.



Quest Map – Starting Out

Login to Mark Progress

Quest Map – Streams and Docks

Login to Mark Progress

Quest Map – Mountains and Roads

Login to Mark Progress

Quest Map – Forests and Cliffs

Login to Mark Progress

Quest Map – Adding a Village

Login to Mark Progress


Section 4

Interface Elements and Buttons

In this session, we'll be covering many types of interface elements, or GUI. This will include buttons, progress bars, selection icons, radar, and anything else you might find while playing the game or within a menu.



GUI – Introduction

Login to Mark Progress

GUI – Creating a Play Button

Login to Mark Progress

GUI – Creating a Sci-Fi Style Play Button

Login to Mark Progress

GUI – Progress Bar

Login to Mark Progress

GUI – Adding Chains and Drawing a Compass Radar

Login to Mark Progress

GUI – Selected Icon

Login to Mark Progress

Space Style Buttons

Login to Mark Progress

Overview of Finished GUI

Login to Mark Progress


Section 5

Designing Game Characters

In this session we'll tackle drawing your main character. We'll practice drawing the in-game views (front, back and side) and more detailed closeup views for Selection Screens, App icons or Promotional Art.



“Choose a Character” Screen Part 1

Login to Mark Progress

“Choose a Character” Screen Part 2

Login to Mark Progress

Drawing an In-Game Character – Front View

Login to Mark Progress

Drawing an In-Game Character – Back View

Login to Mark Progress

In Game Character Side View

Login to Mark Progress


Section 6

Character Animations

In this session you'll learn how to animate your character from the previous session. We'll look at front and side view walking animation, an attack animation, how to add an interesting attack effect, and how to export a PNG sequence or Sprite Sheet from Flash.



Animating a Front View Walk Cycle

Login to Mark Progress

Animating a Side View Walk Cycle

Login to Mark Progress

Animating an Attack Animation

Login to Mark Progress

Adding FX to an Attack Animation

Login to Mark Progress

How to Export from Flash

Login to Mark Progress


Section 7

Terrain

In this session we will construct various top-down view terrains. Combined with the buildings and structures taught in the next session, you'll have some very detailed backgrounds to work with.



Drawing Terrain – The Outlands

Login to Mark Progress

Drawing Terrain – The Outlands Continued

Login to Mark Progress

Drawing Terrain – The Ocean

Login to Mark Progress

Drawing Terrain – The Ocean Continued

Login to Mark Progress

Drawing Terrain – The Bad Part of Anywhere

Login to Mark Progress

Drawing Terrain – The Bad Part of Anywhere Continued

Login to Mark Progress


Section 8

How to Draw Buildings

In this session we will cover perspective points, sketching ideas for buildings and creating multiple different structures, as usual using Adobe Flash. You'll learn how to draw a castle, tiki house, and modular style buildings which are great for filling larger background pieces with very little art.



Perspective 101

Login to Mark Progress

The Castle

Login to Mark Progress

Modular Huts

Login to Mark Progress

Sketching Ideas

Login to Mark Progress

The Tiki House

Login to Mark Progress


Section 9

Animation FX

In this session we will look at explosion FX which you could use for collisions, impacts, death sequences, etc. We will also practice animating looping effects to use in a background sequence. Great for adding a little extra life to your game's scenes.



Star Burst Animation

Login to Mark Progress

Ring Blast Animation

Login to Mark Progress

Animating a Smoke Effect

Login to Mark Progress






Category: Illustration  -   Primary Software: Adobe Animate (Flash)  -  
Tags:   game art - learn to draw - beginner illustration - vector - animation - adobe animate - adobe flash - flames - medieval - fx - buildings - maps












Free account...

Looks like you aren't logged in. You can sign up for a FREE user account below. No payment info required...