Xion Audio Player

skinning tricks

Tips, Tricks and Techniques for creating amazing Xion skins

Postby AphexMonkey » October 10th, 2008, 8:25 am

Thanks SLoB!! :D
User avatar
AphexMonkey
Xion Supporter
 
Posts: 17
Joined: September 21st, 2008, 2:57 am

Postby Vinnie84 » September 29th, 2009, 4:14 pm

ok n00bs
this is the most strait forward way AND
you only need a pause button because pause will also play,
so in this order

pause (with a visibility of around 2% that covers the entire underlying buttons area)
indi_pause (make this layer look like a play button with full visibility)
indi_play (make this look like a pause button with full visibility)

so now the invisible pause overlay is the actual button and the visible underlying indicaters are replicating actual button toggling
User avatar
Vinnie84
Xion Supporter
 
Posts: 75
Joined: September 28th, 2009, 1:30 pm
Location: Australia

Postby Cliff Cawley » September 29th, 2009, 9:22 pm

Vinnie84 Wrote:ok n00bs
this is the most strait forward way AND
you only need a pause button because pause will also play,
so in this order

pause (with a visibility of around 2% that covers the entire underlying buttons area)
indi_pause (make this layer look like a play button with full visibility)
indi_play (make this look like a pause button with full visibility)

so now the invisible pause overlay is the actual button and the visible underlying indicaters are replicating actual button toggling


If you wanted to improve on this, you could combine the indicator keywords in the pause layer. That way you could have two different buttons, with _over and _down layers as well.

The layer list might look like this:

pause_over
pause_normal indi_pause
pause_down
pause_over
pause_normal indi_play
pause_down

Now you can paint the pause buttons separately, with their own _over and _down layers for extra effect ;)

Cliff :)
Cliff Cawley
Creator of Xion
r2 Studios
http://www.r2.com.au
http://xion.r2.com.au
User avatar
Cliff Cawley
Creator of Xion
 
Posts: 1955
Joined: September 3rd, 2006, 11:33 am
Location: Brisbane, Australia

Postby Vinnie84 » September 29th, 2009, 9:42 pm

Cliff is indeed THE MAN lol

using "PASSTHROUGH" on multiple layers (which didnt work for me at the time anyway)
i simply have an invisible layer on top named "moveable"
User avatar
Vinnie84
Xion Supporter
 
Posts: 75
Joined: September 28th, 2009, 1:30 pm
Location: Australia

Postby FaNtA » January 26th, 2010, 9:49 pm

Hey Cliff,
thanks for the tip with the toggle Play/Pause Button.

Unfortunality, I have encountered a bug:
When pressing the stop-button, the play/pause Button disappears. It returns when I push on the "previous" button.

Any fix for that?
Will upload the skin if needed.

Greetz,
Chris
User avatar
FaNtA
Xion Supporter
 
Posts: 2
Joined: January 26th, 2010, 9:46 pm

Postby WinstonGFX » January 26th, 2010, 11:34 pm

the play icon needs an indi_stop
User avatar
WinstonGFX
Xion Admirer
 
Posts: 161
Joined: March 3rd, 2007, 6:47 pm
Location: Philadelphia, PA and New Jersey

Postby FaNtA » January 27th, 2010, 12:27 am

Thanks for the reply - it's working now.
The system is kinda strange at first ^^

And is it normal, that when pressing now the stop/next/previous button, that the play/pause button will shortly fade out (in transparency) and fade in afterwards?
Just wondering.

Need to learn this indi_xxx thingy.
User avatar
FaNtA
Xion Supporter
 
Posts: 2
Joined: January 26th, 2010, 9:46 pm

Postby WinstonGFX » January 27th, 2010, 1:11 pm

play icon needs: indi_stop indi_pause
pause icon needs: indi_play
User avatar
WinstonGFX
Xion Admirer
 
Posts: 161
Joined: March 3rd, 2007, 6:47 pm
Location: Philadelphia, PA and New Jersey

Postby xonenine » January 27th, 2010, 1:22 pm

I believe this was originally made by Jikaru, and sums it up pretty nice... :)

Image
User avatar
xonenine
Xion Freak
 
Posts: 873
Joined: February 8th, 2008, 1:29 pm
Location: NY

Postby SLoB » January 27th, 2010, 7:56 pm

Hmm, wonder if indi was named after the dog ;) heheh
User avatar
SLoB
Xion Junkie
 
Posts: 1340
Joined: September 11th, 2006, 9:21 pm
Location: UK

Postby Cliff Cawley » January 28th, 2010, 1:14 pm

xonenine Wrote:I believe this was originally made by Jikaru, and sums it up pretty nice... :)

Image


One thing to note, is that you don't need to add the extra keywords to the _over and _down layer. Just the _normal. The _over and _down layer will use the keywords from _normal if they don't have any.

Cliff :)
Cliff Cawley
Creator of Xion
r2 Studios
http://www.r2.com.au
http://xion.r2.com.au
User avatar
Cliff Cawley
Creator of Xion
 
Posts: 1955
Joined: September 3rd, 2006, 11:33 am
Location: Brisbane, Australia

Postby Cliff Cawley » January 28th, 2010, 1:19 pm

FaNtA Wrote:And is it normal, that when pressing now the stop/next/previous button, that the play/pause button will shortly fade out (in transparency) and fade in afterwards?
Just wondering.


Its possibly just that I need to polish the rendering some more. It may also be that if you have 2 buttons fading, opposite to each other (i.e. one fading in, one fading out), that what you're seeing is the point where they're mixing together, and due to both being slightly transparent, you can see through underneath them. This can usually be fixed by taking a copy of one of the buttons, and merging it into the layers below to 'bake it in'.

That way when both buttons are between fading, you will see the baked in button behind, instead of the underneath of the skin.

FaNtA Wrote:Need to learn this indi_xxx thingy.


indi_ stands for 'Indicator'. It indicates state. So indi_play will be active when the player is playing. Any layer with this keyword will show itself. When its not active, the layer will hide itself.

Cliff :)
Cliff Cawley
Creator of Xion
r2 Studios
http://www.r2.com.au
http://xion.r2.com.au
User avatar
Cliff Cawley
Creator of Xion
 
Posts: 1955
Joined: September 3rd, 2006, 11:33 am
Location: Brisbane, Australia

Postby SLoB » January 28th, 2010, 7:47 pm

Yea we knew what indi was for ;) no one guessed the film tho ;) ohwell
User avatar
SLoB
Xion Junkie
 
Posts: 1340
Joined: September 11th, 2006, 9:21 pm
Location: UK

Postby xonenine » January 28th, 2010, 11:08 pm

U got me, I tried to think of it... :)

I remember Snaprectangle the dog, but not indi... :)
User avatar
xonenine
Xion Freak
 
Posts: 873
Joined: February 8th, 2008, 1:29 pm
Location: NY

Postby djinn2 » January 29th, 2010, 1:32 am

I assume you were referring to Indiana Jones. He was named after the families dog as mentioned by his father (Sean Connery) in The Last Crusade :wink:
djinn2
Xion Admirer
 
Posts: 203
Joined: October 4th, 2006, 11:47 am
Location: UK
PreviousNext

Return to Tips, Tricks and Techniques

Who is online

Users browsing this forum: No registered users and 1 guest