Page 2 of 4

RE: Explanation of review Awards/Badges

PostPosted: April 7th, 2011, 9:09 am
by Kong
Ah. :)

Re: Explanation of review Awards/Badges

PostPosted: January 1st, 2012, 5:09 pm
by c_hegge
There. I re-did them based on a silver award that was already given out. The font is different, but they'll do the job

Re: Explanation of review Awards/Badges

PostPosted: January 1st, 2012, 9:58 pm
by shovenose
c_hegge wrote:There. I re-did them based on a silver award that was already given out. The font is different, but they'll do the job

thank you c_hegge they look great!

Re: Explanation of review Awards/Badges

PostPosted: May 16th, 2015, 8:42 am
by LongRunner
The existing award badges are too small for Behemot, who scaled up the Silver Award in the Enermax Digifanless 550W review (discussion thread here). So I did a complete redesign. Admittedly these are fairly simplistic, with a simple blue gradient background instead of the glossy background of the originals (not that I'm a big fan of gloss :D). These are wide enough that I saw fit to remove the line break in the middle of the title. The font used is "Source Sans Pro Black" in 18pt for Hardware Insights, 40pt for the grade (Fail/Bronze/Silver/Gold), and 36pt for "award". I created it in Pinta, which is a bit like Paint.NET but with a few more features (including – crucially to the creation of these badges – the ability to outline text). I also made the corners much neater than the originals ;)

So are they good enough for you?

Re: Explanation of review Awards/Badges

PostPosted: May 17th, 2015, 2:31 pm
by Behemot
Increase the resolution to at least 350, I only have 1600×1200 ATM (still have not fixed my display which did 1920×1440) and it is already tiny. And have high-res version for future use. Than it's OK. But these 240 pixel is not even good for phones as most phones today have higher resolution than laptop displays! Those pricks should finally dump that 1366×768 garbage in notebooks…

Re: Explanation of review Awards/Badges

PostPosted: May 18th, 2015, 1:00 am
by LongRunner
How about these? :cool:

And should we do one for the Sweater Contest? :D

Re: Explanation of review Awards/Badges

PostPosted: May 18th, 2015, 1:50 am
by Behemot
That's cool. What's the working version resolution?

Re: Explanation of review Awards/Badges

PostPosted: May 18th, 2015, 2:31 am
by LongRunner
It's a straightforward design so I just did each version at the intended output resolution. Redrawing it at whatever other resolutions are desired shouldn't be too hard.

More details:
  • There is 6/12 pixels of padding (for the 240px/480px version respectively) and the outline is also 6/12 pixels thick.
  • The diagonal segments in each corner are 24×24/48×48 pixels and the rounded corners have a 10/20 pixel radius.
  • The gradient starts at #3399FF at the top and ends in #287ACC at the bottom.
  • The text colours are pure red (#FF0000) for Fail, #CC5F28 for Bronze, #CCCCCC (yeah, it's barely visible against the forum background) for Silver, and #FFBB33 for Gold.
Aside from "Hardware Insights" being lowered slightly, the 480px version is faithful to the 240px original.

Re: Explanation of review Awards/Badges

PostPosted: August 10th, 2015, 6:37 pm
by shovenose
Why not use a vector?

Re: Explanation of review Awards/Badges

PostPosted: August 11th, 2015, 2:32 am
by Behemot
Because most vector formats are obscure and browsers won't be able to display them? But if you mean for the original versions, than yeah, makes sense…