[Motorola Photon 4G] KTT16:
THIS POST WILL BE SPECIFIC HOW TO'S

I AM A NOOB: I don't pretend to know what I'm doing, because I don't. This post is for people like me that need visuals or step-by-step guides without all the jargon. The hope is that I'll be adding stuff so that we all become good at themeing, and can help each other out! If you have any questions or can improve on my methods, then please let me know, and post your method here too! Disclaimer: If you brick your phone, I am in no way responsible!

-------------------

1 - HOW TO CHANGE BOOT LOGO AND BOOT ANIMATION - Thanks to thewarhawk

FOR BOOT LOGO (prior to bootanimation)

What you'll need:

Image Editor - I used Photoshop

Binary Editor (I used FHRED -- it's free)

Fastboot

Logo-header

Creating Your Logo

First: Open up your image editor, and make your boot image the dimensions must be 540x960. Important: you must flip the image vertically (so that it is upside down).

Second: Save your boot logo as a .BMP file, but it must be saved in 565 format. To do this in photoshop, save as the BMP file, then when the extra options come up push the advanced modes button, and select the R5 G6 B5 option.

Third: Open up the .BMP file with your binary editor (FHRED) and delete the first 70 Bits (pairs of numbers), and the last 2 bits (with FHRED, just highlight and hit delete)

Fourth: Copy the header from the linked logo-header file and paste it at the top of your bin. Your file should be 1036820 bits. Save as logo.bin.

Applying a Logo

Fifth: Unzip fastboot and move your newly created logo.bin to the same directory.

Sixth: put your phone in fastboot by booting the phone holding the volume down, and then once you see fastboot on the screen, press voume up. connect your phone and open command prompt and use the cd command to navigate to where your fastboot and logo.bin is and enter:

fastboot flash logo logo.bin

fastboot reboot

ENJOY!!!

Disclaimer: I am in no way responsible for any bricked phones

_________

FOR BOOTANIMATION:

Step 1: Create a series of images that will be your animation. Dimensions (540x960) and name each of them in sequential order. I used _00001.jpg as the numbering method. I ended up going up to _00010.jpg and then looped the animation.

Step 2: You'll need to edit the desc.txt so it'll play your animation as you want. When you open it, there are lines that describe everything. I just haven't figured out where to put the sounds...(I prefer that my phone load up silent anyway...) If you notice, in the text, you can call out specific folders (which you can rename to anything..I've kept it as sprint had). In the file it'll show you how to loop the animation (repeat count) I've chosen 0 for the animation part so it'll loop until the phone completely boots. You can keep playing around with timing and frames/sec...so you can essentially make a movie out of it.

Step 3: Zip your folders containing your images and your desc.txt in one .zip file. DO NOT COMPRESS IT. When saving it choose STORE as the compression mode. Name this file bootanimation.zip and save to your SD-Card on your phone

Step 4: Using Root Explorer, go into System/Media. Click on Mount as R/W. Then rename the current bootanimation.zip to bootanimation.zip.bak to save it if you want. Next, move the bootanimation.zip you created into that /media folder. You'll need to change the permissions by long pressing the file. rw-r-r

Click OK

Step 5: Reboot! Enjoy!

-------------------

2 - HOW TO THEME BLURPHONE.APK (Since MedicStuder themed the Dialer 1st, I'll leave it to him to show you guys :))

There are three main parts to the "In-Call" status (this is when you are making a phone call) which I've labeled with red numbers

1) Unknown/known caller image

2) In-call options section

3) In-call background

- The first thing you need to do is to copy the BlurPhone.apk to your desktop from your phone

- Make a copy of it for safekeeping if you mess up

- With the copy you want to edit, use 7zip to "open archive" and you'll see a folder called "res"

- Copy this res folder to the desktop and keep the 7 zip archive open

- You should have these folders side by side (one which you'll edit with - the desktop one, and one that you'll save the edited files over - the 7zip archive)

- Open both res folders and each should have many folders within. The important ones are "drawable" and "drawable-hdpi" and ignore the rest of them

- Open both "drawable" folders so they are side by side

- In the Desktop "drawable" folder, there is bg_in_call - Double click on it to open it in your Photo-editor..I used Photoshop. I created a new layer over this one, blacked it out using the bucket, and Merged the layers. I think when working with PNG files don't flatten them, or you'll probably get the stupid white background to show..I digress.

- subchrome - Search for this image. Open it. I noticed a transparent line above it, but didn't do anything about it the first time I did this and had to do this all over again...that transparent line will cause a visible separation between the background where it says "Connected" and the Duration of Call. So, when I fixed it, I essentially closed the gap by painting over it. Remember, layer on top and then merge down.

- incall_bkgnd - This is where the "options" part is, where you can end the call, go to the dialpad, etc. - Again, with this PNG file, do not flatten it. All I did was delete all the squares except for the end button and changed it's color...simple enough right?

- Now, select all images, or just the one's you've edited and drag them over the 7zip archive ones to overwrite them.

- Close the archive window.

- Open up "drawable-hdpi" folders in both the desktop and 7zip archive so they are side by side

- incall_bkgnd - Look familiar? Change that one again

- ic_pane_unknown_caller - Change this as you want! I took Alien-Theme's and made it blue to go with my battery/dialer

- ic_pane_contact_photo - I made it the same as the unknown caller image

- subchrome - same as before

- bg_in_call - same as before

- Now, as before, save it and copy them over to the 7zip archive in the same "drawable-hdpi" folder to overwrite them.

- Close the archive window

So, if you want the in-call status to update, follow these steps:

- MAKE A NANDROID BACK UP FIRST!!!!!!

- Move the Phone.apk to the /system/app/ folder and overwrite the existing BlurPhone.apk

- YOU WILL FORCE CLOSE. Tap the force close a few times.

- Pull battery

- Power up

- Once the phone boots up, you will get a couple force closes, don't worry about it.

- Go to file manager (In this case I use Root Explorer) and go to /system/app/

- Find the BlurPhone.apk file and change the permissions to rw-r-r and then hit OK

- Reboot and enjoy!

-------------------

3 - HOW TO THEME PARTS OF THE NOTIFICATION DROP DOWN - Thank you to: on21st at: http://xdaforums.com/showthread.php?t=1213071&highlight=

Hi everyone, I'm learning bit by bit here. I've found ways to edit some parts of the notification drop down and will be updating this very soon.

There are a few main parts of the notification drop down that I started out with cuz I hate this navy blue crap that this phone has going on:

1 - Title bar

2 - Background

3 - I call it the handle, but yeah whatever that's called

----

Important - Make a nandroid backup first! I am not responsible if you mess up!!

Start by copying the framework-res.apk and SystemUI.apks to your computer

To change the Title Bar Color

- Extract SystemUI.apk so you have a folder you can play with and edit.

- Open up the SystemUI.apk (that you've copied to your desktop) in 7zip by "open archive"

- Open up Drawable-hdpi folders in both the archive and the desktop folder so you have them side by side

- Find title_bar_portrait.9.png

- Open it in Photoshop or another editor - Here, I've made it completely black (I think it might still be transparent, so I'm gonna change it a bit more)

- Save and copy it over to the 7zip archive drawable-hdpi folder so it overwrites the archive

- Close the archive

- Upload the new SystemUI.apk to your sd card

- Move it to system/media

- Change the permission to rw-r-r

- Move to system/app overwriting your old one (You saved a copy of it though, didn't you?)

- Reboot and enjoy!

To change the NOTIFICATION BACKGROUND

- Extract framework-res.apk so you have a folder you can play with and edit.

- Open up the framework-res.apk (that you've copied to your desktop) in 7zip by "open archive"

- Open up Drawable-hdpi folders in both the archive and the desktop folder so you have them side by side

- Find status_bar_background.png

- Open it in Photoshop or another editor - Here, I've made it more transparent by changing the opacity to I think 70%

- Save and copy it over to the 7zip archive drawable-hdpi folder so it overwrites the archive

- Close the archive

- Upload the new framework-res.apk to your sd card

- Move it to system/media

- Change the permission to rw-r-r

- Move to system/framework overwriting your old one (You saved a copy of it right????)

- Reboot and enjoy!

To change the NOTIFICATION HANDLE

- Extract SystemUI.apk so you have a folder you can play with and edit.

- Open up the SystemUI.apk (that you've copied to your desktop) in 7zip by "open archive"

- Open up Drawable-hdpi folders in both the archive and the desktop folder so you have them side by side

- Find status_bar_close_on.9.png

- Open it in Photoshop or another editor - Here, I've desaturated the color

- Save and copy it over to the 7zip archive drawable-hdpi folder so it overwrites the archive

- Close the archive

- Upload the new SystemUI.apk to your sd card

- Move it to system/media

- Change the permission to rw-r-r

- Move to system/app overwriting your old one (You saved a copy of it though, didn't you?)

- Reboot and enjoy!

4 - HOW TO CHANGE CONTACT IMAGE IN CONTACTS LIST

- Extract framework-res.apk so you have a folder you can play with and edit.

- Open up the framework-res.apk (that you've copied to your desktop) in 7zip by "open archive"

- Open up Drawable-hdpi folders in both the archive and the desktop folder so you have them side by side

- Find ic_contact_picture.png - There are 3 of them

- Open it in Photoshop or another editor

- Save and copy it over to the 7zip archive drawable-hdpi folder so it overwrites the archive

- Close the archive

- Upload the new framework-res.apk to your sd card

- Move it to system/media

- Change the permission to rw-r-r

- Move to system/framework overwriting your old one (You saved a copy of it though, didn't you?)

- Reboot and enjoy!

- Extract BlurContacts.apk so you have a folder you can play with and edit.

- Open up the BlurContacts.apk (that you've copied to your desktop) in 7zip by "open archive"

- Open up Drawable-hdpi folders in both the archive and the desktop folder so you have them side by side

- Find ic_contact_list_picture.png

- Open it in Photoshop or another editor

- Save and copy it over to the 7zip archive drawable-hdpi folder so it overwrites the archive

- Close the archive

- Upload the new BlurContacts.apk to your sd card

- Move it to system/media

- Change the permission to rw-r-r

- Move to system/app overwriting your old one (You saved a copy of it though, didn't you?)

- Reboot and enjoy!

5 - HOW TO CHANGE NOTIFICATION DELETE BUTTON

- Extract framework-res.apk so you have a folder you can play with and edit.

- Open up the framework-res.apk (that you've copied to your desktop) in 7zip by "open archive"

- Open up Drawable-hdpi folders in both the archive and the desktop folder so you have them side by side

- Find zz_moto_btn_control_remove

- Open it in Photoshop or another editor GIMP work well here..PS seems to screw with the image.

- Save and copy it over to the 7zip archive drawable-hdpi folder so it overwrites the archive

- Close the archive

- Upload the new framework-res.apk to your sd card

- Move it to system/media

- Change the permission to rw-r-r

- Move to system/framework overwriting your old one (You saved a copy of it though, didn't you?)

- Reboot and enjoy!

6 - HOW TO CHANGE SETTINGS IMAGES

- Extract Settings.apk so you have a folder you can play with and edit.

- Open up the Settings.apk (that you've copied to your desktop) in 7zip by "open archive"

- Open up Drawable-hdpi folders in both the archive and the desktop folder so you have them side by side

- Find ic_settings_(the image you want to change) - There are like 15 of them if you want the entire list

- Open it in Photoshop or another editor..GIMP works well here.

- Save and copy it over to the 7zip archive drawable-hdpi folder so it overwrites the archive

- Close the archive

- Upload the new Settings.apk to your sd card

- Move it to system/media

- Change the permission to rw-r-r

- Move to system/app overwriting your old one (You saved a copy of it though, didn't you?)

- Reboot and enjoy!

7 - HOW TO CHANGE POP-UP WINDOW RADIO BUTTON AND TOP BAR

- Extract framework-res.apk so you have a folder you can play with and edit.

- Open up the framework-res.apk (that you've copied to your desktop) in 7zip by "open archive"

- Open up Drawable-hdpi folders in both the archive and the desktop folder so you have them side by side

- Find btn_radio_on and radiobutton_on_background

- Open it in Photoshop or another editor GIMP work well here..PS seems to screw with the image.

- Save and copy it over to the 7zip archive drawable-hdpi folder so it overwrites the archive

- Close the archive

- Upload the new framework-res.apk to your sd card

- Move it to system/media

- Change the permission to rw-r-r

- Move to system/framework overwriting your old one (You saved a copy of it though, didn't you?)

- Reboot and enjoy!

- Extract framework-res.apk so you have a folder you can play with and edit.

- Open up the framework-res.apk (that you've copied to your desktop) in 7zip by "open archive"

- Open up Drawable-hdpi folders in both the archive and the desktop folder so you have them side by side

- Find popup_top_dark.9.png This is one of the .9.png's that you might need to edit with the draw9patch tool.

- Open it in Photoshop or another editor GIMP work well here..PS seems to screw with the image.

- Save and copy it over to the 7zip archive drawable-hdpi folder so it overwrites the archive

- Close the archive

- Upload the new framework-res.apk to your sd card

- Move it to system/media

- Change the permission to rw-r-r

- Move to system/framework overwriting your old one (You saved a copy of it though, didn't you?)

- Reboot and enjoy!

8 - HOW TO THEME THE WIFI-3G-SIGNAL ICONS - Please see [THEME] - Blackout - WIP

- You'll need: SystemUI.apk, 7zip, Photoshop, Illustrator or another program. In this case, I used Illustrator to build the icon since it's clean, and then imported into Photoshop

- Copy the SYSTEMUI.APK to your computer (make a copy of that just in case)

- Extract the SYSTEMUI.APK to your computer

- Open up the SYSTEMUI.apk using 7zip "open archive"

- In in the extracted folder and the 7zip folder, open up to drawable HDPI side by side - you'll see a crapload of icons

- The icons that our Photons will call for (unless you've modified the xml) are the stat_sys_ wifi_signal, stat_sys_data_, and zz_moto_stats_sys_signal_6bar... icons. I didn't call out the 4G ones, since I'm unlocked and don't care for 4G cuz it apparently sucks in Beantown.

- Each icon is 38x38 pixels..keep that in mind as you build your icons. I laid out guides in Illustrator and photoshop that allowed me to snap the drawings to the grid/guides which helped a lot.

- The colors I used to match the no-signal and not-connected were hex: 232323 and 848484. For the 3G icon, i used: 666666 to make the arrows darker than the non-connected background.

- Once I built the icons in Illustrator, I dragged them over to Photoshop, and saved as .png

- After making all the icons, I dragged them over to the open 7zip archive window (remember this is the drawable-hdpi folder)

- Click yes and close the archive when you've transferred them over

- Upload the new systemui.apk to your sd card

- Move it to system/media

- Change the permission to rw-r-r

- Move to system/framework overwriting your old one (You saved a copy of it though, didn't you?)

- Reboot and enjoy!

----

9 - HOW TO GET A THEMED SWYPE - Please see [THEME] - Blackout - WIP

Thanks to:

djdarkknight96

Dominic83

TexasRebel

THIS THREAD ROCKS: THEMED SWYPES

HOW-TO:

- Clear data from any version of swype (I used Ti-Backup to do this)

- Uninstall any version of swype you currently have (swype.apk, swype installer, and lib.swypecore.so (from system/lib)

- Reboot into recovery, wipe cache/dalvik cache

- Download any swype.apk from this dude's website

- Open it up in 7zip and remove the lib folder to your desktop

- Close the archive and rename it Swype.apk

- Open up the lib folder you saved to desktop and rename that file to: lib.swypecore.so

- Save the newly renamed Swype.apk and lib.swypecore.so to your sdcard

- Change the permissions to rw-r-r for each and move the Swype.apk to your system/app folder

- Move the lib.swypecore.so file to the system/lib folder

- Reboot

- ENJOY!!!

- FINALLY!!!