Jump to content

Adobe Animate Sprite Guide

Elcent

By Elcent
in Sprite Guides

 Share

Recommended Posts

  • Administrators
Elcent Community Regular

Elcent

Posted
  • Administrators
Posted

Hello and welcome to this Sprite making guide in Adobe Animate (/Flash) .

Here you should be able to find all the information required to make your very own sprite. If you need any further help please feel free to leave a reply at the bottom of the thread.

 

The Setup (Elcent)

Firstly you will need to acquire a copy of Adobe Animate (older versions are called Adobe Flash)
If you are unsure how to get it give it a quick google.

If you wish to have a look at other peoples work and perhaps make remixes of them please feel free to down load the files from the Sandbox Thread. LINK HERE However these aren’t needed to make your own from scratch.

Once you have opened Adobe Flash you will want to create a new AIR for Desktop file with the rough size of 550x400 pixels. This size doesn’t matter too much but allows you space to create your drawing nicely.

Line Defaults (KilliN)

HEX Color: #000000
Alpha: 30%
Height: 0.10

image

 

Colouring examples (Zarkares)

 

 

Gradients (Killin)

Gradients

 

Perspectives (Zarkares)

 

Library Feature (Xzyckon)

 

What
The library is where all of the symbols, movie clips and other assets are stored within the fla file.

How
To use the library you need to convert something into a symbol. This is very straight forward; highlight the sprite you want to convert in it’s entirety, right click and select “Convert to Symbol…”, you can alternatively press the F8 key to achieve this. After that a window should pop up like this…

Convert to Symbol

You want to make sure it is set to ‘Graphic’, this will allow you to edit the sprite after it has been converted. Once that’s out of the way enter a desired name for your asset and hit ‘OK’.

You will notice that your asset is now selected with a cyan hitbox that you can only manipulate as if you were using the Free Transform Tool. This is because the line work and fills are now stored within the new symbol you have created. You can drag and drop symbols into the scene as you wish, to edit the line work and such of the sprite itself simply right click on the symbol in the library and then click ‘Edit’.

Why
Generally speaking, the reason why you want to use the library is to organise your assets. If you just use the scene canvas to make and store your sprites you will soon find out that it becomes a memory hog, slowing the program down until it becomes unusable or maybe even unstable.

 

A big thank you to Killin, Zarkares and Xzyckon for contributing to this guide. 

Link to comment
Share on other sites
  • 2 years later...
 Share
Go to topic listing
×
×
  • Create New...