HomeDiagramsDatabaseMapsForum About
     

Go Back   SkyscraperPage Forum > Diagrams & Database > Diagrams


Reply

 
Thread Tools Display Modes
     
     
  #1  
Old Posted Dec 23, 2022, 4:02 PM
bobbywest87 bobbywest87 is online now
Registered User
 
Join Date: Apr 2022
Posts: 505
Techniques for Diagrams with Clarity (less fuzzy)

I've consistently had an issue with all my diagrams turning out fuzzy/grainy. I'm pretty sure it's because I'm using too many colors, but I've seen other user's diagrams with tons of clarity and sharpness.

Can someone with experience provide some advice on how to create clearer (sharper) looking diagrams?

For example,

Here is my before/after:

Before shrinking to appropriate pixel size:


And after. Notice it appears pixelated and out of focus:




I am trying to work towards diagrams with lots of Clarity AND Detail such as this one below from Steamboy (obviously he is/was a much more talented artist, but that's besides the point):





Any advice on how to make my drawings less fuzzy/blurry?
Reply With Quote
     
     
  #2  
Old Posted Dec 23, 2022, 6:26 PM
CRKMRRMK CRKMRRMK is offline
Registered User
 
Join Date: Nov 2018
Posts: 100
.

Last edited by CRKMRRMK; Nov 2, 2023 at 7:56 PM.
Reply With Quote
     
     
  #3  
Old Posted Dec 23, 2022, 6:42 PM
bobbywest87 bobbywest87 is online now
Registered User
 
Join Date: Apr 2022
Posts: 505
Quote:
Originally Posted by CRKMRRMK View Post
1. In Paint, use Effects > Photo > Sharpen ... at gif with grad 7 is ok, after the downsize of png
2. In Photoshop, use Filter > Sharpen
Thanks, I’ll try that with paint! I’m willing to test anything.
Reply With Quote
     
     
  #4  
Old Posted Dec 23, 2022, 6:54 PM
koops65's Avatar
koops65 koops65 is offline
Intergalactic Barfly
 
Join Date: Dec 2006
Location: Quarks Bar
Posts: 7,215
Try making a drawing at 1:1 scale to begin with. That way you dont have to re-size it.
Reply With Quote
     
     
  #5  
Old Posted Dec 23, 2022, 7:41 PM
bobbywest87 bobbywest87 is online now
Registered User
 
Join Date: Apr 2022
Posts: 505
Quote:
Originally Posted by koops65 View Post
Try making a drawing at 1:1 scale to begin with. That way you dont have to re-size it.
Okay, I think that might be best. at first it seemed like it might be more difficult that way, but overall I’m sure the results are worth it.
Reply With Quote
     
     
  #6  
Old Posted Dec 23, 2022, 10:01 PM
bobbywest87 bobbywest87 is online now
Registered User
 
Join Date: Apr 2022
Posts: 505
What programs do you use when drawing 1:1, if I may ask? I use Inkscape to build/color/everything, then I send to paint.net to resize.

Inkscape is great to use, but I can figure out how to create 1:1 drawings using it.
Reply With Quote
     
     
  #7  
Old Posted Dec 24, 2022, 1:59 AM
koops65's Avatar
koops65 koops65 is offline
Intergalactic Barfly
 
Join Date: Dec 2006
Location: Quarks Bar
Posts: 7,215
I use paint.net for everything, set units to pixels...
Reply With Quote
     
     
  #8  
Old Posted Dec 24, 2022, 3:30 AM
bobbywest87 bobbywest87 is online now
Registered User
 
Join Date: Apr 2022
Posts: 505
Quote:
Originally Posted by koops65 View Post
I use paint.net for everything, set units to pixels...
Nice! I’ve always had a difficult time with paint.net, but maybe I need to give it another chance. With as intricate and detailed as some of your drawings are, if you did it all in paint.net that gives me hope.
Reply With Quote
     
     
  #9  
Old Posted Dec 29, 2022, 8:34 AM
Anders Franzén's Avatar
Anders Franzén Anders Franzén is offline
Registered User
 
Join Date: Aug 2009
Location: Swedish East Coast
Posts: 2,554
I also only draw in 1:1, I have a few drawings in other scales.
Many of which I've recently replaced with 1:1 drawings, because I didn't like the old, resized ones.

A trick to achieve clarity is to cheat with the number of floors, columns of windows etc.
I don't count how many floors I draw anymore, compared to the real building.
Reply With Quote
     
     
  #10  
Old Posted Dec 29, 2022, 9:47 AM
koops65's Avatar
koops65 koops65 is offline
Intergalactic Barfly
 
Join Date: Dec 2006
Location: Quarks Bar
Posts: 7,215
Totally. Residential is usually 3 pixels per floor, and office is 4 pixels. For example, don't try to shrink 19 floors into 56 pixels because that makes every floor blurry... make it 57 pixels exactly and they will all look sharp and clear. Of course there are buildings wth strange floor heights, but the rule above will cover most buildings out there. No one will notice if your 50 floor building really only has 49 floors drawn...
Reply With Quote
     
     
  #11  
Old Posted Jan 1, 2023, 4:33 AM
bobbywest87 bobbywest87 is online now
Registered User
 
Join Date: Apr 2022
Posts: 505
Thank you all for the help and explanations. Because of your advice, I was able to clean up the drawing. I did most of the editing in paint.net as suggested, and it came out much nicer than the previous version I believe.


Last edited by bobbywest87; Jan 1, 2023 at 4:46 AM.
Reply With Quote
     
     
  #12  
Old Posted Jan 1, 2023, 9:08 AM
Anders Franzén's Avatar
Anders Franzén Anders Franzén is offline
Registered User
 
Join Date: Aug 2009
Location: Swedish East Coast
Posts: 2,554
Looks great
Reply With Quote
     
     
  #13  
Old Posted Jan 1, 2023, 7:50 PM
CRKMRRMK CRKMRRMK is offline
Registered User
 
Join Date: Nov 2018
Posts: 100
.

Last edited by CRKMRRMK; Nov 2, 2023 at 7:56 PM.
Reply With Quote
     
     
  #14  
Old Posted Jan 2, 2023, 2:59 AM
bobbywest87 bobbywest87 is online now
Registered User
 
Join Date: Apr 2022
Posts: 505
Quote:
Originally Posted by CRKMRRMK View Post
Well .. it is a bit better, but see ... your feelings say what is best by sharpen ...

By resize from png transparent background in paint to gif, it continues transparent, sometimes pixels disappear and you have to make lines angled in the colour you want to have degree pixels colours to simulate continuous and not stairs ... use by gif save Dithering level 2, sometimes transparency threshold must be much less than 128... your feelings says the result you want Regards MK


Thank you, I tried to sharpen on paint.net but it seems the sharpening is a bit more extreme than the example you showed of a 3. I only sharpened it by 1 degree, but it looks like this (tower on the left).

My preferences keep switching back and forth between the original and the sharper image. Currently, I think I prefer the original but it's also possible I've just looked at it too long to think about it objectively.

Reply With Quote
     
     
  #15  
Old Posted Jan 2, 2023, 2:52 PM
Etesia's Avatar
Etesia Etesia is offline
Illstrator / Editor
 
Join Date: Mar 2010
Location: Seoul
Posts: 162
Drawing with 1:1 scale is the easiest way to save time and not break the sharpness.
Steamboy and I also draw on a 1:1 scale.
Reply With Quote
     
     
  #16  
Old Posted Jan 2, 2023, 8:24 PM
bobbywest87 bobbywest87 is online now
Registered User
 
Join Date: Apr 2022
Posts: 505
Quote:
Originally Posted by Etesia View Post
Drawing with 1:1 scale is the easiest way to save time and not break the sharpness.
Steamboy and I also draw on a 1:1 scale.
That’s my plan going forward even if it means I have to re-learn everything. The results of you and others don’t lie.
Reply With Quote
     
     
  #17  
Old Posted Jan 3, 2023, 12:10 AM
La_Parca's Avatar
La_Parca La_Parca is offline
Registered User
 
Join Date: Oct 2013
Location: Buenos Aires - Argentina
Posts: 314
I use that scale also, since i starting using it my drawings looks better

The fuzzy drawing here was from when i made buildings in a scale of 10 pixels per floor, and the one with better quality is a remasterization i made with 1:1 scale, the quality is better and i also save a lot of time since i dont have to do a lot of details

Reply With Quote
     
     
  #18  
Old Posted Sep 23, 2023, 1:10 AM
bobbywest87 bobbywest87 is online now
Registered User
 
Join Date: Apr 2022
Posts: 505
Another random question:

What technique/methodology is used to get the opaqueness of the windows in this diagram by S-p-E? I tried a test one to see if I could reproduce, but my floor lines are coming in too strong, or not blended enough. Any advice is appreciated.

Here is S-p-E's diagram.



Here is my quick attempt at a similar technique, but notice the floor lines are too strong and the opaqueness is not that great...
Reply With Quote
     
     
  #19  
Old Posted Sep 23, 2023, 7:38 AM
Anders Franzén's Avatar
Anders Franzén Anders Franzén is offline
Registered User
 
Join Date: Aug 2009
Location: Swedish East Coast
Posts: 2,554
I've been drawing pixel buildings for 25 years now. First in Sim City 2000 and since 2010ish for SSP.

Opaque glass is something I've never learned in that time. I'm always disappointed in the results when I draw glass buildings. If it in some case seems like I've succeeded, I got no clue how I did it.

So yeah, I'm willing to learn this technique too
Reply With Quote
     
     
  #20  
Old Posted Sep 23, 2023, 10:09 AM
CRKMRRMK CRKMRRMK is offline
Registered User
 
Join Date: Nov 2018
Posts: 100
.

Last edited by CRKMRRMK; Nov 2, 2023 at 7:56 PM.
Reply With Quote
     
     
This discussion thread continues

Use the page links to the lower-right to go to the next page for additional posts
 
 
Reply

Go Back   SkyscraperPage Forum > Diagrams & Database > Diagrams
Forum Jump


Thread Tools
Display Modes

Forum Jump


All times are GMT. The time now is 3:53 PM.

     
SkyscraperPage.com - Archive - Privacy Statement - Top

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2024, vBulletin Solutions, Inc.