Part of making a great rom lies in personalizing it with a great startup animation. When it comes to Samsung however, things can get a bit tricky as samsung likes to deviate from the norm by using their own unique boot animation format. Thus, instead of the standard "bootanimation.zip", which contains the whole startup animation and whatever image or loop you would like to have appear at the end until the device boots up, with Samsung things get split up into 2 separate files. These files are called "bootsamsung.qmg"(the start of the animation) and "bootsamsungloop.qmg"(the end of the animation or the still image at the end that you'd like to land on). Recently I tried to make one such animation and managed to get it right on the first try, but since making animations for Samsung devices seems to be somewhat of an elusive topic on the net I decided to make an easy to understand tutorial.
So, here we go then. Let's ge t start ed, but first let's make sure we have the required things.
REQUIREMENTS:
- Samsung Theme Designer: http://ift.tt/1YoI8fv
- Photoshop
- A ROOTED DEVICE
- A Root Explorer App(like "ES File Explorer", "Root Browser", etc.)
- An awareness of the target device's screen resolution size in pixels.(ie. 480x800, 1440x2560, etc.)
Alright, now here are the steps to making a Samsung boot animation. (NOTE: For the purposes of this tutorial we're just going to keep things simple by only working with 3 images that will alternate repeatedly, but you can always do more images to create a more elaborate animation if you want.)
STEPS:
1) Create Your Images In Photoshop - Just start by creating a new image in Photoshop. The image dimensions must be the same as your device's screen resolution. Mine is 480x800, so that's what I made. Now do whatever you like with the images. I just made 3 images for mine with the title of the rom and just used the fill tool in Photoshop to add different colors to the text and the background. Then I saved the image in PNG format and used the fill tool to change the colors again and then saved that file too under a different name. I did this 3 times and ended up with 3 different images of different colors and put them in a folder on my computer. I just named the folder "boot", but you can call it whatever you want.
2) Create The Full Animation - For this part you're going to want to turn those 3 images you made into about 30 images by duplicating them so that the image doesn't flash by too fast in the animation. Just open the "boot" folder where you sav ed the images and right click on the name of the first one and select copy. Then paste it 9 times so you end up with 10 duplicate images. Now do the same thing for the other 2 images to make a total of 30 images(10 of each) in this folder. Now go to the first set of images and name them whatever you want, but name them in sequence using this format here. Start with "yourimagename_000.png", then "yourimagename_001.png" on up through "yourimagename_009.png". Then go to the second set of identical images and start naming those starting where you left off with "yourimagename_010.png" and so on and do the same for the third set. You should end on "yourimagename_029.png" with 30 images.
Next make another folder. I called this folder "loop" just to keep things organized. Afterwards, copy the previous 30 images from the "boot" folder into the "loop" folder, so that you now have a total of 60 images in 2 folders, with the same 30 images in each. Then, go into the "loop" folder and start renaming the images in there in sequence. Make sure to start from where you left off in the previous folder so that you end up with "yo urimagename_030.png" through "yourimagename_059.png" in there. These will be the images that loop at the end until the phone boots up.
(NOTE: If you already have your own images from a bootanimation.zip, then you can just skip steps 1 and 2.)
3) Set Up Your Animation Project - Open Samsung Theme Designer and under "Create New Theme" select "Feature(NonTouch) Phone". Then under "Select Model" just click on the one near the bottom that has the word "Spring" in it. It doesn't really m atter which model you choose I don't think, but this is what I did and it works just fine. Then under "Select Showcase" just click on "Default" and just type any name you want to call your project in the "Name" box. You might to then just make sure to save it to the same folder location where you have your image folders stored just to make things easy. After all that, then just click on "Ok".
4) Define The Animation Parameters - Once you have your project loaded, just ignore the preview that you see in the window(as it's irrelevant ALWAYS) and click on the "View" tab at the top of the theme designer and click on "Tree View Window" just to make sure that you can see that menu in the left pane. Then near the top of the tree view under "Idle Component" click once on "Idle Background" to pull that menu up on the right. Now, in the "Idle Background" window on the right click on where it says " fixed" under "Background Type" and change it to "animated". Then change "Frames" to "30" because that's how many images we have in our first folder and change the "Duration" to "50"(usually between 30-50 is best) and make sure "Repeat" is set to "False" for this one.
5) Building The First Animation - After you have everything set, then let's start by buildin g the first part of your animation. To do this you need to go back to your "boot" folder where you stored your first 30 images and select them all. Now drag and drop them all into the "Animation Object Window" pane at the bottom of theme designer to fill the 30 empty frames with your images. Then click the "Save" button at the top left of the theme designer to save your work before finalizing your project. Now click on the "Home" tab. Then in the top right of theme designer click on "Export Theme" and export the theme to your same project folder. The project name doesn't matter. It takes a few seconds to export too, but once it does just click "Ok" and then on "Yes" to open the folder where you saved the file. Then rename the "yourprojectname.smt" file in that folder to "yourprojectname.smt.zip" and open the zip file. Extract ONLY the "IdleBgAnimObj.qmg" to your project folder and rename it to "bootsamsung. qmg". BOOM! You're done with your first part of your animation.
6) Building The Second Animation - Now to make the second part. The second animation is the part that loops at the end and is pretty easy as it's basically the same process as the first part with only a couple of changes. First thing you want to do is click "Save As" at the top and change the name of this new animation to something else. Then, you want to click on one of the images in the "Animation Window" at the bottom and just keep hitting delete until th ey're all gone. Now, since we made the images in our "boot" and "loop" folders exactly the same exact images, then we can just once again set the "Frame" to "30" and the "Duration" to "50". The only difference this time actually is that we want to set "Repeat" to "True" so it loops. Next open your "loop" folder and drag the next 30 images and drop them in the "Animation Obj ect Window" like you did got the first 30 above. Other than that you're basically just repeating steps 4 and 5 for the second animation. Once you extract the "IdleBgAnimObj.qmg" file this time, however, you will be renaming this one to "bootsamsungloop.qmg". After that you are done creating your animation files! :)
7) Copying The Files & Fixing Permissions - Now that you've created your animation you will want to test it to make sure it looks right and that everything works. Plug your device into your computer and pull up a window for your device. Then drag and drop the "bootsamsung.qmg" and "bootsamsungloop.qmg" files to anywhere you want on your devices sdcard. Next, open your root explorer app on your device and navigate to the place where you copied the files. Select both and either move or copy them to the "System/Media/" folder. BE SURE TO BACKUP THE ORIGINAL FILES TO ANOTHER FOLDER ON YOUR DEVIC E FIRST though, just for safe keeping, as this will overwrite the originals. Once you've moved the files then you want to make sure they have the right permissions. To do this touch and hold on each of the files and click on either "Permissions" or "Properties", whatever it says in your app, and look for the permissions. The only permissions you want to have checked for each is both "Read" and "Write" for "Owner" and only just "Read" for both "Group" and "Others". So the abbreviated version shoul d read "rw-r--r--".
8) Testing Your Animation - After that you're all done. The only thing you have to do now is just reboot and see if it looks the way you want. If the animation is too fast or slow, then you just need to go back and adjust the "Duration" setting in each of your projects and do steps 5 through 7 again. If you're doing a more elaborate animation where each frame is differen t and the finished product doesn't look right then you may just need to go back and rework some of your images. Other than that, if you've followed these steps correctly, then you've successfully made your very first Samsung boot animation. Congrats! You can now add it to your own custom rom or just use it on your own device.
I hope this helps some of you by the way. Feel free to respond to this thread if you have any questions or comments regarding the Samsung QMG boot animation creation process. Thank you! :)
So, here we go then. Let's ge t start ed, but first let's make sure we have the required things.
REQUIREMENTS:
- Samsung Theme Designer: http://ift.tt/1YoI8fv
- Photoshop
- A ROOTED DEVICE
- A Root Explorer App(like "ES File Explorer", "Root Browser", etc.)
- An awareness of the target device's screen resolution size in pixels.(ie. 480x800, 1440x2560, etc.)
Alright, now here are the steps to making a Samsung boot animation. (NOTE: For the purposes of this tutorial we're just going to keep things simple by only working with 3 images that will alternate repeatedly, but you can always do more images to create a more elaborate animation if you want.)
STEPS:
1) Create Your Images In Photoshop - Just start by creating a new image in Photoshop. The image dimensions must be the same as your device's screen resolution. Mine is 480x800, so that's what I made. Now do whatever you like with the images. I just made 3 images for mine with the title of the rom and just used the fill tool in Photoshop to add different colors to the text and the background. Then I saved the image in PNG format and used the fill tool to change the colors again and then saved that file too under a different name. I did this 3 times and ended up with 3 different images of different colors and put them in a folder on my computer. I just named the folder "boot", but you can call it whatever you want.
2) Create The Full Animation - For this part you're going to want to turn those 3 images you made into about 30 images by duplicating them so that the image doesn't flash by too fast in the animation. Just open the "boot" folder where you sav ed the images and right click on the name of the first one and select copy. Then paste it 9 times so you end up with 10 duplicate images. Now do the same thing for the other 2 images to make a total of 30 images(10 of each) in this folder. Now go to the first set of images and name them whatever you want, but name them in sequence using this format here. Start with "yourimagename_000.png", then "yourimagename_001.png" on up through "yourimagename_009.png". Then go to the second set of identical images and start naming those starting where you left off with "yourimagename_010.png" and so on and do the same for the third set. You should end on "yourimagename_029.png" with 30 images.
Next make another folder. I called this folder "loop" just to keep things organized. Afterwards, copy the previous 30 images from the "boot" folder into the "loop" folder, so that you now have a total of 60 images in 2 folders, with the same 30 images in each. Then, go into the "loop" folder and start renaming the images in there in sequence. Make sure to start from where you left off in the previous folder so that you end up with "yo urimagename_030.png" through "yourimagename_059.png" in there. These will be the images that loop at the end until the phone boots up.
(NOTE: If you already have your own images from a bootanimation.zip, then you can just skip steps 1 and 2.)
3) Set Up Your Animation Project - Open Samsung Theme Designer and under "Create New Theme" select "Feature(NonTouch) Phone". Then under "Select Model" just click on the one near the bottom that has the word "Spring" in it. It doesn't really m atter which model you choose I don't think, but this is what I did and it works just fine. Then under "Select Showcase" just click on "Default" and just type any name you want to call your project in the "Name" box. You might to then just make sure to save it to the same folder location where you have your image folders stored just to make things easy. After all that, then just click on "Ok".
4) Define The Animation Parameters - Once you have your project loaded, just ignore the preview that you see in the window(as it's irrelevant ALWAYS) and click on the "View" tab at the top of the theme designer and click on "Tree View Window" just to make sure that you can see that menu in the left pane. Then near the top of the tree view under "Idle Component" click once on "Idle Background" to pull that menu up on the right. Now, in the "Idle Background" window on the right click on where it says " fixed" under "Background Type" and change it to "animated". Then change "Frames" to "30" because that's how many images we have in our first folder and change the "Duration" to "50"(usually between 30-50 is best) and make sure "Repeat" is set to "False" for this one.
5) Building The First Animation - After you have everything set, then let's start by buildin g the first part of your animation. To do this you need to go back to your "boot" folder where you stored your first 30 images and select them all. Now drag and drop them all into the "Animation Object Window" pane at the bottom of theme designer to fill the 30 empty frames with your images. Then click the "Save" button at the top left of the theme designer to save your work before finalizing your project. Now click on the "Home" tab. Then in the top right of theme designer click on "Export Theme" and export the theme to your same project folder. The project name doesn't matter. It takes a few seconds to export too, but once it does just click "Ok" and then on "Yes" to open the folder where you saved the file. Then rename the "yourprojectname.smt" file in that folder to "yourprojectname.smt.zip" and open the zip file. Extract ONLY the "IdleBgAnimObj.qmg" to your project folder and rename it to "bootsamsung. qmg". BOOM! You're done with your first part of your animation.
6) Building The Second Animation - Now to make the second part. The second animation is the part that loops at the end and is pretty easy as it's basically the same process as the first part with only a couple of changes. First thing you want to do is click "Save As" at the top and change the name of this new animation to something else. Then, you want to click on one of the images in the "Animation Window" at the bottom and just keep hitting delete until th ey're all gone. Now, since we made the images in our "boot" and "loop" folders exactly the same exact images, then we can just once again set the "Frame" to "30" and the "Duration" to "50". The only difference this time actually is that we want to set "Repeat" to "True" so it loops. Next open your "loop" folder and drag the next 30 images and drop them in the "Animation Obj ect Window" like you did got the first 30 above. Other than that you're basically just repeating steps 4 and 5 for the second animation. Once you extract the "IdleBgAnimObj.qmg" file this time, however, you will be renaming this one to "bootsamsungloop.qmg". After that you are done creating your animation files! :)
7) Copying The Files & Fixing Permissions - Now that you've created your animation you will want to test it to make sure it looks right and that everything works. Plug your device into your computer and pull up a window for your device. Then drag and drop the "bootsamsung.qmg" and "bootsamsungloop.qmg" files to anywhere you want on your devices sdcard. Next, open your root explorer app on your device and navigate to the place where you copied the files. Select both and either move or copy them to the "System/Media/" folder. BE SURE TO BACKUP THE ORIGINAL FILES TO ANOTHER FOLDER ON YOUR DEVIC E FIRST though, just for safe keeping, as this will overwrite the originals. Once you've moved the files then you want to make sure they have the right permissions. To do this touch and hold on each of the files and click on either "Permissions" or "Properties", whatever it says in your app, and look for the permissions. The only permissions you want to have checked for each is both "Read" and "Write" for "Owner" and only just "Read" for both "Group" and "Others". So the abbreviated version shoul d read "rw-r--r--".
8) Testing Your Animation - After that you're all done. The only thing you have to do now is just reboot and see if it looks the way you want. If the animation is too fast or slow, then you just need to go back and adjust the "Duration" setting in each of your projects and do steps 5 through 7 again. If you're doing a more elaborate animation where each frame is differen t and the finished product doesn't look right then you may just need to go back and rework some of your images. Other than that, if you've followed these steps correctly, then you've successfully made your very first Samsung boot animation. Congrats! You can now add it to your own custom rom or just use it on your own device.
I hope this helps some of you by the way. Feel free to respond to this thread if you have any questions or comments regarding the Samsung QMG boot animation creation process. Thank you! :)
via xda-developers http://ift.tt/1lDEz6Y
Put the internet to work for you.
via XDA Android http://ift.tt/1lde0F7
Put the internet to work for you.
No comments:
Post a Comment