Old 30th March 2003, 20:45   #1
buddy139913
Senior Member
 
buddy139913's Avatar
 
Join Date: May 2002
Location: Glued to my computer screen.
Posts: 302
Send a message via AIM to buddy139913
Coding a Skin

Hey... I was working on an idea for a skin (see attachement below) and I think it turned out allright. I've never made a Winamp 3 skin before, and don't quite know how to code it. If anyone on these forums would be willing to code it, and help me along with what exactly to do (image file-wise), I would be very happy. It shouldn't take all that long, as the skin seems to be quite simple.

Also, any comments / suggestions on my idea would be appreciated, too!
Attached Images
File Type: jpg idea.jpg (17.6 KB, 228 views)
buddy139913 is offline   Reply With Quote
Old 30th March 2003, 21:15   #2
Atmo
The Freak
(Forum King)
 
Atmo's Avatar
 
Join Date: Feb 2002
Location: Australia
Posts: 9,400
Im not a coder, but i do have some suggestions.

Firstly, it's too hard to read the text, perhaps darken it a bit or lower the opacity of the glass.

Secondly, the buttons are too small, perhaps use the circle where the buttons are for just the play button, and add some more circles with other the buttons.

I also think it needs some sort of border. If you managed to make them look like individual glass spheres it might look ok, but at the moment it just doesnt look right.
Atmo is offline   Reply With Quote
Old 30th March 2003, 22:27   #3
buddy139913
Senior Member
 
buddy139913's Avatar
 
Join Date: May 2002
Location: Glued to my computer screen.
Posts: 302
Send a message via AIM to buddy139913
Oook... took some of ur advice. I moved the C-Buttons, made them bigger, and as soon as I moved them I realized I have forgotten about the shuffle and repeat buttons, so I put those in place of the C-Buttons. I darkend the shine effect, and lowered the brightness of the text on almost all of the text. I tried putting a stroke on the circles, but it got all icky, so instead I put a shadow / glow type of thing. (By the way... it's s'possed to be bubbles...) Any other comments would be appreciated!
Attached Images
File Type: jpg idea2.jpg (19.1 KB, 208 views)
buddy139913 is offline   Reply With Quote
Old 30th March 2003, 22:53   #4
Atmo
The Freak
(Forum King)
 
Atmo's Avatar
 
Join Date: Feb 2002
Location: Australia
Posts: 9,400
Try a shadow like this (common source for all the bubbles though) and perhaps add a purple-blue-cyan gradient (soft light blend) to give some refraction.
Attached Images
File Type: jpg bubble.jpg (10.0 KB, 197 views)
Atmo is offline   Reply With Quote
Old 30th March 2003, 23:05   #5
RLF
Major Dude
 
RLF's Avatar
 
Join Date: Jan 2003
Location: Grapevine TX nukkaaaa
Posts: 683
Send a message via AIM to RLF
awesome bubble atmo!!

http://ryan-gfx.deviantart.com - gallery
RLF is offline   Reply With Quote
Old 31st March 2003, 00:26   #6
buddy139913
Senior Member
 
buddy139913's Avatar
 
Join Date: May 2002
Location: Glued to my computer screen.
Posts: 302
Send a message via AIM to buddy139913
Hmm... sounds like a good idea. But the only thing is that I'm using Photoshop 5.0, and on top of that a Limited version... so if you have any idea about how I would go about doing that, I would appreciate it!
buddy139913 is offline   Reply With Quote
Old 31st March 2003, 00:47   #7
Atmo
The Freak
(Forum King)
 
Atmo's Avatar
 
Join Date: Feb 2002
Location: Australia
Posts: 9,400
Have you tried PSP7? There's a 30 day trial version available for download.

I know that if you're used to photoshop it's a bit of a change, but it's better than a limited version of ps.

I've made some tutorials, which can be seen here: http://www.atmodigitaldesign.com/boa...wforum.php?f=7

The technique i used in Glass Tutorial 2 - advanced is the same as i used to make the bubble.
Atmo is offline   Reply With Quote
Old 31st March 2003, 01:27   #8
buddy139913
Senior Member
 
buddy139913's Avatar
 
Join Date: May 2002
Location: Glued to my computer screen.
Posts: 302
Send a message via AIM to buddy139913
Ahh... 3rd update today. The color dodge reeeeally helps make the bubbles look real. Any more comments?... I appreciate all the help. And yes, the fonts will be made darker.

[edit]Ah, I just realized what your post was telling me to do... I didn't realize that it was about shading the edges! I did that... but I'll add a picture once I get more done.[/edit]
Attached Images
File Type: jpg idea3.jpg (52.4 KB, 188 views)
buddy139913 is offline   Reply With Quote
Old 31st March 2003, 10:00   #9
binary hero
Banned
 
Join Date: Jun 2001
Posts: 7,004
Send a message via ICQ to binary hero
try some highlight in the top left of the bubbles too.
binary hero is offline   Reply With Quote
Old 31st March 2003, 11:52   #10
carlosp
Major Dude
 
carlosp's Avatar
 
Join Date: Nov 2002
Location: Hamburg, Germany
Posts: 1,312
Forgot the shadow. You must use desktopalpha to see the shadow and nobody likes desktopalpha becuase it uses to much cpu. i am coder and i whould like to code it or write somescripts for it. If you still need a coder write an e-mail and we will see.

->CarlosP<-
carlosp is offline   Reply With Quote
Old 31st March 2003, 13:58   #11
binary hero
Banned
 
Join Date: Jun 2001
Posts: 7,004
Send a message via ICQ to binary hero
but they are circles. desktopalpha will need to be on to make them look nice.
binary hero is offline   Reply With Quote
Old 31st March 2003, 22:43   #12
RLF
Major Dude
 
RLF's Avatar
 
Join Date: Jan 2003
Location: Grapevine TX nukkaaaa
Posts: 683
Send a message via AIM to RLF
atmo... your tutorials are astounding! that's a really encredibly sweet glass effect!

http://ryan-gfx.deviantart.com - gallery
RLF is offline   Reply With Quote
Old 1st April 2003, 00:11   #13
buddy139913
Senior Member
 
buddy139913's Avatar
 
Join Date: May 2002
Location: Glued to my computer screen.
Posts: 302
Send a message via AIM to buddy139913
Ok... got some more done. Minor changes to the Main Mode... shading around the edges added, and text darkend up some... also, the upper left highlight opacity brought up. I think I'll keep the shade around it, becuase without it, it looks very bare.

Now.. The Mini Mode. I reeeally need some help there. It's way too cluttered, and it's not really all that mini. Any suggestions at all for that?

Also, the name... it's terrible as of right now (too musch like almost all the names for winamp 2) so if any one has suggestions...
Attached Images
File Type: jpg display.jpg (99.7 KB, 165 views)
buddy139913 is offline   Reply With Quote
Old 1st April 2003, 00:22   #14
Atmo
The Freak
(Forum King)
 
Atmo's Avatar
 
Join Date: Feb 2002
Location: Australia
Posts: 9,400
Quote:
atmo... your tutorials are astounding! that's a really encredibly sweet glass effect!
Thanks.

As for how the skins going, i do have a few suggestions.

Firstly, the play button is backwards..nothing wrong with it, just seems kinda strange. Secondly, shuffle is shortened to suf, perhaps change it to shf or shuf if it'll fit.

The other thing is the pos and vol displays being on the eq. Since it isnt really integrated into the skin IMO it should be a seperate window, so therefore vol and pos bars would have to go somewhere else (like where they are in the mini mode perhaps).

Mini mode is small enough, perhaps enlarge the rest of the skin so it seems smaller.
Atmo is offline   Reply With Quote
Old 1st April 2003, 18:01   #15
hammerhead
The Shark
(Forum King)
 
hammerhead's Avatar
 
Join Date: Jul 2002
Posts: 2,537
Send a message via AIM to hammerhead
It looks pretty cool
hammerhead is offline   Reply With Quote
Old 1st April 2003, 22:21   #16
RLF
Major Dude
 
RLF's Avatar
 
Join Date: Jan 2003
Location: Grapevine TX nukkaaaa
Posts: 683
Send a message via AIM to RLF
hehe, the minimode looks bigger than the main mode!

http://ryan-gfx.deviantart.com - gallery
RLF is offline   Reply With Quote
Old 2nd April 2003, 00:19   #17
buddy139913
Senior Member
 
buddy139913's Avatar
 
Join Date: May 2002
Location: Glued to my computer screen.
Posts: 302
Send a message via AIM to buddy139913
Quote:
Originally posted by hammerhead
It looks pretty cool
Thanks!

Ok... fixed up some things since last update. Corrected all the stupid mistakes that I made (play button, Suf etc). Added 2 new modes: Stick Mode and Tiny Mode. Tiny Mode will basically be the 'partial' mini-mode for te skin... as it's very small. When entering that mode, all you will have is the play, pause, back and forward buttons, and a little hovering bubble off to the left. Stick mode is the basic stick mode.

RLF, yeah, I know the mini-mode looks bigger than the main mode (which in reality it isn't because the main mode has all the bubbles around it), but if I were to make it any smaller, everything would be jammed onto there.

Hope you like it! Any more comments? I appreciate all this help.
Attached Images
File Type: jpg display.jpg (54.2 KB, 159 views)
buddy139913 is offline   Reply With Quote
Reply
Go Back   Winamp & SHOUTcast Forums > Skinning and Design > Modern Skins

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump