Frontrow Reloaded

RiX_FR · 2006-11-28, 03:41

Yo!

I was thinking, there is an old topic about the frontrow-based skin, but knowing that i will be finishing the project, why not start a new thread on it?

I will post screenshots of the material produced so far and there will be links to .psd-files beneath every screenshot. This to keep that open-source-thingy alive

Keep in mind that this is also the first time I used photoshop (or any software of that kind for that matter), so sometimes choices I made in using photoshop-tools will be wrong...

Please feel free to work with me on this project, as long as you post the things you have accomplished in this thread...

My way of work is the following:
* create all required images in photoshop (png)
* design an appropriate UI without messing up the design
* create v0.0.0.0.1 xml-files
* fine-tune the images
* look for usefull plugins integrated in the skin
* adjust xml-files to final version
* build the first version...

I know that ways of work always end up wrong, but this is the general idea...

well lets kickstart:

overlay.psd | the buttons in the top-right corner have an onfocus-image too, its all in the psd.

osd.psd

all of the files need some finetuning, but im currently just trying to get an idea of the total first for myself.

How do you like it so far?

==============================================
==================== [Edit 1] ====================
==============================================

My muscles are still aching caus of the baording yesterday, but I managed to get some work done today... My photoshop-skills are improving along the way, so thats a good thing too i guess...
I reproduced the tv-screen archeos made:

tv.psd | in the menu_left-group is a button_nofocus, thats the first element in the menu seperately. This for the creation of the png later on. The bar beneath the big square is a progressbar. It's completely filled right now, but if you resize it, you'll notice theres an almost black background behind it, with a light-gray border.

==============================================
==================== [Edit 2] ====================
==============================================

I have to put all the files on my server and correct the links, but in the mean-time, look at this OSD by shred444.

osd.psd

Noelix · 2006-11-28, 06:06

I would personally love a frontrow skin for MediaPortal. That said, you should probably use different icons to differentiate it from Apple's product, and so you can avoid nasty cease and desist letters!

shred444 · 2006-11-28, 14:34

i'd love to help with the Photoshop design if your interested.

my mac needs a workout...

wishywashy · 2006-11-28, 16:03

Really nice posters!

oh, and nice setup to.

shred444 · 2006-11-28, 21:21

when designing a skin, do you have to design one 4:3 and one 16:9, or does media portal automatically figure it out and size it accordingly

mofux · 2006-11-29, 01:25

it will stretch the gfx to the ratio, but usually this looks crappy. so you have to create 2 versions

RiX_FR · 2006-11-29, 04:39

well, im building a 16:9 skin right now, but i can always resize it with little effort... Only the background-picture is 16:9 size, the rest is just the xml that needs editing...

by the way, thanks for the many nice replies... ill try to work on the skin in a couple of hours... now im off to bed after a long day snowboarding :p

ill post all my progress and other peoples progress in the first message of this thread, keeps it a bit userfriendly

RiX_FR · 2006-11-30, 03:24

update, look at topic-start

@Noelix: I thought of that... and my intention is to create my own icons, but does anybody here want to create those icons? To create those takes a lot of time in my case (PS-skills) and a lot less of many others... So anyone?

shred444 · 2006-12-04, 00:52

any more updates?

mofux · 2006-12-04, 02:32

i like your first steps and the open.source caracter you give to it - please go on when you feel like it...

2006-11-28, 03:41	#1 (permalink)
RiX_FR Portal Member Join Date: Nov 2006 Age: 23 Posts: 6 Thanks: 0 Thanked 0 Times in 0 Posts Country:	Frontrow Reloaded Yo! I was thinking, there is an old topic about the frontrow-based skin, but knowing that i will be finishing the project, why not start a new thread on it? I will post screenshots of the material produced so far and there will be links to .psd-files beneath every screenshot. This to keep that open-source-thingy alive Keep in mind that this is also the first time I used photoshop (or any software of that kind for that matter), so sometimes choices I made in using photoshop-tools will be wrong... Please feel free to work with me on this project, as long as you post the things you have accomplished in this thread... My way of work is the following: * create all required images in photoshop (png) * design an appropriate UI without messing up the design * create v0.0.0.0.1 xml-files * fine-tune the images * look for usefull plugins integrated in the skin * adjust xml-files to final version * build the first version... I know that ways of work always end up wrong, but this is the general idea... well lets kickstart: overlay.psd \| the buttons in the top-right corner have an onfocus-image too, its all in the psd. osd.psd all of the files need some finetuning, but im currently just trying to get an idea of the total first for myself. How do you like it so far? ============================================== ==================== [Edit 1] ==================== ============================================== My muscles are still aching caus of the baording yesterday, but I managed to get some work done today... My photoshop-skills are improving along the way, so thats a good thing too i guess... I reproduced the tv-screen archeos made: tv.psd \| in the menu_left-group is a button_nofocus, thats the first element in the menu seperately. This for the creation of the png later on. The bar beneath the big square is a progressbar. It's completely filled right now, but if you resize it, you'll notice theres an almost black background behind it, with a light-gray border. ============================================== ==================== [Edit 2] ==================== ============================================== I have to put all the files on my server and correct the links, but in the mean-time, look at this OSD by shred444. osd.psd Last edited by RiX_FR; 2006-12-09 at 02:54. Reason: [Edit 1] - tv-screen reproduced

2006-11-28, 06:06	#2 (permalink)
Noelix Portal Member Join Date: Feb 2006 Location: Salt Lake City, UT Age: 26 Posts: 392 Thanks: 11 Thanked 1 Time in 1 Post Country: My System	I would personally love a frontrow skin for MediaPortal. That said, you should probably use different icons to differentiate it from Apple's product, and so you can avoid nasty cease and desist letters! __________________

2006-11-28, 14:34	#3 (permalink)
shred444 Portal Member Join Date: May 2006 Posts: 143 Thanks: 0 Thanked 0 Times in 0 Posts	i'd love to help with the Photoshop design if your interested. my mac needs a workout... Attached Thumbnails

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
FrontRow emulation?	bguillaume	Skins	29	2006-11-13 12:40
working on: filter in music views reloaded	JulianBuss	General Development (no feature request here!)	15	2006-08-24 08:38
Twinhan sat-ci with Matrix Reloaded cam	mantaraya	General Support	3	2006-06-20 11:11
Why no Mediaportal like FrontRow (Apple)	BigCheese	MediaPortal 1 Talk	4	2006-05-11 22:14
Nero 6 Reloaded - Is this a good Suite?	KidKiwi	OffTopic	5	2005-07-31 14:34

2006-11-28, 16:03	#4 (permalink)
wishywashy Portal Member Join Date: Jan 2005 Location: Hill AFB, UT Age: 33 Posts: 458 Thanks: 15 Thanked 3 Times in 3 Posts Country: My System	Really nice posters! oh, and nice setup to.

2006-11-28, 21:21	#5 (permalink)
shred444 Portal Member Join Date: May 2006 Posts: 143 Thanks: 0 Thanked 0 Times in 0 Posts	when designing a skin, do you have to design one 4:3 and one 16:9, or does media portal automatically figure it out and size it accordingly

2006-11-29, 01:25	#6 (permalink)
mofux Portal Designer Join Date: Jan 2006 Location: Dresden, Germany Posts: 671 Thanks: 34 Thanked 31 Times in 19 Posts	it will stretch the gfx to the ratio, but usually this looks crappy. so you have to create 2 versions

2006-11-29, 04:39	#7 (permalink)
RiX_FR Portal Member Join Date: Nov 2006 Age: 23 Posts: 6 Thanks: 0 Thanked 0 Times in 0 Posts Country:	well, im building a 16:9 skin right now, but i can always resize it with little effort... Only the background-picture is 16:9 size, the rest is just the xml that needs editing... by the way, thanks for the many nice replies... ill try to work on the skin in a couple of hours... now im off to bed after a long day snowboarding :p ill post all my progress and other peoples progress in the first message of this thread, keeps it a bit userfriendly

2006-11-30, 03:24	#8 (permalink)
RiX_FR Portal Member Join Date: Nov 2006 Age: 23 Posts: 6 Thanks: 0 Thanked 0 Times in 0 Posts Country:	update, look at topic-start @Noelix: I thought of that... and my intention is to create my own icons, but does anybody here want to create those icons? To create those takes a lot of time in my case (PS-skills) and a lot less of many others... So anyone?

2006-12-04, 00:52	#9 (permalink)
shred444 Portal Member Join Date: May 2006 Posts: 143 Thanks: 0 Thanked 0 Times in 0 Posts	any more updates?

2006-12-04, 02:32	#10 (permalink)
mofux Portal Designer Join Date: Jan 2006 Location: Dresden, Germany Posts: 671 Thanks: 34 Thanked 31 Times in 19 Posts	i like your first steps and the open.source caracter you give to it - please go on when you feel like it...