Idea for pseudo cover flow / trick skewing images

Discussion in 'MediaPortal 1 Skins' started by kiwijunglist, December 9, 2009.

  1. kiwijunglist
    • Team MediaPortal

    kiwijunglist Super Moderator

    Joined:
    June 10, 2008
    Messages:
    6,742
    Likes Received:
    1,417
    Occupation:
    Doctor
    Location:
    New Zealand
    Ratings:
    +1,846 / 9
    Home Country:
    New Zealand New Zealand
    Show System Specs
    Hi

    I really wanted to do some nice mockups for coverflow ideas for moving pictures, however it seems that the skin engine does not support skewed images. So I had an idea for creating a fake skew. Thought I'd share them just in case someone wants to use them in their skins. If the DVD Cover is small enough you can't notice the errors from normal viewing distances.

    Examples are using anchor man because dvd covers with writing down the bottom look the worse. DVD covers without writing actually look a lot better (eg. The Iron Man DVD Cover)



    Explanation
    [​IMG]

    With and without glass overlay
    [​IMG]

    This is done without any skew either, the shadows are done using a reflected image and a rotated reflected image
    [​IMG]


    Example useage
    [​IMG]

    Another example useage
    [​IMG]
     
  2. Google AdSense Guest Advertisement



    to hide all adverts.
  3. SpudR
    • Team MediaPortal

    SpudR Documentation Group

    Joined:
    July 27, 2007
    Messages:
    2,604
    Likes Received:
    449
    Occupation:
    CTO, MD
    Location:
    Yorkshire, UK
    Ratings:
    +676 / 2
    Home Country:
    England England
    Show System Specs
    You need to add the perspective to the top of the image too...
    they look a little weird without it
     
  4. kiwijunglist
    • Team MediaPortal

    kiwijunglist Super Moderator

    Joined:
    June 10, 2008
    Messages:
    6,742
    Likes Received:
    1,417
    Occupation:
    Doctor
    Location:
    New Zealand
    Ratings:
    +1,846 / 9
    Home Country:
    New Zealand New Zealand
    Show System Specs
    yeah that would be possible too.

    If you add perspective to the top as well, then you need 3 images per dvd cover without reflections and 5 images per dvd cover with reflections.
     
  5. ysmp
    • Team MediaPortal

    ysmp Design Group

    Joined:
    May 17, 2008
    Messages:
    1,861
    Likes Received:
    701
    Gender:
    Male
    Location:
    Seoul.
    Ratings:
    +790 / 1
    Home Country:
    South Korea South Korea
  6. ryan20021982
    • Premium Supporter

    ryan20021982 Retired Team Member

    Joined:
    June 27, 2008
    Messages:
    655
    Likes Received:
    83
    Occupation:
    Prison Guard
    Location:
    USA
    Ratings:
    +83 / 0
    Home Country:
    United States of America United States of America
    I know this is not what your going for but you can do this with the program starkcovers to your movie posters, would be cool to have some type of plugin with the skin that could do this to your covers. I personally dont use the angled covers but as you can see they look nice in X-factor.

    program is available here
    http://www.freewarefiles.com/StarkCovers_program_52060.html

    example I made up real quick, this is a actual screenshot not a mockup
    [​IMG]

    This program is made for windows mce mediabrowser but it can be used for mediaportal pretty easily.

    before I had all my movies just in drives no folders

    First I used a batch script to make folders and put the movies in them all automated and takes seconds
    then use the MP Artwork and Info Copier posted on this site to copy the nfo and cover to the movie folder,
    and chose to name the covers folder.jpg so the starkcovers would see them, then run starkcovers and it converts
    all the covers and makes a backup of them so you can revert them back.
     
  7. kiwijunglist
    • Team MediaPortal

    kiwijunglist Super Moderator

    Joined:
    June 10, 2008
    Messages:
    6,742
    Likes Received:
    1,417
    Occupation:
    Doctor
    Location:
    New Zealand
    Ratings:
    +1,846 / 9
    Home Country:
    New Zealand New Zealand
    Show System Specs
    So have those covers already had perspective added, or is this done by the xfactor skin?

    This is what it would look like using 3 copies of each dvd cover, rotated to create false perspective.
    The reflection is created using 2 copies of the dvd cover to create the reflection

    [​IMG]

    [​IMG]
    [​IMG]
     
  8. pilehave
    • Premium Supporter

    pilehave Community Skin Designer

    Joined:
    April 2, 2008
    Messages:
    2,566
    Likes Received:
    500
    Gender:
    Male
    Occupation:
    Technical consultant, marketing
    Location:
    Hornslet
    Ratings:
    +517 / 0
    Home Country:
    Denmark Denmark
    I just set my hopes high for MP2, this NEEDS to have a more flexible skinengine. I actually tried to fake the coverflow once with a plugin, and it wasn't bad, but the items in lists (filmstrip for example) in MediaPortal cannot be accessed as individual items so you need to do a lot of looping.

    The idea was to hide the actual facadeview and then detect keypresses, and animate a number of pictures to rotate a number of degrees.
     
  9. SpudR
    • Team MediaPortal

    SpudR Documentation Group

    Joined:
    July 27, 2007
    Messages:
    2,604
    Likes Received:
    449
    Occupation:
    CTO, MD
    Location:
    Yorkshire, UK
    Ratings:
    +676 / 2
    Home Country:
    England England
    Show System Specs
  10. pilehave
    • Premium Supporter

    pilehave Community Skin Designer

    Joined:
    April 2, 2008
    Messages:
    2,566
    Likes Received:
    500
    Gender:
    Male
    Occupation:
    Technical consultant, marketing
    Location:
    Hornslet
    Ratings:
    +517 / 0
    Home Country:
    Denmark Denmark
    Too bad it won't work with MediaPortal :(
     
  11. kiwijunglist
    • Team MediaPortal

    kiwijunglist Super Moderator

    Joined:
    June 10, 2008
    Messages:
    6,742
    Likes Received:
    1,417
    Occupation:
    Doctor
    Location:
    New Zealand
    Ratings:
    +1,846 / 9
    Home Country:
    New Zealand New Zealand
    Show System Specs
    Well i hope my ideas inspire some people to create better filmstrip views with perspective in them.
     
Loading...

Users Viewing Thread (Users: 0, Guests: 0)

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice
  • About The Project

    The vision of the MediaPortal project is to create a free open source media centre application, which supports all advanced media centre functions, and is accessible to all Windows users.

    In reaching this goal we are working every day to make sure our software is one of the best.

             

  • Support MediaPortal!

    The team works very hard to make sure the community is running the best HTPC-software. We give away MediaPortal for free but hosting and software is not for us.

    Care to support our work with a few bucks? We'd really appreciate it!