[TUTORIAL] Design your own basichome button images!

Discussion in 'Titanius' started by powermarcel10, February 19, 2014.

  1. powermarcel10
    • Team MediaPortal

    powermarcel10 Retired Team Member

    Joined:
    November 30, 2010
    Messages:
    2,839
    Likes Received:
    789
    Gender:
    Male
    Occupation:
    Callcenter Agent
    Location:
    Groningen
    Ratings:
    +1,028 / 4
    Home Country:
    Netherlands Netherlands
    Show System Specs
    Hello MediaPortal friends!

    TITANIUS comes with a set of new high quality basichome button images. The images of the default Titan skin are NOT suported with this skin, but you can create your own images really simple:

    1. Download and install Paint.net (free)

    2. Download the Radius Corners plugin in the .zip file attached




    3. Extract the zipfile

    4. Place the .dll file into C:\Program Files\Paint.NET\Effects

    5. Find a nice picture/image you want to use with a minimum resolution of 2372 X 964. Open the image in Paint.net and resize or cut the image to a resolution of 2372 X 964:[​IMG]
    7. Go in the menubar to Effects --> Fill --> Radius Fill Corners...:
    [​IMG]
    8. Set the Radius to 120:
    [​IMG]
    9. Now resize the image to 593 X 241, wich is the final resolution of the file and 25% of the original filesize:
    [​IMG]


    *The reason to start with an image that is four times bigger than the final file is to get smooth and perfect curves. When you start the image with the final resolution and you use the Radius Corners plugin to make the curves, you can count the pixels in the curves, and that's not how it should look like..

    10. Now you need to rename the file to one of the following buttonnames:

    Internet: basichome_button_browsetheweb.png
    Extensions: basichome_button_extensions.png
    News: basichome_button_infoservice.png
    Movies: basichome_button_movies.png
    Music: basichome_button_music.png
    Games: basichome_button_myemulators2.png
    Online Videos: basichome_button_onlinevideos.png
    Pictures: basichome_button_pictures.png
    Plugins: basichome_button_plugins.png
    Radio: basichome_button_radio.png
    ScoreCenter: basichome_button_scorecenter.png
    Series: basichome_button_series.png
    Trakt: basichome_button_trakt.png
    Television: basichome_button_tv.png
    Weather: basichome_button_weather.png


    11. Copy(and overwrite) the imagefile to the Mediafolder of TITANIUS: C:\ProgramData\Team MediaPortal\MediaPortal\skin\TITANIUS\Media

    12. Remove your skincache (C:\ProgramData\Team MediaPortal\MediaPortal\Cache)

    Please feel free to upload your own creations to this thread!
     

    Attached Files:

    Last edited: July 7, 2015
    • Like Like x 2
    • Thank You! Thank You! x 1
  2. Google AdSense Guest Advertisement



    to hide all adverts.
  3. red_zebra

    red_zebra Portal Pro

    Joined:
    September 1, 2009
    Messages:
    70
    Likes Received:
    42
    Gender:
    Male
    Location:
    Leipzig
    Ratings:
    +50 / 1
    Home Country:
    Germany Germany
    Show System Specs
    I just recognised that Titanius doesn't use the same buttons as Titan, so I created some. If anyone likes them, feel free to use:

    earth.png earth2.png emulators.png extensions.png movies.png movies2.png movies3.png music.png music2.png pictures.png pictures2.png series.png steam.png steam2.png tv.png wikipedia.png
     
    Last edited: March 10, 2014
    • Thank You! Thank You! x 2
  4. powermarcel10
    • Team MediaPortal

    powermarcel10 Retired Team Member

    Joined:
    November 30, 2010
    Messages:
    2,839
    Likes Received:
    789
    Gender:
    Male
    Occupation:
    Callcenter Agent
    Location:
    Groningen
    Ratings:
    +1,028 / 4
    Home Country:
    Netherlands Netherlands
    Show System Specs
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!