ariszlo's avatar

Skin the Library

1 10 108 (1 Today)
By ariszlo   |   
Published:
Many of the earliest Winamp 2 skins and most of the recently published SkinAmp or SkinnerToo-generated Classic skins do not have the Media Library skinned. And they do not skin the Video window either. This short pictorial tutorial explains how to reuse elements of the Playlist Editor window to skin the Media Library and how to turn the no longer used Mini Browser window into a Video window.

Version 1.1: Added more info about coloring the row of pixels in genex.bmp
Comments10
anonymous's avatar
Join the community to add your comment. Already a deviant? Log In
shadesmaclean's avatar
shadesmacleanHobbyist Writer
Excellent, and very informative. :) I've just gotten back into skinning for the first time in several years, and have been using Skinamp, as I did back then. I've been meaning to test whether SkinnerToo works in Wine, but haven't quite gotten around to it yet, so all of my stuff still has the (apparently discontinued) minibrowser and avs components (which I admittedly never personally used back in the day, in case anyone was wondering why they were unfurnished in all of my old amps, though I had been working to flesh them out in my newer ones... apparently to no avail? :| ) Anyhoo, I've been running Linux (Ubuntu, Kubuntu, most recently Manjaro) for a few years now, and have no reliable way to use Winamp directly, so the only program I have that plays Classic skins is Audacious, which brings me to an important question: I noticed when I open my skins (Pip-Boy's and Equestria Girls in particular) in there, the EQ meter colors are upsidedown. (When I open your tutorial amp in there, it also shows your EQ as green at the lowest and red at the highest.) Does anyone know if this happens in Winamp, or it it strictly an Audacious glitch?
ariszlo's avatar
Thanks! :) As for the EQ colors they are displayed the same for me in Winamp, Audacious and Qmmp. (I am using Winamp in Windows and Audacious and Qmmp in Ubuntu.) In eqmain.bmp the top left color shows the lowest value and the bottom right color the highest. The idea is that low to high goes left to right. The shuffle, repeat and other buttons all look the same in all three players for me so if you want them the other way round then just edit shufrep.bmp.
A warning: bmps made with Gimp are not compatible with Winamp so if you want your Audacious skins to be usable in Winamp too then you should open your Gimp-made bmps in e.g. Irfanview and save them.
shadesmaclean's avatar
shadesmacleanHobbyist Writer
Ah, thanks for the reality check. :) I see now that I was merely misinterpreting the meter values and the button meanings after so long. (Before I got back to amp designs, I got version-locked out of working versions of Audacious, and later Photoshop (in Wine), until I was in a position to upgrade from Kubuntu 14 to Manjaro back in December, so I was basically designing amps with no way of testing them, and I kinda wish one of the dozens of people who downloaded my Pip-Boy amps could've popped back for a moment to tell me my fly was unzipped... =P ) I'm relieved to know that Audacious didn't mess anything up on the basic skin presentation, so that just means I need to edit the original bitmaps to look how I intended in practice. Since I lost use of Photoshop for a good chunk of last year, I ended up doing all of my pre- and post-production in gimp, and fortunately, there is a way to save .bmp's that compatible with Winamp skins: when you go into the export settings, just make sure to check the "do not write color space information" option, and use 24-bit R8 G8 B8. :)
shadesmaclean's avatar
shadesmacleanHobbyist Writer
BTW, an odd question occurred to me the other day. Audacious doesn't use the media library component, so I have no way of testing it for myself, but those upper-middle four sections, do they all have to be identical, or can they depict four different images or pattern segments?
ariszlo's avatar
They can be different.
    • The leftmost section will skin the top-left corner and the rightmost section the top-right corner. They are not resizable.
    • The third section will show the window title. It is horizontally resizable.
    • The second section is non-resizable and it will be displayed to the left of the window title.
    • The fourth section is non-resizable and it will be displayed to the right of the window title.
    • The fifth section is resizable and it will be displayed to the right of the top-left corner and to the left of the top-right corner.

    shadesmaclean's avatar
    shadesmacleanHobbyist Writer
    Thanks for the info. :) Fortunately, I found a resource called the Skinners Atlas, and it has been immeasurable help with my more recent projects, not mention how much time, tinkering and blunders it could've saved me on my past designs. =P
    Nekomarunosuke's avatar
    NekomarunosukeHobbyist Traditional Artist
    I use the SkinnerToo to make the winamp skins, and then I can't bear to show the base winamp skin design, then I make the template for the MB, VIdeo and Library each, the parts is from pledit.bmp so I change the pledit_mask.bmp in template files. and I notice when the size of the width and height on template files is changed the program don't work well.

    about the fonts on the titlebar of general window, I currently use the eqmain_mask.bmp in the SkinnerToo template files but now I think it's clear to make the another template for the general fonts and using on the pledit_mask.bmp.

    on the pushed buttons on Video and MB windows, I make the pushed buttons templates and create the skin, and open the eqmain.bmp and cut off 75*18 sized image from 9, 81 point.
    ariszlo's avatar
    Thank you Nekomarunosuke, I really appreciate your helpful comment and I am glad :) to read about your templates. You are an exceptionally prolific artist who does care about the completeness of his skins. Congrats for your work. :thumbsup:
    Victhor's avatar
    VicthorHobbyist Interface Designer
    This is great, I don't know about the precision of the tutorial because I never did a Classic skin, but I trust your perfectionism =).
    ariszlo's avatar
    Thanks, Victhor! :)
    anonymous's avatar
    Join the community to add your comment. Already a deviant? Log In