Title: Glossy icon for high resolution monitors 8)
Post by: nobuyuki on June 19, 2009, 01:33:17
Post by: nobuyuki on June 19, 2009, 01:33:17
I'm aware that coda is updating the interface for MPT 1.6 branch so that it supports XP styles and doesn't use depreciated fonts in the interface. Inspired by the interface modernization, I thought I'd try giving a crack at a new ModPlug icon in the "glossy" style. Now I should note I'm not really that experienced with making glossy icons, so this could use a little of that super professional polish that I just can't give it, but as a drop-in replacement for high color, high-res displays I don't think it's bad at all:
Download (SVG, AI, PNG, ICO): http://sharebee.com/5177ce29
If you're running MPT in WINE, the fact that I made it to be SVG compatible should make you happy. I used Illustrator's SVG export on this, so it may not be 100% accurate to the raster icons and contain scaling artifacts since I didn't work to a strict pixmap. The shadow's also missing for compatibility reasons, and I hope somebody with vector icon experience can mess around with that if they got the inkling.
Here's what it looks like on the desktop:
Download (SVG, AI, PNG, ICO): http://sharebee.com/5177ce29
If you're running MPT in WINE, the fact that I made it to be SVG compatible should make you happy. I used Illustrator's SVG export on this, so it may not be 100% accurate to the raster icons and contain scaling artifacts since I didn't work to a strict pixmap. The shadow's also missing for compatibility reasons, and I hope somebody with vector icon experience can mess around with that if they got the inkling.
Here's what it looks like on the desktop:
Quote
Title: Glossy icon for high resolution monitors 8)
Post by: Saga Musix on June 19, 2009, 12:51:09
Post by: Saga Musix on June 19, 2009, 12:51:09
Looks nice. I've made a custom icon for the quick start lately, but it's only 16x16. :)
Title: Glossy icon for high resolution monitors 8)
Post by: Saga Musix on June 19, 2009, 20:13:57
Post by: Saga Musix on June 19, 2009, 20:13:57
http://sagamusix.de/openmpt/download/mptgloss-32-8-4.ico - here's a version with 32-bit and 8-bit versions of the icon as well as the old 4 bit icon - so Windows can always pick the most suitable one. :)
Title: Glossy icon for high resolution monitors 8)
Post by: Saga Musix on July 15, 2009, 11:22:28
Post by: Saga Musix on July 15, 2009, 11:22:28
Based on the MPC logo made by LPChip, I'm working on a new file icon for modules. have a look here, which do you like better? (you can view svg files in a modern Browser if you don't have a vector graphics editor that's capable of loading SVGs)
http://sagamusix.de/openmpt/download/mpticons.zip
EDIT: Added some PNGs for convenience.
http://sagamusix.de/openmpt/download/mpticons.zip
EDIT: Added some PNGs for convenience.
Title: Glossy icon for high resolution monitors 8)
Post by: Saga Musix on July 15, 2009, 13:53:19
Post by: Saga Musix on July 15, 2009, 13:53:19
Preview, for even more convenience:
Those files are not optimized yet (some lines should be darker in lower resolutions). I kinda like 3rd most so far, but 2 is also okay. 1 is the one that I personally don't like that much. However, for resolutions like 16x16, it might be the best to choose the one that looks best in that resolution, which is certainly not the 2nd.
Those files are not optimized yet (some lines should be darker in lower resolutions). I kinda like 3rd most so far, but 2 is also okay. 1 is the one that I personally don't like that much. However, for resolutions like 16x16, it might be the best to choose the one that looks best in that resolution, which is certainly not the 2nd.
Title: Glossy icon for high resolution monitors 8)
Post by: nobuyuki on July 15, 2009, 20:40:00
Post by: nobuyuki on July 15, 2009, 20:40:00
I like the 32px one; however, at 16px, you might want to utilize an icon that would be easier to recognize in a list of files -- perhaps a miniature representation of a pattern?
Title: Glossy icon for high resolution monitors 8)
Post by: Saga Musix on July 15, 2009, 20:45:28
Post by: Saga Musix on July 15, 2009, 20:45:28
I think that colours and shape are more important at 16px than the actual stuff that is being represented. That's why I would just try to increase contrast and use the icon where the mpt logo is most visible.
Title: Glossy icon for high resolution monitors 8)
Post by: LPChip on July 15, 2009, 20:48:49
Post by: LPChip on July 15, 2009, 20:48:49
I agree. :)
Title: Glossy icon for high resolution monitors 8)
Post by: nobuyuki on January 07, 2010, 19:54:29
Post by: nobuyuki on January 07, 2010, 19:54:29
Here are some prototype document icons at 16, 32, 48, 128, and 256px raster. The SVG vector format of this file does not include the raster texts, which are overlaid onto the basic icon to be crisp at specific icon resolutions.
Two prototypes are shown, with and without "Pattern data" so you guys can choose which one's better. The pattern one's easier to identify from a distance, while the non-pattern one is less cluttered. A drop shadow's been added to the 256px icon, but can easily be added to the others.
Two prototypes are shown, with and without "Pattern data" so you guys can choose which one's better. The pattern one's easier to identify from a distance, while the non-pattern one is less cluttered. A drop shadow's been added to the 256px icon, but can easily be added to the others.
Title: Glossy icon for high resolution monitors 8)
Post by: Saga Musix on January 07, 2010, 20:12:12
Post by: Saga Musix on January 07, 2010, 20:12:12
I like the drafts. Maybe the classic "sample film-strip look" could be incorporated in the logos in some way? I also would like the pattern font to be a bit less square... but apart from that, good job! And yeah, a light shadow would be nice for all icon sizes (apart from 16x16 maybe and 256c versions).
Title: Glossy icon for high resolution monitors 8)
Post by: nobuyuki on January 08, 2010, 00:29:37
Post by: nobuyuki on January 08, 2010, 00:29:37
I have implemented your suggestions.
Here is a link to the download of the rasters and "Clean" SVG vector file. http://sharebee.com/4b79e3ef
Here is a link to the download of the rasters and "Clean" SVG vector file. http://sharebee.com/4b79e3ef
Title: Glossy icon for high resolution monitors 8)
Post by: Saga Musix on January 08, 2010, 06:05:13
Post by: Saga Musix on January 08, 2010, 06:05:13
Sorry, but I can't download from that site. Can't you just host it on some non-crappy hoster that doesn't force you to turn off AdBlock and NoScript?
Title: Glossy icon for high resolution monitors 8)
Post by: Snu on January 19, 2010, 23:48:41
Post by: Snu on January 19, 2010, 23:48:41
just had to say, i LOVE those file icons, very good job nobuyuki!
Title: Re: Glossy icon for high resolution monitors 8)
Post by: Saga Musix on November 30, 2013, 18:16:35
Post by: Saga Musix on November 30, 2013, 18:16:35
The old icon has now finally been replaced with Nobuyuki's great high-res icon; the 16x16 version has been slightly improved, too.