Fire Emblem: Sanctuary of Strategy
 
*
Welcome, Guest. Please login or register. September 17, 2014, 03:30:54 AM


Login with username, password and session length


The Manual of FESS Prowess - This is mandatory reading for everyone!
Pages: [1]
  Print  
Author Topic: Spriting Resources  (Read 13991 times)
Ice Dragon



*
Member #11


View Profile WWW

Offline Offline

« on: November 28, 2007, 01:41:35 AM »

The quickjump links in the table of contents have been fixed. I will eventually be skimming out dead links and such as well as making it look prettier.

Table of Contents

1: Spriting Resources
1.1: Battle Sheets and Face Sprites
1.2: Animations
1.3: Older Games
1.4: Image Hosting
1.5: Miscellaneous

2: Programs
2.1: GIF Animators
2.2: Image Viewers and Editors
2.3: GBA Emulators
2.4: Other Programs

3: Techniques
3.1: Sprite Ripping with AnimGet
3.2: Sprite Ripping with Tile Viewer
3.3: Sprite Ripping with BATGBA
3.4: Spell Transparency
3.5: Recoloring with Eraser Method
3.6: Recoloring with "Fenrir" Method
3.7: Making Sprite Sheets
3.8: Making Stat Sheets

CO Raptor's original thread can be found here.
Some of the text has been edited for ease of reading and understanding.

If you have anything good to add, updates about site closings and openings, or any general questions on spriting, post them here.

Messages that are obviously unnecessary will be deleted.


Special thanks to CO Raptor and Dutchbest for the original compilations and to the Manual of FESS Prowess from which I borrowed the layout.
« Last Edit: November 28, 2007, 02:01:39 PM by Ice Dragon » Logged

Ah, Rose...

Sprite rip archive | Battle scene and Statsheet resources
Archive last update: Dorothy, completed, 31 March 2006.
Templates last update: FE8, 14 February 2006.
Ice Dragon



*
Member #11


View Profile WWW

Offline Offline

« Reply #1 on: November 28, 2007, 01:50:51 PM »

1: Spriting Resources
Compiled by CO Raptor, Dutchbest, and Ice Dragon.

1.1: Battle Sheets and Face Sprites
Fire Emblem Planet: Extremely large archive of FE sprite rips. Has close to everything you could need.
The Spriters Resource: Has a smaller collection of FE sprite rips.
Neuropod - Sprite Database: Has a good number of rips for most classes.
The Black Crystal: Avi's Geocities site. Has face sprites and mini face sprites.
Face Sprites Works: Has rips of almost all FE8 face sprites as well as talking and blinking frames and FE7 dialogue backgrounds.
FE6 Allies Face Sprite Sheet: A sheet of FE6 face sprites. Ripped by yes.
FE6 Enemies Face Sprite Sheet: A sheet of FE6 face sprites. Ripped by yes.
FE6 Face Sprite Sheet: A sheet of all FE6 face sprites. Ripped by Ice Dragon.
FE7 Face Sprite Sheet: A sheet of all FE7 face sprites. Ripped by Ice Dragon.
FE8 Face Sprite Sheet: A sheet of all FE8 face sprites. Ripped by Ice Dragon.
Mini Face Sprite Sheet: A single sheet with most mini face sprites. Compiled by Aznddongman from FEPlanet and The Black Crystal.
FEDS Face Sprite Sheet: A sheet of the FEDS face sprites. Compiled by Mow Mow and ripped by Twilkitri.

1.2: Animations
Fire Emblem Planet: Has a large collection of animations.
BobTheTomato's site: Has a number of FE6 and FE7 animations.
Ice Dragon's Photobucket: Contains a number of animations from FE6, FE7, and FE8.

1.3: Older Games
Thanks to Bauglir, Kuro, and Lachesis.
FE1 face sprites: From Fireemblem.net.
FE2 face sprites: From ChinaFE.
FE3 face sprites: From Fireemblem.net.
FE4 face sprites 1: From Fireemblem.net.
FE4 face sprites 2: From Fireemblem.net.
FE4 ripping project: Has a number of rips from FE3, FE4, and FE5. Not nearly complete, but if you're interested, take a look.
FE5 face sprites: ZIP file on Twilkitri's site.

1.4: Image Hosting
Photobucket: A site that lets you make a free online photo album. You need to register, but that shouldn't be too much of a problem. Currently allows 1 GB of album space and 10 GB of bandwidth. Files can go upt to 1024kB (1 MB) before they are resized automatically.

Notice: Photobucket will automatically change BMP files into JPG files, reducing their quality. To avoid this, save your files as PNG type before uploading to Photobucket.

ImageShack: This site lets you upload images without registering. Images can go up to 1024kB (1 MB). In order to keep a log of previously uploaded files, you are required to register. Album size is unlimited.

Notice: As you should know, image links to sites outside of FESS are forbidden. When you upload an image to ImageShack, you are given several options of linking the image. Use the option provide by "direct link to image" and manually add the [IMG] tags around it when you post. More information can be found here.

1.5: Miscellaneous
Serenes Forest: VincentASM's site. Spriting section contains tutorials and templates by both Ice Dragon and VincentASM. VERY useful for making battle scenes and stat sheets.
Custom face sprite tutorial: By CO Raptor. Pretty basic, but it should definitely help you if you're just beginnning.
MageKnight404's Photobucket: Has templates for different sorts of battle scenes and the level up screen.
Mapmaking Resource: Contains tilesets for custom maps as well as other sprite-related RP essentials.
Map Sprites: Ripped by Daetyrnis. FE6-8 map sprites in blue, red, green, purple, and grey.
Conversation Backgrounds: Ripped by Zeth. Contains most conversation backgrounds from the GBA FEs.
« Last Edit: October 30, 2008, 04:46:05 PM by Lord Glenn » Logged

Ah, Rose...

Sprite rip archive | Battle scene and Statsheet resources
Archive last update: Dorothy, completed, 31 March 2006.
Templates last update: FE8, 14 February 2006.
Ice Dragon



*
Member #11


View Profile WWW

Offline Offline

« Reply #2 on: November 28, 2007, 01:53:54 PM »

2: Programs
Compiled by CO Raptor and Ice Dragon.

2.1: GIF Animators
UnFREEz: An extremely simple, free GIF animator. It's really easy to use, and therefore good for beginners, but it's definitely lacking in editing options. Therefore, you need to make sure all frames are aligned correctly, the right size, etc., beforehand. Give this a try if you're starting out.
Microsoft GIF Animator: Another free GIF animator. It's also easy to use and has all options necessary to make a good animation. It can be used as your main animator or to remove the comment frame added by Animagic GIF's trial version. Its only limitation is that each frame must be converted to GIF format beforehand. (Link provided by Mow Yun.)
Animagic GIF Animator: A shareware GIF animator. It is much more advanced than you need, so it definitely has all the options you'll need, including automatic conversion of BMP files into GIF files. The download is a 30-day trial. After 30 days, you loose several functions, but you'll still have more options than Microsoft GIF Animator. After 180 days, you lose the ability to save which can be avoided by turning back the computer's clock.
GraphicsGale: Animation program recommended by Mark. It looks like a good program, but its freeware version seems to be somewhat limited. Still, it could be worth checking out.

2.2: Image Viewers and Editors
IrfanView: A good free image viewer with a lot of options. The most useful options for spriting are probably its palette swap/edit function and its ability to quickly convert images from one formate to another. Converting BMP files to GIF files using IrfanView does cause some quality loss and the file is usually larger than it could be.

Notice: If you use IrfanView as an image viewer, the newer versions create a bit of lag in animations similar to the slowing down of animations in Internet browsers. Strangely enough, older versions do not have this problem. A download for an older version can be found here at my old website: www.freewebs.com/droideka/irfanview.zip.

GiFFY: Good, simple program for converting BMP files to GIF files and vice-versa, as well as making them transparent. GiFFY is yet another free program, but converts without quality loss, although it may or may not turn the colors slightly darker; you would have to directly compare images to notice, though. Files converted by GiFFY can be up to 3 times smaller than files converted using IrfanView. Needless to say, when working on a 100+ frame animation, this is really useful.
Paint.NET: Apparently, Paint.NET is a project at Washington State University and is meant to replace MS Paint. It sports a lot of functions you wouldn't normally find in a free program, including the ability to use layers. (Link provided by Mow Yun.)

Blacky Wacky's Color Swapper(Note, not a direct link): A program created by Blacky Wacky that allows for fairly quick palette swaps. Takes two PNG or BMP images. Check here for more information. Click the link and then find Color Swapper. There are two downloads, one with the code used to create the program and one without.

2.3: GBA Emulators
Visual Boy Advance: The staple emulator of any ripper. Its only limitation is that, when paused, this emulator will automatically advance 1 frame every time you click outside the window.
BATGBA: A more spriter/hacker-oriented emulator. It shows a bit less functionability with stretched or semitransparent background layers, but does not have the frame skip problem VBA has. It has difficulty emulating more advanced games like Golden Sun and Riviera.

2.4: Other Programs
AnimGet: An extremely useful program for sprite ripping. Basically, AnimGet makes a screenshot of the active window every 10ms and saves it if it has changed in that time period. So, if you let AnimGet run while running an animation on VBA, you can rip entire animations in a matter of minutes.
Logged

Ah, Rose...

Sprite rip archive | Battle scene and Statsheet resources
Archive last update: Dorothy, completed, 31 March 2006.
Templates last update: FE8, 14 February 2006.
Ice Dragon



*
Member #11


View Profile WWW

Offline Offline

« Reply #3 on: November 28, 2007, 01:57:58 PM »

3: Techniques
Compiled by CO Raptor and Ice Dragon

3.1: Sprite Ripping with AnimGet
Contributed by Mark.
This walkthrough is designed to help novice sprite rippers to collect sprites and animations without the hassle of skilled screenshot collection, heavy editing, and time consuming alignment of images for animation.

Programs necessary:
AnimGet - Basically, once activated, this will repeatedly take screenshots of the focused window and save them as a string of files in progressing number order. Combined with the background out toggling with the VBA emulator, sprite animation collection becomes practically automated. Be forewarned that the program can eat up hard drive space quickly if not used properly. Don't worry about repeat copies of the same frame one after the other, as the program actually checks the preceeding screenshot for changes. If there in no change, then it would save that screenshot.
Animagic GIF Animator - Yes, it's a simple GIF animation program. But, the reason I am referencing this program is because is can uniformly crop series of images to the desired rectangle. Basically, I point this program out because it will allow you to in one shot, cut out the window frams out of all those screenshots that were just collected with AnimGet.

Procedure:
1. Play your game until you reach a point where you get the sprite animation you want to collect. It is recommended that you use VBA's save state feature right before the animation begins. This will allow you to start over if for some reason you make a mistake.
2. Toggle out different layers on VBA. For FE, press Ctrl + 1, Ctrl + 2, Ctrl +3, and Ctrl + 4.
3. Start up AnimGet and select "Observe > Start".
4. Click back onto the emulator and allow the game to play the animation you want to get. As soon as the animation runs to completion, click back onto AnimGet and select "Screenshot > Save".
5. After getting a notice message, you can now look in the directory where AnimGet is for a subfolder called "Shot". All your screenshots have been saved as BMP files in here.
6. Highlight all files in the animation and then drag and drop them into Animagic GIF. Animagic GIF will put them in order automatically.
7. To crop frames in Animagic GIF, select "Frame > Crop". A window will open with assorted options. Move the window to the side so you can see the image.
8. Click on the button "Select all".
9. Now, to set how to crop the image, set numbers for "Height", "Width", "Left", and "Top" on "Bounding rectangle". Select "OK".
10. To set a transparent background, click on the button that looks like a pencil. It is to the right of a green loop arrow button. Now, click over the color area you want transparent.
11. Save the file.

Notice: AnimGet may miss several frames of the animation if the emulator is going at full speed. It is recommended that instead of running the emulator normally to repeatedly use Ctrl + N, the next frame command, to go through the animation at a slower speed. Set VBA's "Frame skip" to 0 and "Auto frame rate" to off. (Contributed by CO Raptor.)

3.2: Sprite Ripping with Tile Viewer
This is a more advanced method of ripping sprites and is unaffected when sprites overlap. It is easier for doing sheets rather than animations.

Contributed by Starwolf.
1. When the sprite you want is on screen on the emulator, go to "Tools > Tile viewer".
2. Play about until you see the sprite, then tweak the palette.
3. Save the tiles to a file.
4. Sometimes the tiles are not all there. Go back to the game and go several frames and refresh the tile viewer. If the new tiles are different, save again. Continue until the on-screen animation is complete.
5. Put the tiles together.
6. Alternatively, to rip backgrounds, use "Tools > Map viewer" instead of "Tools > Tile viewer".

Contributed by Mark.
My method is for the faint of heart person who happens to like a particular sprite and want an animation of it, but poses no skills in sprites, be it editing, creating or ripping. For those people, the idea of having to time your call of tile viewer, then playing "jigsaw" with the parts is hardly work that a novice would want to touch with a 10 foot pole. And like you said, it is even a greater pain to try to rebuild the animation from such parts.

This is not to say using the tile viewer is not without it's usefulness. (In fact, we can very well incoperate using the tile viewer right into this animation collection method as a way to fix frames covered up by target being attacked.)  but for most people, the simplest and most automatic method is the way to go. Having two programs that pretty much do all the work for you to collect frames of animation would hardly be considered doing it "The Long Way" in anyone's book.  For what most people are hoping to get, your method would be considered the "Long way".

3.3: Sprite Ripping with BATGBA
Contributed by Ice Dragon.
This method is a more intermediate method of ripping sprites. The method's main use is to easily patch up overlapping sprites as well as bypass the frame skip problem that you may encounter with VBA.

Programs necessary:
Visual Boy Advance
BATGBA
MS Paint

Procedure:
1. Load up the ROM on BATGBA. Make sure the game was Suspended right before the desired battle sequence.
2. Create a save state (File>Save state). You can name the file whatever you want and you aren't limited to 10 states per ROM.
3. Make sure the Debug menu is enabled. If it isn't then enable it (Debug>Enable).
4. Open the Screen and Sprites subwindows (Debug>View>Screen and Debug>View>Sprites).
5. Make sure one the Screen window that the desired layers are on (Sprites for sprite ripping, Sprites and Background 1 for magic).
6. Initiate the battle in-game on the main window. Pause before the animation begins (see appended list for BATGBA quick keys).
7. Rip the frames with Frame step (appendix), copying, pasting, and cropping with MS Paint.
8. Reload the save state you previously created (appendix).
9. Go through the battle again, except as soon as the enemy and ally sprites overlap, go to the Sprites window.
10. There should be a number with an up and down arrow following it. Make the number equal 50.
11. Open up a new window in MS Paint.
12. You should notice in the Sprites window several important things:
- The graphics box. This contains the sprite in question.
- The position indicator. This shows the location of the sprite on the screen.
- Size. This shows the size of the sprite.
- Name. Indicates which tiles are being used. You don't need to know how to use at this point.
- Priority. Indicates its relationship (overlapping or overlapped) to the background layers and other sprites. Again, you don't need this right now.
- The checkboxes on the right. This shows how the sprite was modified.
13. Hit the up arrow near the 50 that you previously inputted until you get a white shape in the graphics box with the position as '0, 160'. Then hit the down arrow once.

IF THE SPRITE IN THE GRAPHIC BOX IS PART OF THE OPPONENT'S SPRITE, CONTINUE PRESSING THE DOWN ARROW.
If you cannot tell, usually the Flip x checkbox is marked for the enemy's sprite.

14. Screenshot with the Print Screen button on the keyboard and paste into MS Paint. Use the rectangle selector to copy the sprite in the graphics box. Make sure you start at the top-left corner and make it the size indicated in the size indicator (while you are still dragging the mouse to make the selection, you will see a display in the bottom corner of Paint that tells you exactly what size your current selection is).
15. Open a new window of Paint. Make the background color black and turn off Draw Opaque (Image>Draw Opaque).
16. Turn on Grid (Ctrl + G).
17. Paste. If any Sprites window checkboxes are marked, act on them right now. (Flip x is a horizontal flip [Image>Flip/Rotate]; Flip y is a vertical flip; Double size is a stretch by 200% to both vertical and horizontal [Image>Stretch/Skew]; the Rotate/Scale checkmark is extremely complicated, it's best to avoid sprites that use that [the Hero class's shield is an example]).
18. Click and hold on the top-left-most pixel in the selection and drag it to the position indicated by the position indicator (on the Sprites window of BATGBA). Again, a display in the bottom corner of Paint will display your mouse's current position.
19. Go back to the Sprites window. Click the down arrow. If this new sprite is part of the enemy, click the down arrow until the sprite is of the character you are ripping or until you pass (go below) 50 or ~25 for FE6 (which is the end of the battle sprite tiles).
20. Repeat steps 17~19 in Paint.
21. Once you pass sprite 50, save the picture in Paint and start a new Paint file.
22. Use the Frame skip in BATGBA to move on to the next frame.
23. Repeat until every overlapping frame is ripped tile-by-tile.

Appendix:
F2 - Reload ROM.
F4 - Pause/Unpause.
F10 - Frame step.

When you load a save state, there is a small glitch that may freeze the game's input (your directional and A/B/Start/Select/L/R/etc. controls). First pause the game (F4). Then Reload (F2). Then load the save state. Finally, unpause the game (F4).

3.4: Spell Transparency
Contributed by Ice Dragon.
Programs necessary:
Adobe Photoshop

Procedure:
1. Open the background image, everything underneath the transparent layer, in Adobe Photoshop.
2. Paste the image you want to make transparent over the background. Set the blending method to "Color dodge".
3. Paste the same image again. Set the blending method to "Screen".

3.5: Recoloring with the Eraser Method
This is a quick way to manually recolor an image. If you want the entire image recolored, and the image is very large, it is preferable to use the "Fenrir" method.

1. Left click eyedropper on the color you want replaced.
2. Right click eyedropper on the color you want to replace with.
3. Use the Eraser tool and right click and drag over the part of the image you want to recolor.
4. Repeat for any other color.

3.6: Recoloring with the "Fenrir" Method
This is a very quick way to recolor an entire image. Its name comes from the first FESSer to have extensively used this method on a regular basis.

1. Right click eyedropper on the color you want replaced.
2. Left click eyedropper on the color you want to replace with.
3. Ctrl+A (select all).
4. Ctrl+X (cut).
5. Left click on the image with Fill tool.
6. Ctrl+V (paste).
7. Uncheckmark "Image > Draw opaque".
8. Repeat for any other color.

3.7: Making Sprite Sheets
Contributed by CO Raptor
I usually open up Paint twice. Use Print Screen to capture the frame, paste the entire screen in Paint No. 1, then cut out the part you need and paste it in Paint No. 2 - Boring as hell, but it works.

Contributed by Dutchbest
Animation Shop + Paint Shop Pro = good combination to compose sprite sheets of animations.

3.8: Making Stat Sheets
This is a tutorial for Ice Dragon's stat sheet templates found on Serenes Forest.

1. Download the necessary files: Layer 1, Layer 2, Layer 3, and Assorted Symbols (status sheet) from Angel Sword for the game and language you want to make a sheet from.
2. Open all 4 files in separate MS Paint windows.
3. Copy and paste all numbers and icons from the Symbols sheet to Layer 3. Make sure "Image > Draw opaque" is checkmarked. Do not do text yet.
4. Right click the eyedropper on the background color on Layer 3.
5. Uncheckmark "Image > Draw opaque".
6. Copy and paste text to any blank spot on Layer 3.
7. Checkmark "Image > Draw opaque".
8. Select the text and move it into the proper slot. Note that all text is aligned to the top of the box, not the bottom. Text for the name of the character should be horizontally centered on the small box with the tickmark in the middle. Names with an even number of pixels center on the box itself; names with an odd number of pixels center on the tickmark.
9. Use the Fill tool and right click to fill in any unused boxes on Layer 3.
10. Fill in the stat bars and any other boxes on Layer 2 the same way you did for Layer 3. Unfilled stat bars and map sprite, if applicable, use Draw opaque on. Stat bar fillings use Draw opaque off. Make sure you delete any unnecessary equipped weapon indicator bars.
11. Select all (Ctrl + A) on Layer 2 and copy.
12. Paste on Layer 1.
13. Use the eyedropper tool and right click the dark green background color. Then, turn off Draw opaque.
14. "Edit > Undo" (Ctrl + Z).
15. Paste again. This time, the background should have become transparent.
16. Select all on Layer 3 and copy.
17. Paste on Layer 1. Again, the background should have become transparent.
18. For FE7 and FE6, add the map sprite and face sprite now.
19. Save.

Note that NEVER will you fill in the background of Layer 2 or Layer 3 with any color other than the one that you started with.
Logged

Ah, Rose...

Sprite rip archive | Battle scene and Statsheet resources
Archive last update: Dorothy, completed, 31 March 2006.
Templates last update: FE8, 14 February 2006.
IOS



Squeaksqueaksqueaksqueak!

*
Member #332


View Profile

Offline Offline

« Reply #4 on: December 09, 2007, 09:43:55 AM »

I tried to follow the link containing the tilesets for my custom maps in a patch I am making, but it took me to the old FESS, with the Alascan lodge thing. Is there an alternative link? Thanks.
Logged

Brawl FC: 3909-7198-2493
Ice Dragon



*
Member #11


View Profile WWW

Offline Offline

« Reply #5 on: December 09, 2007, 08:24:20 PM »

I'll have this stuff fixed eventually, but for now, just replace "www.velthomer.net" with "tempfess.superbusnet.com" in the url and it should work.
Logged

Ah, Rose...

Sprite rip archive | Battle scene and Statsheet resources
Archive last update: Dorothy, completed, 31 March 2006.
Templates last update: FE8, 14 February 2006.
IOS



Squeaksqueaksqueaksqueak!

*
Member #332


View Profile

Offline Offline

« Reply #6 on: December 10, 2007, 04:58:54 AM »

Thank you. I think I've been told that before, but I completely forgot about it 
Logged

Brawl FC: 3909-7198-2493
Shirona



Argentophile

*
Member #41


View Profile

Offline Offline

« Reply #7 on: December 29, 2007, 11:22:56 AM »

Serenes Forest moved

http://serenesforest.net/
Logged
♂♀



Loli

*
Member #91


View Profile

Offline Offline

« Reply #8 on: October 30, 2008, 02:37:27 PM »

I'd like to add this collection of FEDS face sprites ripped by Twilkitri. I copy/pasted all the portraits into one huge png file and uploaded to imageshack. (silly 1.03 megabytes exceeds photobucket limits > )

Note - It is possible that when I recolored the backgrounds using the Fenrir method, some characters may have a pixel off here and there. I tried goign through each portrait and fixing them, but I may have missed one or two or incorrectly colored over one of the villagers.

http://img353.imageshack.us/my.php?image=fedscollectedic6.png
Logged

Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.11 | SMF © 2006-2009, Simple Machines LLC

Valid XHTML 1.0! Valid CSS!
Page created in 0.287 seconds with 17 queries.