It is currently Mon Sep 25, 2017 4:45 am

All times are UTC - 7 hours





Post new topic Reply to topic  [ 20 posts ]  Go to page 1, 2  Next
Author Message
 Post subject: Icon aesthetics.
PostPosted: Sun Aug 19, 2012 7:05 am 
Offline
User avatar

Joined: Thu Jan 03, 2008 1:48 pm
Posts: 538
The attachment icon especially looks really bad paired with our black background. It's confusing to figure out what it even is at first. Not only that but the white icons also look very jagged.

http://www.iloveui.com

I'm pretty sure we could convince my friend to make some icons for us. He could probably even make us a new logo to go with our new board.


Top
 Profile  
 
 Post subject: Re: Icon aesthetics.
PostPosted: Sun Aug 19, 2012 9:33 am 
Offline
User avatar

Joined: Fri Nov 19, 2004 7:35 pm
Posts: 3933
This thread got me working on making the icons properly Alpha Blended.

Here's what I have so far:
Attachment:
File comment: icons with alpha channel
icons_transparent.png
icons_transparent.png [ 21.46 KiB | Viewed 4219 times ]


It's all one giant image right now, still need to split it into all the little pieces.

The process isn't that hard. Change the image to grayscale, increase brightness and contrast a few times, Magic Wand select the background, Expand selection by 1 pixel.
Then you have your edge alpha values. Pick suitable solid colors for them to blend against.

_________________
Here come the fortune cookies! Here come the fortune cookies! They're wearing paper hats!


Top
 Profile  
 
 Post subject: Re: Icon aesthetics.
PostPosted: Sun Aug 19, 2012 12:58 pm 
Offline
User avatar

Joined: Fri Nov 19, 2004 7:35 pm
Posts: 3933
I've finished the first set of replacement icons. Completely identical to the current icons, except they now have proper alpha transparency.
The animated icons have simply been blended against the forum's current background color, since GIFs don't support alpha (and IE and Chrome don't support APNG).
I also made the attachment icon bright green.

The file extensions are .GIF, but they are actually .PNG files.

edit: this is part one, for /styles/subsilver2/imageset


Attachments:
replacement_icons.zip [36.93 KiB]
Downloaded 145 times

_________________
Here come the fortune cookies! Here come the fortune cookies! They're wearing paper hats!


Last edited by Dwedit on Mon Aug 20, 2012 6:09 pm, edited 1 time in total.
Top
 Profile  
 
 Post subject: Re: Icon aesthetics.
PostPosted: Sun Aug 19, 2012 1:37 pm 
Offline
User avatar

Joined: Sat Feb 12, 2005 9:43 pm
Posts: 10014
Location: Rio de Janeiro - Brazil
Yey! You have no idea how much these icons have bothered me through the years. They make the forum look really newbiesh. I hope the PNG ones will work well. Thanks, Dwedit, for having the patience to do this (I never had).


Top
 Profile  
 
 Post subject: Re: Icon aesthetics.
PostPosted: Sun Aug 19, 2012 2:54 pm 
Offline
User avatar

Joined: Fri Nov 19, 2004 7:35 pm
Posts: 3933
Part 2 finished, these are for /styles/subsilver2/imageset/en
Elapsed time: 35 minutes

edit: And part 3, these are tiny images for /styles/prosilver/theme/images
Elapsed time: 19 minutes


Attachments:
part3.zip [5.56 KiB]
Downloaded 141 times
part2.zip [25.24 KiB]
Downloaded 147 times

_________________
Here come the fortune cookies! Here come the fortune cookies! They're wearing paper hats!
Top
 Profile  
 
 Post subject: Re: Icon aesthetics.
PostPosted: Mon Aug 20, 2012 6:00 pm 
Offline
User avatar

Joined: Sun Sep 19, 2004 9:28 pm
Posts: 3192
Location: Mountain View, CA, USA
I'll let WhoaMan handle the icon ordeal. I'm very, very worried about putting such icons into place on the system, the main reason being I worry that they'll get nuked/lost if phpBB is upgraded. I'm not familiar enough with the 3.x.x -> 3.x.y upgrade process to know if that could happen. Plus WhoaMan already has experiencing fixing some of the CSS / etc..


Top
 Profile  
 
 Post subject: Re: Icon aesthetics.
PostPosted: Mon Aug 20, 2012 6:38 pm 
Offline
User avatar

Joined: Sun Sep 19, 2004 9:28 pm
Posts: 3192
Location: Mountain View, CA, USA
EDIT: Ignore me. phpBB "styles" are different than "themes", where you can correlate a style with themes. Wonderfully confusing, and I would expect no less of phpBB. :-) So ignore me.


Top
 Profile  
 
 Post subject: Re: Icon aesthetics.
PostPosted: Sun Aug 26, 2012 12:39 pm 
Offline
User avatar

Joined: Fri Nov 19, 2004 7:35 pm
Posts: 3933
So what's going on with this?

_________________
Here come the fortune cookies! Here come the fortune cookies! They're wearing paper hats!


Top
 Profile  
 
 Post subject: Re: Icon aesthetics.
PostPosted: Mon Aug 27, 2012 12:50 pm 
Offline

Joined: Sat Oct 02, 2004 12:07 pm
Posts: 160
these have been updated, thank you for working on these :)

_________________
i dont have much to say


Top
 Profile  
 
 Post subject: Re: Icon aesthetics.
PostPosted: Mon Aug 27, 2012 1:21 pm 
Offline
User avatar

Joined: Fri Nov 19, 2004 7:35 pm
Posts: 3933
As expected, the transparent PNG icons don't work on IE6. But does anyone really use that anymore? Statcounter says that 0.52% of all internet users still use it, and Wikimedia says that 1.05% of users still use it.

Besides incompatibility with ancient web browsers, the new icons look really nice and smooth.

_________________
Here come the fortune cookies! Here come the fortune cookies! They're wearing paper hats!


Top
 Profile  
 
 Post subject: Re: Icon aesthetics.
PostPosted: Mon Aug 27, 2012 1:23 pm 
Offline

Joined: Mon Sep 27, 2004 2:57 pm
Posts: 1246
Dwedit wrote:
PNG icons don't work on IE6.

Nobody should be using IE6. Nobody should be supporting IE6 either.

Anyway, the updated icons look wonderful, especially after using the badly anti-aliased ones for so long. Cheers! :D


Top
 Profile  
 
 Post subject: Re: Icon aesthetics.
PostPosted: Mon Aug 27, 2012 1:33 pm 
Offline
User avatar

Joined: Sat Feb 12, 2005 9:43 pm
Posts: 10014
Location: Rio de Janeiro - Brazil
Finally! Everything looks much better now.

EDIT: Although everything is noticeably better, I just realized that the blue outline doesn't go so well with the purple background of the site... :roll:


Top
 Profile  
 
 Post subject: Re: Icon aesthetics.
PostPosted: Mon Aug 27, 2012 8:11 pm 
Offline
Formerly 65024U

Joined: Sat Mar 27, 2010 12:57 pm
Posts: 2257
I like it, only thing that is weird to me now is the green paper clips. But I'll survive. Sweet! :)


Top
 Profile  
 
 Post subject: Re: Icon aesthetics.
PostPosted: Mon Aug 27, 2012 10:29 pm 
Offline
User avatar

Joined: Mon Jan 03, 2005 10:36 am
Posts: 2949
Location: Tampere, Finland
3gengames wrote:
only thing that is weird to me now is the green paper clips.

Yup, the green doesn't work too well with this color scheme. Coder colors!

_________________
Download STREEMERZ for NES from fauxgame.com! — Some other stuff I've done: kkfos.aspekt.fi


Top
 Profile  
 
 Post subject: Re: Icon aesthetics.
PostPosted: Mon Aug 27, 2012 11:09 pm 
Offline
User avatar

Joined: Fri Nov 19, 2004 7:35 pm
Posts: 3933
Green paper clips was entirely my idea, I take full responsibility for that. I just wanted something that would immediately stand out and attract attention. Obviously, the old icon made for a white background wouldn't work, and a dark icon wouldn't work against the dark blue-gray background. I also tried adding a white outline to a black paper clip, and that looked horrible.
It kinda matches the logo at the top, even though it is a different shade of green.
The paper clip is the exact same shape as the standard icon, just with an added black outline, and it's now bright green.

If you're really prefer CGA/EGA color #7, I could make it that color as well.

_________________
Here come the fortune cookies! Here come the fortune cookies! They're wearing paper hats!


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 20 posts ]  Go to page 1, 2  Next

All times are UTC - 7 hours


Who is online

Users browsing this forum: No registered users and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB® Forum Software © phpBB Group