Our Network: VGFacts - DidYouKnowGaming? - The Spriters Resource - Muscle Tower


User(s) Viewing This Thread: 1 Guest(s)
Post Reply 
 
Thread Rating:
  • 2 Votes - 5 Average
  • 1
  • 2
  • 3
  • 4
  • 5
[Tutorial] Arcade Game Sprite Ripping / "Hard Ripping"
Author Message
John2k4 Offline
Senior Member
**

Posts: 577
Joined: Nov 2011
Reputation: 9
Resource - Models Resource - Sounds Resource - Sprites Steam Tumblr Twitter
YouTube
Post: #1
[Tutorial] Arcade Game Sprite Ripping / "Hard Ripping"
Required Programs:
MAMEUI32/64 (Any version of MAME should work, but MAMEUI gives you a nice frontend and options. Download MAMEUI64 if you have a 64-bit system.)
GIMP (Or Photoshop; I use GIMP for this tutorial. GIMP is free.)
Game ROMS & BIOSes (I am not going to supply either of these. You need to obtain them yourself. Message me if you need help.)


Step 1: Start the game
Fairly obvious; start up the game, and play/get to the screen with the sprite(s) you wish to rip. You can press "P" to pause the game. For this tutorial, we will rip the "1P" text.
Once you are ready, press F12 to capture a screenshot of the game.
[Image: T1.jpg]

Pressing F12 will capture a perfect (1:1) screenshot of the current game screen, no matter what resolution you have the game window set at.
[Image: T2.png]


Step 2: Open GIMP & Import the capture
Open up GIMP.
[Image: T3.jpg]

File -> Open..., and find your screenshot (They are located in the "snap" subdirectory, in the MAMEUI folder. In this case, "MAMEUI32\snap\pbobble2n\0000.png")

With the screenshot open, select the tool that looks like an Exacto Knife from the tools, and draw a box around what you want.
[Image: T4.jpg]

Click in the box, or Press enter, and you will be left with the letters, plus some of the background around them. This alone would not do for submitting, so we need to refine it a bit.
[Image: T5.jpg]


Step 3: Refining your sprites
For lack of a better word, we will "refine" the sprite, and remove all the stuff around it.
Switch to your Eraser tool, and check the box titled "Hard Edge". You will also need to click on the "Brush Size" box, and set the size to either 1, or 3.
Hold down your "Control" key, and scroll your mouse wheel up to zoom in enough to see what you are doing.
[Image: T5.jpg]

As you can see, attempting to erase the brown background around the sprite results in a white area. To fix this, right-click on the layer, and near the bottom, click on "Add Alpha Channel". This will allow transparency.
[Image: T6.jpg]

Now use your eraser, and remove anything that is not sprite. Wink
Tip: To Erase a long line of pixels in one click, hold down "Shift". Now moving the mouse will give you a line. Clicking will erase everything under the mouse point, along with everything under the line.
[Image: T7.jpg]
[Image: T8.jpg]

Finish up your cleaning.
[Image: T9.jpg]

Once you have a nice sprite, just go to File -> Save As..., and save it as any PNG image (PNG allows for transparency).
[Image: 1P.png]


Now you can assemble these individual sprites into a sprite sheet, submit them, and/or use them for whatever you please! Big Grin
(This post was last modified: 02-14-2012 04:23 AM by John2k4.)
01-23-2012 01:16 AM
Find all posts by this user Thank this post Quote this message in a reply
[-] Thanked by
Mighty Jetters (01-23-2012), HandToeKnee (01-23-2012), Zabadabenabadaba (01-23-2012)
Login or Register to remove these ads!
Mighty Jetters Offline
it looks like I win...
***
Moderators

Posts: 9,622
Joined: Jan 2011
Reputation: 156
DeviantArt Facebook Resource - Models Resource - Sounds Resource - Sprites Resource - Textures
YouTube
Post: #2
RE: [Tutorial] Arcade Game Sprite Ripping
Hey John, that .7z file you linked to isn't working for me...

01-23-2012 02:06 AM
Find all posts by this user Thank this post Quote this message in a reply
[-] Thanked by
John2k4 (01-23-2012)
HandToeKnee Offline
Senior Member
**

Posts: 555
Joined: Jul 2011
Reputation: 20
Resource - Sprites
Post: #3
RE: [Tutorial] Arcade Game Sprite Ripping
Now I challenge you to cut and make a complete UMK3 character using you method Tongue

Only joking. Nice tutorial Big Grin

[Image: iSvrQR1G7tZbg.png]
01-23-2012 02:22 AM
Find all posts by this user Thank this post Quote this message in a reply
[-] Thanked by
Mighty Jetters (01-23-2012), John2k4 (01-23-2012)
John2k4 Offline
Senior Member
**

Posts: 577
Joined: Nov 2011
Reputation: 9
Resource - Models Resource - Sounds Resource - Sprites Steam Tumblr Twitter
YouTube
Post: #4
RE: [Tutorial] Arcade Game Sprite Ripping
Thanks MJ - fixed the link. Smile
--
HTK - Challenge Accepted. Big Grin
(This post was last modified: 01-23-2012 02:49 AM by John2k4.)
01-23-2012 02:38 AM
Find all posts by this user Thank this post Quote this message in a reply
[-] Thanked by
Mighty Jetters (01-23-2012), HandToeKnee (01-23-2012)
John2k4 Offline
Senior Member
**

Posts: 577
Joined: Nov 2011
Reputation: 9
Resource - Models Resource - Sounds Resource - Sprites Steam Tumblr Twitter
YouTube
Post: #5
RE: [Tutorial] Arcade Game Sprite Ripping
Just a note for sprite ripping from MAME:

With the newest version (.145), the Tile Viewer should be working again. Big Grin
Launch a game, press F4, then press Enter to see loaded tiles. Up/Down keys to scroll graphics, and left/right to scroll palettes. Smile

Full instructions & detail here:
http://randomhoohaas.flyingomelette.com/...erip/#mame

[Image: Bubblun4-DevR2.png]
(This post was last modified: 02-10-2012 05:07 AM by John2k4.)
02-10-2012 05:05 AM
Find all posts by this user Thank this post Quote this message in a reply
[-] Thanked by
Mighty Jetters (02-10-2012)
Mighty Jetters Offline
it looks like I win...
***
Moderators

Posts: 9,622
Joined: Jan 2011
Reputation: 156
DeviantArt Facebook Resource - Models Resource - Sounds Resource - Sprites Resource - Textures
YouTube
Post: #6
RE: [Tutorial] Arcade Game Sprite Ripping
Hey uh, the "64" version means it's for 64-bit Windows, right? Because you say to use the "32" version and I have 64-bit Windows...

02-10-2012 05:07 AM
Find all posts by this user Thank this post Quote this message in a reply
[-] Thanked by
John2k4 (02-10-2012)
John2k4 Offline
Senior Member
**

Posts: 577
Joined: Nov 2011
Reputation: 9
Resource - Models Resource - Sounds Resource - Sprites Steam Tumblr Twitter
YouTube
Post: #7
RE: [Tutorial] Arcade Game Sprite Ripping
That is correct. I'll fix that! Smile

--

I can't test the accurate-ness of the tile viewer being fixed yet, my copy of MAME is compiling right now. Tongue

Tile Viewer confirmed working! Big Grin

[Image: TMP000071.jpg]

[Image: Bubblun4-DevR2.png]
(This post was last modified: 02-10-2012 11:31 PM by John2k4.)
02-10-2012 05:09 AM
Find all posts by this user Thank this post Quote this message in a reply
[-] Thanked by
Mighty Jetters (02-10-2012)
Davy Jones Offline
Spaghetti Ripper
***

Posts: 3,131
Joined: May 2008
Reputation: 36
Post: #8
RE: [Tutorial] Arcade Game Sprite Ripping / "Hard Ripping"
Have you ever tried to delete specified colours in the palette? It's much faster than erasing everything per hand.

[Image: dariC.png][Image: i1TMg9L8fwpQp.gif][Image: b0KxM.gif]
02-14-2012 11:47 AM
Find all posts by this user Thank this post Quote this message in a reply
[-] Thanked by
Mighty Jetters (02-14-2012), John2k4 (02-14-2012)
Mighty Jetters Offline
it looks like I win...
***
Moderators

Posts: 9,622
Joined: Jan 2011
Reputation: 156
DeviantArt Facebook Resource - Models Resource - Sounds Resource - Sprites Resource - Textures
YouTube
Post: #9
RE: [Tutorial] Arcade Game Sprite Ripping / "Hard Ripping"
Oh yeah, use the color replacer! It's a dream. Big Grin

02-14-2012 04:02 PM
Find all posts by this user Thank this post Quote this message in a reply
[-] Thanked by
John2k4 (02-14-2012)
John2k4 Offline
Senior Member
**

Posts: 577
Joined: Nov 2011
Reputation: 9
Resource - Models Resource - Sounds Resource - Sprites Steam Tumblr Twitter
YouTube
Post: #10
RE: [Tutorial] Arcade Game Sprite Ripping / "Hard Ripping"
I had not thought of that - I'll need to check it out! Thanks! Smile

[Image: Bubblun4-DevR2.png]
02-14-2012 11:35 PM
Find all posts by this user Thank this post Quote this message in a reply
[-] Thanked by
Mighty Jetters (02-14-2012)
TheWolfBunny Offline
Member
*

Posts: 135
Joined: Jul 2011
Reputation: -25
Post: #11
RE: [Tutorial] Arcade Game Sprite Ripping / "Hard Ripping"
Hey, this thread really speaks to me. It says:
"Now I can finally stop requesting".

"Sonic's the name's, speed's my game!" - Sonic
06-08-2012 09:41 PM
Find all posts by this user Thank this post Quote this message in a reply
John2k4 Offline
Senior Member
**

Posts: 577
Joined: Nov 2011
Reputation: 9
Resource - Models Resource - Sounds Resource - Sprites Steam Tumblr Twitter
YouTube
Post: #12
RE: [Tutorial] Arcade Game Sprite Ripping / "Hard Ripping"
It's the exact method I've used to rip things for you. Tongue

[Image: Bubblun4-DevR2.png]
06-08-2012 09:54 PM
Find all posts by this user Thank this post Quote this message in a reply
Post Reply 


Forum Jump:


 Quick Theme:


Login or Register to remove this ad!