General => General Discussion => Topic started by: Peppermint Pig on November 08, 2005, 06:58:46 pm

Title: Spriting Isometric
Post by: Peppermint Pig on November 08, 2005, 06:58:46 pm
Given the necessity to develop on my iso spriting skills, I decided to set up this thread for the display of isometric sprite samples, as well as give everyone an opportunity to discuss the works and/or try some sprite animation out for themselves. Let's get this started. On with the samples!

Thanks to FaeryShivers for helping to acquire these. Excuse my ignorance, since I'm not sure where all of these are from; I'll be listing them by number:

1. (http://virtual.dyc.edu/~peppermint/temporary/fgf.gif)

2. (http://virtual.dyc.edu/~peppermint/temporary/L2464031045.gif)

3. (http://virtual.dyc.edu/~peppermint/temporary/1.png)

4. (http://virtual.dyc.edu/~peppermint/temporary/lin.gif)

5. (http://virtual.dyc.edu/~peppermint/temporary/girl1.png)

6. (http://virtual.dyc.edu/~peppermint/temporary/L2464031046.gif)

7. (http://virtual.dyc.edu/~peppermint/temporary/mila.gif)

8. (http://virtual.dyc.edu/~peppermint/temporary/arna05.gif)

9. (http://virtual.dyc.edu/~peppermint/temporary/etc_01.jpg)

#9 is a sampling from Nippon Ichi (Disgaea, La Pucelle), showing their blobbing methods for character creation. I find them a little suspicious, but the main problem is a lack of information on how the move from early blobbing to the full animation of the sprite, which is not shown.

#10 (http://virtual.dyc.edu/~peppermint/temporary/ffta/FFTAGoblin.gif)

#11 (http://virtual.dyc.edu/~peppermint/temporary/kartia_0001.png)

#12 (http://virtual.dyc.edu/~peppermint/temporary/kartia_0042.gif)

#13 (http://virtual.dyc.edu/~peppermint/temporary/kartia_0043.gif)

#14 (http://virtual.dyc.edu/~peppermint/temporary/mninjafft.png)

#15 (http://virtual.dyc.edu/~peppermint/temporary/fknightfft.png)

#16 (http://virtual.dyc.edu/~peppermint/temporary/maid.gif)

#17 (http://virtual.dyc.edu/~peppermint/temporary/wi01_copy.gif)

#18 (http://virtual.dyc.edu/~peppermint/temporary/20021226_03b.png)

#19 (http://virtual.dyc.edu/~peppermint/temporary/toden.png)

#20 (http://virtual.dyc.edu/~peppermint/temporary/da.png)

#21 (http://virtual.dyc.edu/~peppermint/temporary/monk_3.gif)

#22 (http://virtual.dyc.edu/~peppermint/temporary/ogreshot13.png)

#23 (http://virtual.dyc.edu/~peppermint/temporary/fm_shot34.gif)

#24 (http://virtual.dyc.edu/~peppermint/temporary/Boss_HugeSlug_01.gif)

#25 (http://virtual.dyc.edu/~peppermint/temporary/characters11.gif)

#26 (http://virtual.dyc.edu/~peppermint/temporary/characters52.gif)

#27 (http://virtual.dyc.edu/~peppermint/temporary/Boss_Mikba_04.gif)

#28 (http://virtual.dyc.edu/~peppermint/temporary/characters50.gif)

#29 (http://virtual.dyc.edu/~peppermint/temporary/ogreshot28.png)

#29 (http://virtual.dyc.edu/~peppermint/temporary/AMALGAM.gif)

#30 (http://virtual.dyc.edu/~peppermint/temporary/fm_shot30.gif)

#31 (http://virtual.dyc.edu/~peppermint/temporary/gazer.gif)

#32 (http://virtual.dyc.edu/~peppermint/temporary/ogreshot32.png)

#33 (http://virtual.dyc.edu/~peppermint/temporary/characters5.gif)

#34 (http://virtual.dyc.edu/~peppermint/temporary/characters42.gif)

#35 (http://virtual.dyc.edu/~peppermint/temporary/characters44.gif)

#36 (http://virtual.dyc.edu/~peppermint/temporary/goblinfft.png)

Feel free to post other items
Title: Re: Spriting Isometric
Post by: Lmnop on November 08, 2005, 10:44:30 pm
holy crap pep!
extremely nice work (and to you FaeryShivers aswell) on getting all these examples *saves them all*
The mechs in #23 and #30 are great, as is all the stuff.
I've been meaning to start gathering references for iso, as ive never attempted characters in that perspective.
awesome stuff.
Title: Re: Spriting Isometric
Post by: Gil on November 08, 2005, 11:15:16 pm
Some noteworthy ones for me

1: Gotta the love the indiana jones one, excellent pallette and depth

4: Everything fits, pallette, shape, extremely cute

8: Great depth and volume, everything is spot on, this is one to learn from people

26: Excellent case of character design. By keeping the hat and backpack huge you create personnality and hint the fact that he's still a kid

27: In this piece we can see the use of inverted AA, something recently coined by st0ven, it's slightly different from selout, and allows you to use a more cg technique, without worrying about edges. Notice the hue shifts too

35: Nice use of highlights on the armor.
Title: Re: Spriting Isometric
Post by: AlexHW on November 08, 2005, 11:19:17 pm
isometric sprites arent much different from any other sprite.. they basically are the same thing, but instead usually try to express the 2:1 step ratio on the common directions between the forms of the sprite. Basically you can get an isometric sprite if you align everything according to the plane of the standard surface(if the surface is like so(or the gravity is pulling down in this angle according to the camera), then the character or object standing on it should be based upon those things and should be drawn accordingly).

basically, its just a matter of defineing where you want the viewpoint to be, and which direction the character is faceing(if there are limited direction, which there usually is in isometric art..), and then draw the character doing whatever it wants to do.