Help - Search - Members - Calendar
Full Version: [Tool] MediaPlayer Skinner
mobile9 Forum > ThemeMaking > Chat, Tutorials & Resources > Tutorials
Pages: 1, 2
Lionet
user posted image

MediaPlayer Skinner

Description

This software is the extension of Sony Ericsson Themes Creator. It helps themers to make skins for Media Player. It creates XML lines discribed colors and images, used in the Media Gallery and Walkman player in Sony Ericsson phones ver. 4.6. and ver. 4.7.
Themer gets an usual interface, similar in SE TC, and he/she can inserts images and edits colors as he/she always doing in TC.
The one of features I like more than others is a possibility to export screens preview to a PNG image and/or copy it to clipboard to paste into another graphics editors smile.gif
And I have to say big thanx for Atalantos notworthy.gif for his psd layouts for media player skins. I've fully remade them, but it was a first incitement for creating the Skinner.


List of supported phones
(based on Developers guidelines: Themes, 31st edition, June 2008)
  • C-series: C702, C902
  • G-series: G502
  • K-series: K660, K850
  • W-series: W760, W890, W910, W760, W980
  • Z-series: Z750, Z770, Z780
  • and all new phones 240x320, supported themes ver 4.6. and 4.7.
Limitations
  • 240x320 screens only! No 176x220 phones supported (such as K630 and V640). I don't ever know how they looks...
Screenshot
(click to enlarge)
user posted image


Current version and download

Current version: 1.00, 2008-Dec-02
You can download the Skinner here: [link].
Please note, that this is beta version. I don't sure that it will works as I planned ohmy.gif So beta-testing is the one of aims why I've published this post now. I'm waiting for your suggestions and comments and bugs (if any). Please, don't be kind to the developer and test it into different impossible situations to improve this tool for the common advantage.


To-Do list
  • Altrernative color dialog with a feature to pick theme's colors
  • Theme's properties editor (author, email, etc.)
  • (still thinking) Sometimes the SE TC is stored one file to archive twice or thrice, but when the phone unpacks theme, it used only one copy of this file. I think to add to the Skinner the ability to delete repeated files from a theme, and reduce theme's size...
Sincerely Yours, Lio
byebye.gif
Lionet
Tutorial (How to use)
Written by Atalantos notworthy.gif

I'm not going to explain how the xml code works or how to import the extra xml code lines into the original xml file from the theme (thm file). Because thanks to Lionet notworthy.gif you don't have to worry about that anymore clap.gif

Since the 1.00 ver. you can :
1. open directly a thm file with the Media Player Skinner (MPS)
2. import the images "Portrait" and "Landscape"
3. set the background, text and elements colors
4. export the previews for a presentation
5. save the thm file


and all that as easy as the standard SE Theme Creator (TC) 10.gif

=========================

1. open directly a thm file with the MPS

"After you have finished with the TC you would have a thm file, this file we will need to add the skin"

Open the MPS and go to "File" and select "Load theme..." locate the thm file you want to add the skin and open it.



*note: you may not see any differences and thats because of, your theme doesn't have any info for the MPS. You can only see the name of the opened thm file at the upper left instead of the "(untitled)" and thats the only way to know which thm file you are editing wink.gif



=========================

2. import the images "Portrait" and "Landscape"

Select the "Portrait" tab ("1" at the preview) and then the "Import" ("2" at the preview) to load the picture you want for the Portrait. The same goes for the Landscape but select the "Landscape" tab instead.



*note: there is no need to import these pictures if you don't want to.

=========================

3. set the background, text and elements colors

The procedure is the same as the TC so, to avoid a long tutorial and make it more easier I will explain only the tricky parts, for all other just place a color and you will understand were it takes place wink.gif





"1": the Media Player background color takes effect at the main background color and also at the search background color.
for ex. if I place a dark blue color the search will look like this



"2": Media Line Default gallery isn't visible at the MPS previews and it's a very tricky one.

"Default Gallery" meaning: each SE series has it's own default color, for ex. Walkman series have the orange and Cyber-shot series have the blue color...
on W series the default is the Music Gallery, the line and those flying bubbles on the right have orange color (the bubbles are not visible at the MPS preview) and the other Galleries have white color,
on C series the default is the Photo Gallery and uses the blue color




By setting a color for the default gallery line it takes effect also at the color of the default flying bubbles. Unfortunately the bubbles can take only two colors, the default color and the white color.
So for ex. if you set any color beside white, then the line will have the chosen color and the bubbles will have the default color (orange for W series and blue for C series...), if you set a white color then both will be white wink.gif

"3": Flying bubbles color is for the none default galleries and you can set them with only two colors, the default and white color as I mentioned above.

=========================

4. export the previews for a presentation

There are two ways for exporting your previews...

1. go to "File" "Export preview" and select the screen you want to export and save them individually.



2. go to "View" "Preview all screens..."



and it will popup the following window and all you have to do is to select your image format and hit "Save preview..."



=========================

5. save the thm file

to save the thm file go to "File" "Save theme" or "Save theme as..." if you want to name it differently and thats it, you've done it clap.gif



Happy Skinning byebye.gif grouphug.gif
adonisdemon
Wow, I didn't know it could be edited! Great work Lionet! Blogging it now, hopefully you'll get some more testers for this.
Atalantos
This is user posted image Lionet clap.gif clap.gif clap.gif notworthy.gif notworthy.gif notworthy.gif
I'm on it mf_type.gif

QUOTE(adonisdemon @ Nov 1 2008, 02:37 PM)
Wow, I didn't know it could be edited!
[right][snapback]527490[/snapback][/right]

and that's because you haven't been at my thread for a looooong time chair.gif tongue.gif laugh.gif
Lionet
@adonis
thanks for blogging smile.gif

@ata
I've sent PM for you, but answer will follows tomorrow smile.gif
adonisdemon
QUOTE(adonisdemon @ Nov 1 2008, 02:37 PM)
Wow, I didn't know it could be edited!
[right][snapback]527490[/snapback][/right]

QUOTE
and that's because you haven't been at my thread for a looooong time chair.gif tongue.gif laugh.gif

[right][snapback]527500[/snapback][/right]

Apologies notworthy.gif
Atalantos
QUOTE(Lionet @ Nov 1 2008, 06:40 PM)
@ata
I've sent PM for you, but answer will follows tomorrow smile.gif
[right][snapback]527572[/snapback][/right]

Ok! I'm waiting wink.gif

QUOTE(adonisdemon @ Nov 1 2008, 09:42 PM)
Apologies notworthy.gif
[right][snapback]527587[/snapback][/right]

haha.gif No worries adonisdemon thumbsup.gif
zjurina
10.gif 10.gif 10.gif 10.gif 10.gif 10.gif 10.gif 10.gif

WWWOOOOOOOOOOOOOO . . . .. . .

This is the BEST THING IT HAPPENED from a quite long time ! ! !

clap.gif clap.gif clap.gif Congrats Lionet ! clap.gif clap.gif clap.gif



And Thank you notworthy.gif notworthy.gif notworthy.gif in a name of ALL THE THEMERS WHO WILL USE IT !
Lionet
@zj - notworthy.gif thankyou!

------------
version 0.02 beta is now available
  • all screens preview is added
  • some minor corrections at the search screen:
    - background's opacity is now 75%
    - multiletter search color is corrected

------------
version 0.03 beta 2008-11-11
  • some minor changes in layers rendering (transparency of player's state icons)
  • routine for restoring windows position's on the screen is remaded for more slide resizing
Lionet
Finally I've made the load_from_theme / save_to_theme features. And the main part as I planned the application has done.
I playing with it several days already, hunting for bugs and illogical behaviour... So it's your turn now smile.gif

As always your opinion(s) and your comments are welcome.
The link for download is in the first post.

SY

--------------

Current version: v. 1.00, 2008-Dec-02
  • THM files support is added (load, save, save as, create new)
  • Some minor corrections at the portrait screen preview:
    - The PNG mask for text's shadow is remaded
--------------

To-do list:
  • Altrernative color dialog with a feature to pick theme's colors
  • Theme's properties editor (author, email, etc.)
  • (still thinking) Sometimes the SE TC is stored one file to archive twice or thrice, but when the phone unpacks theme, it used only one copy of this file. I think to add to the Skinner the ability to delete repeated files from a theme, and reduce theme's size...
Atalantos
Thats awesome Lionet wow.gif 10.gif clap.gif

dots.gif the download link has the 0.03ver not the 1.00ver unsure.gif
Lionet
Thanks for informing, Ata!
I've reuploaded zip. Try it now

I tested it on your themes mostly, they are open wonderful smile.gif
Atalantos
It works now thumbsup.gif

I'll test it with my new theme for TMC mf_type.gif clap.gif clap.gif clap.gif


@ Admins
I think this should be pinned thumbsup.gif
ArthurWill
Topic pinned. Thanks Atalantos for the head-up. Plus, I have included this MediaPlayer Skinner in Sony Ericsson Theme Creator download thread. smile.gif
Atalantos
@ AW thumbs_up.gif
dajumper
hi when do you have turotail finisch? because when i save it xml i don't how to use in theme it does not work sad.gif

QUOTE(Lionet @ Nov 1 2008, 02:28 AM)
user posted image

MediaPlayer Skinner

Description

This software is the extension of Sony Ericsson Themes Creator. It helps themers to make skins for Media Player. It creates XML lines discribed colors and images, used in the Media Gallery and Walkman player in Sony Ericsson phones ver. 4.6.  and ver. 4.7.
Themer gets an usual interface, similar in SE TC, and he/she can inserts images and edits colors as he/she always doing in TC.
The one of features I like more than others is a possibility to export screens preview to a PNG image and/or copy it to clipboard to paste into another graphics editors smile.gif
And I have to say big thanx for Atalantos notworthy.gif for his psd layouts for media player skins. I've fully remade them, but it was a first incitement for creating the Skinner.


List of supported phones
(based on Developers guidelines: Themes, 31st edition, June 2008)

  • C-series: C702, C902
  • G-series: G502
  • K-series: K660, K850
  • W-series: W760, W890, W910, W760, W980
  • Z-series: Z750, Z770, Z780
  • and all new phones 240x320, supported themes ver 4.6. and 4.7.
Limitations

  • 240x320 screens only! No 176x220 phones supported (such as K630 and V640). I don't ever know how they looks...
Screenshot
(click to enlarge)
user posted image


Current version and download

Current version: 1.00, 2008-Dec-02
You can download the Skinner here: [link].
Please note, that this is beta version. I don't sure that it will works as I planned ohmy.gif So beta-testing is the one of aims why I've published this post now. I'm waiting for your suggestions and comments and bugs (if any). Please, don't be kind to the developer and test it into different impossible situations to improve this tool for the common advantage.


To-Do list

  • Altrernative color dialog with a feature to pick theme's colors
  • Theme's properties editor (author, email, etc.)
  • (still thinking) Sometimes the SE TC is stored one file to archive twice or thrice, but when the phone unpacks theme, it used only one copy of this file. I think to add to the Skinner the ability to delete repeated files from a theme, and reduce theme's size...
Sincerely Yours, Lio
byebye.gif
[right][snapback]527462[/snapback][/right]

Atalantos
@ dajumper
Lionet will post the tutorial, be patient wink.gif

meanwhile if you have the latest beta version 1.00 of the Skinner try this...

1. open the MP Skinner and load the theme that you want to add the skin
2. import the portrait, landscape and colors you prefer into it as you did in the SE theme creator
3. save it and you done

that simple thumbsup.gif

thumbs_up.gif to Lionet notworthy.gif

For farther instructions don't hesitate to ask wink.gif
Lionet
QUOTE(dajumper @ Dec 4 2008, 09:48 AM)
hi when do you have turotail finisch? because when i save it xml i don't how to use in theme it does not work sad.gif[right][snapback]532482[/snapback][/right]


@dajumper
Sorry I can't understand. If you've already worked with SE Themes Creator, then you know how to save your theme. I've tried to make the Skinner as quite similar like as the SE TC.
I suppose you've used "Export to XML" feature. But you have to use "Save" or "Save as..." to save your edits in your theme.

Please describe the error in details.

@ata
Do we need to have Tutorial? if yes, may I ask you to write it? haha.gif
I'm so lazy... smile.gif (i just don't know what I have to write there smile.gif)
dajumper
ok thx is is working now thx for the tip smile.gif

QUOTE(Atalantos @ Dec 3 2008, 05:21 PM)
@ dajumper
Lionet will post the tutorial, be patient wink.gif

meanwhile if you have the latest beta version 1.00 of the Skinner try this...

1. open the MP Skinner and load the theme that you want to add the skin
2. import the portrait, landscape and colors you prefer into it as you did in the SE theme creator
3. save it and you done

that simple thumbsup.gif

thumbs_up.gif to Lionet  notworthy.gif

For farther instructions don't hesitate to ask wink.gif
[right][snapback]532484[/snapback][/right]

Atalantos
QUOTE(Lionet @ Dec 4 2008, 03:51 AM)
Do we need to have Tutorial?
[right][snapback]532485[/snapback][/right]

Sure a tut will be helpful wink.gif

QUOTE(Lionet @ Dec 4 2008, 03:51 AM)
may I ask you to write it? haha.gif
I'm so lazy... smile.gif (i just don't know what I have to write there smile.gif)
[right][snapback]532485[/snapback][/right]

blink.gif I'll see what I can do mf_type.gif ... I'll PM you wink.gif

QUOTE(dajumper @ Dec 5 2008, 01:48 AM)
ok thx is is working now thx for the tip smile.gif
[right][snapback]532627[/snapback][/right]

Thats nice to hear dajumper byebye.gif grouphug.gif
sleeper1014
I can't load a theme in this program... I press file and then I want to click on the "load theme" but I cant.
Am I doing something wrong? Please help...
Atalantos
Probably you have an older version...
go to Help/About and see what version you have
you must have the ver.1.00 to load a theme wink.gif
if you don't, then download it again from the 1st post byebye.gif grouphug.gif
sleeper1014
Yes that was my problem... Thanks for helping me.
azninluv
Thank you!
Atalantos
@ sleeper
glad that I helped...!!! grouphug.gif

@ azninluv
you are welcome grouphug.gif
Barney2229
first great program 10.gif i got it from se-nse then got this link my question what do you save the .xml as and where do you put the .xml in your phone? thanks
Atalantos
Ok I've promised a tutorial for the Skinner!!! grouphug.gif

I'm not going to explain how the xml code works or how to import the extra xml code lines into the original xml file from the theme (thm file). Because thanks to Lionet notworthy.gif you don't have to worry about that anymore clap.gif

Since the 1.00 ver. you can :
1. open directly a thm file with the Media Player Skinner (MPS)
2. import the images "Portrait" and "Landscape"
3. set the background, text and elements colors
4. export the previews for a presentation
5. save the thm file


and all that as easy as the standard SE Theme Creator (TC) 10.gif

=========================

1. open directly a thm file with the MPS

"After you have finished with the TC you would have a thm file, this file we will need to add the skin"

Open the MPS and go to "File" and select "Load theme..." locate the thm file you want to add the skin and open it.

user posted image

*note: you may not see any differences and thats because of, your theme doesn't have any info for the MPS. You can only see the name of the opened thm file at the upper left instead of the "(untitled)" and thats the only way to know which thm file you are editing wink.gif

user posted image

=========================

2. import the images "Portrait" and "Landscape"

Select the "Portrait" tab ("1" at the preview) and then the "Import" ("2" at the preview) to load the picture you want for the Portrait. The same goes for the Landscape but select the "Landscape" tab instead.

user posted image

*note: there is no need to import these pictures if you don't want to.

=========================

3. set the background, text and elements colors

The procedure is the same as the TC so, to avoid a long tutorial and make it more easier I will explain only the tricky parts, for all other just place a color and you will understand were it takes place wink.gif

user posted image

user posted image

"1": the Media Player background color takes effect at the main background color and also at the search background color.
for ex. if I place a dark blue color the search will look like this

user posted image

"2": Media Line Default gallery isn't visible at the MPS previews and it's a very tricky one.

"Default Gallery" meaning: each SE series has it's own default color, for ex. Walkman series have the orange and Cyber-shot series have the blue color...
on W series the default is the Music Gallery, the line and those flying bubbles on the right have orange color (the bubbles are not visible at the MPS preview) and the other Galleries have white color,
on C series the default is the Photo Gallery and uses the blue color


user posted image

By setting a color for the default gallery line it takes effect also at the color of the default flying bubbles. Unfortunately the bubbles can take only two colors, the default color and the white color.
So for ex. if you set any color beside white, then the line will have the chosen color and the bubbles will have the default color (orange for W series and blue for C series...), if you set a white color then both will be white wink.gif

"3": Flying bubbles color is for the none default galleries and you can set them with only two colors, the default and white color as I mentioned above.

=========================

4. export the previews for a presentation

There are two ways for exporting your previews...

1. go to "File" "Export preview" and select the screen you want to export and save them individually.

user posted image

2. go to "View" "Preview all screens..."

user posted image

and it will popup the following window and all you have to do is to select your image format and hit "Save preview..."

user posted image

=========================

5. save the thm file

to save the thm file go to "File" "Save theme" or "Save theme as..." if you want to name it differently and thats it, you've done it clap.gif

user posted image

Happy Skinning byebye.gif grouphug.gif
Barney2229
oh it saves in with the original theme clap.gif i thought you had to put the xml in the FS lmao great tutorial 10.gif
Lionet
@ata
you've did a great work with tutorial notworthy.gif ... hats off! wink.gif
Atalantos
Thanx Lio notworthy.gif
mamaflump
Ok silly question time lol

Yeah i know trust me! lol

Atalantos I found your tutorial really easy to follow :-) which means alot coming from me lol

Just 1 slight confusion, after i have loaded my theme, made the adjustments etc, when i want to save the theme, do i over write the file i already have saved from the theme creator and the files will just automatically adjust themselves? or do i have to create a seperate theme?

Thanks.. please remember i'm blonde inside! lol
Barney2229
QUOTE (mamaflump @ Jan 21 2009, 03:32 AM) *
Ok silly question time lol

Yeah i know trust me! lol

Atalantos I found your tutorial really easy to follow :-) which means alot coming from me lol

Just 1 slight confusion, after i have loaded my theme, made the adjustments etc, when i want to save the theme, do i over write the file i already have saved from the theme creator and the files will just automatically adjust themselves? or do i have to create a seperate theme?

Thanks.. please remember i'm blonde inside! lol



depends if you want to keep your old theme if not then overwrite it laugh.gif
Atalantos
Thats correct wink.gif
When selecting "Save theme" the skinner goes to the thm file and adds in to the xml all the necessary data and images (portrait - landscape)
if you want to keep the primary theme untouched, then go for "Save theme as..."

QUOTE (Atalantos @ Jan 4 2009, 04:23 PM) *
5. save the thm file

to save the thm file go to "File" "Save theme" or "Save theme as..." if you want to name it differently and thats it, you've done it clap.gif


byebye.gif
mamaflump
QUOTE (Atalantos @ Jan 21 2009, 06:29 AM) *
Thats correct wink.gif
When selecting "Save theme" the skinner goes to the thm file and adds in to the xml all the necessary data and images (portrait - landscape)
if you want to keep the primary theme untouched, then go for "Save theme as..."

QUOTE (Atalantos @ Jan 4 2009, 04:23 PM) *
5. save the thm file

to save the thm file go to "File" "Save theme" or "Save theme as..." if you want to name it differently and thats it, you've done it clap.gif


byebye.gif


Thanks :-)
Beautifulbeard
hi guys, i wonder if any one can help me. I am trying to down load the MP3 skinner but the website just keeps skipping to an advert whenever i click on the download now button. Has the file been removed or am i doing something wrong? I have made a few themes in the past but always wanted to change the boring black background on the MP3 player. Help!
Atalantos
the download link works fine with me...
probably is your browser unsure.gif
when pressing the download button it should popup a window, if not, there is a notification at the bottom which says

"Your download should begin shortly.
If it does not, try Download file now "

hit the Download file now wink.gif
jasnasto
I'm just finishing my first 4.7 theme with MP, using your skinner and tutorials... helped me a lot, thanx a lot guys.. Lionet and Atalantos, you're the best... thumbsup.gif
Lionet
@jas
Not as best as you think (at least me) ohmy.gif thank you so much notworthy.gif
Tutorial is written by Ata, I didn't write any text line there (except the title) smile.gif
Atalantos
You're welcome Jasna wub.gif notworthy.gif
manitaaan
thanks a million to ata and lionet for the great tut and helping m9 themers in skinning 10.gif 10.gif
Lionet
@mani
Thank you! much appreciated notworthy.gif
ghie_race
Does it support k800i?
Atalantos
@ mani
you're welcome buddy notworthy.gif

@ ghie_race
I'm afraid not sad.gif
K800 is a v4.5
the skinner is for v4.6 and v4.7 phones only...
cute_heart
Big thank you from me , very helpful 10.gif 10.gif
pdownes2001
notworthy.gif notworthy.gif notworthy.gif
BRILLIANT.

I've just discovered this. I've had a quick try out on one of my themes and it's great. 10.gif

All my future themes will have skins from now on. Thank you Lionet. clapping.gif
pdownes2001
http://gallery.mobile9.com/f/722816/ The MEDIA PLAYER SKIN makes all the difference. Why on earth didn't SE include it in TC in the first place?
Lionet, you are a hero. clapping.gif
srimunnamunna
Thanks Admin Guys For MediaPlayer Skinner Thanks smile.gif
pdownes2001
Sony Ericsson have just (April 2009) released version 4.0 of Themes Creator and it has a completely new look.

However, it does not include a Media Player skin editor.

It's fortunate that Lionet is a few steps ahead of them.

http://developer.sonyericsson.com/site/glo...home/p_home.jsp

I'm not sure I like it. They've tried to make it idiot proof but it seems to me they have simply made it more complicated.
I'll give it a go for a while to see if it grows on me.

UPDATE: I don't like it. They also insist that older versions are uninstalled before using version 4.0 so I guess I will give Sony Ericsson's Themes Creator v4.0 a big 1.gif
Atalantos
QUOTE (pdownes2001 @ Apr 21 2009, 05:22 AM) *
UPDATE: I don't like it. They also insist that older versions are uninstalled before using version 4.0 so I guess I will give Sony Ericsson's Themes Creator v4.0 a big 1.gif

I don't like it either thumbdown.gif
but probably it's that I get used too much the old style laugh.gif

btw I always keep the older version of TC. I have the v3.32 if you want it wink.gif
pdownes2001
QUOTE (Atalantos @ Apr 23 2009, 05:54 PM) *
btw I always keep the older version of TC. I have the v3.32 if you want it wink.gif


Me too. I have all the setup files going back to the year dot. Thanks anyway.

I meant you can't run both at the same time (according to SE, that is - I haven't actually tried to do that yet.)

Occasionally, I like to have an old theme open in one TC, while modifying it for a different model phone in a second TC screen.

The old TC was ideal for that. It is a bit awkward in the new TC.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.