Jump to content


Photo

Emby theater Skin Mockups

skin mockup emby emby theater design

  • Please log in to reply
144 replies to this topic

#41 chef OFFLINE  

chef

    Advanced Member

  • Developers
  • 3992 posts
  • Local time: 07:58 PM
  • LocationPeterborough, Canada

Posted 10 July 2017 - 10:46 PM

Hi.. I think I'm ready to do this skin thing.

I'm pretty sure that something really awesome is gonna come out of it.

I've bookmarked all the links in this thread so far, and about to copy the repo.

I also have an arsenal of CSS effects, animations and API background ready!
  • aspdend, denz and Jdiesel like this

#42 Luke OFFLINE  

Luke

    System Architect

  • Administrators
  • 139713 posts
  • Local time: 07:58 PM

Posted 10 July 2017 - 11:48 PM

Enjoy.



#43 BigSteve84 OFFLINE  

BigSteve84

    Advanced Member

  • Members
  • 106 posts
  • Local time: 12:58 AM

Posted 11 July 2017 - 02:02 AM

Hi.. I think I'm ready to do this skin thing.

I'm pretty sure that something really awesome is gonna come out of it.

I've bookmarked all the links in this thread so far, and about to copy the repo.

I also have an arsenal of CSS effects, animations and API background ready!

Best of luck buddy, look forward to seeing what you come up with

#44 shaefurr OFFLINE  

shaefurr

    Freelance Photoshop Designer

  • Super Testers
  • 2202 posts
  • Local time: 05:58 PM
  • LocationNew Mexico

Posted 15 July 2017 - 04:57 PM

appreciate it

Sent from my Z987 using Tapatalk

Apparently I didnt backup my PSDs when I reformatted a while back, so I no longer have any of these.



#45 shaefurr OFFLINE  

shaefurr

    Freelance Photoshop Designer

  • Super Testers
  • 2202 posts
  • Local time: 05:58 PM
  • LocationNew Mexico

Posted 07 August 2017 - 05:04 AM

After seeing some recent themes around the forums I wanted to make a new white theme. Only have the home screen done so far but I like where its going.

 

59882cc73ca8d_home.jpg


  • Swynol, denz and shorty1483 like this

#46 Luke OFFLINE  

Luke

    System Architect

  • Administrators
  • 139713 posts
  • Local time: 07:58 PM

Posted 07 August 2017 - 02:26 PM

Very nice !



#47 chef OFFLINE  

chef

    Advanced Member

  • Developers
  • 3992 posts
  • Local time: 07:58 PM
  • LocationPeterborough, Canada

Posted 07 August 2017 - 07:07 PM

After seeing some recent themes around the forums I wanted to make a new white theme. Only have the home screen done so far but I like where its going.

59882cc73ca8d_home.jpg

Can I use this please?!

My theater skin is coming along but I really like the homepage here.

Do you care if I use it but the back ground is black?

Oh and the menu bar at the top might not look exactly the same... Because I'm new at this whole calling CSS classes from JavaScript and stuff.

Edited by chef, 07 August 2017 - 07:08 PM.


#48 Angelblue05 OFFLINE  

Angelblue05

    Advanced Member

  • Developers
  • 12580 posts
  • Local time: 07:58 PM

Posted 07 August 2017 - 07:09 PM

@shaefurr

 

You have a great eye for designing interface layouts. I don't care for the faded backdrop, it takes away from the cleanliness of the lines. But otherwise, I really like the direction you've taken. :)



#49 shaefurr OFFLINE  

shaefurr

    Freelance Photoshop Designer

  • Super Testers
  • 2202 posts
  • Local time: 05:58 PM
  • LocationNew Mexico

Posted 07 August 2017 - 07:28 PM



Can I use this please?!

My theater skin is coming along but I really like the homepage here.

Do you care if I use it but the back ground is black?

Oh and the menu bar at the top might not look exactly the same... Because I'm new at this whole calling CSS classes from JavaScript and stuff.


Go for it, change whatever you like, I just make these for fun

Sent from my VS990 using Tapatalk

#50 LiquidFX OFFLINE  

LiquidFX

    Advanced Member

  • Members
  • 291 posts
  • Local time: 07:58 PM
  • LocationGeorgia

Posted 07 August 2017 - 07:44 PM

We need some to be out for testing....lol



#51 shaefurr OFFLINE  

shaefurr

    Freelance Photoshop Designer

  • Super Testers
  • 2202 posts
  • Local time: 05:58 PM
  • LocationNew Mexico

Posted 08 August 2017 - 04:53 AM

So here's a more complete theme with a login and details page added.

 

59897b89aa03d_login.jpg

 

59897bdb0e6c2_home.jpg

 

59897b969da04_Details.jpg


  • chef, Swynol and denz like this

#52 Angelblue05 OFFLINE  

Angelblue05

    Advanced Member

  • Developers
  • 12580 posts
  • Local time: 07:58 PM

Posted 08 August 2017 - 05:24 AM

I really like it. The green font is hard the read, maybe a darker tone would work better. I like it for the button, looks sharp.



#53 chef OFFLINE  

chef

    Advanced Member

  • Developers
  • 3992 posts
  • Local time: 07:58 PM
  • LocationPeterborough, Canada

Posted 08 August 2017 - 06:55 AM

So here's a more complete theme with a login and details page added.

59897b89aa03d_login.jpg

59897bdb0e6c2_home.jpg

59897b969da04_Details.jpg

I can recreate that login almost exactly, but the focus animation in the theater is driven by JavaScript and I can't find it anywhere. I need to stop the enlarging of the posters to make his theme work on the screen.

Dude this is working out! Wow.

Question: since we replaced the bottom row with the continue watching, I should put the 'favorites' and collections in the top menu?

Edited by chef, 08 August 2017 - 08:51 AM.


#54 chef OFFLINE  

chef

    Advanced Member

  • Developers
  • 3992 posts
  • Local time: 07:58 PM
  • LocationPeterborough, Canada

Posted 08 August 2017 - 11:17 AM

Finally got the continue watching elements seated under the spotlight.

 

I'll work on the white background next!

 

@shaefurr

 

Just need to know where to place the 'all movies' tile.

 

I could try to attach it to the 'movies' link at the top.

 

Also I need to fix spacing of the Logo at the bottom of the screen. It's getting quite crowed down there!

 

Plus im at work on an XP machine... LOL!

 

Soooo much fun!

 

5989d67bd7a05_example1.png


Edited by chef, 08 August 2017 - 11:19 AM.


#55 chef OFFLINE  

chef

    Advanced Member

  • Developers
  • 3992 posts
  • Local time: 07:58 PM
  • LocationPeterborough, Canada

Posted 08 August 2017 - 11:35 AM

And I also just noticed you have the continue watching area span the entire screen with larger new releases on top beside the spotlight.

I can do that!

#56 chef OFFLINE  

chef

    Advanced Member

  • Developers
  • 3992 posts
  • Local time: 07:58 PM
  • LocationPeterborough, Canada

Posted 08 August 2017 - 01:17 PM

I'm doin' it dude! I got the 'continue watching' to span the entire bottom... hehe

 

Gotta fix the logo still, don;t know where to put it :)

 

5989f20d3cba8_example2.png



#57 shaefurr OFFLINE  

shaefurr

    Freelance Photoshop Designer

  • Super Testers
  • 2202 posts
  • Local time: 05:58 PM
  • LocationNew Mexico

Posted 08 August 2017 - 02:16 PM

I'm doin' it dude! I got the 'continue watching' to span the entire bottom... hehe

 

Gotta fix the logo still, don;t know where to put it :)

 

5989f20d3cba8_example2.png

 

Lookin awesome dude!

 

I had planned that the favorites and such would be on the top bar with everything else like you said, movies, tv, collections etc, and clicking the movies tab would bring you to all movies. If you cant get it to work I think I know where you can put it.

 

As far as the logo for highlighted items, I just didn't plan on using it at all. I didn't want a cluttered skin lol. So I have no idea there, maybe just shrink everything a bit and stick it on the very bottom if you wanna keep it?


Edited by shaefurr, 08 August 2017 - 02:18 PM.

  • chef likes this

#58 ebr OFFLINE  

ebr

    Chief Bottle Washer

  • Administrators
  • 47409 posts
  • Local time: 07:58 PM

Posted 08 August 2017 - 02:17 PM

Looking good.  I really suggest increasing that text size if you plan on this being utilized in a 10-foot interface...


  • chef and shaefurr like this

#59 shaefurr OFFLINE  

shaefurr

    Freelance Photoshop Designer

  • Super Testers
  • 2202 posts
  • Local time: 05:58 PM
  • LocationNew Mexico

Posted 08 August 2017 - 02:33 PM

Can I use this please?!

My theater skin is coming along but I really like the homepage here.

Do you care if I use it but the back ground is black?

Oh and the menu bar at the top might not look exactly the same... Because I'm new at this whole calling CSS classes from JavaScript and stuff.

 

Here is one with a dark background btw, forgot to post it last night.

598a03d7b9d3b_darkmockup1.jpg



#60 chef OFFLINE  

chef

    Advanced Member

  • Developers
  • 3992 posts
  • Local time: 07:58 PM
  • LocationPeterborough, Canada

Posted 08 August 2017 - 03:22 PM

Here is one with a dark background btw, forgot to post it last night.

598a03d7b9d3b_darkmockup1.jpg

 

I can recreate this almost entirely :)

 

I need to move the top menu into the header area, I'm going to try that now.

 

then create a "hr" which will act as the line under the menu.


Edited by chef, 08 August 2017 - 03:23 PM.






Also tagged with one or more of these keywords: skin, mockup, emby, emby theater, design

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users