Unit design help. Images look blurry

Here you may find answers to your questions.

Unit design help. Images look blurry

Postby 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 4781 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 4781 times
User avatar
sortablebird
 
Posts: 58
Joined: Fri Nov 07, 2014 10:28 pm

Re: Unit design help. Images look blurry

Postby Alexander82 » Tue Oct 04, 2016 9:23 pm

I think you should manually reshading it by marking more the most visible lines
User avatar
Alexander82
 
Posts: 5370
Joined: Thu Feb 26, 2015 8:18 pm

Re: Unit design help. Images look blurry

Postby 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
sortablebird
 
Posts: 58
Joined: Fri Nov 07, 2014 10:28 pm

Re: Unit design help. Images look blurry

Postby 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
DoomCarrot
 
Posts: 3073
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

Postby 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 4772 times


But there should be some way to make it show each pixel. It is 64x64 px.
User avatar
sortablebird
 
Posts: 58
Joined: Fri Nov 07, 2014 10:28 pm

Re: Unit design help. Images look blurry

Postby 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
MightyGuy
 
Posts: 2063
Joined: Mon Sep 05, 2016 10:03 am
Location: Isengard, Middle Earth

Re: Unit design help. Images look blurry

Postby 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
Alexander82
 
Posts: 5370
Joined: Thu Feb 26, 2015 8:18 pm

Re: Unit design help. Images look blurry

Postby 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
sortablebird
 
Posts: 58
Joined: Fri Nov 07, 2014 10:28 pm

Re: Unit design help. Images look blurry

Postby 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
DoomCarrot
 
Posts: 3073
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

Postby 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
sortablebird
 
Posts: 58
Joined: Fri Nov 07, 2014 10:28 pm

Re: Unit design help. Images look blurry

Postby 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
DoomCarrot
 
Posts: 3073
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

Postby 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
sortablebird
 
Posts: 58
Joined: Fri Nov 07, 2014 10:28 pm

Re: Unit design help. Images look blurry

Postby 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
User avatar
MightyGuy
 
Posts: 2063
Joined: Mon Sep 05, 2016 10:03 am
Location: Isengard, Middle Earth


Return to FAQ

Who is online

Users browsing this forum: No registered users and 1 guest