Avengers Alliance (.swf) sprite ripping

[Cyrus Annihilator]

Many people asked me how I ripped the sprites from Marvel: Avengers Alliance, so I decided to make this tutorial to help other rip sprites/images from any Flash game.
(if you find any mistake on my text, please tell me so I can fix it)

But first I want to ask something: Why do you want to learn?

• *To post spritesheets on the web --> not necessary, I am committed to rip every character in the game and once I've started, it's better to keep to upcoming chars in the same pattern...
  *To post the sprite on MAA Wikia --> not necessary, there are several adms doing it and no big demand; better trust on them.
  *To make edits with these sprites --> it's easier use the spritesheets I've done, but OK.
  *To rip sprite from other game --> that's why I'm doing this!
  *Just to gain knowlegde --> fair enough...

Sprite ripping of web flash games consists in two main steps:

• *find the .swf files on your bowser cache
  *extract the images from it, using an appropiate software

OK, tutorial finished Let's go futher into these steps.

Finding the .swf files

• *Recomended software: Internet Explorer 8 (or lower)

First, you have to access the game, open the game in the bowser. Then you have to go to the cache folder and get the files. The cache location depends of the bowser you used, I won't teach how to do it with every available bowser, but don't worry, it's easy to find on the web. Hint: more modern the bowser, more protected are the cache; that's why I recomend IE 8, it's really easy to find the files.
Now, there's some particularities on Avengers Alliance and other "social games". They are big, at least bigger than most Flash games. To avoid long "loading times", developers made separated files instead of a single file containing all the game content. So if you just open the game, you won't be able to get all its content. For example: if you want to rip the sprites from Dr Doom, you will have to acess his file, it means that you will have to face him on the game.
Let me show you:
First: clear your cache. This will remove inespecific files.
Open the game and do a battle.

Spoiler

Notice that I've used Valkyrie and Gambit, against Loki. Now I've acessed the swf files of these characters and I can rip their sprites.
I go to the cache folder (you must know how to do it on your bowser/operating system) and search the files (they must be the bigger ones).

Spoiler

Copy the files to another folder.


Extracting the images

• *Recomended software: Flash Decompiler Trillix

There are lots of software that extract images from swf files, so choose your favorite. FD Trillix is my favorite because I can use it to see the sprites "in motion" (this helps me a lot to organize the spritesheets).
There isn't much to say about this, just open the file and extract the images!

Spoiler

Working if the images

You may ask: "Why is everything separated? How can I find this image?"

You may noticed in my spritesheets that the sprites from Avengers Alliance comes in separated parts and have some differences from what you see in game. Developers do it to decrease the size of the files (very appropiated for a web game), so they use the Flash features to display the assembled sprites when we are playing (and some other resources). Valkyrie is a perfect example of what I'm saying.
The assembling is 80% move, 15% rotate and 5% scale. Hint: use FD Trillix, acess the "sprites" section of the file and take a snapshot to use as template.

Spoiler

---

Custom sprites

To process of making and edit or custom sprite is very personal. Don't consider the following text as a guide, but as an example. You will need YOUR creativity to make custom sprites, but you may take some useful tips from me.
One of the major dificulties of making an custom sprite, it's to make it looks like an original sprite. I mean, you need to follow the same style. The easiest way of do that, it's using images from that game (or similar) as base. We call that "Frankenstein Sprite Editing".
In this example I will try to make Venom! I started this text before starting the editing, I think I'll succed because there are good bases for all what I intent to do.
First, let's take a look at him:
Main characteristics: big, strong, huge mouth full of sharp teeth, big tongue, dark-blue/black skin, white spider on chest and back. So, I will use as base:

• *A big and strong body: could be Thing, Hulk, Ironclad or Abomination. The best choice is Abomination, he has no clothes and has pointed nails, like Venom. Hulk is too popular and this is an disadvantage, I don't want that people recognize Hulk before recognizing Venom; they should notice your char first, then figure out what you used...
  *Black Suit Spider-Man: obviously...
  *Mouth and tongue: Incascia and Toad

Looks like we got what we need.

I use GIMP, but I'm pretty sure Photoshop has all the tools I will use, maybe with different names. Choose your favorite software.
With the Healing and Smudge tools, I removed the stripes from Abomination's skin.

For the head, with some Erase, Scale and Rotate it's easy to get this:
+ =
Back top the body, let's remove the original head and trun green into black (adjusting lightness and saturation):

Join, the head and body (left image). Then adjusted the colours (lightness, saturation, etc; the right image):

Now, the chest "tatoo" I picked from Spidey:
I did some Scale and Rotate, and changed its layer mode to Value:

I had to remove his toes, in this step I used Paintbrush tool and A LOT of Healling and Smudge tool.
Then I added Toad's tongue. I didn't modify it (I could make it thicker, if I wanted to), just put it there.
Then, some minor adjustments and here's the ruthless Venom, desired by so many players:

Ok Playdom, now you do the rest.... lol