August 10, 2011
[Tutorial] How to create “Mini SlideShows” themes.
In this second tutorial I will try to show you how to create a “Mini- SlideShow” Theme. This is very easy and more if you create a slideshow theme before, because it’s the same process but with diferent files for example (XML-JS) that I will provide, sizes in the images, etc.. All this shit is always the same with a few minor variations.
Let’s start with this process
Tools you will need to create your theme :
1-Photoshop or Gimp to manipulate the video and the images. I prefer for this Photoshop but with Gimp and some pluggings you can do the job.
2- NVIDIA DDS pluggins for Photoshop to save the images bgs to dds (DXT1 RGB 4 bpp | no alpha)
3-Notepad ++ for edit .xml and .js if needed.
4- And the exes and files to compile the raf. Are the same tools used for the creation of SlideShow, Animated or Dynamic themes. Nothing is new here.
5- Files or material nedeed to be used to edit and finally create your Mini-SlideShow theme :
JS and XML with no movement : http://www.mediafire.com/?ju0m4eaasy41gyg
Things you will have to know :
1. This process envolve the creation of SlideShows themes so you will have to learn this first and for that you can follow a few tutorials written from here :
Writed tutorial :
Once you learn how to create an SlideShow theme you can continue with the process :
Ok; To create a “Mini- Slideshow” theme you have first to have all the material I provided in the point five ready and converted. So take your images "5 frames" jpgs and convert it to DDS format. In this Example theme I will create one theme with only five images (DDS) with a resolution of 800x500 renemed as fg01,fg02,fg03....fg05. I will be using five as I said but you can use more I don’t know what it’s the maximum now than you can use. I have to make more homework with that. let see went because I'm continue very, very busy Well let continue... You have to open Photoshop to create an alpha channel in all those individual images one by one. This part is important and you need to do this because if you not create the alpha channel in the images or in any dynamic element that you are using that’s element will not be seen in the XMB. In this case we have to create an apha channel for the five images to use. Finally once you create the alpha channel of our images export the images in a DDS format with this settings :
Ok; Now you have the five images it’s time to create the “frame” that you will use in the slideshow as your border. Open the file named frame.dds from the folder downloaded in the point five of the tools needed. In photoshop edit the border as you desire and create the alpha channel for the border like you did with the images that you want to be part and you need to be able and visible in the XMB. In this case the border part of the image. Save the image with a resolution of 900x600 in a DDS format like you did with your frames or images. Rename it as frame.dds.
Once you have all the images in DDS format with the alpha channel created and the frame.dds is time to create the static image that will be the complement of the theme. The backgrownd is a jpg image with a resolution of 1920x1080. Once you have your image rename it to bg.jpg and put all those files with the raf tools folder or simply drag and drop the XML to raf_compiler where you have all the raf tools. Remember cero spaces in the folder name that contain the materials and tools.
Finally you are ready to compile your project and is exactly the same as you do with the compilation of a SlideShow or Animated theme, so start the process as always you do and in the end you will have something like this :
**The theme is created as example and for learning purpose so don't have to be extreme** lol
Most Users Ever Online: 145
Currently Browsing this Page:
The Cult Of Personality: 142
Guest Posters: 302
Newest Members:Wcschutte, lllMrPurplelll, livertaker007, farouk_dz, ianlim214, Felipe666
Administrators: PS3 Themes: 130