Page 1 of 1
Unit design help. Images look blurry
Posted: Tue Oct 04, 2016 9:21 pm
by sortablebird
I'm trying to make some unit images for the age of strategy games. I use my own program. I render the image in 64x64 px resolution with a transparent background. The image looks fine in the program but when i save it as a .png it loses its detail and looks blurry, instead of pixelated. I don't know why, and not sure if it's good.
This is how it looks like once I save it as a png image

- SPMA-T pink.png (5.55 KiB) Viewed 12907 times
So this is the program I'm using, and that's how the spma-t looks like in 3d view if anyone is wondering. On the left is the finished render

- blender, render on the left.png (216.53 KiB) Viewed 12907 times
Re: Unit design help. Images look blurry
Posted: Tue Oct 04, 2016 9:23 pm
by Alexander82
I think you should manually reshading it by marking more the most visible lines
Re: Unit design help. Images look blurry
Posted: Tue Oct 04, 2016 9:29 pm
by sortablebird
So what do you mean by manually reshading it ? You mean like open the image, and try to edit it ?
Re: Unit design help. Images look blurry
Posted: Tue Oct 04, 2016 9:41 pm
by DoomCarrot
You will have to manually do some pixel work, no matter how you choose to create the image.
Like Alexander said, the easiest way to make it look less blurry is to make the (necessary anyways) black border around the entire unit. Also, sharp black lines can help seperate parts of the design without making it look blurry.
Of course, you will have to do some reshading in general too. Also, the teamcoloring will have to be painted manually as well.
Re: Unit design help. Images look blurry
Posted: Tue Oct 04, 2016 9:55 pm
by sortablebird
MightyGuy put a black border around one of the images. Yeah it looks better, but the inside looks still blurry.

- A_Star_destroyer.png (2.26 KiB) Viewed 12898 times
But there should be some way to make it show each pixel. It is 64x64 px.
Re: Unit design help. Images look blurry
Posted: Fri Oct 07, 2016 11:35 am
by MightyGuy
how did your model saving as png file? I think its blur because the png file size is low (ex:5 kb, 2.55 kb, 788 b..) I think your model is not for png that the file size is low (i think your model shuld be 20kb above for converting it as png file.
or what app/program did you use?
Re: Unit design help. Images look blurry
Posted: Fri Oct 07, 2016 11:59 am
by Alexander82
You need to reshade everytjing. Put a single color inside the spaced between the black lines and shade it manually by adding light (white eith transparency) and shadows (blavk wirh transparency) that way it won't look blurry
Re: Unit design help. Images look blurry
Posted: Tue Oct 11, 2016 12:02 am
by sortablebird
@Mightyguy, the program Im using is called blender.
@Alexander82, yeah i think you are right. But ill still try to find a solution later.
And btw my images got completely screwed somehow lol. I save them as transparent png but instead it shows a black background. Example is on my profile picture.
Does anyone know whats that all about ?
Re: Unit design help. Images look blurry
Posted: Tue Oct 11, 2016 3:12 am
by DoomCarrot
Probably because it is not transparent. Most images/formats are not unless manually done.
In other words, open the imag in an editor, and erase all the black stuff.

Re: Unit design help. Images look blurry
Posted: Tue Oct 11, 2016 1:46 pm
by sortablebird
Now this is just stupid. All of a sudden i cannot make transparent images. All the settings are correct, it is alpha transparent, png. Must be some bug.
Re: Unit design help. Images look blurry
Posted: Tue Oct 11, 2016 2:45 pm
by DoomCarrot
Are you using an image editor? (not blender)
Re: Unit design help. Images look blurry
Posted: Tue Oct 11, 2016 4:20 pm
by sortablebird
Same thing. Render in blender, save as png image, and now I cannot make background transparent.
Re: Unit design help. Images look blurry
Posted: Tue Oct 11, 2016 9:20 pm
by MightyGuy
2 ways to do:
-try not a 3d rendering program (2d pixel 8 bit up/ 24 bmp (full colors) )
-use 2d pixel program (e.g Paint.net, Gimp, GraphicGale « Windows)
(e.g Pixel art editor, Pixel Touch Sprite maker, Isopix Pro, Pixel Studio..etc « Androids)