How-to make your own custom animated backgrounds from slices cropped from video ...
So your end results are things like these:
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Or like turning this (left) into this (right)
Also, my flashables to apply in VenomTweaks are all here.
This tutorial uses the ViperOne M8 ROM but the process described here for turning a video into a folder of images for animation is universal.
This tutorial is made for the users of ViperOne ROM because Team Venom has a pretty awesome built-in theme engine that everybody should be using and enjoying. Here is one way you can do that! The overall process is universal for anything you want to do involving video to custom animation (i.e. boot animations), but I made this tutorial for ViperOne ROM users. "Giving back" because I love that ROM too. I am not a Team Venom member, just a satisfied user.
One Key Prerequisite – You need to already be set up to decompile and build (recompile) apk files and make a few specific, simple edits to XML files. There are many guides about this and several options. In this tutorial I will use APKTOOL and VIRTUOUS TEN STUDIO. If you cannot decompile and recompile an app then this guide is not YET for you. Figure that out first, then come back! It's good to know how to do this for a TON of reasons if you're just getting started with Android and wanting to learn some more. Search "how to decompile" or "how to use apktool" and pick a guide. I am not offering to help with that part. Come back here when you're set up though.
I also made a Video Walk-through for this tutorial:
http://vimeo.com/erikalin/animated
Have these things (all free & good):
1. Computer setup for decompiling and recompiling apk files (i.e. apktool)
2. Something for editing XML files (i.e. Virtuous Ten Studio)
3. Something to batch rename and resize images (i.e. FastStone Photo Resizer)
4. Something to extract zip files (i.e. 7-zip or Winrar)
5. A short animation or video or loop to work with.
6. Download animationtemplate.apk here: http://www.androidfilehost.com/?fid=23501681358537298
Click to expand...
Click to collapse
Overall Directions:
1. Find or create a short video about 5 seconds in length.
2. Turn that video into a series of jpeg image files.
3. Choose 100 images for the animation.
4. Resize images to be 116 width by 200 height jpeg format, and rename images anim#
5. Decompile animationtemplate.apk.
6. Drop those 100 images into the decompiled drawable-hdpi folder
7. Edit strings.xml for correct theme name and author
8. Edit AndroidManifest.XML package name
9. Build and sign the apk
10. Rename the apk to the name of your animation
11. Test it!
12. Create an animated gif preview for you own records and for sharing on XDA
13. Share it!
Click to expand...
Click to collapse
Detailed Directions (see video demo also)1. Find or create a short video about 5 seconds in length.
Be sure to download only what is legally offered for free and public use by the party authorized to give such rights. It's fun to grab a quick video of a kid or pet if you have any. If you find such a thing on youtube, a safe download site to use is this: http://www.clipconverter.cc/ . You're going to have to resize and crop out a vertical slide (the aspect ratio of your phone's display), so keep that in mind. You can accomplish the ratio by adding canvas to the top of bottom as well. I often end up "zooming in" on a piece of the video by cropping the images. Trial and error.
2. Turn that video into a series of jpeg image files.
You can do that here: http://image.online-convert.com/convert-to-jpg
You’ll get a zip file from that conversion. Extract it. Name the extracted folder rawimages.
3. Choose 100 images for the animation.
Create a new folder and name it chosenimages. It doesn’t matter how many jpeg files are in that rawimages folder right now, you need to narrow it down to 100 for your animation. If your video was a good resolution, you can take skip every other jpg file and they’ll still work for your animation at this resolution. Just narrow it down to 100, however you want. Remember that the animation is a loop, so try to “end” the animation in a way that naturally looks good when it starts back at the beginning. When you’re done you have the 100 images you want to use in your chosenimages folder.
Optional info: Don’t consider this paragraph on your first try, but you can use any number of images in your animation. Longer animation means more images. For your first animation, just use 100 images because it’s already setup for that. If you get into this and want to make longer or shorter animation loops, you’ll need to use a different number of images. That just requires editing this file: res/drawable/bg_anim.XML. Open it and the edits will be obvious. If you add more jpg image files into your folder and do not also list them here, they will be ignored.
4. Resize images to be 116 width by 200 height jpg format, and rename images anim#
This is the step that can take some time. You’ll do this in a batch. The names are such that the first image will be named anim0 and the last image will be named anim99.
I use FastStone Photo Resizer for this. Create a folder and name it drawable-hdpi. You have your chosenimages folder with your chosen 100 images in it. They need to end up being 116 X 200 px in size. Your aspect ratio won’t be correct at this point, so you will need to crop as well as resize. Do whatever it takes to get your images to 116 X 200. You’ll have to play around a bit with the resize and crop and canvas settings based on your specific image set. It can take a few extra steps to get from your chosen images to the properly named and sized drawable-hdpi folder images you’ll be using in final form.
In the process, rename images to anim# and start at “0”. Make sure they are jpg not png format.
This step is done when your 100 images are resized and properly named, in your drawable-hdpi working folder.
5. Decompile animationtemplate.apk.
6. Drop those 100 images into the decompiled drawable-hdpi folder in apktool directory
7. Edit strings.xml for your new theme name and author
Inside res/values/strings.xml make two edits:
Code:
<string name="theme_name">[COLOR="Red"]YourAnimationTitle[/COLOR]</string>
<string name="theme_author">[COLOR="red"]YourName[/COLOR]</string>
8. Edit AndroidManifest.XML package name
Make one edit:
Code:
package="venom.background.anim.[COLOR="red"]newanimationnamehere[/COLOR]">
9. Build and Sign the apk
10. Rename the apk to the name of your animation
11. Test it!
Install on your phone as a normal app, then apply through Venom Tweaks. Don't share things until you've tested.
12. Create an animated gif preview for you own records and for sharing on XDA
Screen record like 5-10 seconds of the pulldown with the animation running. Use a built-in screen record or “Rec.” on the Market.
Upload the screen record video file directly to https://imgflip.com/gifgenerator and choose start and end points, and a small size for the gif output. You can also put text onto the image so you can include the name of your animation. For sharing on xda, upload that animated gif somewhere. I use http://imgur.com/
.
13. Share it!
Be sure to include the following three things in your post: One jpg image from your hdpi folder as a static preview, your apk file, and the animated gif preview. Share it on the Official ViperOne Theme thread, where they invite user contributions and can upload the good ones to Venom Hub for everyone to enjoy.
I hope to see some nice stuff get shared from your creative minds! :good:
Reserved just one, in case I make a related tutorial. :good:
Just a question can I use my .gif?
Sent from my HTC One_M8 using Tapatalk
Galaxysm said:
Just a question can I use my .gif?
Sent from my HTC One_M8 using Tapatalk
Click to expand...
Click to collapse
What gif? Do you mean can you use any gif? You need a series of jpg files, resized and renamed for this mod, but you can use an online file converter to turn a gif into jpg files, and pick up from there. If that's what you're asking (?).
Nice work [emoji106]
Sent from something using Tapatalk
Your a beast ..thanks for the tut !!!!
Sent from my HTC One_M8 using XDA Premium 4 mobile app
armyboy11b said:
Your a beast ..thanks for the tut !!!!
Sent from my HTC One_M8 using XDA Premium 4 mobile app
Click to expand...
Click to collapse
If you have some time, make something from it! :highfive:
::thinking about making an animation of crickets::
I challenge ViperOne ROM users to make a custom animation. Surely there's a 5-7 second video you want to transform to use as your notification panel background... you can do this. I'd love to see some sweet creations on here.
:good:
I made up a Valiant Comics animation for @lorddunlow that is shared up here if anyone wants to check it out. I like how it came out.
erikalin said:
::thinking about making an animation of crickets::
I challenge ViperOne ROM people to make a custom animation. Surely there's a 5-7 second video you want to transform to use as your notification panel background... you can do this. I'd love to see some sweet creations on here.
:good:
I made up a Valiant Comics animation for @lorddunlow that is shared up here if anyone wants to check it out. I like how it came out.
Click to expand...
Click to collapse
I love how it came out! Thanks so much for putting it together for me!
Sent from my HTC6525LVW using Tapatalk
OMG I'm dreaming of a bokeh kind of background for the notification drawer with very very light colors to suit my self modded notification pulldown.
Kind of like in this video but even lighter: DIY: Bokeh Light background effect: http://youtu.be/VEAuO4ZQSVE
What can I say. I'm a sucker for lightness!
Sent from my HTC One M8
dannejanne said:
OMG I'm dreaming of a bokeh kind of background for the notification drawer with very very light colors to suit my self modded notification pulldown.
Kind of like in this video but even lighter: DIY: Bokeh Light background effect: http://youtu.be/VEAuO4ZQSVE
What can I say. I'm a sucker for lightness!
Sent from my HTC One M8
Click to expand...
Click to collapse
Hi. Not sure what you're saying (or asking?). That video is over 4 minutes long. If you want to make an animation you'll need to start by choosing what 5-7 seconds you want to extract to create an animation loop, then follow the steps in the OP to transform it according to what you want it to look like.
Related
Alpha Release:
I have now taken it upon myself to create the Animated Boot Image and working on a Alpha bootanimation now see the progress below. I have switched the file hosting service to Megaupload as Rapidshare was limited to 10 downloads. Alpha release has been updated and is full screen now and the images are in the correct part1 and part0 folders.
Details:
Animated Flames Radiating Background mimicing a phoenix
Phoenix graphic smoothed edges to blend with animated background on center of the screen
Text bottom of screen displaying Loading...(I may animate it but I am affraid this might be animation overkill with the background I am planning on using.)
Color Scheme:
Text: Dark to meduim colors of Red, Yellow, Orange and white and possibly blue.
Graphic of Phoenix in Red, yellow and Orange for flame effect.
If anyone wants to jump on this please let me know I am attempting it myself but I don't really have the skill level to get the detail I want but I am a quick learner.
Installation Instructions:
1. Download the Phoenix Boot Animation.zip file
2. rename to update.zip (Remember Windows Typically Hides File extensions so if you rename it to update.zip and the extension is hidden you are actually making the file name update.zip.zip)
3. Place the update.zip on the root of your SDCARD
4. Flash with the recovery of your choice
5. Give feedback for ideas in this thread
Downloads:
Phoenix Alpha Concept Bootanimation Alpha 0.1.3
Download Link
MD5: 2CE8A9D770D1B71DCC2093090A0790F5
Changelog -
06/09/10 8:57pm PST
0.1.3 : Alpha 1 Uploaded (Used a different file share host as rapidshare was limited to 10 downloads.)
- Finally got boot Image to be full screen
- Corrected Part1 and Part0 data so that the images are in the right folders now.
06/09/10 5:25am PST
0.1.2 : Alpha 1 Uploaded
- Added Text on top of image "Phoenix Boot"
- Added Text on bottom of image "LOADING"
- Added Mask Image of Phoenix on top of the Animated Background
- Issues : the image is now larger however I still am not getting full screen coverage (What pixel size do I have to make the images to get the full screen covered?)
06/08/10 11:19pm PST
0.1.1 : Alpha 1 Uploaded (Remember to backup your old bootanimation)
Current Issues - Boot animation is smaller that I want I want full screen but all the image sizes I have tried thus far have not been full screen. This will give you a rough Idea of the background and loading I have thus far though.
06/08/10 10:45am PST
0.1.1 : Alpha 1 (Expect it around 7p.m. PST tonight) - This is just the animated background for the concept. But I would like feedback to fine tune it while I am editting the images for the Bootanimation.
06/07/10 8:15pm PST
0.1.0 : Pre-Alpha - Concept background and images in development - I will have a alpha build for my testing tonight.
NOTE : YOUR ORIGINAL BOOTANIMATION WILL BE OVERWRITTEN WITH THIS UPDATE.ZIP so make sure you have a backup of it. It's in other bootanimation threads.
How the desc file works:
320 480 15
p 1 150 android
p 50000 1 last
First line contains 3 numbers width, height and fps
Second line (and any succesive lines) starts with the letter "p" (which comes from animation part) and contains 3 items:
-count: number of time this part is repeated
-pause: number of microseconds to pause after the last frame of the part
-path: the directory which contains the png files that compose the frame of this part
Screenshot and Animated GIF:
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
You should probably smooth out the transition from the last to the first in part1.
File is huge and that is after i extracted just the boot animation zip ... 18.29mb ..just asking if this is correct since most boot animation files are significantly smaller
@bobtentpeg
You know I didn't see a problem there. In my test my phone doesn't even get through a whole cycle to recycle back to the beginning. But I can work on the loop transition if that is what your referring to.
@ Chosen_on184
The animation images involves 121 PNG files so it tends to be large. The size will most likely go down if I reduce to 60-100 PNG files once I settle on the feedback.
DeadPhoenix said:
@bobtentpeg
You know I didn't see a problem there. In my test my phone doesn't even get through a whole cycle to recycle back to the beginning. But I can work on the loop transition if that is what your referring to.
@ Chosen_on184
The animation images involves 121 PNG files so it tends to be large. The size will most likely go down if I reduce to 60-100 PNG files once I settle on the feedback.
Click to expand...
Click to collapse
Hey I checked out your files and you have part0 and part1 backwards. part1 is the one that repeats. so typically you build up your pictures in part0 then when it goes to part1 (the one that repeats) you would have a smaller number of pictures that give a (certain) effect by repeating...
now the number of the pictures depends on your rom (sort off) with 2.2, I don't get past 00075.png and with 2.1 I get as deep as 00135.png
you might want to keep this in mind so it will work good both (also you could just have the 2.1's repeat at 00100.png)
lastly, I think it might look good with some animated flames (see attachment) do what you want with them, its your vision.
keep up the good work!
could you get an animated .gif preview up?
@ogdobber
Thanks for the info. I will incorporate that into my next phase of development and look into the flames. I was so tired at 5am after being up 8 hours and working on learning new ways to expedite my work process that I put them in backwards. I will update it and reupload a newer version tonight. I am going to remove the legacy builds in the future and just maintain the changelog from now on.
@Zephyron
I will also put together a animated Gif. The speed in which the animation is displayed is also perplexing. Right now I have 1 frame per second but I think I may have to speed up the process by going to a frame every 2 seconds to show more movement in the animation.
@General
So my to do list tonight is:
- Correct the png files so they are in the correct folders of part1 and part0
- Work on image transitions so that when the image recycles it is seemless
- Work on reducing the over size by reducing the png's which in turn will speed up the animation of the image
- Work on incorporating the Flame effect discribed by ogdobber
Could someone breakdown what the varibles in the desc file are just for my better understanding.
Thanks all.. Keep the feedback coming I want to make this as polished as possible.
@DeadPheonix go here http://forum.xda-developers.com/showthread.php?t=676385
super simple way to make a gif from bootanimation.zip
can't wait to check this out man. love phoenix
hopefully that lwp takes off too. if not I need to get my comp goin again and build one!
ogdobber said:
@DeadPheonix go here http://forum.xda-developers.com/showthread.php?t=676385
super simple way to make a gif from bootanimation.zip
Click to expand...
Click to collapse
That's a Awesome tool. Thanks for pointing it out. As always idea, comments and feedback is always appreciated.
http://forum.xda-developers.com/showthread.php?t=623960
May be of some help to you.
Treatcon said:
http://forum.xda-developers.com/showthread.php?t=623960
May be of some help to you.
Click to expand...
Click to collapse
@Treatcom
Thanks that is exactly what I was looking for.
Updated First Post with Animated GIF as requested.
Quick Update:
I have just rendered a Eagle in 3dMax Studio and I am going to render it on fire tonight.. The process is long and tedious so I might not have it done tonight or even tomorrow.. But it should look damn sweet if I can get it done. Since I am using 3dmax studio it will be fully movable in anyway I want on flames.. Such as..
Wings flapping in a hover position .. On fire burning... ash falling from the tail.. Black background.. I can pretty much manipulate it anyway I want. maybe have a pile of ash and have it rise from the ashes to hover above... that would be sweet.. Anyway I am in learning 3d max so I will see just how far this will go. I can then export it to a movie and break it into frames in PNG format using my tools. I will leave the Last bootanimation up and just make this a supplimental bootanimation assuming the effect comes out the way I want.
Hi all.
I have been collecting wallpapers since December 2009, and with the help of HDWall, I have made these high quality wallpapers obtained from all over the internet into cab files, WITH thumbnails! Using HDwalls works a treat, as all the background cabs will be previewed through the thumbnails created.
This has been alot of work in terms of time taken for processing. Some cabs would take 5minutes to process or so through Hdwall. I hope you all like!
Im open to any advice, as this is my first proper new thread.
I have created a preview of all the wallpapers included in the zip. There are currently 330 wallpaper thumbnails and their respective cabs. I take no credit for the images themselves, as none were taken by me.
There is no skinning of the taskbar or softkeys (Sorry)
The settings used in HDwall were:
HTC Sense v2.5 - All Tabs - No Compression & Co0kieMonster's Patch.
Manila 2.5+
HTC Sense Patch
HTC Sense
Portait Bottom Offset (Alignment fix) -2
Potrait only
Also, all wallpaper cabs and thumbnails are named Wallpaperxxx.cab and Wallpaperxxx-p.jpg, where xxx is a number from 1 to 330. You will not be overwriting any of the cabs/wallpapers when your copying them to your storage card.
Warning: If you are using HDwalls to view the cabs/thumbnails, do not place the entire sense backgrounds folder as the main directory for Hdwalls, as this crashes the program due to the large amount of thumbnails. So please seperate the wallpaper folder into 3 seperate folders as there are over 300 thumbnails/cabs. You can then set hdwalls default directory to any one of the folders you have created, and swap back and fourth depending on the wallpaper you want to set.
Q&A
Q: Any chance you could upload the wallpapers in NON .cab form? I'm using CHT for wallpapers. And I really like some of those and would definitely enjoy using them
A: Hdwalls was used to crop the original wallpapers, as some of them were 1024x768 etc. The original wallpapers have been uploaded but most of them are not in 480x800. Unfortunately the original images I have aren't just resized, but also cropped. Going through and cropping 330 images will take me forever, so I won't be doing that.
Q: Its hard for user to install over 300 cab..
A: Theres an application called HDwalls. Once you install this on your handset, it lets you view all the wallpapers as thumbnails, so your can browse through each wallpaper. When you find one you like, you select it, click install, and it installs it. You then restart sense, and you have your wallpaper. If you then would like to change the wallpaper you do the exact same thing. You DO NOT manually have to uninstall the wallpaper cab. And multiple wallpaper cabs WILL NOT show up in your program remove list in settings. So essentially you have one wallpaper installed at any one time, not 300.
The preview image is 4.5megs.
The rar file for the HDwall Cabs is 52megs zipped
The rar file for the original backgrounds is 142megs zipped
Please no mirrors.
Enjoy!
PREVIEW
http://yfrog.com/jusensebackgrounds1j
Thumbnails + Cabs
http://www.megaupload.com/?d=AH54DXK9
http://www.mediafire.com/?dkznjzmmj4k
Original Backgrounds. Not all of them are present
http://www.megaupload.com/?d=762N7IGJ
http://www.mediafire.com/?gj41tzzmjf2
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
can not DWNLD from megaupload.com site blocked here
another LNK pls ... .. .
Thank you!
just like what tony the tiger says! "they're greeat!!"
pls another link different from megaupload
Too bad every cab is entitled mywallpaper and it overwrites the previous.
blacklord9 said:
Too bad every cab is entitled mywallpaper and it overwrites the previous.
Click to expand...
Click to collapse
Every cab is entilted mywallpaper followed by a number. Eg MyWallpaper90, MyWallpaper91 etc..
Same as the thumbnails.
EDIT: I have now added a second link for those who cannot access megaupload.
msedhom said:
EDIT: I have now added a second link for those who cannot access megaupload.
Click to expand...
Click to collapse
THANKs
very nice collection . keep it up !!!
Any chance you could upload the wallpapers in NON .cab form? I'm using CHT for wallpapers. And I really like some of those and would definitely enjoy using them.
Thanks.
EgomaniacIII said:
Any chance you could upload the wallpapers in NON .cab form? I'm using CHT for wallpapers. And I really like some of those and would definitely enjoy using them.
Thanks.
Click to expand...
Click to collapse
Hello. Hdwalls was used to crop the original wallpapers, as some of them were 1024x768 etc. I can upload the original wallpapers but most of them are not in 480x800. Let me know if you would still like them.
AD YOUR GREAT WORK TO OUR MARKET PLACE
http://forum.xda-developers.com/showthread.php?t=717882
great collection, thanks
wawa144st said:
AD YOUR GREAT WORK TO OUR MARKET PLACE
http://forum.xda-developers.com/showthread.php?t=717882
Click to expand...
Click to collapse
Uploading it now
EDIT: Unable to upload it, as your server keeps timing out.
msedhom said:
Hello. Hdwalls was used to crop the original wallpapers, as some of them were 1024x768 etc. I can upload the original wallpapers but most of them are not in 480x800. Let me know if you would still like them.
Click to expand...
Click to collapse
You may use IrfanView to batch convert/resize the images. Its freeware..
http://www.irfanview.net/
ahkow said:
You may use IrfanView to batch convert/resize the images. Its freeware..
http://www.irfanview.net/
Click to expand...
Click to collapse
Unfortunately the original images I have aren't just resized, but also cropped. Going through and cropping 330 images will take me forever, so I won't be doing that.
I I would actually like to get the original sized pictures.. Because I to use CHT and cant use my lock screen.
Thanks,
msedhom said:
Unfortunately the original images I have aren't just resized, but also cropped. Going through and cropping 330 images will take me forever, so I won't be doing that.
Click to expand...
Click to collapse
Its hard for user to install over 300 cab..
I guess what you need is an utility to extract the original image files from cab (not sure has such thing?), then batch resize with IrfanView.
ahkow said:
Its hard for user to install over 300 cab..
I guess what you need is an utility to extract the original image files from cab (not sure has such thing?), then batch resize with IrfanView.
Click to expand...
Click to collapse
I think you might be a bit confused. Theres an application called HDwalls. Once you install this on your handset, it lets you view all the wallpapers as thumbnails, so your can browse through each wallpaper. When you find one you like, you select it, click install, and it installs it. You then restart sense, and you have your wallpaper. If you then would like to change the wallpaper you do the exact same thing. You DO NOT manually have to uninstall the wallpaper cab. And multiple wallpaper cabs WILL NOT show up in your program remove list in settings. So essentially you have one wallpaper installed at any one time, not 300.
I will add a Q&A section in post #1.
eviltwin_52s said:
I I would actually like to get the original sized pictures.. Because I to use CHT and cant use my lock screen.
Thanks,
Click to expand...
Click to collapse
These are now in post #1.
Create custom FlipFont files with font preview and icon.
*At present this only works on Galaxy S phones, but should work if FlipFont is ported or released on other devices*
Why do we need to jump through hoops?
It seems that the fonts in the MonoType apks on the market are digitally signed. This is what is preventing the use of any old font being added to an APK. I believe the FlipFont app is looking for the digital signature in the font within the APK. If its not there, it does not use the font and reverts to using the default font. It MAY be possible to edit the FlipFont APK so that it no longer looks for the digital signature. This should allow us to use any font without jumping through hoops.
If you can find the FlipFont Apk please post its location or better yet PM me with its location. If your really feeling spunky ADB pull the file off your phone and post it here, so we can take a look at it.
Lets trick FlipFont. Heres what you need.
Apk Manager 4.8 found here. This will allow you to decompile and edit the APK attached at the bottom of this link. Dont worry its much easier then it sounds.
FontCreator 30 day trial found here. This is a windows only program. If you know of a cross platform, open source or FREE font editor please let me know. The one on source forge is not stable enough for use at present and its install needs its own walk through.
***Link for FontCreator has been downgraded to version 5, which will allow you to save fonts during the 30 day trial, unlike version 6. Thanks sigeltek***
Photoshop or Gimp. Note you only need this if you want to edit the icon file for the app. I will not go over editing the icon in the walk-through, this should be pretty self explanatory.
Digitally Signed Monoglyceride font found here For some reason Mediafire sees this as a jpg file. Click the download this image button in the link and you will see its actually a .ttf file. ODD :ºp
The Monoglyceride APK attached at the bottom of this link.
Walk-through editing the Monoglyceride font with FontCreator.
Open the Monoglyceride.ttf font with FontCreator
Open the .ttf font you want to use.
Make note of the number of Glyphs at the bottom right side of FontCreator when you have your font selected.
Click the Monoglyceride font window in FontCreator and choose edit>select all at the top of the program.
Hit delete on your keyboard. This should delete everything in the Monoglyceride window.
click Insert>Glyphs... at the top of the program
type in the number of glyphs your font has in it and hit ok. You should now see a bunch of empty glyphs in the Monoglyceride window.
Now switch back to your font and again hit edit>select all
Hit edit>copy
Swith back to the Monoglyceride window and click edit>select all... and then edit>paste special...
This will open up the Paste Special window. Put a check in every box in Item section and choose "Add Mappings" in the mappings section and then click OK.
If this worked properly you should see all of the characters and mappings from your font in the Monoglyceride.ttf window.
Close your fonts window in FontCreator
Click File>Save as, rename the Monoglyceride.ttf with the name of your font.
Thats it you now have a digitally signed font. If you want to double check, open the new font in windows and you should see that the font is still technicaly the Bauhaus font, but it now contains your fonts characters. :º)
*** eweo911 has just informed me of a quick way to resize the font if it is too large. You can check to see if its too big by double clicking on one of the glyphs after preforming the Paste Special section of the instructions above. Its best to choose one of the uppercase letters. If the glyphs image goes above the guide shown for cap it WILL be a large font on the phone. These guides are set in the perfect position for our phones screen.
Here is the quote from eweo911:
I have figured out how to make the fonts smaller so you can adjust them to fit the screen better. Not sure if anyone else has done it yet but here is what I did.
After you do the "Paste Special" in font editor (per Ritalins how-to), you will need to make sure all of the glyphs are highlighted in the new font. Yiou will then go to "Tools" and then "Glyph Transformer". Once there, you will select the "Selected" button, then under Available Features you will expand the Outlines tree. Select scale and then you will have two variables for Outlines-Scale. Choose an integer that you want to test with and then hit "ok". Save as your new font name and that should be it.
Click to expand...
Click to collapse
Walk-through editing the apk with Apk Manager 4.8
Download the monoglyceride.apk listed below.
Copy the apk into place-apk-here-for-modding folder in the Apk_Manager_4.8 directory.
Run script.bat and choose option 9
Open Apk_Manager_4.8\out\assets\fonts in explorer
Replace existing monoglyceride.apk font with the .ttf font you edited in FontCreator
edit all XML, yml and smali files to include the font name or font.ttf depending on the entry in the original file. Just replace monoglyceride in these files and folder with the name of your font. Pay attention to capitalization in the existing files, and make sure to do the same when replacing with your file name.
Edit the last folder name in the smali folder tree from monoglyceride to the name of your font
Edit the icon.png in the drawable folder with one of your own.
Compile apk - option 11
Sign apk option 12
Check the Apk_Manager_4.8\place-apk-here-for-modding folder and you should see repackaged-signed.apk along with the original monoglyceride apk. Rename your new signed.apk file the same as the monoglyceride one and just check the name at the end with your font name. This is not REALLY necessary, but do it for consistency sake.
install apk on your phone
This might take you about 30 minutes the first time you run through it, but after you get accustom to the steps you should be able to bang through it in about 10 minutes.
Well here you go, here is my first custom FlipFont APK.
Monoglyceride
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
http://www.mediafire.com/file/b63fa44f7ks7e3d/com.monotype.android.font.monoglyceride.apk
Its working perfectly for me, but let me know if you have any issues.
If you create a font with these instructions, please share it with the community. There is a thread in the Vibrant theme section found here.
Save this thread as a favorite or subcribed thread and you can easily view it and download the fonts in the XDA tapatalk app on your phone.
You will need Astro or Linda file browser to be able to download the fonts from your phone.
Sweet!! i'll give this a try when i get my Epic
Id like to personally thank you for this guide!!!
Custodian said:
Id like to personally thank you for this guide!!!
Click to expand...
Click to collapse
What happened to his thanks button?
jamice4u said:
What happened to his thanks button?
Click to expand...
Click to collapse
....run along now little timmy before you get into something you'll regret.
Sent from my SPH-D700 using XDA Premium App
There a few good ROMs out there for the Epic, but if you are like me, you like to tweak them a little bit so that they are more personalized. I like when the dropdown background of the notification bar is semitransparent. I looked around on XDA and other some other sites and couldn’t find a tutorial on how to do it FOR THE EPIC 4G. SOOOOOO……I figured it out all by myself. Since I feel like sharing today, here is a tutorial on how to do that. You can also use an image that has 100% opacity (in other words, not transparent).
Before you continue, you
1) need have a rooted phone,
2) need have SDK/ADB setup for you Epic,
3) you have WinRAR or 7-Zip (I will be using this), and
4) have Gimp installed on your PC.
There are various threads on rooting and ADB here on XDA if you haven’t done that yet. As far as 7-Zip and Gimp are concerned, just be a tad resourceful and Google them and you’ll find the files can be downloaded.
Also, I am using a Windows machine, I don’t have a Mac (see the proof in my wallpaper in the screenshot below) or use Ubuntu so don’t ask!
ALWAYS CREATE A BACKUP BEFORE SWAPPING SYSTEM FILES!!!!!!! ALWAYS!!!!!
First off, here is what my Epic is sporting…today.
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Step 1 - Get an Image
Find an image you want to you use. Just Google some images or backgrounds and find one, download it, and then save it to your desktop.
Step 2 (this one is not as easy as Step 1) – Make the Image Semitransparent
Now if you don’t want the image to have any transparency or aren’t feeling adventurous today, skip ahead to step 3.
Open up Gimp and window will pop up that has the Gimp mascot watermarked in the background. Drag your image from your desktop into the window. The image will now appear in the Gimp Window. From the menu at the top of the window select Windows-->Dockable Dialogs-->Layers (or press Ctrl + L, whatever floats your boat).
A new, smaller Window should have opened up. In this Window there is a slider control labeled “Opacity”. Remember that word from the beginning of this post? Well right now it should say 100%. Click the slider then drag it to the left until the desired opacity level. I am using 85% on mine. Personally, anything under 50% I find unpleasant, but heck, to each his own.
When you are done making your image slightly, or highly, transparent, go back to the Window with your image in it and select File-->Save as (or press Shift + Ctrl + S, to keep your boat afloat). A few confirmation pop ups will appear;
first one is the Save Image confirmation – click Save,
second is the Do you want to replace it? confirmation – click Replace,
and the third is the Save as PNG confirmation – click Save.
Success!!!! Your image is now transparent. It may not look like it on your desktop, but trust me, it is.
Step 3 – Extract twframework-res.apk
Go to your tools directory in the location you have your Android SDK saved. For me its “C:\Program Files (x86)\AndroidSDK\tools” and I am sure yours will be different, just make sure you are in the tools folder.
Once in the tools folder, make sure a file in the folder is not selected the press shift on your keyboard and right click your mouse. Select “Open command window here” from the context menu.
A command prompt window will open and type in “adb pull system/framework/twframework-res.apk”. Then click the Enter button on your keyboard.
Go back to the tools folder and you will have a file called twframework-res.apk. If you have never done this before, CONGRATULATIONS! You have extracted your first system file from your phone.
Step 4 – Replace status_bar_background.9.png
Return to your image on your desktop and rename it “status_bar_background.9.png”. Windows may fuss about changing the file type or something of the sort, just click Yes or OK. If Windows doesn’t fuss, then your PC must like you more than mine likes me (actually it’s just because your image was already saved as a PNG file type).
Next you need to open up your twframework-res.apk file. This can be done by attempting to open it and selecting the extractor of your choice as the default program, or by remaining it to include a “.zip” at the end of it. That would make it “twframework-res.apk.zip”. Once open navigate your way to \res\drawable-hdpi\. In this folder there you will find the status_bar_background.9.png that is currently being used, you can drag it to your desktop if you want to save it for later use or just in case you don’t like your new setup. Now drag the status_bar_background.9.png image from your desktop into the drawable-hdpi folder. Press OK on any popups that show up.
If you renamed your twframework-res.apk file change it back to twframework-res.apk, NO EXCEPTIONS! Now your twframework-res.apk contains the image of your choice.
Step 5 – Push twframework-res.apk Back to Your Phone (Phew! Last step, all…most…there…)
Go back to your command prompt and enter the following 6 commands. Tip: ignore the $ and # signs, if your phone is properly rooted you won’t have any issues.
adb push twframework-res.apk sdcard/twframework-res.apk
adb shell
su
remount rw
cat sdcard/twframework-res.apk > system/framework/twframework-res.apk
reboot
Your phone will now reboot.
Ladies and gentlemen, hopefully mostly ladies, you are now done and your phone now has a touch of you.
Great little tutorial. +5 for a little extra effort.
Sent from my SPH-D700 using XDA App
bryanfritz1 said:
Great little tutorial. +5 for a little extra effort.
Click to expand...
Click to collapse
Why thank you
Sent from my SPH-D700 using XDA App
Great job. Would you be willing to share your theme? I have been looking for a black theme like yours. Following your process with change the backdrop only correct.
ptfdmedic said:
Great job. Would you be willing to share your theme? I have been looking for a black theme like yours. Following your process with change the backdrop only correct.
Click to expand...
Click to collapse
Yes, it will only change the backdrop. To get it to look like the screen shot you need to change a few more files in a couple different places.
I could tell you which files need to be changed and give you the correct images. PM me if you would like to know.
Sent from my SPH-D700 using XDA App
jprocha, have you discovered what any of the other images in the framework archive are for? I am considering experimenting to see what effects can be acheived, so any headstart is appreciated
It will probably take some time, but a full guide for skinning the interface could be useful...
Side note - has anyone tried setting their wallpaper to an image that has parts at 100% transparency? The system doesn't write anything to the screen for transparent pixels, so it leaves a sort of afterimage when you slide from one screen to another
Awesome job, I tried to figure this out when I first got my epic, and failed miserably. Now I am sure I can do it! Thanks again!
Sent from my SPH-D700 using XDA App
styles420 said:
jprocha, have you discovered what any of the other images in the framework archive are for? I am considering experimenting to see what effects can be acheived, so any headstart is appreciated
It will probably take some time, but a full guide for skinning the interface could be useful...
Side note - has anyone tried setting their wallpaper to an image that has parts at 100% transparency? The system doesn't write anything to the screen for transparent pixels, so it leaves a sort of afterimage when you slide from one screen to another
Click to expand...
Click to collapse
i don't have immediate plans of creating a full guide. But the easiest way to find out what images are being used on the screen is to compare the images in the stock rom to the ones in a custom rom that looks very different from stock ie emotionless beast. Just notice what is different and you should be able to figure it out.
Let me know if you are having any trouble finding a specific image and I'll try to help.
Hey,
after some investigating after I couldn't change my bootanimation, I saw there is a config text file which has a definition which file to actualy load.
Changed that - works super cool
But, there is also a VIdeo folder inside /system/media which has a beautiful android in space video.
Why is that video there by default? Is it possible to change the config file to just point to the video file or does it have to be a bootanimation.zip?
I don't want just go and try it, cause I am afraid I will get stuck on bootanimation or something.
Thanks for any info!
Nyandroid?
Also if I am not mistaken... you have to have the bootanimation.zip file, as it contains the animation in png image format.
http://www.addictivetips.com/mobile/how-to-change-customize-create-android-boot-animation-guide/
If you have Photoshop I am sure you could easily convert the video into still images and make your own bootanimation.zip.
Does anyone know what is the biggest size that boot animation can be?
Or to ask differently: how to make a bootanimation for infinity to cover the entire screen?
I have tried many for the last couple of hours, but they all look weird if they are "fullscreen" as the size of the animation becomes smaller on infinity. Only those who are centered and have black background looks somehow OK.
I would like to resize the fullscreen ones so they would cover the entire screen.
Possbile?
Can you change the boot animation without rooting the device?
If so, could someone please give some detailed instructions on how to do it? A link to a video of it would be nice too if there's one out there.
Sent from my ASUS Transformer Pad TF700T using xda app-developers app
If I'm not mistaken the video with android in space is their "Easter egg"
Try this: go to about tablet and click multiple times very fast on the android version.
It should pop up a little android guy
Next tap and hold on him till he grows huge then be prepared to have your mind blown
Sent from my ASUS Transformer Pad TF700T using Xparent Blue Tapatalk 2
You can't change boot animation without root. Bootanimation zip file is in folder system/media and is only readable without root.
At least I don't know of any solution that works without root, but could be mistaken....
Has anyone figured out what size should bootanimation be to fill the whole screen?
Jbb3393 said:
If I'm not mistaken the video with android in space is their "Easter egg"
Try this: go to about tablet and click multiple times very fast on the android version.
It should pop up a little android guy
Next tap and hold on him till he grows huge then be prepared to have your mind blown
Sent from my ASUS Transformer Pad TF700T using Xparent Blue Tapatalk 2
Click to expand...
Click to collapse
Very Cool!
I cropped the images and then doubled the size of the default animation. I'm on eoh's rom and the file was named bootanimation_04.zip. Not sure if that is stock or if he modified it, but it's easy enough to just rename it or change the config file if yours is different.
Infinity stock animation large
edit: actually I think I can keep the same original size cropped and then change the resolution in the desc file so that the zip isn't quite so large. will do that and re-upload if it works.
edit2: while just changing the resolution specified in the desc.txt file did increase the size of the animation, it also created a box of flashing pixels around it 1 or 2 pixels wide. I played with a few different resolutions but specifying anything other than that of the images caused the pixel artifacts on the screen. I re-uploaded the double-size animation if anyone wants it and will be putting up a couple more that I downloaded through roomtoolbox in a bit.
Rotated and compressed a bit from the original:
Bokehloop
Cropped the blue 3d honeycomb animation, scaled that up, and changed contrast to make the background black. It's 960x700 and looks pretty good on our screen.
Blue 3d Honeycomb
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Can you tell me what folder the original boot animation is in and what file to modify to change it please?
Svashtar said:
Hey,
after some investigating after I couldn't change my bootanimation, I saw there is a config text file which has a definition which file to actualy load.
Changed that - works super cool
But, there is also a VIdeo folder inside /system/media which has a beautiful android in space video.
Why is that video there by default? Is it possible to change the config file to just point to the video file or does it have to be a bootanimation.zip?
I don't want just go and try it, cause I am afraid I will get stuck on bootanimation or something.
Thanks for any info!
Click to expand...
Click to collapse
What did you change config text file to? I can't get my animation changed. Tried data/local, and system/media. Neither worked
redheadplantguy said:
What did you change config text file to? I can't get my animation changed. Tried data/local, and system/media. Neither worked
Click to expand...
Click to collapse
I have tried editing that file and it gave me a bootloop
If I change the animation in the stockrom it doesnt boot anymore but with cm10 an cleanrom it works (with romtoolbox)
The config file sets the path and name of the bootanimation I think but editing doesnt work
blackmambazzz said:
I have tried editing that file and it gave me a bootloop
If I change the animation in the stockrom it doesnt boot anymore but with cm10 an cleanrom it works (with romtoolbox)
The config file sets the path and name of the bootanimation I think but editing doesnt work
Click to expand...
Click to collapse
You have to be careful when editing the pointer file. There cannot be any extra lines or spaces after the path text.
I've also had issues with some editors and just doing a save when you close out of the editor instead of saving beforehand. Not sure why there would be a difference in how it performs the save, but I was able to repeat the issue so I'm pretty sure it wasn't a fluke.
Also, most of the time, if the system can't play or can't find the animation it will still boot up just fine. It will look like its just sitting at the ASUS splash screen until it displays the launcher, so if you didn't wait long enough you may have thought it wasn't booting.
urrlyx said:
You have to be careful when editing the pointer file. There cannot be any extra lines or spaces after the path text.
I've also had issues with some editors and just doing a save when you close out of the editor instead of saving beforehand. Not sure why there would be a difference in how it performs the save, but I was able to repeat the issue so I'm pretty sure it wasn't a fluke.
Also, most of the time, if the system can't play or can't find the animation it will still boot up just fine. It will look like its just sitting at the ASUS splash screen until it displays the launcher, so if you didn't wait long enough you may have thought it wasn't booting.
Click to expand...
Click to collapse
What do I changed pointer file to? The "boot animation changer " app works, but only on the ones in the app. I have some I want to use, but can't get to load. After splash screen, it just says generic "Android "
Bootanimation
Hi all I created my own boot animation and I had to change the in the desc.txt file here is what I used to get the image to use the whole screen.
1922 1202 30
It works for my TF700t so It should work for you as well.
I would like to know if anyone has figured out how to get the sound for boot animations working for this device.
Thanks to all.
Im use Boot Animations from Market, it's work
Just select "Local" point to the bootanimation.zip on your sd card