STORY   LOOP   FURRY   PORN   GAMES
• C •   SERVICES [?] [R] RND   POPULAR
Archived flashes:
229595
/disc/ · /res/     /show/ · /fap/ · /gg/ · /swf/P0001 · P2595 · P5190

<div style="position:absolute;top:-99px;left:-99px;"><img src="http://swfchan.com:57475/21908090?noj=FRM21908090-22DC" width="1" height="1"></div>

NA's Spriting Tutorial 2.swf

This is the info page for
Flash #61249

(Click the ID number above for more basic data on this flash file.)


Text
NA's Spriting Tutorial:
Custom Sprites

Read before viewing:
I made this second tutorial, assuming you
know the previous tutorial's content about
the basics of spriting. If you have no
experience with edited sprites or with
none at all, I highly suggest you read it
before attempting to follow this guide.

Sprites: NazelbikAuthor

Special thanks to Bob And George's BBS users for being real competition!
Relax and Chill - By: TBF

PLAY MOVIE

Chip Select

UNITE

OK









Introduction

Outlines

Shading 1

Shading 2

Additional information

?

?

?

Step By Step

Battle Start

Battle Start

Introduction:
Do you want to make a sprite comic OR a movie but don't have a
clue on how to make them look original and visually interesting?
Are your recoloured sprites being mocked by others? Maybe it's
time for you to learn a few things about CUSTOM sprites and how
they're made.
Note: This tutorial has nothing to do with making Flash movies,
though it may occur that I might give one or two tips away later...

Outlines:
You have two choices: either use black outlines, or no outlines.
Having no outlines means higher resolution and looks better.
Having outlines probably means you feel more comfortable with
8-bits and 16-bits sprites and is more limited.

16-bits

32-bits

DEMONSTRATION

Outlines:
I always start by using black outlines to give form to my sprites. When I'm
done with that, I erase pixels and make corrections. As you can see from
the demonstration sprite, no color has been added yet; it would only hinder
you.

16-bit

Bigger outlines = Better resolution. However, if you're not really
into details, then you might be better off with a smaller sprite.

1)

2)

Shading 1 - Color palette:
When you will finally reach the coloring step, you will have to
create a palette that will help you for the following:
1) It displays all the colors the sprite can have.
2) You can sample the wanted colors faster.

1)

2)

Shading 1 - Color palette:
For now, the result should look like this:

Looks like something's still missing, eh?

OK

Shading 2 - "How the hell am I supposed to do this?"
Basically, when you want to give a shade to anything, you have to
keep in mind where the light source is. Depending on what kind of
material you are working with, (clothing, metal, fluids...) always try
to make it look natural.

Look carefully at the pants' shading.

Shading 2 - "How the hell am I supposed to do this?"
When your shading seems fine, it's time to use a lighter color for
the highlights. They will make your character shiny and look
better, but do not overuse it.
Drag your mouse over the sprite
to see its highlighted form.

Additional Information:
No one can teach you to sprite; this is like asking an athlete to
train you so you can participate in the Olympics. Tutorials can't do
miracles. If you want to improve, the only way is to practice and
accept criticism.
On another totally unrelated note; if you are a sprite movie author,
please respect the following rules:

1) Use a high frame rate. Preferably 24+ FPS.
2) Try to be original for God's sake.
3) Do not use sheets that lost color information.
4) Fix your goddamned symbols so your character
symbols don't look like they're "jumping".

Additional Information:

<P ALIGN="RIGHT"><FONT FACE="Impact" SIZE="20" COLOR="#FFFFFF">Links:</FONT></P><P ALIGN="RIGHT"><FONT FACE="Impact" SIZE="14" COLOR="#FFFFFF"><A HREF="http://www.planet-megaman.com/mm3/Guides/spriteguide.php#Type3">Mechanical Maniacs</A></FONT></P><P ALIGN="RIGHT"><FONT FACE="Impact" SIZE="14" COLOR="#FFFFFF"><A HREF="http://sprites.fireball20xl.com/HTML/tut/custom.htm">The Spriters&apos; Resources</A></FONT></P><P ALIGN="RIGHT"><FONT FACE="Impact" SIZE="14" COLOR="#FFFFFF"><A HREF="http://www.spriteart.com/tutorials/02_rpg_hero.html">spriteart.com</A></FONT></P><P ALIGN="RIGHT"><FONT FACE="Impact" SIZE="14" COLOR="#FFFFFF"><A HREF="http://www.create-games.com/article.asp?id=1414">The Daily Click - Author: hishnak</A></FONT></P><P ALIGN="RIGHT"><FONT FACE="Impact" SIZE="14" COLOR="#FFFFFF"><A HREF="http://www.pokecommunity.com/showthread.php?s=a9ab1d1f2489db99b204d3df178acf5a&t=30015">Author: DeltaSuicune</A></FONT></P>

What I explained wasn't enough? That's ok, I even bothered to get more
information for you, eheh. It wasn't easy, but I found some good ones.
As explained in many tutorials, there are many tutorials and you shouldn't
stop at reading just one. I highly suggest Mechanical Maniacs' tutorial,

Step by Step:

3)

4)

Remember, there are many styles of sprites!

ActionScript [AS1/AS2]

Frame 1
Stage.showMenu = false;
Frame 68
stop();
Frame 70
stop();
Frame 102
stop();
Frame 111
stop();
Frame 113
stop();
Frame 147
stop();
Frame 148
stop();
Frame 161
stop();
Frame 163
stop();
Frame 195
stop();
Frame 196
stop();
Frame 206
stop();
Frame 208
stop();
Frame 240
stop();
Frame 241
stop();
Frame 251
stop();
Frame 253
stop();
Frame 285
stop();
Frame 286
stop();
Frame 296
stop();
Frame 298
stop();
Frame 330
stop();
Symbol 17 Button
on (release) { _root.play(); }
Symbol 18 MovieClip Frame 1
_root.stop(); PercentLoaded = (_root.getBytesLoaded() / _root.getBytesTotal()) * 100; if (PercentLoaded != 100) { setProperty(bar, _xscale , PercentLoaded); } else { gotoAndStop (3); }
Symbol 18 MovieClip Frame 2
gotoAndPlay (1);
Symbol 38 Button
on (release) { gotoAndStop (70); }
Symbol 43 Button
on (release) { gotoAndStop (113); }
Symbol 48 Button
on (release) { gotoAndStop (163); }
Symbol 53 Button
on (release) { gotoAndStop (208); }
Symbol 61 Button
on (release) { gotoAndStop (253); }
Symbol 66 Button
on (release) { gotoAndStop (298); }
Symbol 69 Button
on (release) { play(); }
Symbol 79 Button
on (release) { gotoAndPlay (103); }
Symbol 83 Button
on (release) { nextFrame(); }
Symbol 109 Button
on (release) { play(); }

Library Items

Symbol 1 FontUsed by:2 3 4 5 29 30 58 59 60 71 72 74 82 85 87 89 91 92 93 95 96 99 102 103 105 107 112 114 119 123 124 125 127 128 130 132 133 134
Symbol 2 TextUses:1Used by:Timeline
Symbol 3 TextUses:1Used by:Timeline
Symbol 4 TextUses:1Used by:Timeline
Symbol 5 TextUses:1Used by:Timeline
Symbol 6 GraphicUsed by:7  Timeline
Symbol 7 MovieClipUses:6Used by:18
Symbol 8 GraphicUsed by:18
Symbol 9 BitmapUsed by:10
Symbol 10 GraphicUses:9Used by:18
Symbol 11 GraphicUsed by:17
Symbol 12 GraphicUsed by:17
Symbol 13 FontUsed by:14
Symbol 14 TextUses:13Used by:17
Symbol 15 GraphicUsed by:17
Symbol 16 GraphicUsed by:17
Symbol 17 ButtonUses:11 12 14 15 16Used by:18
Symbol 18 MovieClipUses:7 8 10 17Used by:Timeline
Symbol 19 GraphicUsed by:Timeline
Symbol 20 SoundUsed by:Timeline
Symbol 21 GraphicUsed by:Timeline
Symbol 22 GraphicUsed by:Timeline
Symbol 23 GraphicUsed by:Timeline
Symbol 24 GraphicUsed by:Timeline
Symbol 25 GraphicUsed by:Timeline
Symbol 26 GraphicUsed by:Timeline
Symbol 27 FontUsed by:28 36 41 46 51 56 64 108
Symbol 28 TextUses:27Used by:Timeline
Symbol 29 TextUses:1Used by:Timeline
Symbol 30 TextUses:1Used by:69  Timeline
Symbol 31 GraphicUsed by:Timeline
Symbol 32 GraphicUsed by:38
Symbol 33 GraphicUsed by:38
Symbol 34 FontUsed by:35
Symbol 35 TextUses:34Used by:38
Symbol 36 TextUses:27Used by:38
Symbol 37 GraphicUsed by:38
Symbol 38 ButtonUses:32 33 35 36 37Used by:Timeline
Symbol 39 GraphicUsed by:43
Symbol 40 GraphicUsed by:43
Symbol 41 TextUses:27Used by:43
Symbol 42 GraphicUsed by:43
Symbol 43 ButtonUses:39 40 41 42Used by:Timeline
Symbol 44 GraphicUsed by:48
Symbol 45 GraphicUsed by:48
Symbol 46 TextUses:27Used by:48
Symbol 47 GraphicUsed by:48
Symbol 48 ButtonUses:44 45 46 47Used by:Timeline
Symbol 49 GraphicUsed by:53
Symbol 50 GraphicUsed by:53
Symbol 51 TextUses:27Used by:53
Symbol 52 GraphicUsed by:53
Symbol 53 ButtonUses:49 50 51 52Used by:Timeline
Symbol 54 GraphicUsed by:61
Symbol 55 GraphicUsed by:61
Symbol 56 TextUses:27Used by:61
Symbol 57 GraphicUsed by:61
Symbol 58 TextUses:1Used by:61
Symbol 59 TextUses:1Used by:61
Symbol 60 TextUses:1Used by:61
Symbol 61 ButtonUses:54 55 56 57 58 59 60Used by:Timeline
Symbol 62 GraphicUsed by:66
Symbol 63 GraphicUsed by:66
Symbol 64 TextUses:27Used by:66
Symbol 65 GraphicUsed by:66
Symbol 66 ButtonUses:62 63 64 65Used by:Timeline
Symbol 67 GraphicUsed by:Timeline
Symbol 68 GraphicUsed by:69 109
Symbol 69 ButtonUses:68 30Used by:Timeline
Symbol 70 GraphicUsed by:Timeline
Symbol 71 TextUses:1Used by:Timeline
Symbol 72 TextUses:1Used by:Timeline
Symbol 73 GraphicUsed by:Timeline
Symbol 74 TextUses:1Used by:Timeline
Symbol 75 GraphicUsed by:79 83
Symbol 76 GraphicUsed by:79 83
Symbol 77 GraphicUsed by:79 83
Symbol 78 GraphicUsed by:79 83
Symbol 79 ButtonUses:75 76 77 78Used by:Timeline
Symbol 80 GraphicUsed by:Timeline
Symbol 81 GraphicUsed by:Timeline
Symbol 82 TextUses:1Used by:Timeline
Symbol 83 ButtonUses:75 76 77 78Used by:Timeline
Symbol 84 GraphicUsed by:Timeline
Symbol 85 TextUses:1Used by:Timeline
Symbol 86 GraphicUsed by:Timeline
Symbol 87 TextUses:1Used by:Timeline
Symbol 88 GraphicUsed by:Timeline
Symbol 89 TextUses:1Used by:Timeline
Symbol 90 GraphicUsed by:Timeline
Symbol 91 TextUses:1Used by:Timeline
Symbol 92 TextUses:1Used by:Timeline
Symbol 93 TextUses:1Used by:Timeline
Symbol 94 GraphicUsed by:Timeline
Symbol 95 TextUses:1Used by:Timeline
Symbol 96 TextUses:1Used by:Timeline
Symbol 97 GraphicUsed by:Timeline
Symbol 98 GraphicUsed by:Timeline
Symbol 99 TextUses:1Used by:Timeline
Symbol 100 GraphicUsed by:Timeline
Symbol 101 GraphicUsed by:Timeline
Symbol 102 TextUses:1Used by:Timeline
Symbol 103 TextUses:1Used by:Timeline
Symbol 104 GraphicUsed by:Timeline
Symbol 105 TextUses:1Used by:Timeline
Symbol 106 GraphicUsed by:Timeline
Symbol 107 TextUses:1Used by:Timeline
Symbol 108 TextUses:27Used by:109
Symbol 109 ButtonUses:68 108Used by:Timeline
Symbol 110 GraphicUsed by:Timeline
Symbol 111 GraphicUsed by:118  Timeline
Symbol 112 TextUses:1Used by:Timeline
Symbol 113 GraphicUsed by:Timeline
Symbol 114 TextUses:1Used by:Timeline
Symbol 115 GraphicUsed by:Timeline
Symbol 116 GraphicUsed by:Timeline
Symbol 117 GraphicUsed by:118
Symbol 118 ButtonUses:111 117Used by:Timeline
Symbol 119 TextUses:1Used by:Timeline
Symbol 120 GraphicUsed by:Timeline
Symbol 121 GraphicUsed by:Timeline
Symbol 122 GraphicUsed by:Timeline
Symbol 123 TextUses:1Used by:Timeline
Symbol 124 TextUses:1Used by:Timeline
Symbol 125 TextUses:1Used by:Timeline
Symbol 126 GraphicUsed by:Timeline
Symbol 127 EditableTextUses:1Used by:Timeline
Symbol 128 TextUses:1Used by:Timeline
Symbol 129 GraphicUsed by:Timeline
Symbol 130 TextUses:1Used by:Timeline
Symbol 131 GraphicUsed by:Timeline
Symbol 132 TextUses:1Used by:Timeline
Symbol 133 TextUses:1Used by:Timeline
Symbol 134 TextUses:1Used by:Timeline
Symbol 135 GraphicUsed by:Timeline

Instance Names

"bar"Symbol 18 MovieClip Frame 1Symbol 7 MovieClip

Special Tags

Protect (24)Timeline Frame 131 bytes "..$1$FA$I4zkEKafqYDRTlEC.O9zD.."

Labels

"loaded"Symbol 18 MovieClip Frame 3




http://swfchan.com/13/61249/info.shtml
Created: 15/4 -2019 16:36:04 Last modified: 15/4 -2019 16:36:04 Server time: 22/12 -2024 18:43:28