Wheel of Time Amp

HawkMan · 11th November 2001, 14:08

This is my first Winamp skin so I ave no idea how to do it all. but I'll worry about that when the graphics are done

What do you think so far, and any ideas what I'll put in the "flame" ?
or what else I need in the dragons fang ?

http://home.enter.vg/kkvilvan/WheelOfTimeAmp.jpg

Gonzotek · 11th November 2001, 14:14

It look good - I would concentrate on working in the text next if it were me. The upper circle would be a good place for it, if you hadn't already had that in mind. You could put a matching circle on the bottom, and put the AVS in there like Winique. If you need any help with the xml let me know. I'm always on.

I like you choice of designs a lot! Good job.

-=Gonzotek=-

HawkMan · 11th November 2001, 14:23

http://home.enter.vg/kkvilvan/WheelOfTimeAmp2.jpg

Got the volume knob in.
I thoguh Id' have the text and some stuff int he blue circle. or display

maybe the seek bar in there as well. I though of havign the "flame" as the VIS window or something, I'll have to see if I can fit another display or somehting in there, Can the displays (for vis) be any shape you want ?

Gonzotek · 11th November 2001, 14:52

I know for AVS that they can be whatever you like, you can take apart Winique to see how it was done. To see the whole flame as one big AVS screen would be pretty cool, actually. I don't know if the regular "VIS" (eq bars or scope)can be shaped, that may have to be the standard horizontally aligned rectangle. You can make some "slice buttons" abopve and below the vol knob. I like to see a button for the thinger in the main window of skins, and unless I counted wrong, you need an "open" button still, too; so that's one button above the vol knob and one below it. These are only personal feelings, so I don't mind how you end up implementing things, of course.

And again, nice style

-=Gonzotek=-

HawkMan · 11th November 2001, 14:53

Added a display for the Flame, I'll probably use this for the VIS or something.

Now I just need to figure out how to do everything else

and thank you, I'd appreaciate any help in coding the xml for this thing as I have no idea myself

HawkMan · 11th November 2001, 14:57

Doh.. the open button.. yeah..

Gonzotek · 11th November 2001, 14:59

No problem...If I can ask how you create and modify shapes like the one inside of the flame? I have and have used Photoshop for some time ( > 3 years now), and I don't understand how skinners create some of the shapes that they do...how do you do it? Do you use another program to create the basic shape and then add all the textures, shading, beveling, whatever in PS, I understand how to do all that. It's something I've always wondered about.

-=Gonzotek=-

HawkMan · 11th November 2001, 15:11

Actually I did it quit easy, it's pretty much only Spherical selections. using the Subtract and delete form selection options. that's how I made the first shape to. first one big circle. then I cut of half of it with a recatungal selection. then I cut out the top half circle with a circle half the size. and then finally I add the bottom circle with another half size circle.

that's "basically what I did for that shape too, except it required some expreimentation to get the right shape. then I used the Selection->modify->smooth and smoothed iit by 5 pixels to round of the top corner with was sharp.

Gonzotek · 11th November 2001, 15:15

Wow. I'm going to have to go play and see what I can do. Thanks.

-=Gonzotek=-

HawkMan · 11th November 2001, 16:14

I've been looking at the bitmaps for Winique, and I was wondering. does the rotatign volume bar and stuff have to be drawnin every state of the rotation ? is there no way you can use the scripts to automatically rotate the colum knob bitmap by itself ?

added a few more buttons. I'll add the close, minimize and playlist buttons below the volume know I think. then I might take a chance at finishing the Dragons fang before doign the Flame or AVS window.

oh and do you have to make a "text"graphics ? can't you use true type fonts ?

Gonzotek · 11th November 2001, 16:31

You can use truetype fonts.

PHP Code:


			
<font id="arialfont" file="arial.ttf"/>

    <text

      id="timer"

      display="time"

      x="110" y="100"

      w="80" h="50"

      font="arialfont" fontsize="50" align="center"

      color="0,0,0"

      timecolonwidth="7"

    />

Put <font id> wherever you are putting you declarations, player-elements.xml probably.

I'm still learning the scripting, but you can use rotationlayer.m from winamp3/lib/ to rotate the volume knob or do the animated sequence like Winique, whichever seems easier for you.
-=Gonzotek=-

mc^^^^ · 12th November 2001, 07:29

nice work! clean and sleek. i can never get my graphics that clean, dont know why but i hate it. good work!

Naamloos · 12th November 2001, 10:16

It's still a .psd file i guess...

mark e · 12th November 2001, 11:15

OMG... Cool

HawkMan · 12th November 2001, 11:18

Graphics for the player all done.
I think

now I just need to make this into a working skin.....

wish I had some more experience in skinning beyond Icesphere

anyway I wonders those the WA3 skinning engine have any built in "filters" and stuff, for fading between to graphics files (instead of just swapping them). or some other built in features like that, or does that all have to be built into the graphics beforehand ?

danbee · 13th November 2001, 22:01

this skin looks really cool! good work hawkman!

Ice · 14th November 2001, 03:27

looks like a real good start...

just a few things... on the pause button, the label seems to be a bit high and in the flame thing, there is little bump on the right top (where the sphere is)..

might want to spend some time learning the pen tool, you can create shapes like that much easily.

lunarboy1 · 14th November 2001, 04:36

regions can shape the vis as well as anything else. If you need any regions help just e-mail me

Brennan · 14th November 2001, 21:53

Quote:

anyway I wonders those the WA3 skinning engine have any built in "filters" and stuff, for fading between to graphics files (instead of just swapping them). or some other built in features like that, or does that all have to be built into the graphics beforehand ?

Sounds like it's time to get into MAKI scripting. Via scripting you can fade any element in or out or move it around or whatever else you can think of.

--Brennan

schweitn · 15th November 2001, 16:12

Very zen....

I feel at peace already

phizzure · 15th November 2001, 21:12

Very cool.

P.S. The only thing really missing from Sonique is button fading.... I may have mentioned it before, maybe not.

Lucas · 15th November 2001, 22:53

Quote:

Originally posted by phizzure
Very cool.

P.S. The only thing really missing from Sonique is button fading.... I may have mentioned it before, maybe not.

Can be done with animations or scripting.

-L

HawkMan · 16th November 2001, 14:15

Oh well I guess I should get started on exporting all all the graphics for th eplayer now then...

btw do you guys have any tricks for finding the coordinates to place your graphics ? or do you just guess your way there?

Plague · 16th November 2001, 15:39

I do it with help of the rulers in photoshop...

HawkMan · 17th November 2001, 00:59

does anyone have any good ideas on how to make the seek bar on the display work easily ?
the one way I can think of doign it would require using a mask on a mask wich probably isn't possible.

Brennan · 17th November 2001, 01:04

Man, that is a good-looking skin. Those edges are gonna look super nice with desktop alpha enabled in beta 2. Don't forget to put desktopalpha="1" in your layout options so it will kick in.

--Brennan

HawkMan · 17th November 2001, 11:55

hmm you guys say the Scripting for WA3 is so powerful, so let's put it to the test

Would it be possible to either A: Fill and area with a specific color(preferably a semi transparent color

) based on a grauscale gradient. Or B: Fade in another overlaying image/layer based on a gradient. that would making my Seekbar a lot easier to make work

I'm probably way to optimistic in hoping somethine like this would be possible though..

Naamloos · 17th November 2001, 15:18

Go for B cause I don't think colors are enabled in scripting...

I can be wrong about that

Brennan · 18th November 2001, 00:24

Option B will work right now. Option A isn't supported right now (There is no solid fill object.) Although you could use a bitmap of a solid color, 1x1, and stretch it out to whatever size and set whatever alpha you want.

But if you want to use a grayscale gradient and set another image's alpha to that gradient value as the mouse moves over it, that would be pretty easy.

--Brennan

HawkMan · 18th November 2001, 23:30

hmm ok......
So I have that green circle like thing in the display window wich will be the seekbar, and I have a circular Greysclae map made for it, (even alphae'd in PS).
so if I want to you can use this greyscale map both for jumping to a place in the song, but also use it to sorta say that when the song has played halfway the seekbar image/layer is only visible up untill the grey scale image's values 128,128,128 ?
if so that saves me form lots of complex borign work in manually making an animationof the seekbar

on the good side, I got all the images exported now, and I'm on a good way to have them all defined in the XML

but it takes time with the green buttosn having two up satets (red and green) and opn down state to put in there. all that typing
/me quietly begs for a working WYSIWYG skinner to be finished soon

, especially when I start having to place all the damn images...

Brennan · 18th November 2001, 23:43

Yep! Check out the k-jofol skin for an example. Its seek bar is implemented just like that.

--Brennan

HawkMan · 18th November 2001, 23:57

Cool.

I guess I shoudl start adding the last imags to the XML then... I wish I had some minimum salary workers doing this for me

deXtah · 19th November 2001, 12:33

I might just be interested

HawkMan · 19th November 2001, 18:57

Well 10% of my salary..

oh btw I'm an unemployed student

deXtah · 19th November 2001, 23:33

damn! Just like me then

will · 20th November 2001, 19:41

Wow!

Congrats! that is one suhweet skin man.

keep it up!

HawkMan · 21st November 2001, 19:41

Got some problems, got all the graphics defined in the studio-elements.xml except for the volume and seek bar because I'll concentrate on getting the buttons and stuff where want them first.

and made a player.xml liek th eone in Boxor with all the buttons and stuff in. but when I start the skin, hopign to see at least the background with a lot of misplaced buttons

all I get is a black circle like thing (could be a very small very enlarged part of part of the bg bitmap) and the text bitmap not foudn I think behidn that.

so exactly what do I need in the XML's just to get it to work ?

HawkMan · 21st November 2001, 19:48

hmm well I got it sorta workgin now....

except .. it looks like this instead of the full background picture...

Gonzotek · 21st November 2001, 20:22

Delete studio.xnf. That usually fixes this problem. Let me know if it doesn't work, cause there might be a few other things we can try.
-=Gonzotek=-

HawkMan · 21st November 2001, 20:29

Thanks that worked..
now I just gotta work out the position of all the buttons and stuff

11th November 2001, 14:08	#1
HawkMan Junior Member Join Date: Feb 2001 Posts: 49	Wheel of Time Amp This is my first Winamp skin so I ave no idea how to do it all. but I'll worry about that when the graphics are done What do you think so far, and any ideas what I'll put in the "flame" ? or what else I need in the dragons fang ? http://home.enter.vg/kkvilvan/WheelOfTimeAmp.jpg Last edited by HawkMan; 11th November 2001 at 14:51.

11th November 2001, 14:14	#2
Gonzotek Gunslinger Join Date: May 2000 Location: Terminus Posts: 4,693	It look good - I would concentrate on working in the text next if it were me. The upper circle would be a good place for it, if you hadn't already had that in mind. You could put a matching circle on the bottom, and put the AVS in there like Winique. If you need any help with the xml let me know. I'm always on. I like you choice of designs a lot! Good job. -=Gonzotek=- I was away for a while. But I'm feeling much better now.

11th November 2001, 14:23	#3
HawkMan Junior Member Join Date: Feb 2001 Posts: 49	http://home.enter.vg/kkvilvan/WheelOfTimeAmp2.jpg Got the volume knob in. I thoguh Id' have the text and some stuff int he blue circle. or display maybe the seek bar in there as well. I though of havign the "flame" as the VIS window or something, I'll have to see if I can fit another display or somehting in there, Can the displays (for vis) be any shape you want ? Last edited by HawkMan; 11th November 2001 at 14:51.

11th November 2001, 14:52	#4
Gonzotek Gunslinger Join Date: May 2000 Location: Terminus Posts: 4,693	I know for AVS that they can be whatever you like, you can take apart Winique to see how it was done. To see the whole flame as one big AVS screen would be pretty cool, actually. I don't know if the regular "VIS" (eq bars or scope)can be shaped, that may have to be the standard horizontally aligned rectangle. You can make some "slice buttons" abopve and below the vol knob. I like to see a button for the thinger in the main window of skins, and unless I counted wrong, you need an "open" button still, too; so that's one button above the vol knob and one below it. These are only personal feelings, so I don't mind how you end up implementing things, of course. And again, nice style -=Gonzotek=- I was away for a while. But I'm feeling much better now.

11th November 2001, 14:59	#7
Gonzotek Gunslinger Join Date: May 2000 Location: Terminus Posts: 4,693	No problem...If I can ask how you create and modify shapes like the one inside of the flame? I have and have used Photoshop for some time ( > 3 years now), and I don't understand how skinners create some of the shapes that they do...how do you do it? Do you use another program to create the basic shape and then add all the textures, shading, beveling, whatever in PS, I understand how to do all that. It's something I've always wondered about. -=Gonzotek=- I was away for a while. But I'm feeling much better now.

11th November 2001, 14:53	#5
HawkMan Junior Member Join Date: Feb 2001 Posts: 49	Added a display for the Flame, I'll probably use this for the VIS or something. Now I just need to figure out how to do everything else and thank you, I'd appreaciate any help in coding the xml for this thing as I have no idea myself

11th November 2001, 14:57	#6
HawkMan Junior Member Join Date: Feb 2001 Posts: 49	Doh.. the open button.. yeah..

11th November 2001, 15:11	#8
HawkMan Junior Member Join Date: Feb 2001 Posts: 49	Actually I did it quit easy, it's pretty much only Spherical selections. using the Subtract and delete form selection options. that's how I made the first shape to. first one big circle. then I cut of half of it with a recatungal selection. then I cut out the top half circle with a circle half the size. and then finally I add the bottom circle with another half size circle. that's "basically what I did for that shape too, except it required some expreimentation to get the right shape. then I used the Selection->modify->smooth and smoothed iit by 5 pixels to round of the top corner with was sharp.

11th November 2001, 15:15	#9
Gonzotek Gunslinger Join Date: May 2000 Location: Terminus Posts: 4,693	Wow. I'm going to have to go play and see what I can do. Thanks. -=Gonzotek=- I was away for a while. But I'm feeling much better now.

11th November 2001, 16:14	#10
HawkMan Junior Member Join Date: Feb 2001 Posts: 49	I've been looking at the bitmaps for Winique, and I was wondering. does the rotatign volume bar and stuff have to be drawnin every state of the rotation ? is there no way you can use the scripts to automatically rotate the colum knob bitmap by itself ? added a few more buttons. I'll add the close, minimize and playlist buttons below the volume know I think. then I might take a chance at finishing the Dragons fang before doign the Flame or AVS window. oh and do you have to make a "text"graphics ? can't you use true type fonts ?

11th November 2001, 16:31	#11
Gonzotek Gunslinger Join Date: May 2000 Location: Terminus Posts: 4,693	You can use truetype fonts. PHP Code: `<font id="arialfont" file="arial.ttf"/> <text id="timer" display="time" x="110" y="100" w="80" h="50" font="arialfont" fontsize="50" align="center" color="0,0,0" timecolonwidth="7" />` Put <font id> wherever you are putting you declarations, player-elements.xml probably. I'm still learning the scripting, but you can use rotationlayer.m from winamp3/lib/ to rotate the volume knob or do the animated sequence like Winique, whichever seems easier for you. -=Gonzotek=- I was away for a while. But I'm feeling much better now.

12th November 2001, 07:29	#12
mc^^^^ Forum King Join Date: Aug 2001 Location: Perth, Australia MSN: mcbriar@ii.net Posts: All your posts are belong to me!!!! Posts: 2,607	nice work! clean and sleek. i can never get my graphics that clean, dont know why but i hate it. good work!

12th November 2001, 10:16	#13
Naamloos Forum King Join Date: Mar 2001 Location: irc.tehflap.org/******* Posts: 3,085	It's still a .psd file i guess...

12th November 2001, 11:15	#14
mark e Major Dude Join Date: Aug 2001 Posts: 1,117	... OMG... Cool

12th November 2001, 11:18	#15
HawkMan Junior Member Join Date: Feb 2001 Posts: 49	Graphics for the player all done. I think now I just need to make this into a working skin..... wish I had some more experience in skinning beyond Icesphere anyway I wonders those the WA3 skinning engine have any built in "filters" and stuff, for fading between to graphics files (instead of just swapping them). or some other built in features like that, or does that all have to be built into the graphics beforehand ?

13th November 2001, 22:01	#16
danbee Senior Member Join Date: May 2001 Location: Devon, UK Posts: 320	this skin looks really cool! good work hawkman! :: danbee :: www.danbee.co.uk :: "old programmers never die. they just terminate and stay resident."

14th November 2001, 03:27	#17
Ice Moderator Alumni Americas Favorite Smut Peddler Join Date: Jun 2000 Location: Sun Prarie, WI Posts: 3,304	looks like a real good start... just a few things... on the pause button, the label seems to be a bit high and in the flame thing, there is little bump on the right top (where the sphere is).. might want to spend some time learning the pen tool, you can create shapes like that much easily. I'd like to meet a mad man who makes it all seem sane To work out all these troubles and what there is to gain

14th November 2001, 04:36	#18
lunarboy1 Forum King Join Date: Dec 2000 Location: Somewhere, USA Posts: 2,233	regions can shape the vis as well as anything else. If you need any regions help just e-mail me www.bluni.com Ben Folds Lyrics Database

15th November 2001, 16:12	#20
schweitn Winamp3 Component Guuuru Beta Team Join Date: Dec 2000 Location: Milwaukee, WI Posts: 1,068	Very zen.... I feel at peace already Only two things are infinite, the universe and human stupidity, and I'm not sure about the former. - Albert Einstein Winamp 3 Projects \| Winamp 2x Plugin Manager \| Explorer Playlist \| FileSystem Object \| Shoutcast List \| Sashimi

15th November 2001, 21:12	#21
phizzure Member Join Date: Feb 2001 Location: Michigan Posts: 98	Very cool. P.S. The only thing really missing from Sonique is button fading.... I may have mentioned it before, maybe not.

16th November 2001, 14:15	#23
HawkMan Junior Member Join Date: Feb 2001 Posts: 49	Oh well I guess I should get started on exporting all all the graphics for th eplayer now then... btw do you guys have any tricks for finding the coordinates to place your graphics ? or do you just guess your way there?

16th November 2001, 15:39	#24
Plague f(caffeine){ return wasabi; } (Forum King) Join Date: Jul 2001 Location: Sweden Posts: 3,962	I do it with help of the rulers in photoshop...

17th November 2001, 00:59	#25
HawkMan Junior Member Join Date: Feb 2001 Posts: 49	does anyone have any good ideas on how to make the seek bar on the display work easily ? the one way I can think of doign it would require using a mask on a mask wich probably isn't possible.

17th November 2001, 01:04	#26
Brennan Monkey Hump Master Join Date: Apr 2000 Posts: 782	Man, that is a good-looking skin. Those edges are gonna look super nice with desktop alpha enabled in beta 2. Don't forget to put desktopalpha="1" in your layout options so it will kick in. --Brennan

17th November 2001, 11:55	#27
HawkMan Junior Member Join Date: Feb 2001 Posts: 49	hmm you guys say the Scripting for WA3 is so powerful, so let's put it to the test Would it be possible to either A: Fill and area with a specific color(preferably a semi transparent color ) based on a grauscale gradient. Or B: Fade in another overlaying image/layer based on a gradient. that would making my Seekbar a lot easier to make work I'm probably way to optimistic in hoping somethine like this would be possible though..

17th November 2001, 15:18	#28
Naamloos Forum King Join Date: Mar 2001 Location: irc.tehflap.org/******* Posts: 3,085	Go for B cause I don't think colors are enabled in scripting... I can be wrong about that

18th November 2001, 00:24	#29
Brennan Monkey Hump Master Join Date: Apr 2000 Posts: 782	Option B will work right now. Option A isn't supported right now (There is no solid fill object.) Although you could use a bitmap of a solid color, 1x1, and stretch it out to whatever size and set whatever alpha you want. But if you want to use a grayscale gradient and set another image's alpha to that gradient value as the mouse moves over it, that would be pretty easy. --Brennan

18th November 2001, 23:30	#30
HawkMan Junior Member Join Date: Feb 2001 Posts: 49	hmm ok...... So I have that green circle like thing in the display window wich will be the seekbar, and I have a circular Greysclae map made for it, (even alphae'd in PS). so if I want to you can use this greyscale map both for jumping to a place in the song, but also use it to sorta say that when the song has played halfway the seekbar image/layer is only visible up untill the grey scale image's values 128,128,128 ? if so that saves me form lots of complex borign work in manually making an animationof the seekbar on the good side, I got all the images exported now, and I'm on a good way to have them all defined in the XML but it takes time with the green buttosn having two up satets (red and green) and opn down state to put in there. all that typing /me quietly begs for a working WYSIWYG skinner to be finished soon , especially when I start having to place all the damn images...

18th November 2001, 23:43	#31
Brennan Monkey Hump Master Join Date: Apr 2000 Posts: 782	Yep! Check out the k-jofol skin for an example. Its seek bar is implemented just like that. --Brennan

18th November 2001, 23:57	#32
HawkMan Junior Member Join Date: Feb 2001 Posts: 49	Cool. I guess I shoudl start adding the last imags to the XML then... I wish I had some minimum salary workers doing this for me

19th November 2001, 12:33	#33
deXtah Junior Member Join Date: Oct 2001 Posts: 24	How much is minimum salary? I might just be interested

19th November 2001, 18:57	#34
HawkMan Junior Member Join Date: Feb 2001 Posts: 49	Well 10% of my salary.. oh btw I'm an unemployed student

19th November 2001, 23:33	#35
deXtah Junior Member Join Date: Oct 2001 Posts: 24	damn! Just like me then

20th November 2001, 19:41	#36
will Nullsoft Newbie (Moderator) Join Date: Mar 2001 Location: Sheffield, England Posts: 5,568	Wow! Congrats! that is one suhweet skin man. keep it up! DO NOT PM ME WITH TECH SUPPORT QUESTIONS

21st November 2001, 19:41	#37
HawkMan Junior Member Join Date: Feb 2001 Posts: 49	Got some problems, got all the graphics defined in the studio-elements.xml except for the volume and seek bar because I'll concentrate on getting the buttons and stuff where want them first. and made a player.xml liek th eone in Boxor with all the buttons and stuff in. but when I start the skin, hopign to see at least the background with a lot of misplaced buttons all I get is a black circle like thing (could be a very small very enlarged part of part of the bg bitmap) and the text bitmap not foudn I think behidn that. so exactly what do I need in the XML's just to get it to work ?