Unit design help. Images look blurry

Here you may find answers to your questions.
Post Reply
User avatar
sortablebird
Posts: 58
Joined: Fri Nov 07, 2014 10:28 pm

Unit design help. Images look blurry

Post by sortablebird » Tue Oct 04, 2016 9:21 pm

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
SPMA-T pink.png (5.55 KiB) Viewed 5108 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
blender, render on the left.png (216.53 KiB) Viewed 5108 times

User avatar
Alexander82
Posts: 5804
Joined: Thu Feb 26, 2015 8:18 pm

Re: Unit design help. Images look blurry

Post by Alexander82 » Tue Oct 04, 2016 9:23 pm

I think you should manually reshading it by marking more the most visible lines

User avatar
sortablebird
Posts: 58
Joined: Fri Nov 07, 2014 10:28 pm

Re: Unit design help. Images look blurry

Post by sortablebird » Tue Oct 04, 2016 9:29 pm

So what do you mean by manually reshading it ? You mean like open the image, and try to edit it ?

User avatar
DoomCarrot
Posts: 3089
Joined: Wed Mar 18, 2015 6:04 pm
Location: Commanding General's quarters, a tall keep above the mighty city of Carrot's Point

Re: Unit design help. Images look blurry

Post by DoomCarrot » Tue Oct 04, 2016 9:41 pm

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.
The day is coming when a single carrot, freshly observed, will set off a revolution.

User avatar
sortablebird
Posts: 58
Joined: Fri Nov 07, 2014 10:28 pm

Re: Unit design help. Images look blurry

Post by sortablebird » Tue Oct 04, 2016 9:55 pm

MightyGuy put a black border around one of the images. Yeah it looks better, but the inside looks still blurry.
A_Star_destroyer.png
A_Star_destroyer.png (2.26 KiB) Viewed 5099 times
But there should be some way to make it show each pixel. It is 64x64 px.

User avatar
MightyGuy
Posts: 2088
Joined: Mon Sep 05, 2016 10:03 am
Location: Isengard, Middle Earth

Re: Unit design help. Images look blurry

Post by MightyGuy » Fri Oct 07, 2016 11:35 am

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?
A.K.A SacredNut

User avatar
Alexander82
Posts: 5804
Joined: Thu Feb 26, 2015 8:18 pm

Re: Unit design help. Images look blurry

Post by Alexander82 » Fri Oct 07, 2016 11:59 am

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

User avatar
sortablebird
Posts: 58
Joined: Fri Nov 07, 2014 10:28 pm

Re: Unit design help. Images look blurry

Post by sortablebird » Tue Oct 11, 2016 12:02 am

@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 ?
Last edited by sortablebird on Tue Oct 11, 2016 1:44 pm, edited 1 time in total.

User avatar
DoomCarrot
Posts: 3089
Joined: Wed Mar 18, 2015 6:04 pm
Location: Commanding General's quarters, a tall keep above the mighty city of Carrot's Point

Re: Unit design help. Images look blurry

Post by DoomCarrot » Tue Oct 11, 2016 3:12 am

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. :lol:
The day is coming when a single carrot, freshly observed, will set off a revolution.

User avatar
sortablebird
Posts: 58
Joined: Fri Nov 07, 2014 10:28 pm

Re: Unit design help. Images look blurry

Post by sortablebird » Tue Oct 11, 2016 1:46 pm

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.

User avatar
DoomCarrot
Posts: 3089
Joined: Wed Mar 18, 2015 6:04 pm
Location: Commanding General's quarters, a tall keep above the mighty city of Carrot's Point

Re: Unit design help. Images look blurry

Post by DoomCarrot » Tue Oct 11, 2016 2:45 pm

Are you using an image editor? (not blender)
The day is coming when a single carrot, freshly observed, will set off a revolution.

User avatar
sortablebird
Posts: 58
Joined: Fri Nov 07, 2014 10:28 pm

Re: Unit design help. Images look blurry

Post by sortablebird » Tue Oct 11, 2016 4:20 pm

Same thing. Render in blender, save as png image, and now I cannot make background transparent.

User avatar
MightyGuy
Posts: 2088
Joined: Mon Sep 05, 2016 10:03 am
Location: Isengard, Middle Earth

Re: Unit design help. Images look blurry

Post by MightyGuy » Tue Oct 11, 2016 9:20 pm

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)
A.K.A SacredNut

Post Reply

Return to “FAQ”