Main Restorations Software Audio/Jukebox/MP3 Everything Else Buy/Sell/Trade
Project Announcements Monitor/Video GroovyMAME Merit/JVL Touchscreen Meet Up Retail Vendors
Driving & Racing Woodworking Software Support Forums Consoles Project Arcade Reviews
Automated Projects Artwork Frontend Support Forums Pinball Forum Discussion Old Boards
Raspberry Pi & Dev Board controls.dat Linux Miscellaneous Arcade Wiki Discussion Old Archives
Lightguns Arcade1Up Try the site in https mode Site News

Unread posts | New Replies | Recent posts | Rules | Chatroom | Wiki | File Repository | RSS | Submit news

  

Author Topic: Blow Up Images Pixelated  (Read 2730 times)

0 Members and 1 Guest are viewing this topic.

DillonFoulds

  • Trade Count: (0)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 605
  • Last login:August 27, 2019, 05:04:44 am
Blow Up Images Pixelated
« on: July 17, 2010, 02:15:30 am »
Hey there, just wondering if anyone has any tips on pixelating images? I want to be able to take screenshots of mame characters, and blow them up, but keep the characters super blocky (retain pixels).

Some examples to help get my point across...

http://cache.gawkerassets.com/assets/images/9/2007/02/mario_divided_.jpg
http://media.photobucket.com/image/mario%20art%20pixels/rikhan_z/pixel-mario.gif

Even if it leaves small gaps between the pixels, that's fine!

SavannahLion

  • Wiki Contributor
  • Trade Count: (+1)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 5986
  • Last login:December 19, 2015, 02:28:15 am
Re: Blow Up Images Pixelated
« Reply #1 on: July 17, 2010, 07:29:36 am »
Most people don't want super pixelated images when they blow them up.

Have you just tried doing it and seeing how it results? As long as you don't "stretch" the image during the process, it should turn out the way you want. If there's an option, don't allow any feathering or other dithering calculations to occur either. Just set the calculations to none or whatever similar option you have.

newmanfamilyvlogs

  • Trade Count: (+1)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 1694
  • Last login:June 15, 2022, 05:20:38 pm
    • forum.arcadecontrols.com/index.php/topic,103584.msg1096585.html#msg1096585
    • Newman Family Vlogs
Re: Blow Up Images Pixelated
« Reply #2 on: July 17, 2010, 07:36:30 am »
The type of resampling you want is called "Nearest Neighbor" as opposed to something like "Bicubic". What they call this process is different in various programs. It might be labeled "Interpolation" or "Scaling Algorithm" for example.

What program are you using to work with the graphics?

DillonFoulds

  • Trade Count: (0)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 605
  • Last login:August 27, 2019, 05:04:44 am
Re: Blow Up Images Pixelated
« Reply #3 on: July 17, 2010, 01:39:55 pm »
Hoping to do it all in Photoshop CS3.

I'll play with it more today and see what I can get.

AzureKnight

  • Trade Count: (+1)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 474
  • Last login:May 29, 2022, 12:22:17 am
Re: Blow Up Images Pixelated
« Reply #4 on: July 19, 2010, 03:10:56 pm »

Just a crazy thought, as a last resort if you can't seem to get them the way you want stretching them, you could always create one "pixel" template square and then just keep copying it and changing the color to redraw the character yourself "pixel" by "pixel".  It might be a bit tedious though depending on how many of these you are looking to create.

newmanfamilyvlogs

  • Trade Count: (+1)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 1694
  • Last login:June 15, 2022, 05:20:38 pm
    • forum.arcadecontrols.com/index.php/topic,103584.msg1096585.html#msg1096585
    • Newman Family Vlogs
Re: Blow Up Images Pixelated
« Reply #5 on: July 19, 2010, 03:41:54 pm »
In Photoshop,
Image->Image Size->Check "Resample Image", select "Nearest Neighbor (preserve hard edges)"

Then just set the new size at the top of the box in either the Pixel Dimensions or the Document Size.

DillonFoulds

  • Trade Count: (0)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 605
  • Last login:August 27, 2019, 05:04:44 am
Re: Blow Up Images Pixelated
« Reply #6 on: July 19, 2010, 06:55:41 pm »
Yup, sorry I should have posted that I found that. That's what I did, and it worked... not sure I'm satisfied with it yet, but I'll play...

opt2not

  • Trade Count: (+15)
  • Full Member
  • ***
  • Offline Offline
  • Posts: 6173
  • Last login:April 02, 2024, 07:42:30 pm
Re: Blow Up Images Pixelated
« Reply #7 on: July 19, 2010, 09:53:00 pm »
In Photoshop,
Image->Image Size->Check "Resample Image", select "Nearest Neighbor (preserve hard edges)"

Then just set the new size at the top of the box in either the Pixel Dimensions or the Document Size.
This will get you what you want, and quick!

I find for sprite art prints, putting an outline around the blown-up sprite using the Outer Glow Layer Style helps. You can use Outer Glow to create outlines with a few parameters.



Clear the background, so you have the sprite by itself in the layer.
Right Click on your sprite layer and click Blending Options, this'll open the Layer Style window.
Click on Outer Glow, set the Blend Mode to Normal and the Opacity to 100%. Set the colour to Black (or whatever colour)...then Spread to 100%. You can then play with the Size to get the outline thickness you want.
This is a decent quick effect to get rounded outlines that will retain detail when you scale the image, makes sprite work easier on the eyes when at a larger scale ;)
« Last Edit: July 19, 2010, 09:55:52 pm by opt2not »