home
products
contribute
download
documentation
forum
Home
Forums
New posts
Search forums
What's new
New posts
All posts
Latest activity
Members
Registered members
Current visitors
Donate
Log in
Register
What's new
Search
Search
Search titles only
By:
New posts
Search forums
Search titles only
By:
Menu
Log in
Register
Navigation
Install the app
Install
More options
Contact us
Close Menu
Forums
MediaPortal 1
MediaPortal 1 Skins
Popular Skins
Titanius
[TUTORIAL] Design your own basichome button images!
Contact us
RSS
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Reply to thread
Message
<blockquote data-quote="powermarcel10" data-source="post: 1064583" data-attributes="member: 108759"><p><strong><span style="font-size: 26px">Hello MediaPortal friends!</span></strong></p><p></p><p><span style="font-size: 18px">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:</span></p><p></p><p><span style="font-size: 18px">1. Download and install <a href="http://www.getpaint.net/" target="_blank">Paint.net</a> (free)</span></p><p><span style="font-size: 18px"></span></p><p><span style="font-size: 18px">2. Download the Radius Corners plugin in the .zip file attached</span></p><p></p><p><span style="font-size: 18px">3. Extract the zipfile</span></p><p><span style="font-size: 18px"></span></p><p><span style="font-size: 18px">4. Place the .dll file into C:\Program Files\Paint.NET\Effects</span></p><p><span style="font-size: 18px"></span></p><p><span style="font-size: 18px">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 src="http://i58.tinypic.com/r0sayc.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></p><p><span style="font-size: 18px">7. Go in the menubar to Effects --> Fill --> Radius Fill Corners...:</span></p><p><span style="font-size: 18px"><img src="http://i58.tinypic.com/zje9f8.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></p><p><span style="font-size: 18px">8. Set the Radius to 120:</span></p><p><span style="font-size: 18px"><img src="http://i58.tinypic.com/10yqvxl.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></p><p><span style="font-size: 18px">9. Now resize the image to 593 X 241, wich is the final resolution of the file and 25% of the original filesize:</span></p><p><span style="font-size: 18px"><img src="http://i60.tinypic.com/ae7jmr.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></p><p></p><p><span style="font-size: 18px"><em>*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.. </em></span></p><p></p><p><span style="font-size: 18px">10. Now you need to rename the file to one of the following buttonnames:</span></p><p></p><p><span style="font-size: 15px"><strong>Internet:</strong> basichome_button_browsetheweb.png</span></p><p><span style="font-size: 15px"><strong>Extensions:</strong> basichome_button_extensions.png</span></p><p><span style="font-size: 15px"><strong>News:</strong> basichome_button_infoservice.png</span></p><p><span style="font-size: 15px"><strong>Movies:</strong> basichome_button_movies.png</span></p><p><span style="font-size: 15px"><strong>Music:</strong> basichome_button_music.png</span></p><p><span style="font-size: 15px"><strong>Games:</strong> basichome_button_myemulators2.png</span></p><p><span style="font-size: 15px"><strong>Online Videos:</strong> basichome_button_onlinevideos.png</span></p><p><span style="font-size: 15px"><strong>Pictures: </strong>basichome_button_pictures.png</span></p><p><span style="font-size: 15px"><strong>Plugins:</strong> basichome_button_plugins.png</span></p><p><span style="font-size: 15px"><strong>Radio:</strong> basichome_button_radio.png</span></p><p><span style="font-size: 15px"><strong>ScoreCenter:</strong> basichome_button_scorecenter.png</span></p><p><span style="font-size: 15px"><strong>Series: </strong>basichome_button_series.png</span></p><p><span style="font-size: 15px"><strong>Trakt: </strong>basichome_button_trakt.png</span></p><p><span style="font-size: 15px"><strong>Television:</strong> basichome_button_tv.png</span></p><p><span style="font-size: 15px"><strong>Weather:</strong> basichome_button_weather.png</span></p><p></p><p><span style="font-size: 18px">11. Copy(and overwrite) the imagefile to the Mediafolder of TITANIUS: C:\ProgramData\Team MediaPortal\MediaPortal\skin\TITANIUS\Media</span></p><p><span style="font-size: 18px"></span></p><p><span style="font-size: 18px">12. Remove your skincache (C:\ProgramData\Team MediaPortal\MediaPortal\Cache)</span></p><p><span style="font-size: 18px"></span></p><p><span style="font-size: 18px">Please feel free to upload your own creations to this thread!</span></p></blockquote><p></p>
[QUOTE="powermarcel10, post: 1064583, member: 108759"] [B][SIZE=7]Hello MediaPortal friends![/SIZE][/B] [SIZE=5]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:[/SIZE] [SIZE=5]1. Download and install [URL='http://www.getpaint.net/']Paint.net[/URL] (free) 2. Download the Radius Corners plugin in the .zip file attached[/SIZE] [SIZE=5]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]http://i58.tinypic.com/r0sayc.jpg[/IMG] 7. Go in the menubar to Effects --> Fill --> Radius Fill Corners...: [IMG]http://i58.tinypic.com/zje9f8.jpg[/IMG] 8. Set the Radius to 120: [IMG]http://i58.tinypic.com/10yqvxl.jpg[/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]http://i60.tinypic.com/ae7jmr.jpg[/IMG] [/SIZE] [SIZE=5][I]*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.. [/I][/SIZE] [SIZE=5]10. Now you need to rename the file to one of the following buttonnames:[/SIZE] [SIZE=4][B]Internet:[/B] basichome_button_browsetheweb.png [B]Extensions:[/B] basichome_button_extensions.png [B]News:[/B] basichome_button_infoservice.png [B]Movies:[/B] basichome_button_movies.png [B]Music:[/B] basichome_button_music.png [B]Games:[/B] basichome_button_myemulators2.png [B]Online Videos:[/B] basichome_button_onlinevideos.png [B]Pictures: [/B]basichome_button_pictures.png [B]Plugins:[/B] basichome_button_plugins.png [B]Radio:[/B] basichome_button_radio.png [B]ScoreCenter:[/B] basichome_button_scorecenter.png [B]Series: [/B]basichome_button_series.png [B]Trakt: [/B]basichome_button_trakt.png [B]Television:[/B] basichome_button_tv.png [B]Weather:[/B] basichome_button_weather.png[/SIZE] [SIZE=5]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![/SIZE] [/QUOTE]
Insert quotes…
Verification
Post reply
Forums
MediaPortal 1
MediaPortal 1 Skins
Popular Skins
Titanius
[TUTORIAL] Design your own basichome button images!
Contact us
RSS
Top
Bottom