Pixelation
Critique => Pixel Art => Topic started by: Tetiro on March 27, 2014, 08:46:15 am
-
Hey guys, I really need your help.
For my game I sprited some black fading sprites so that the game areas would fade to black so that the border looks better in the areas.
(http://i330.photobucket.com/albums/l401/Tetiro/Need_Pixel_Help_zps0f8ebd90.png)
But in all honesty they suck. They drastically need improvement. But I can't get it right. Every method of fading with pixels I know has failed. I am lost as to how I can improve them to a sense of quality.
Can anyone help me improve them? I don't know what to do.
-
Not sure of what you are looking for, a context surely will help
My best guess is this:
(http://i1312.photobucket.com/albums/t524/looka_s/tile_zpsc085e5c1.png)
Hope it helps
-
Could try pattern dither?
(https://dl.dropboxusercontent.com/u/1534394/pattern_dither.gif)
(didn't do it precisely, just automatically in photoshop)
Found this:
(http://i57.photobucket.com/albums/g209/phototekcub/ditherreduxgif.gif)
from here:
http://www.pixeljoint.com/forum/forum_posts.asp?TID=11299 (http://www.pixeljoint.com/forum/forum_posts.asp?TID=11299)
Which might help if you wanted to do it manually.
-
what do the rest of the tiles look like? Is there a reason you cant use more colors?
-
Not sure of what you are looking for, a context surely will help
My best guess is this:
(http://i1312.photobucket.com/albums/t524/looka_s/tile_zpsc085e5c1.png)
Hope it helps
So naturally made! How did you make this effect? :)
-
It is actually pretty simple:
1) I started with a withe rectangle in a white background in PS
2) I added a black glow effect to the layer
3) I flattened the image and added little noise effect (maybe 2% can't remember)
4) I covert it first to greyscale and then to bitmap with a diffusion dither
then i edited the result by hand to have it 'right' :)
Does this mess make any sense to you?
-
It is actually pretty simple:
1) I started with a withe rectangle in a white background in PS
2) I added a black glow effect to the layer
3) I flattened the image and added little noise effect (maybe 2% can't remember)
4) I covert it first to greyscale and then to bitmap with a diffusion dither
then i edited the result by hand to have it 'right' :)
Does this mess make any sense to you?
I guess PS is Photoshop right? Dang. Don't have that program :(
-
Can you show these in context? I have no idea what they're for, just curious ;)
I like your original way more than any edit so far. Maybe that will change when I understand what it's all about :S
-
Can you show these in context? I have no idea what they're for, just curious ;)
I like your original way more than any edit so far. Maybe that will change when I understand what it's all about :S
Certainly!
(http://fc06.deviantart.net/fs70/f/2014/043/6/1/legena_ut_screenshot_031_by_grandpapixel-d764trf.png)
Look at the borders
EDIT: Ok I think I need to take a break. This is getting more stressful than it should. How do you guys cope with the corners when dithering/fading/etc? I can do the straight sides easily but the corners are giving me a lot of grief.
-
Well it doesn't look bad at all :)
Maybe simple straight lines would work just as well?
Unless you allow for semi-transparency, I don't think you can get anything better.
Corners: in the mockup view without rounded corners, it's just a matter of width: should be an odd n° of pixels. Just remove 1 px in height and in width, maybe a few stray pixels, and things should look good.
Same thing for rounded corners, plus some experimenting as to the best sizes for the circle arcs.
There are other issues in that mockup screenshot though. Next thread!
-
Well it doesn't look bad at all :)
Maybe simple straight lines would work just as well?
Unless you allow for semi-transparency, I don't think you can get anything better.
Corners: in the mockup view without rounded corners, it's just a matter of width: should be an odd n° of pixels. Just remove 1 px in height and in width, maybe a few stray pixels, and things should look good.
Same thing for rounded corners, plus some experimenting as to the best sizes for the circle arcs.
There are other issues in that mockup though. Next thread!
Oh Manupix...that's no mock up, that's a screenshot ;)
So adjust the corners by 1px width and height? Gotcha! I'll give it a try!
EDIT: Ok now I'm paranoid, what other issues???
EDIT 2: Just so you know, I'm a programmer-spriter. So I will always need improvement :P
EDIT 3: I tried to use your advice and I failed to improve my corners. Could someone give me an example?
-
Could someone give me an example?
Sort of
(http://i.imgur.com/xaIBpjb.png)
-
Various corner versions, made from dots, lines and both:
(http://files.myfrogbag.com/qe1mq0/Tetiro%20Need_Pixel_Help_edit.png)
Some need more work, and many other options would be worth exploring.
EDIT: Ok now I'm paranoid, what other issues???
Noisy tile textures, not enough tile variation; sprite readability; palette choices.