Related
This is a howto for editing all the splashscreens of your Wizard.
There are several tutorials however none of them deal with all 3 of them.
I myself had a lot of searching before I found the way to change HTC Logo.
All info is already on this forum, I only wrote this little tutorial, changed a tool and created some scripts to ease your work..
I have changed a few steps (just to make it easier)
I have included every program and file used.
WARNING:
DO NOT PROCEED IF YOU DON'T UNDERSTAND THE STEPS.
Do not blame me if you brick your phone, your house burns down, your girlfriend gets pregnant and all other catastrophies..
1st step: Splashscreen1 the HTC Logo
The HTC logo is the first splash screen you see (its the screen without the IPL/SPL ETC data).
It is a 240 W x 320 H 24 bits bitmap, but it is compressed..
In order to make a HTC_Logo Splash screen do the following:
1a) Create a 240x320 (Portrait!!) bitmap save it as 24 bits bitmap.
1b) Call this file htc.bmp and copy it to the folder with my files.
1c) Doubleclick htc-compres.bat -> Now a file called "HTC_Logo.nb" is created. The size of this file should be exactly 65536 bytes *
2nd Step: Splashscreen2 the Splash Screen
The Splash Screen is the second splash screen you will see when booting the phone
It is again a 240 W x 320 H 24 bits bitmap.
2a) Create a 240x320 (Portrait!!) bitmap save it as 24 bits bitmap.
2b) Call this file splash.bmp and copy it to the folder with my files.
2c) open nb_image_converter.exe; load your splash.bmp and click save .nb; call this file signed.002 ( not signed.002.nb )
2d) doubleclick splash2.bat. A file called signed-splash.nb is now created. The size of this file should be exactly 196608 bytes
3rd Step: Create the splash-installer.
3a) run nbfsplash-tool.exe (this file has been modified by me in order to simplify the process)
3b) Model ID is wizard (don't change)
- Choose the language of your rom (eg. WWE)
- leave OEM version; Operator version and CID empty ( So don't change!!!)
3c) Check File #1 and add the signed-splash.nb file; select the image name "Splash screen" and click the start address
-it should read "92000000" don't change!!
3d) Check File #2 and add the htc_logo.nb file file; select the image name "HTC Logo" and click the start address
-it should read "9D000000" don't change!!
3e) Click translate. a file called nk.nbf is created.
3f) open RUU_SPLASH.zip and drag and drop the nk.nbf.
3g) rename RUU_SPLASH.zip to RUU_SPLASH.exe
Now you are ready to flash your splash files.
doubleclick the RUU_SPLASH.exe and follow the well known actions (it will be done in less than a minute).
4rd Step: Splashscreen3 the Welcomehead.96.png
It is the third splash screen you will see when booting the phone
It is a 240 W x 320 H png file.
4a) Create a 240x320 (Portrait!!) bitmap save it as a 24 bits bitmap.
4b) Call this file welcomehead.bmp and copy it to the folder with my files.
4c) doubleclick welcomehead.bat, now a file called welcomehead.cab is created.
4d) install the cab on the phone.
Have Fun.
EqX
Attached: tools you need.
*
In order for this to work you need the MSVC 8.0 runtimes:
http://www.microsoft.com/downloads/...EE-A3F9-4C13-9C99-220B62A191EE&displaylang=en
Note: If your own bitmap is compressed and the HTC_Logo.nb exceeds the 64K limit, the bitmap is too complex. The Lz compression can't handle it.
Save the BMP as a gif file, then open the gif and save it again as a bmp. The compression of gif is enough to simplify the bitmap.
Then try 1b-1c again.
If it still is not enough, then you'll have to convert to jpeg (try lowest compression first!) and re-convert it to BMP, after that try 1b-1c again..
created some more scripts
I have added some scripts in order to eliminate the use of a hex-editor.
Made a cab-creator to change the welcomehead.96.png.
Modified the tut (simplified).
Htc Prophet
do you know this method is compatible for G4 prophet
thanks
AbuYahya said:
do you know this method is compatible for G4 prophet
thanks
Click to expand...
Click to collapse
As far as I know it is NOT compatible with the prophet.
wow great work! This will come in useful ! Many Thanks!
the-equinoxe said:
1a) Create a 240x320 (Portrait!!) bitmap save it as 24 bits bitmap.
1b) Call this file htc.bmp and copy it to the folder with my files.
1c) Doubleclick htc-compres.bat -> Now a file called "HTC_Logo.nb" is created. The size of this file should be exactly 65536 bytes
Click to expand...
Click to collapse
Following your instructions I have created the file [htc.bmp] then clicked the file [htc-compres.bat] nothing happens.
section 2 works fine.
Sugestion for where I'm going wrong?
andy_morgan said:
Following your instructions I have created the file [htc.bmp] then clicked the file [htc-compres.bat] nothing happens.
section 2 works fine.
Sugestion for where I'm going wrong?
Click to expand...
Click to collapse
yep same here. i guess i got to use the old way.
andy_morgan said:
Following your instructions I have created the file [htc.bmp] then clicked the file [htc-compres.bat] nothing happens.
section 2 works fine.
Sugestion for where I'm going wrong?
Click to expand...
Click to collapse
It's not your fault!
I forgot to include a file.
Now it has been included in the zip file in the first post.
[edit]
removed the file because startpost had been updated some time ago..
[/edit]
the-equinoxe said:
It's not your fault!
I forgot to include a file.
It has been included in the zip file in the first post.
I also attached the file here so you dont have to download the whole zip.
unpack it and put it in the folder with my files.
Click to expand...
Click to collapse
Thanks for that, works a treat.
finally i can modify the HTC-Logo by myself! thanks a lot!!
I tried. Problems here:
I made a 240x320 24bit BMP file (htc.bmp, i double check its properties), after i run htc-compres.bat, a file named HTC_Logo.nb was created, so far so good? no, the file size WASN'T 65,535 but 119,004, any hints?
huangyz said:
I tried. Problems here:
I made a 240x320 24bit BMP file (htc.bmp, i double check its properties), after i run htc-compres.bat, a file named HTC_Logo.nb was created, so far so good? no, the file size WASN'T 65,535 but 119,004, any hints?
Click to expand...
Click to collapse
If your own bitmap is compressed and it exceeds the 64K limit, the bitmap is too complex. The Lz compression can't handle it.
I encountered it once, I saved it as a gif file, and then opened it again and saved it again as a bmp. The compression of gif was enough to simplify the bitmap.
It won't work always, in some cases you even have to convert to jpeg (try lowest compression first!) and than back again.
Superb - I love it whena plan comes together.
Great little tutorial, worked a treat.
Cheers
Matt
great work. makes my life easyer.thanks!!!!!
I'm using a wizard, i had no problems changing splash screen using other thread instructions, but theres something i can't get here; you guys talk about 2 or even 3 different splashes, i had only one;] seriously, first there goes the splash i uploaded, then after a few seconds, the same picture with rom, radio etc numbers on it... is it other than usually? enlight me;]
also... you may find it a bit funny, i havent ask anyone yet... my wiz. boots quite long... it's more then 2 minutes usually, sometimes it's longer... i seriously doubt it's normal, but haven't have time to hard reset yet... tell me please, how funny is it for you?
banannq said:
I'm using a wizard, i had no problems changing splash screen using other thread instructions, but theres something i can't get here; you guys talk about 2 or even 3 different splashes, i had only one;] seriously, first there goes the splash i uploaded, then after a few seconds, the same picture with rom, radio etc numbers on it... is it other than usually? enlight me;]
Click to expand...
Click to collapse
The 1st screen you see (without rom radio spl etc) is the HTC Logo
The 2nd screen you see (with rom radio spl etc) is the splash
The 3rd screen you see (again without rom radio spl etc) is the welcomehead of windows mobile 5.0
A lot of roms use the same picture for the first 2 screens.
Some may even use the same as welcomehead.
Excelent Work
Nice job,
Can I put this how-to on Molski.Biz?
Offcourse I will give you the credits for it
Molski
HI there,
I am a newbie and wanted just download the first file of this posting, but I am not able to download it due to access restrictions or something like that. I am able to download the BLC.EXE but I need the first file. Maybe someone can help?
molski said:
Nice job,
Can I put this how-to on Molski.Biz?
Offcourse I will give you the credits for it
Molski
Click to expand...
Click to collapse
That would be great.
Here's a tutorial for those wanting to make their own (animated) bootscreen for the HTC Hero. Decided to write it after I'd seen a couple of posts from people asking about this, and some encouragement from yet another. I've tried to write this in greatest detail possible, so everyone can have a go at doing this.
Tools
It's really quite simple, if you have the proper tools for the job:
SignAPK.jar + testkey.pk8 + testkey.x509.pem
SignAPK.cmd (batch file written by me to facilitate signapk.jar use)
Graphics editor that can work with animated GIF files (Adobe Photoshop or Fireworks recommended)
a plain text editor capable of editing UNIX files (if you're unsure about this, use the free, and open source Notepad++. You can get the Installer.exe here.)
These aren't required, but make things easier:
Android SDK Tools installed (working adb.exe at the very least)
Hero's stock bootscreen to start from)
I have attached two stock Hero bootscreens (one with and one without the HTC startup sound), as well a zip file with the signapk files.
Setting up SignAPK
First, make sure you have Java installed. If not go to www.java.com to install it.
Second, I recommend to unzip the SignAPK_xda.zip file to C:\SignAPK.
Lastly, add the signapk folder to your PATH environment variable:
[*]Go to Control Panel, System
[*]Click on "Advanced" (or "Advanced System Settings")
[*]Click the button "Environment Variables..."
[*]Locate the PATH variable under "User Variables" (or "System variables" if you want to use SignAPK under other user accounts) and double-click it to edit
[*]In the "Variable Value" field, at the end of the line, type a semi-colon and the path to the signapk files ;C:\SignAPK
[*]You could also add the path to your java.exe file here if you have troubles with running signapk.
A note on signapk.CMD
I wrote this batch file so it's possible to sign a zip file from a command line with the least amount of typing (saves time and less chance of a typo). It will check for java.exe and if it doesn't find it in your %PATH% it will let you know and try anyway. It will also prompt you to overwrite or not, if it finds the signed destination file already exists. Open in notepad to find out more.
Contents of bootscreen_stock.zip
You can delete the following three files, as they are created by the signing process:
META-INF\CERT.RSA
META-INF\CERT.SF
META-INF\MANIFEST.MF
This file contains the command to copy the files to the SYSTEM: volume on your device - you never need to edit this:
META-INF\com\google\android\update-script
This file tells Android how and which files to display - open in Notepad++:
system\media\bootscreen\boot_animation.xml
Then we have the actual bootscreen files:
system\media\bootscreen\boot1.gif - shown first, and plays only once
system\media\bootscreen\boot2.gif - shown after first ends, and loops forever (i.e. until end of boot sequence)
system\media\bootscreen\boot_bg.gif - optional file, this file is used as background during entire boot sequence if the 2 aforementioned files are smaller than Hero's screen
system\media\bootscreen\boot.mp3 - optional sound file, played once during boot
boot_animation.xml file contents
Code:
<?xml version="1.0" encoding="utf-8"?>
<!--
* Copyright (C) 2008 HTC Inc.
*
-->
[COLOR="Red"]<!-- For new bootup animation
<BootConfiguration>
<BootAnimation
image="/system/media/bootscreen/boot.gif"
audio="/system/media/bootscreen/boot.mp3"
image2="/system/media/bootscreen/boot2.gif" (optional)
image3="/system/media/bootscreen/boot3.gif" (optional)
screenX="100" (optional)
screenY="130" (optional)
image_bg = "/system/media/bootscreen/boot_bg.gif" (optional)
useAudio="1" // 1: true ; 0:false (optional)
/>
</BootConfiguration>
-->
[/COLOR]
[COLOR="Green"]<!-- For cropped version -->
<BootConfiguration>
<BootAnimation
image="/system/media/bootscreen/boot.gif"
image2="/system/media/bootscreen/boot2.gif"
image3="/system/media/bootscreen/boot2.gif"
loopimage="/system/media/bootscreen/boot2.gif"
image_bg="/system/media/bootscreen/boot_bg.gif"
audio="/system/media/bootscreen/boot.mp3"
screenX="10"
screenY="180"
useAudio="1"
/>
</BootConfiguration>
[/COLOR]
[COLOR="Red"]<!-- For full screen version -->
<!--BootConfiguration>
<BootAnimation
image="/system/media/bootscreen/boot.gif"
audio="/system/media/bootscreen/boot.mp3"
useAudio="1"
/>
</BootConfiguration-->[/COLOR]
This is the file included with the stock bootscreen. This file actually contains 3(!) configurations, however the first and third (red-colored) have been commented out. In short, edit the middle (green-colored) "BootConfiguration" section.
Delete the line that begins with image3= as you won't need it.
If you do not wish to include a startup sound, delete lines starting with:
audio=
useaudio=
Alternatively, simply set useAudio=0
If you boot1.gif and boot2.gif files are both 320x480 pixels, delete lines starting with:
image_bg=
screenX=
screenY=
Alternatively, simply set screenX=0 and screenY=0
If you delete the audio= and image_bg= lines, you can ofcourse delete the files audio.mp3 and image_bg.gif to keep the update.zip as small as possible.
ScreenX and ScreenY are coordinates in pixels, that tell Android where to place the GIF files on the screen. Top-left of the screen would be ScreenX=0 and ScreenY=0; bottom-right would be ScreenX=320 and ScreenY=480. This means that if you make a GIF file that is 200 px wide and 180px high and you wish to center this on the screen, you'd use ScreenX=60 and ScreenY=150 (i.e. ScreenX=320-200=120/2=60 and ScreenY=480-180=300/2=150). If your GIF files are exactly 320x480 pixels, you can set ScreenX and ScreenY both to 0, or leave those two lines out entirely.
Creating a GIF animation from scratch
(boot1.gif and boot2.gif)
Using Adobe Photoshop CS4 (cannot speak for older versions, I think you'd need the now discontinued Adobe ImageReady instead):
Create a layer for each frame of your animation (yes, I didn't say creating an animation from scratch wouldn't be a lot of work)
Click Window -> Animation to show the Animation panel
Click the panel menu (top right icon in panel) and choose "Make Frames from Layers"
If the frames are loaded in reverse from what you intended, choose "Reverse Frames" from the Animation panel menu
From the panel menu, choose "Optimize Animation" and UNtick both "Bounding Box" and "Redundant Pixel Removal"
Finally, go to File -> Save for Web & Devices, UNtick "Transparency" and play with some of the options to reduce file size.
To (re-)open an animated GIF file in Photoshop CS4, go to File -> Import -> Video Frames to Layers and type in the file name box *.gif then hit the Enter key so you can see GIF files, browse to it, select and click Load.
Using Adobe Fireworks CS4:
Make sure the "States" panel is visible, via Window -> States
Create a new "State" for each frame of your animation
To set frame delays, or basically set how long each frame will be shown for, in 100ths of a second, select one or more states and right-click, choose "Properties"
Make sure you do not use transparency (this gave me problems)
To save, go to File -> Save As, set "Save as Type" to "Animated GIF (*.gif)" and "click Options"
Do check "Dither" for better looking gradients and transitions
Play with the options on the first tab to reduce file size
On the "Animation" tab, UNcheck "Crop each state" (don't do this and get some crazy glitchy results in your bootscreen)
Creating a GIF animation by converting a G1 bootscreen animation to Hero format
(boot1.gif and boot2.gif)
You can also import a bunch of PNG files as layers (and subsequently frames) from, for example, a G1 bootscreen.
The fastest way in my experience is simply using Fireworks' File -> Open dialog, make sure all files are in one directory, select them all, do check the "Open as Animation" checkbox and click "Open". This will open each file into its own state in one big file. Then use instructions above to set frame delays and proceed to save as animated GIF.
You can also do it in Photoshop, but this method is very slow, via File -> Scripts -> Load Files into Stack (UNtick "Create Smart Object after loading layers"). Then follow the steps above to create an animated GIF file.
Compiling your bootscreen
If you have the files you want, it's time to zip them and then sign the zip file.
Make a folder "mybootscreen" and unzip the stock bootscreen into that, so it looks like this:
META-INF\CERT.RSA
META-INF\CERT.SF
META-INF\MANIFEST.MF
META-INF\com\google\android\update-script
system\media\bootscreen\boot_animation.xml
system\media\bootscreen\boot1.gif
system\media\bootscreen\boot2.gif
system\media\bootscreen\boot_bg.gif
system\media\bootscreen\boot.mp3
Delete those first 3 files, edit the XML file as needed and replace the GIF files with your own (see my explanations above).
Use for example 7-zip to select the 2 folders META-INF and system and click "Add" (to create new archive)
Make sure you set "Archive Format" to ZIP
Open a Command Prompt window (click Start, Run, type cmd and click OK, or if you have Vista or Windows 7, click Start, type cmd and hit Enter key)
Use this command to go to the directory with your zip file: CD /D C:\path\to\your\file
Type signapk mybootscreen.zip and hit Enter key
Barring any typo's you should now have a file named mybootscreen_signed.zip. You can copy that to the root of your SDCARD and flash it via your recovery image, or use DroidExplorer's flash function.
If this tutorial was of any use to you, or you have ideas to make it better, please reply and let me know. Thanks for reading!
EDIT (2010-04-11): updated SignApk_xda_v20100411.zip. Fixed a couple of forgotten quotes in signapk.cmd that made signing files with spaces in their filenames impossible. New zipfile attached.
wooooo THANKS!
THANKS A LOT! I have made the animated gifs and the sound, but I was insure how to sign and create the signed zip. I'll be trying this ASAP when Ive finished work. Ill keep you posted....
Thanks again m8.
Great guide, I have made my own bootscreen for the Villain rom, but for some reason, when i flash it to my hero, on boot, it plays less than a second of it, ad then messes up completely and displays random static like on an old tv, and then just a black screen for the remainder of the boot time
Help!! my gifs are not that big, i made sure of that (only slightly more than the stock) and i made them in photoshop CS4 with the animations panel, and followed your instructions to the letter.
Gifs are bellow, please help, as i would really like to release these, as i think they are really nice.
Boot1
{
"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"
}
Boot2
Hey, very nice work! Try the zip I've attached. I think it came out great.
It boils down to a few small problems. Here are some steps I took to correct them:
Imported your files into PS as I described in the tutorial using "Video frames to Layers"
Edit -> Convert to Profile -> sRGB IEC61966-2.1 (UNcheck "Flatten Image")
For just boot1.gif in Animation Panel, bottom left, set looping to "Once"
For just boot1.gif via Image -> Image Size... -> Width:320px, Height:480px, Resolution:72dpi, Check Resample Image and set to "Bicubic"
File -> Save for Web & Devices, with these settings: Selective, Diffusion, UNcheck transparency, UNcheck interlaced, Colors:64 (as this is a grayscale animation, it looks fine), Dither:100%, Matte:none, Web snap:0%, Lossy:0, Metadata:none.
The end result is bigger files, but they work. The XML was fine.
Great! thanks a lot for your help, and your original guide, I might do a few more boot screens now as it looks really good (in my opinion)
mattyyey said:
THANKS A LOT! I have made the animated gifs and the sound, but I was insure how to sign and create the signed zip. I'll be trying this ASAP when Ive finished work. Ill keep you posted....
Thanks again m8.
Click to expand...
Click to collapse
How'd it come out? Would love to see your results!
Really interessant, this is exactly what I was looking for! Thanks for this How-To!
For the signing process I haven't use your "signapk.cmd" (since I'm a linux user)But I have a question: testkey.x509.pem & testkey.pk8 you provied are only to sign app for the Hero? or is it a standard Android singning process? I mean... where are those key from?
For now i've just "resign" the stockbootscreen for "educational purpose", soon I'll try to create something, I hope
EDIT: Okay I was able to resign the original one correctly since I was able to flash it, BUT my bootscreen is still this nexus one animated. So maybe I don't understand wich bootscreen we actually modifing. I know this is not the really first one (this one is fine: spend one day to find that we need a custom SPL to change my ex horrible T-mobile first bootscreen to a Hero one) So why can't I remove the nexus one coming with aHero ROM?
EDIT2: using
Code:
./adb pull /system/media/bootscreen/boot.gif ./Desktop
I get the right image... that mean the files are correctly flashed on my ROM but nothing change so that mean aHero is using a different path for the 2nd bootscreen ???
Thanks for any hint
carbonyle said:
Really interessant, this is exactly what I was looking for! Thanks for this How-To!
Click to expand...
Click to collapse
You're most welcome!
carbonyle said:
For the signing process I haven't use your "signapk.cmd" (since I'm a linux user)But I have a question: testkey.x509.pem & testkey.pk8 you provied are only to sign app for the Hero? or is it a standard Android singning process? I mean... where are those key from?
Click to expand...
Click to collapse
The signapk files (except signapk.cmd) came from a 5MB file named "AndroidMod.zip" that floats around the internet, so to speak. It also contains 3 img files, part of a tutorial I guess, which are not needed for signing. The testkey certificates were created by whomever made that zipfile. The credentials for those files are quite anonymous ("Android" and "[email protected]", etc), so they should be fine to use. You could use openssl to generate your own key files. I tried, and they generated okay, but zips signed with my own certificate wouldn't flash. Recovery (Amon RA) kept saying the files weren't signed. So if you figure out how to properly generate your own certificates, I'd love to hear it.
carbonyle said:
For now i've just "resign" the stockbootscreen for "educational purpose", soon I'll try to create something, I hope
EDIT: Okay I was able to resign the original one correctly since I was able to flash it, BUT my bootscreen is still this nexus one animated. So maybe I don't understand wich bootscreen we actually modifing. I know this is not the really first one (this one is fine: spend one day to find that we need a custom SPL to change my ex horrible T-mobile first bootscreen to a Hero one) So why can't I remove the nexus one coming with aHero ROM?
EDIT2: using
Code:
./adb pull /system/media/bootscreen/boot.gif ./Desktop
I get the right image... that mean the files are correctly flashed on my ROM but nothing change so that mean aHero is using a different path for the 2nd bootscreen ???
Thanks for any hint
Click to expand...
Click to collapse
I don't know I'll download aHero and have a look.
EDIT: Okay, just had a quick look in "aHero07-signed.zip" and it appears Android 2.1 uses a different bootscreen format. Do this:
adb shell
cd /system/media
ls
Instead of a bootscreen directory you'll see a file "bootanimation.zip". Instead of 2 animated GIFs, it contains 2 directories. Each directory is an animation, with a bunch of PNG files for frames. A text file describes which dir is what animation (order of playback) and the delay between frames. If you want to convert a 1.5/1.6 bootscreen from GIFs to seperate PNGs for use in this new format, just open the GIF file in Photoshop (or GIMP I guess) as described and save each frame as a seperate file (Photoshop has a function or script for that, maybe GIMP does too).
Maybe you'll find more information in this thread. I got the Supernova bootscreen graphics (see my sig) from there, which I converted into a bootscreen for Cupcake.
Well, my experience from running 2.1, you can use the bootanimation.zip, or if you delete it and create the bootscreen folder, it also works.
I have the same problem though, when I load up my gif, using the old method, it looks like hells just got unleashed on the gif. Nothing in place, static, etc... I followed your tutorial, tried a couple things, nothing has been working so far...
EDIT: Nvm, found another program to remove the transparency, works now! Got bored, haven't seen any terminal style logins - this works great for my phone, the timing might be different for others though.
To get it working, just delete your bootanimation.zip and flash the zip as usual.
Boot1
Boot2
http://groups.google.com/group/admin-panel-dev/web/terminal_signed.zip
Great tutorial! And nice work that one is Warhawk
I have a problem. I made one by screen capturing some video. Converted it to .gif fine. I can play it in windows fine, but when flashing to android the image just gives a black screen (its only the gif area of the screen cos the animation is only 300x120.
I have provided the .gif above, if anyone can help.
Thanks
I went ahead and removed the transparency from the gif, it showed up on my Hero just fine when I zip/signed it.
Aaah Thanks so much buddy. I swear i tried that though (maybe i made a mistake)
Cheers so much!
I am getting an error after flashing. My installation aborts.
...
Verifying update package...
Installing update...
E:Can't find update script
Installation aborted.
...
Can you help??
quan_one said:
I am getting an error after flashing. My installation aborts.
...
Verifying update package...
Installing update...
E:Can't find update script
Installation aborted.
...
Can you help??
Click to expand...
Click to collapse
Upload your update.zip. Some-one should be able to help.
Did you include the update-script to: \META-INF\com\google\android
Hey guys I created my own boot screen but I am failing to see why my gif will not display on my hero. I have created it from scratch being careful not to include any transparent images or layers but it still displays as a black screen. I am not sure what would cause my gif not to play on my phone other than a transparency issue.
Any help would be more than welcome.
(I am able to sign my zip and flash it no problem)
(edit: The image was my actual .gif but after upload it turn into a jpeg. I will host the file and upload from there.)
My stuff can be found here at mediafire : http://www.mediafire.com/?sharekey=43b651ad9cd91774e7c82ed4b8f0c380e53d1e35008d24d5d8c7c6998cb4ca21
.psd
signed zip
Thanks again!
rejectedkid said:
Hey guys I created my own boot screen but I am failing to see why my gif will not display on my hero. ...
Click to expand...
Click to collapse
You need to go into mybootanimation_signed.zip\system\media\bootscreen and edit your boot_animation.xml.
phaelox said:
...ScreenX and ScreenY are coordinates in pixels, that tell Android where to place the GIF files on the screen. Top-left of the screen would be ScreenX=0 and ScreenY=0; bottom-right would be ScreenX=320 and ScreenY=480. This means that if you make a GIF file that is 200 px wide and 180px high and you wish to center this on the screen, you'd use ScreenX=60 and ScreenY=150 (i.e. ScreenX=320-200=120/2=60 and ScreenY=480-180=300/2=150). If your GIF files are exactly 320x480 pixels, you can set ScreenX and ScreenY both to 0, or leave those two lines out entirely...
Click to expand...
Click to collapse
The difficult thing is that you have two .gifs that are diff sizes so not too sure what to do.
On the one I made, my .gifs are both the same resolution so the value I set for ScreenX and ScreenY work for both.
Look at some other people's .xml files and hope you find someone elses that also uses two different resolution .gifs.
ah. thanks for your input
Sent from my HERO200 using the XDA mobile application powered by Tapatalk
And just because there are no transparent images that you can see or know you put in, doesn't mean that they aren't in there. For some reason, even if I untick Transparent layers in PS, I still get them. I went and got Animation Shop 3, optimized the gif after making it in PS, then re-wrote the file, and everything works fine.
Hope everything is working
Hi !
I have 2 questions :
First one :
To ddotpatel : Your bootscreen is really nice ! Is it working on any 2.1 rom or do I have to change it ? On which rom did you create it ?
And the second one, that tuto is working on 1.5 and 2.1 roms ? Because I heard that it was different to make an 1.5 bootscreen and an 2.1 one...
Thanks for your answers
I know there are other methods out there for achieving the same thing. And I have touched on a few "after thoughts" in the actual process of loading the image to the phone. If these can be confirmed, please feel free to update these instructions. After browsing many, many pages in forum after forum I was unsuccessful in finding anything detailed enough from start to finish. So I decided to write this up!
These instructions work for anyone who rooted using the "UnrEVOked" method such as that given at HTCEvoHacks.com. I have not tested these instructions with any other root method out there.
With a bit of practice, this method can be mastered and done in about 20 minutes (depending on how long you spend creating your splash image in PhotoShop)
For the sake of these instructions, all references and instructions dealing with PhotoShop are assuming you are using PhotoShop CS5. Commands may be slightly different on older versions of PhotoShop, so it may take a few extra clicks to find what you're looking for.
1. You can download custom boot images from the web, or create your own in PhotoShop using ANY sort of photo, graphics, text, or combination. You MUST make sure that the image size is set as the same for the EVO's screen resolution (480x800). For this reason, I would double check any image file you try to use prior to converting it for use with your phone.
2. Open your image file in Photoshop and make whatever tweaks or enhancements you like. Remember to "flatten" the image prior to saving it out if you have multiple layers in your file. You can use the next step to re-size the image first if you like, but depending on your current settings in PS it should not matter.
3. Right click the file window (the one that contains your image) and set the "Image Size" settings to a width of 480, and the height to 800. These measurements MUST be in pixels as well. If you have the "Constrain Proportions" box checked, you may not be able to tweak these individually without affecting the other. So uncheck that box and change the size settings. Click ok to close the box and the image will re-size within Photoshop.
4. After you have finished creating your custom image, flattening the image, and resizing it to fit on your phone's screen, it is time to save the file. Navigate to the "file" menu and click "save as". Here, you can choose where to save it, name it, and choose the file format. It's probably easier to go ahead and save it as "splash" now, so that you wont have to rename it later. Either way, this file MUST be named "splash" when we are in the final stages. Save it as the "BMP" format, and you will get a pop-up window for the BMP options. "File Format" should be set to Windows... and choose the depth option of 24 Bit. The "compress" and "Flip row order" boxes should be unchecked, and you do not need to go into any advanced settings. Once you have saved the file, You can close PhotoShop.
Now the File needs to be converted from the BMP format into an IMG file. This is so that the boot loader in your phone will see it when you flash it to your phone.
There are a few conversion tools out there, but I have found Splash Screen Creator to be the EASIEST way to convert the file with a few clicks.
The link to download this small program is here... http://www.addictivetips.com/?attachment_id=43073 ... and it is FREE!!! (I did not create this program)
1. Download the .zip package from the link above.
2. Extract the files. I found that creating a folder on my desktop to secure these files (and these files only) to be less of a headache.
3. After you have extracted the files, you are ready to convert your "splash.bmp" file. You MUST move this file into the same directory that you unzipped the Splash Screen Creator to. It will only find the bmp file in the same directory, which is why having its own folder is easier. Move your "splash.bmp" file to the same folder and open "RUN THIS ONE". This will open the program in a command prompt.
4. Choose option 1 to convert your existing .bmp file into the required .img file. The next option will ask if you would like to flash the file to your phone. This option is not necessary for these instructions, but I have read of others being successful. You can try this option, but if it fails, go on to the remaining steps.
5. Go ahead and close the program by pressing another key to exit. You should see your new "Splash.img" file in this same directory. Rename this as "splash1.img"
Now that I think of it, naming the BMP file to "splash1" prior to converting to the .img format may solve the error when trying to flash the file to the phone
within Splash Screen Creator. The img file MUST be name "splash1" prior to updating it in the boot loader in the next steps so it makes sense that the program would come up with an error at this point. I have not tested this theory at this time, but you are welcome to. If someone does test this, please update these instructions
to save from many unnecessary steps below!
Your next steps require access to your original "PC36IMG.zip" file that you used during your root process. If you do not have your original "PC36IMG.zip" file, you
can try to download one here... http://forum.xda-developers.com/showpost.php?p=8913849&postcount=156 ... I have not tested this file yet, but worth a shot if you dont have it.
1. Make a COPY of your "PC36IMG.zip" file and move it to your directory where you have worked with the custom splash files. This saves from getting confused between files and flashing the wrong one to your phone. You're also making a copy so that your original "PC36IMG.zip" file is NOT altered.
2. DO NOT unzip the file! Simply drag your "splash1.img" file over to your zipped "PC36IMG.zip" folder and copy it in there. If you get a prompt to overwrite an existing "splash" file, go ahead. Afterall, you are working with a copy of the PC36IMG.zip.
3. After you have added the "splash1.img" file into the "PC36IMG.zip" folder, you can now move the zipped folder over to your sd card. Make sure that it is the ONLY copy on your sd card, and that you have not placed it in any other directories. BOOT LOADER WILL NOT FIND IT IF IT IS IN ANOTHER FOLDER!!!
4. AT THIS POINT YOU WANT TO BE SURE YOU HAVE BACKED UP YOUR ROM!!!! YOU WILL LOSE YOUR CURRENT ROM AND DATA AFTER THE NEXT STEP!!!!
5. Reboot the phone into Boot loader by holding the volume down button and pressing power. The boot loader will find your "PC36IMG.zip" and ask you if you want to update. Press the volume up button to say YES! Grab a coffee, chug a beer, or take a piss, cause this step takes a few minutes.
6. Once the boot loader has finished it's update, reboot your phone. it will now display your new custom splash screen!!! (but you're not done yet)
Because you updated your "PC36IMG.zip" files in the boot loader, you have in effect re-flashed the stock rom (rooted of course) back to your phone.
Allow a few minutes for your phone to boot up, log into your g-mail account (so that you have access to the market), and download Rom Manager (or your favorite backup manager), and restore back to your rom!
Like I said before, I have only done this on the HTC EVO that has been rooted using UnrEVOked through the process explained on HTCEVOHacks.com. I have no idea if this process will work with other configurations, and I accept no responsibility for the outcome of your actions!!!!
cool bro thanks
Thanks very helpful
I am not a developer myself , i did learn few thing through various search sites & posts (most frustrating way), today wildfire owners are desperately requesting for few tweaks , roms (SFM) etc , to be frank wildfire is loosing its developers(sorry dev's)due to new & improved phones being released in the market which are greater than our's
=================================================================================
CONTENTS:
Post 2 : how to edit .9 images
Post 3 :apk manager method
USEFUL LINKS
1.EVERY NEWBIE MUST READ THIS POST
2.BASIC JAVA , ANDROID JAVA TUT
3.ANDROID KITCHEN (basic)
4.ROM BUILDING GUIDE(bit outdated)
=================================================================================
1.EDIT .9 IMAGES
DESCREPTION:
.9 images are basically PNG images , but are modified to specify a few extra expandable instrustions such as HEIGHT , WIDTH . These images are compiled in draw9patch of sdk & are encrypted via eclipse software
REQUIRED SOFTWARE:
1.WinRar(or any other zip tool)
2.Android sdk manager (draw9patch)
3.eclipse IDE for java developers(download it from www.eclipse.org)
4.image editor(i use paint.net tool)
PROCEDURE:
As an example i am using cm7 nightly & i am editing a .9 image in systemui.apk(theme related file) which is in System>app folder
EDIT : now you can download the attachment or can directly see my example images in post itself
__________Extracting Image__________
1.open the cm7 zip via winrar , navigate to app folder which is in system folder
**cm7nightly 170.zip
2. double click on the systemui.apk & a new window pops up with the contents in the syatemui.apk
**cm7nightly 170.zip>systemui.apk
3.all images are in res folder(common for any app) go to res folder
**cm7nightly 170.zip>systemui.apk>res
4. now you have to keep in mind that all the images used by that particular apk are in RES folder & are kept in sub folders named starting with 'drawable' as
drawable-ldpi,drawable-mdpi,drawable-hdpi,drawable
**cm7nightly 170.zip>systemui.apk>res>drawable-ldpi , ref image step2
5.go to drawable-ldpi and extract those image to any folder in your pc
**c:/vimjam/desktop/myfolder , ref image step3
6. rename that image which you want to edit by removing the .9 in the name(original image name : header.9 edit it to header)
**c:/vimjam/desktop/myfolder/header.png , ref image step4
7.edit that image as you wish & save it in .png file only
**c:/vimjam/desktop/myfolder/header.png
8.now open draw9patch.jar which will be in the following folder x1:/x2/Android\android-sdk\tools\lib (x1 refers to your C drive or D drive or whatever partition where you installed your sdk)(x2 refers to program files folder or program files(x86) in few windows versions)
**c:/program files(x86)/android/android-sdk/tools/lib/draw9patch.jar
9.drag your edited image on the draw9patch window , then it will show as the screen shot given below
**c:/program files(x86)/android/android-sdk/tools/lib/draw9patch.jar , ref image step5
__________.9 Image Editing__________
10.this is the part where you encode .9 script on your image
11.basically what draw9patch does is it gives a black lining at the ends of the image(which are to be specified by us)which are later encrypted as instructions in eclipse software)
12.in draw9patch first tick the show patches option
13.now you have to experiment a little bit to understand this procedure , when you left click at the edges of the image a black spot appears that black spot is the .9 code
**right click on that black spot to erase it
14. for now see the screen shots and do the black lining just as what i did(type 1) (do not use the black line at round edges(only at rectangular edges)(refer type 2 image for more details)**after you've completed the procedure use the lining as done in type2 screenshot provided below , ref image type1
15. save that image with the same name as the original file (see screen shot named savetype)(you can see that the image still contains these black dots , dont worry its natural)
**c:/vimjam/desktop/myfolder/header.9.png , ref image header.9
__________Eclipse Encryption__________
16.this is the part where you complete the encryption using ECLIPSE
17. now open eclipse , click new>project>android>android project , ref image step6
18.a new window opens fill the details (refer my pic named demo)(i use the word demo in the details you can use any other) & click finish , ref image step7
19. now expand the demo project , you can see a couple of things like src , gen... ignore them except res folder , ref image step8
20.expand res folder , drag the .9 patched image(which you edited using draw9patch.jar) in drawable-xxx
(xxx refers to ldpi or hdpi or mdpi )
**NOTE: if your edited image is from drawable-ldpi place it in drawable-ldpi only similarly hdpi to hdpi , mdpi to mdpi only , ref image step8
21. right click on the demo folder project & click on android tools , and then on
EXPORT UNSIGNED APPLICATION PACKAGE.... & save your file
**your saved file will be demo.apk , ref image step8
22.now drag that saved file into any zip file(don use the cm7 nightly zip) or you can create a zip archive of that demo.apk which is generated by eclipse
** compress demo.apk to demo.zip
23. open the demo.zip archive, double click on demo.apk , navigate to res , drawable-ldpi and extract the header.9.png image
24. now open cm7nightly170.zip , navigate to systemui.apk , double click on it , click res,drawable-ldpi & now drag the previous image which you extracted from the demo.zip archive ,then the winrar will ask for confirmation click ok
** cm7nightly170.zip>systemui.apk>res>drawable-ldpi , ref image step9
25.dont close the cm7 nightly zip yet , after you clicked ok the winrar will ask for a save confirmation to save changes in parent folder click yes and close it .done
(this confirmation will be small & will be hidden behing other open windows/applications so check carefully & do not miss this confirmation) , ref image step10
now you can flash that nightly file via recovery,same procedure can be applied to any .9 images of any apk
==========================================
EDIT2: UPDATED IMAGE SCREENSHOTS , PLACED ALL IMAGE EXAMPLES IN ".9 IMAGE EXAMPLES.RAR" FILE
**RAR FILE CONTAINS ALL THE IMAGES WITH LITTLE EXPLANATION IN THE IMAGES ITSELF TO UNDERSTAND THIS PROCEDURE DOWNLOAD THAT RAR FILE(contains no virus its my word)
***EDIT : using apk manager to recomoile a sense apk is causing few errors , although decompiling is working fine
Another easier way is to just decompile the framework using apk manager, and editing the .9 png on photoshop since you can edit the black patches as well and just recompile @kevin2516
you can also use apk manager to decrypt .xml files
here are the links for apk manager 4.9 & 5.0 (detailed method will be published soon)
for version 4.9 http://forum.xda-developers.com/showthread.php?t=695701
for version 5.0 http://forum.xda-developers.com/showthread.php?t=1227179
guys as my suggestion use the apk manager method only to decompile the apk's ,(compiling them is kinda messy)(1 out of 5 times the files ive compiled caused force close so better safe than sorry)
procedure:
1. place the apk you want to edit in the folder named "place apk here for modding"
2.double click script file a cmd opens(if it shows java not found error then watch this video and get it right http://www.youtube.com/watch?v=X05JPrto_c8)
3.type 22 and hit enter
4.enter its the apk file's no which you want to edit
5.type 9 and hit enter
6.it might show some errors ignore them
7.now go to project folder which will be in the same place in apk manager folder
8.now open any .xml file with any text editor (i use notepad++)(you can also edit .9 images this way)
9.do the required changes & save it
10.type 11 if what you are editing is a system apk
11.else use 14
12.if your choice was 11(in cmd) then a the cmd will ask few confirmations(type y for both)
13. a new folder gets created by name keep
14.go to that folder and delete every file that you've changed & if you have edited a .xml file then delete the resources.arsc(else dont)
15.after doing this press any key in cmd done
16.a file by the name unsigned.apk will be created in the place the apk here for modding folder
16.sign that file if it is not a system apk , & replace it in your rom
good going mate... I'm desperately waiting to get over with my CAT exams in November... then I'll give my sole into developing!!!
oh that's great & all the best for your CAT exam , i am planning for CAT in the coming years
Another easier way is to just decompile the framework using apk manager, and editing the .9 png on photoshop since you can edit the black patches as well and just recompile
Sent from somewhere far far away.
kevin2516 said:
Another easier way is to just decompile the framework using apk manager, and editing the .9 png on photoshop since you can edit the black patches as well and just recompile
Sent from somewhere far far away.
Click to expand...
Click to collapse
I don't know how it goes with you, but I have always a bootloop when I do that. Probably because the signature isn't correct.
So perhaps to complement Kevin: after recompiling, you can take your modified files out of your "new" apk and put it in the "old" one, and then flash the "old-new hybrid" apk.
Erwin
ErwinP said:
I don't know how it goes with you, but I have always a bootloop when I do that. Probably because the signature isn't correct.
So perhaps to complement Kevin: after recompiling, you can take your modified files out of your "new" apk and put it in the "old" one, and then flash the "old-new hybrid" apk.
Erwin
Click to expand...
Click to collapse
For the framework-res.apk you don't sign it.
They would work too if the above doesn't.
Sent from somewhere far far away.
pyroblazer said:
good going mate... I'm desperately waiting to get over with my CAT exams in November... then I'll give my sole into developing!!!
Click to expand...
Click to collapse
You are not giving any of the other mgmt exams after that? Just CAT?
/ENd OT
EDIT : NVM
Very , very good job. I searched weeks on this forum and other on how to tweak , or create , or modify a rom , and all i could find was some programs ... but still don't know how to use them.
So this thread is very usefull
currently i'm busy with exams ,will update this thread for more simplicity & will add more images about .9 encryption soon
1) Bevore we start, the Steps in this Giude are not optimal, because on other Devices it is possible to repack the Files DIRECT as Logo.img, without going over TWRP...but from the Originaltreat (see here: https://forum.xda-developers.com/showthread.php?t=1953726) Nobody could help me, so if somebody knows a easyer Way please kontakt me, to share it to all people here!
2) As we can create dozends of logos NOW maby someone could write a small script/program which can change logos on every restart automaticly!? Would be Nice if you kontakt me...
Prerequisites: This Tutorial is made on MIUI 8 and TWRP 3.0.2.0 or 3.0.2.2! If you use different configuration maby not work!!!
All needed Files and Programs in this Tutorial AND OVER 100 READY LOGOS/VARIATIONS you can find here: https://c.web.de/@503233917042562500/v-2zlFbLRhWJT7sG7_IVvQ
If i forgot someone to credit please contact me so i can do it here...:highfive:
Ok, let's begin...
Step by Step Guide, create and install your own Bootlogo on Xiaomi Redmi Note 2/Prime, from a Noob for Noob’s!
Important, this Guide is explizit for Redmi Note 2/Prime!!!
There may be compatible Modell’s, but i dont know which!
Special thanks to [email protected]
for his phantastic Tool „Logo Builder“, which make it possible to change the Bootlogo on a easy Way!
Please take a look on his treat and vote it on
https://forum.xda-developers.com/showthread.php?t=1953726
Things you need (all attached here for download):
1) Logo Builder v.1.60 (Note, there is a Version 1.61 avalable but it seems that this Version is Buggy, because many People, me too cant start this Version in Windows and you get a Errormessage, so better use the Version 1.60 i uploaded here)
2) TWRP Recovery for Redmi Note 2/Prime (i attachet the latest official/inofficial Version here)
3) A (sample) logo.img or logo.bin (i attached a sample logo.img here)
4) Rootprivileges on your Miui (if you look for a nice Custom Rom see my other treats here)
5a) Any Rootexplorer App you like, (i attached a freeware)
See here: https://play.google.com/store/apps/details?id=com.speedsoftware.explorer&hl=de
Note, the free Version is very old and limited!
5b) Optional for easy wireless Filetransfer betwen PC and Phone WifiFile-Explorer app (i attached the free version here)
See here: https://play.google.com/store/apps/details?id=com.dooblou.WiFiFileExplorer&hl=de
Note, the free Version is very limited!
6) Irfan View 4.50 + Add On’s/Plugin’s, this is a Freeware Graphic View/Designtool
See here: http://www.irfanview.de/
5) A good Idea for your personal Bootlogo or take one of those i attached here
As i am a big Fan of Luminous Icons and Pictures i will focus on this in this Giude (see my Memberlogo here).
You can use of course any kind of Pictures and Logos you like, the Way you make it, will be allmost the same…
Here we go!
a) First of all you, if you wanna use your own Original Bootlogo as sample, there are 2 easy Ways to get it! If you wanna use the attached here go to Step b…
1) If you installed a Cusom Rom from a TWRP Zip, open this Zip,
{
"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"
}
look for a File called logo.img
and extract it… now there should be placed a file named logo.img on your Desktop!
2) Go into TWRP Recovery, tick Backup,
mark only „logo“ (unmark the rest), chose where to save (internal or external SD Card)
and swipe backup!
http://attach.en.miui.com/forum/201710/21/041708ohkjvhty00p1vopj.png.thumb.jpg
Now your Logo will be stored in the TWRP folder from SD Card you chosen bevore.
If you restart your Phone you can open your favorite Root Explorer app and go to storage/sdcard (internal or external, which one you chosen bevore) and open the folder TWRP.
Inside you will find a folder BACKUPS/Redmi_Note_2
and a folder with Date and Time you created the Backup
there is stored a file named logo.emmc.win
(the logo.emmc.win.md5 you can delete, because you wanna change the logo, so the md5 checksum will missmatch if you activated md5 check).
The logo.emmc.win you can transfere to your Computer and rename it to logo.bin,
if you are asked you shure wanna change the fileextension you klick yes! Now the File is for Logo Builder readable and you are ready for step b…
b) Place your logo sample (.bin or .img) on the Desktop.
Then create a Working Folder (you can name it what ever you like, in this Tutorial we call it Working Folder) on the Desktop and extract the Logo Builder allso seperate on your Desktop and Run inside the Folder the LogoBuilder.exe!
Close the Tip Window and click on the main Window Create a new Project!
Depending on the Type of logo you use you have to chose in the right bottom Dropdown Menue logo.bin or logo.img and navigate to the desktop (where you placed the logo bevore) and select your logo file.
On the next Window navigate to the Folder you created bevore e.g. Working Folder on your Desktop and select it!
Now all Pictures of your Boot Logo will be extracted in the Working Folder and Logo Builder will show them all as a preview!
All this Pictures you can edit or change the Way you like with some Limitations!
1) You have to Name it the same Way like the Original!
2) You have to give the Pictures the same Resolution like the Original!
3) You Pictures got to have the extension .PNG (the Creator of this Programm says it doesn‘t matter which file Format, the Programm convert it by itselve, but…see next Limitation).
4) The filesize of the Pictures is very limited, so the .png Picture must be compressed very high! See the Original Pictures as Reference, the Pictures can be a little bit bigger, but not to much, otherwise you will see only a black Screen instead of your Bootlogo (don’t be afraid, your Phone will still boot, but for the time your logo normally shows the screen will stay black) if this happens, you can go back to recovery and restore the original logo from the backup you made before!
For the fastboot Picture
Original
Customized
you can use allso the normal boot Picture
Original
Customized
instead if you like, i created allso a custom picture for fastboot…
If you made all Changes and saved them in your Working Folder you can open again LogoBuilder.exe and click
Open existing Project
And it should look like this
If it look like this there is something wrong (wrong named, size, extension, deleted or what ever)
and you have to correct/replace the wrong file,
if all is ok click make
Now you can Find in your Working Folder 2 new Files named logo.bin and update.zip
http://attach.en.miui.com/forum/201710/21/061918hupuhavaz8asoq83.png.thumb.jpg
The update.zip you can ignore/delete and the logo.bin you have to rename back the same way like bevore you did from TWRP
Copy it back to your TWRP Backup Folder on your Phone (replace the existing if still there)
Boot to TWRP and Restore
your Backup with your new created Bootlogo
Reboot your Phone, if you see the new logo everything is perfect, if the screen stays black for the boottime
One or more of your Pics are to big in size or maby got a wrong format (but last option should not result in a black screen, only the picture should be smaller)...
I cant tell you the exact Limitations, but what i found is for boot/fastbootlogo you can use a size between 595 kb but smaller than 704 kb.
The standart Picture Format is 1080 x 1920 x 24 Bpp
and the Standart Picture Extension is .png!
Now have a look in the folder BOOTLOGO PARTS VARIATIONS, there you can find all parts of the Original/Modified Bootlogo and one Folder with ready made Bootlogos, each with Preview Pictures!
you can just copy them to your Phone TWRP Folder and restore them via TWRP...
Thats it man!!!
You made your first Custom Bootlogo...
The next chapter explains Image editing using Irfan View (see attachments) and some Online
Image editing/creating tools (see links below)
http://eu3.flamingtext.com/net-fu/d...tsize=200&glowColor=#fff123&backgroundRadio=0
Here you can create the digits in the bootlogo (neonstyle or how ever)
and a alternative Website for the same purpose
https://cooltext.com/Logo-Design-Neon
And a website for change normal Pictures in neon Style
http://www168.lunapic.com/editor/?action=neon
and allso a alternative Website
http://funny.pho.to/neon/
So lets start with the Logo Digits,
In the LogoBuilder Chapter we seen in the Bootlogo inclouded are the Digits 0 - 9 and the % Sign...
open the Website
http://eu3.flamingtext.com/net-fu/d...tsize=200&glowColor=#fff123&backgroundRadio=0
scroll down and select the textfont you like
click on logo
then on glow color
klick ok and klick back to Text and reduce the Font Size Slider to 121
then type in the textfield the digit 0, the preview will show your Digit in that color and Font you selected bevore,
if you like the result
click on the upper field done
and Download the Logo in a seperate folder (Safe it with transparent Background, thats standart, otherwise it got a ugly white or whatever Background)
Don't close the Browserwindow now!!! click instead on Edit Text and...
Redo this with each digit 0 - 9 and % in the same Way (just change the text, the rest will stay the same)
if you are happy with the result you can close your Webbrowser and go to edit the images! You should now have a Folder with all Digits you created bevore, like this
but the resolution of the images have to be correctet!!! For This take a look to your Working Folder where you stored all Original Pictures and open img.5png (the Digit 0) with the Programm Irfan View (see Attachment)
on the left Bottom of the Window you can see the correct Resolution for this Picture = 84x121x24 BPP (this is for all Digits from 0 - 9, only the % Sign have a different Resolution = 108x121x24 BPP
Now open the Custom Digit Image you created online bevore, there you will see it got a different Resolution
to correct it go to upper Menue and click Image - resize/resample
and you will see the next Dialog like this
In this Dialog untick first Preserve aspect ratio (proportional)
then correct the with size (in this case 84) and the high size (in this case 121), klick ok...
on the left Bottom you see now the corrected Size
Click the safe as Button, select as Imagetype PNG, chose the Folder where to safe the Picture and click Save!
Redo this with all Digits and store them in the right resolution and right Filetype in the same Folder (you can use for all steps the same Folder, if you just replace the pictures)!
Now you have to name the Pictures correct, starding with 0 = img.5png, 1 = img.6png and so on...
in the last Step you have to make each Picture as small as possible, so open again beginning from 0 each picture
and klick Save for Web...in new Dialog activate PNG
Select on Color reduction Optimal 256 Colors Palette,
now you can see the bevore/after Picture/Size(above)
click save and replace the picture or store it in a different folder...
Redo this with all digit Pictures and check that you made all Pictures correct with the correct Name, Size, Color and whatever...
THIS STEP IS IMPORTAND TO EACH PICTURE YOU CHANGE/REPLACE!!!
Now lets have a look into the Bootlogo...
lets take the Original one and make it glow!
open in your Web Browser http://www168.lunapic.com/editor/?action=neon
and click on the searchbotton like shown on the Picture
in the next Dialog search on your PC where you stored your ORIGINAL Fastboot Picture (Working Folder) and upload it, now it should look like this...
http://attach.en.miui.com/forum/201710/21/061944v5vvtl2vuu8r32tr.png.thumb.jpg
Now you can save this Picture or you can click on above Now, Light it up and make it Glow , after that your Picture should look like this
You can safe this Picture, undo the effect adjust the Glow Effect (on first Screen) and do some othe Effects, what ever you like, if you like the result you can safe it on your PC by following Steps...
On the right side of this Page you can see the the Menue, klick in safe (Diskette Icon)
in this Window dont safe it direct, klick instead on Set specific file size
and there on Resize dimensions
on next Window enter
on With 1080 and on High 1920 (remember, the default Resolution Size was 1080 x 1920) click scale Image and click again the Diskette on the right menue to safe your Picture, on next Window klick Save as PNG - for transparent
and Save it on your PC in the Folder you like and name it how ever you like...
To make another Picture glow you have to undo all you made bevore (click on undo and click on upload a ner Picture and then reopen the upload Page again because the website keeps your steps Stored, or you close your Web Browser and open it again and open then the link again)
Sorry that this is a bit complicate but until now i found no better Way to edit direct the next Glow Picture!
Now open the Picture in Irfan View, check if all is ok and the Resolution is correct, then safe it like bevore the Digits for web as PNG with 256 colors...
You Done!
If you are not happy with the Neon Picture Color from youre Bootlogo Picture go back to the ORIGINAL BOOTLOGO PICTURE (BEVORE YOU COLORED ONLINE IN NEON)
and open it in Irfan View!
Click Image-Color corrections, a new Frame will appere like this...
play arround with the Sliders in this Frame and see how the Colors of youre Picture change, if you happy with the Result, klick OK to save the chanes (if not just cancel) and save the Color modified Picture and open it again in the Online Picture Neon Maker, depending how big the changes you made the Result of the Neon Picture will allso change. Redo this Steps until you are happy with the end Result!
Now one last Example to see some more Funktions (There are hundrets of Funktions more you can explore by yourselve, you can even install and use Adobe Photoshop 8BF Plugins for advanced editing Funktions and...and...and )!
Ok, let's now create a Standartboot Logo in the last Step of this Tutorial!
Open Irfan View, klick Image - Create New (empty) image
in next Dialog type With 1080 High 1920 and klick OK
Now you have a black Picture as Background (you can use any other Color even transparent for the Background)!
Now push and hold the right Mouse Botton and slide your Mouse diagonal over your Picture
and you will see somthing like this
Now push the left Mouse Botton and expand each of the 4 White Lines as shown in the next Picture
Now you can see the Dimensions of this Picture
We wanna place in the middle of the Picture a logo, therefor we reduce the two horizontal lines, so the Picture look like on start.
Then we leave this Window and open any Logo Picture we like in a new Irfan View Window like this
Then we klick the copy Button (see above) and go back to the other Irfan View Window we left open before, there we klick the Paste Button
Then we Mark the area above the Logo to insert any text we like
klick on edit - insert Text
in this Dialog you can edit/change your Text, Font, Color, Size and much more...
if you are not happy with the result you can undo every Step with the undo Button until you got the perfect Result!
The same thing you can do with the free Space under the Logo or you can insert another Logo like shown in the step bevore or whatever you like...
You can allso insert only the Logo/s you like save the Picture, make it online (Neon) Glow like we did bevore, save it and create a text with the Online Logomaker like we did in the Digits Step, then open in Irfan View and copy/paste it to your Neon Logo Picture...try different Variations and see whats the best Alternative...just remember the Steps bevore!
Ones again, the Image Editing Tips i give here are for Noobs like ME!!! If you got allready experience in Image editing there is a lot more possible, and you got a big advantage to me...
One last Tip, Browse the web for the Pictures you like to use via Google Pictures, for example search Google Pictures for your Favorite (whatever)Sports Team, Car Logo, Movie Picture... and safe the Picture to your PC. If it is for example a .jpg Picture you can easyly convert it by open it with Irfan View and safe it like shown before as .png...
Ok, this was my first Tutorial, hope its made understandable and you enjoy it!
And sorry for my Awful English and Grammatica -