PPCGeeks

PPCGeeks (http://forum.ppcgeeks.com/index.php)
-   TP2 Themes & Software (http://forum.ppcgeeks.com/forumdisplay.php?f=109)
-   -   {How To} Edit your TF3D Manila Images to Have Exactly the Design You Want (http://forum.ppcgeeks.com/showthread.php?t=88077)

bignadad 09-30-2009 12:21 PM

{How To} Edit your TF3D Manila Images to Have Exactly the Design You Want
 
This post will show you how to change any image files on your TouchFlo 3D Interface. All icons you see, dotted lines, bars, shading, backgrounds, Almost Everything can be manipulated.


i had my touch pro for 1 and a half years, and i got the new touch pro 2 the day it came out.
i am with verizon wireless so that is what phone i am testing all of this out on. i dont think the carrier matters when your working with manila files, but i could be wrong. the reason i say that is because i have found many sprint icons in my images folder.

i really like things exactly how i want them, and this is the absolute best way to do it.
i wish there was a reference sheet showing what all the manila files were so it would make a little more since, but its still the way to go to really customize your interface.

It was a little tricky to get the home screen the way i wanted it. i had to hard reset a couple of times because once you install some of these cabs, they will not remove. but, it wasn't that bad....

i recommend a transparent clock. the photoshop files i have setup are transparent, but i guess you could really make them whatever you wanted...
Also, i have not written many instructions, so be kind. just ask questions if i missed something.

These are the manila cab's i have installed. (all located on PPCgeeks or XDA) google it
CMYLXGOs. 2.5.Slider.Icons.and.Transparent.Slider.cab
No Curtains.cab
Personalizer_3.1.cab
Spike's_ MicNeo_TaskBar_Varient_3_v2_MIGHTYMIKE_CDMA_FIX.ca b
CMYLXGOs.Outline.v2.Transparent.Flip.Clock.cab
C07 VZW Logo Remove.cab

**Note on Cabs i have installed
i usually like to know what a cab is installing on my device. what i usually do is open the cab with "WinCE CAB Manager"
this is a free tool that lets you browse the contents of the CAB File. you can see manila files, registry edits, and another files that are there. you can fine the program by googling it. Its a FREE download.
Before Installing "manila editing cab's" i will usually open the cab and get all the manila files, then edit them myself by doing the following HowTo.

DO NOT INSTALL (BG For All Pages WVGA.cab)
WHEN I INSTALLED THIS ON MY VERIZON TP2 IT GAVE ME THE "0 MISSED CALL" PROBLEM AND ALSO MESSED UP LANDSCAPE ALIGNMENT ON HOME PAGE

***TO GET TRUE BACKGROUND FOR ALL PAGES DOWNLOAD HDWALL****
YOU ALSO CAN MANIPULATE A HD IMAGES TO MAKE PORTRAIT AND LANDSCAPE WALLPAPER.
http://forum.xda-developers.com/showthread.php?t=503511


I. Getting Setup

a. Get the Manila Editor i attached to second post. CFC GUI 0.55.25

b. Make a folder on desktop and extract manila editor to that folder (Use winzip/winrar)

c. Make a folder called TP2 Files, images and working (you can name these what you like)

Get the manila files off of tp2

a. connect your tp2 via activesync, browse contents of device and navigate to the root folder then to windows folder. BE PATIENT it will take a minute or two because of all the system files. once it opens, set your view to details, and sort by "Type". scroll down until you see the type "File". you will then see the file names that look like this *******_manila (pictured below)

http://www.bakerabilenemachine.com/tp2/2.png

b. click the first manila file you see. use your scroll to scroll down to the last manila file you see. press and hold the shift key and click that last file with you mouse. this should select all manila files on your device. should be around 1200.

c. now copy those selected files (DO NOT CUT) and place them in the folder on the desktop. in the tp2 files folder.

**now we have all our manila files from our phone on our desktop. lets go ahead and retrieve all images from manila files.


II. Extact PNG's from Manila Files

a. open cfc_gui.exe

b. Program will ask what directory you want to use. browse to folder with extracted manila files.


http://www.bakerabilenemachine.com/tp2/3.png

d. now click the Tools , select export to PNG's

http://www.bakerabilenemachine.com/tp2/4.png

now browse to the images folder created and all the image files from the manila will be there. i usually broswe through this folder to find what i want.

http://www.bakerabilenemachine.com/tp2/8.png

III. How to use the manila editor to update PNG Files
okay, here is what i have open to do this quick and easy (dual monitors is helpful)
-manila editor
-windows explorer (opened to manila folder created, contains program, images, and all manila files)
-adobe photoshop CS4

a. with the manila editor open with all the files showing you can see that you have the manila file name, friendly name (if available), and size.

b. lets find the clock numbers. scroll down just a little ways till you see the heading "Home\vga" (make sure your view is set to "by manila name"

c. you can see the friendly names (012, 9, 678, 345)

d. click on 012

e. click the save as button on right, under image

f. save this file to the working folder we created, save it as 012-backup.png

g. now that png can be opened in photoshop to edit

** im not going to get into details of photoshop because it would take a lot of time. just ask any questions you might have. i am supplying the psd files, so hopefully most is already setup. well at least for the clocks.
h. once the png has been edited in photoshop, save as a png file in our working folder.

-dont save at 012-backup.png - save as 012.png

i. now with the updated png, we can go back the the manila editor

j. with the 012.qtc still highlighted, click replace with button

http://www.bakerabilenemachine.com/tp2/5.png

k. find the updated png, click ok, and now you see the updated image.

l. Click the "to device" button to send to windows directory on device (has to be connected via activesync)
THE CFC PROGRAM WILL AUTOMATICALLY STOP TF3D, COPY THE FILE, THEN RESTART TF3D!!!! WOW

****IF THAT DOES NOT WORK DO THE FOLLOWING****

m. now navigate to the tp2 files folder with all our manila's

n. you can set the view to detail and sort by date modfied (this will make it easier to find)

http://www.bakerabilenemachine.com/tp2/6.png

o. you will now need to match the manila file names from the manila editor to ensure you get the correct one. for example 012.qtc is 1c813f6c_manila. since you just edited it, it should be at the top of the list. as you can see above

*Before the next step disable TF3D. goto all settings...personal.....today....items.....uncheck TouchFLO 3D then press ok to actually stop it.

p. then copy that manila file from our tp2 files and paste in then windows directory on your tp2.

q. now you can reactivate touchflo 3d. and check out the changes.

ALWAYS TRY AND MAKE A BACKUP. YOU MIGHT WANT TO MAKE A BACK UP OF ALL IMAGES ONCE YOU EXTRACT. THAT WAY YOU CAN ALWAYS REPLACE WITH THE ORIGINAL IF YOU HAVE A MISTAKE.


IV. Photoshop Hints

*you might get a error with the text and it will want you to do a font substitution.
no big deal. just pick a font you want
*keep it inside the guides!!! but try and get as close as you can to make it all even across.
*use your vert/hort Scale, as circled below, to fit the number just right!

http://www.bakerabilenemachine.com/tp2/7.png

****PSD FILES HERE*****
http://www.bakerabilenemachine.com/tp2/012.psd
http://www.bakerabilenemachine.com/tp2/345.psd
http://www.bakerabilenemachine.com/tp2/678.psd
http://www.bakerabilenemachine.com/tp2/9.psd

bignadad 09-30-2009 02:57 PM

Re: Anyone interested in photoshop files to make own clock using Manila Editor?
 
1 Attachment(s)
http://www.bakerabilenemachine.com/tp2/screen07.png
***REMOVE WEATHER 4 DAY FORECAST BACKGROUND***
Just got my 4 day weather background removed. not sure if anyone else needs, but ill post.

change 79753b46_manila. just open in photoshop and change fill opacity to 0%!

http://www.bakerabilenemachine.com/screen04.png

Make Your Mail Envelope Transparent
See this post for files http://forum.ppcgeeks.com/showpost.p...5&postcount=36

http://www.bakerabilenemachine.com/screen07.png

504 Refugee 09-30-2009 03:07 PM

Re: Anyone interested in photoshop files to make own clock using Manila Editor?
 
I'm intrested!

Also, where can I find manilla editor?

MrGoodCat 09-30-2009 07:51 PM

Re: Anyone interested in photoshop files to make own clock using Manila Editor?
 
i'd like to do the same thing as well. the psd files and some instructions would be much appreciated

Scotty_Two 09-30-2009 09:42 PM

Re: Anyone interested in photoshop files to make own clock using Manila Editor?
 
+1 on files and instructions. been trying to figure out how to do this for a while.

chuckz07 09-30-2009 11:03 PM

Re: Anyone interested in photoshop files to make own clock using Manila Editor?
 
Brief how to here http://forum.ppcgeeks.com/showthread.php?t=86461

Scotty_Two 10-01-2009 01:56 AM

Re: Anyone interested in photoshop files to make own clock using Manila Editor?
 
ive read and searched but cannot find what the specific clock files are. and help?

Vegasden 10-01-2009 02:37 AM

Re: Anyone interested in photoshop files to make own clock using Manila Editor?
 
Sounds great...like to give it a shot. Looking forward to the .psd and other info you might provide.

Herbal954 10-01-2009 01:56 PM

Re: How to Edit you Images in Photoshop using a Manila Editor
 
thanks guys, maybe i will give it a shot myself

bignadad 10-01-2009 02:38 PM

Re: How to Edit you Images in Photoshop using a Manila Editor
 
just updated my slider. there 2 manila files for each slider icon. one small for the bottom bar and one is large for the big preview that comes up when you hold your finger on it.

i edited all the slider icons and even made my slider tab a little smaller.
i also still get the regular icon as i slide back and forth, not the letter

http://www.bakerabilenemachine.com/screen05.png

http://www.bakerabilenemachine.com/screen06.png

joeramirez 10-01-2009 03:33 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
Looking good! Can you make a cab file for the weather background to be clear like you have it?

Scotty_Two 10-01-2009 03:55 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
1 Attachment(s)
thank you for the info. i have looked at your photoshop files and compared them to my original sprint clock files and am seeing that the guides in your files don't quite match up with the numbers of the sprint files. is there a reason for this? see example file attached.

bignadad 10-01-2009 04:05 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
Quote:

Originally Posted by Scotty_Two (Post 1207429)
thank you for the info. i have looked at your photoshop files and compared them to my original sprint clock files and am seeing that the guides in your files don't quite match up with the numbers of the sprint files. is there a reason for this? see example file attached.

Looks like just the shadows are outside the border, but i think you still may be okay. my shadows overlapped too, just try it and see what it looks like. if it overlaps bring it in a little at a time until its right. then reset your guide's and save.

bignadad 10-01-2009 04:09 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
1 Attachment(s)
Quote:

Originally Posted by joeramirez (Post 1207388)
Looking good! Can you make a cab file for the weather background to be clear like you have it?

i will post the cab, but its very very easy to do with HDwall. i love it...
http://forum.xda-developers.com/showthread.php?t=503511

the landscape wallpaper on this cab is not that good. fyi

if you install cab and do not see the new wallpaper go to settings/wallpaper and when it ask to use default wallpaper, say yes

joeramirez 10-01-2009 04:15 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
Does that cab just make the 4 day weather background clear? Thanks again!

bignadad 10-01-2009 04:22 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
Quote:

Originally Posted by joeramirez (Post 1207490)
Does that cab just make the 4 day weather background clear? Thanks again!

No it just replaces the background image in portrait and landscape modes.

this post tells how to remove 4 day weather background
http://forum.ppcgeeks.com/showpost.p...09&postcount=9

MrGoodCat 10-01-2009 04:22 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
excellent "how to". i had manila editor but had no idea how to use it; now i do! thanks, now time to get me some cs4 and play

bignadad 10-01-2009 04:26 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
Quote:

Originally Posted by MrGoodCat (Post 1207504)
excellent "how to". i had manila editor but had no idea how to use it; now i do! thanks, now time to get me some cs4 and play

Thanks, i appreciate it. while i was figuring out the manila editor myself, i kept thinking why i didnt know about this before. the only thing is there are SO MANY icons and things to change. but once you get psd's made for most it should be a breeze to change.....

Scotty_Two 10-01-2009 04:27 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
any ideas on what the actual clock files are, not the digits but the background i guess it would be? i've looked through the manila files and see a few that are possibilities, but not too sure.

EDIT - never mind, 4e670504_manila, also has the AM and PM which was my next question. but this file looks to be darker than what is on my device. I'll give it a go and see what comes of it i guess.

bignadad 10-01-2009 04:35 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
Quote:

Originally Posted by Scotty_Two (Post 1207523)
any ideas on what the actual clock files are, not the digits but the background i guess it would be? i've looked through the manila files and see a few that are possibilities, but not too sure.

EDIT - never mind, 4e670504_manila, also has the AM and PM which was my next question. but this file looks to be darker than what is on my device. I'll give it a go and see what comes of it i guess.


use the CFC GUI and you can use the view to sort by "manila name"
under home/vga group you will see the 2 manila's that control that

http://www.bakerabilenemachine.com/cfc.png

bignadad 10-01-2009 04:42 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
1 Attachment(s)
i ran across these files and thought i would post, just in case your manila files are not original or you want the originals. i got if off xda, but i dont remember where.

it's supposed to be the original manila files, but im not sure from what device.

Scotty_Two 10-01-2009 06:27 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
Quote:

Originally Posted by bignadad (Post 1204218)
m. Click the "to device" button to send to windows directory on device (has to be connected via activesync)
THE CFC PROGRAM WILL AUTOMATICALLY STOP TF3D, COPY THE FILE, THEN RESTART TF3D!!!! WOW


where is this "to device" button? i am connected with activesync and do not see this button. thanks again!

bignadad 10-01-2009 06:28 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
post#21 right above shows it. all the way to the right, near the bottom

Scotty_Two 10-01-2009 06:31 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
oh ok, in cfc gui, not in manila editor

joeramirez 10-01-2009 06:37 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
Can you attach a copy of the edited manila file that has the clear 4 day weather backgrounds? I do not have photoshop to edit the file. Thank You.

bignadad 10-01-2009 06:44 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
Quote:

Originally Posted by Scotty_Two (Post 1207808)
oh ok, in cfc gui, not in manila editor

yea sorry, when i found out about CFC i went back and changed instructions

bignadad 10-01-2009 06:54 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
1 Attachment(s)
Quote:

Originally Posted by joeramirez (Post 1207816)
Can you attach a copy of the edited manila file that has the clear 4 day weather backgrounds? I do not have photoshop to edit the file. Thank You.

here you go.

chuckz07 10-01-2009 08:10 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
Quote:

Originally Posted by joeramirez (Post 1207816)
Can you attach a copy of the edited manila file that has the clear 4 day weather backgrounds? I do not have photoshop to edit the file. Thank You.

Google Gimp, that is what I use. It is free and once you learn to use it, IMO, it is as powerful as PS!

bignadad 10-01-2009 08:30 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
Quote:

Originally Posted by chuckz07 (Post 1207978)
Google Gimp, that is what I use. It is free and once you learn to use it, IMO, it is as powerful as PS!

never heard of it. giving it a try now...... thanks

Scotty_Two 10-01-2009 10:06 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
1 Attachment(s)
well test trial round one is done :), done until i get tired of this clock or think of something better which will probably be real soon. thanks for all the help! i'm finally getting my tp2 just how i want it, down to a t...

pic attached of the new setup.

bignadad 10-01-2009 10:08 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
Quote:

Originally Posted by Scotty_Two (Post 1208221)
well test trial round one is done :), done until i get tired of this clock or think of something better which will probably be real soon. thanks for all the help! i'm finally getting my tp2 just how i want it, down to a t...

pic attached of the new setup.

Looks Good! What font is that?

Scotty_Two 10-01-2009 10:18 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
Quote:

Originally Posted by bignadad (Post 1208224)
Looks Good! What font is that?

"Plantagent Cherokee" never heard of it before but found it just scrolling through my fonts in photoshop. i was going to go with a sans-serif font but saw that and tried it out. i'll probably go sans-serif next time.

504 Refugee 10-01-2009 11:06 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
Great thread, very infrmative.

bignadad 10-02-2009 02:45 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
just updated my tf3d email page. made the envelope transparent. also remove black backing from new email icon, and edited the notification bubble

http://www.bakerabilenemachine.com/screen07.png

thecatkicker 10-02-2009 03:03 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
please share your transparent envelope file

bignadad 10-02-2009 03:06 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
1 Attachment(s)
Quote:

Originally Posted by thecatkicker (Post 1209548)
please share your transparent envelope file

there are 3 manila files required for change. there was also a envelope flap that i did not edit. you can just see it on both sides of the picture above

here you go

***ANYONE KNOW HOW TO CHANGE FONT COLOR FOR EMAIL COUNT AT BOTTOM OF ENVELOPE?***

Scotty_Two 10-02-2009 04:56 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
do you happen to know the manila files for the comm manager colored switches? i changed all of my buttons' colors but apparently didnt get the comm manager ones. i went through all of my manila files and still couldnt find the files.

bignadad 10-02-2009 05:11 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
not sure. have not gotten that far. will look at and let you know in a little bit

thecatkicker 10-02-2009 05:31 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
any idea what manila file is the frame for the large flip pictures in "my favorites"?

chuckz07 10-02-2009 05:42 PM

Re: How to Edit your TF3D images in Photoshop using a Manila Editor
 
1 Attachment(s)
Quote:

Originally Posted by Scotty_Two (Post 1209863)
do you happen to know the manila files for the comm manager colored switches? i changed all of my buttons' colors but apparently didnt get the comm manager ones. i went through all of my manila files and still couldnt find the files.

Comm Manager is separate from manila. I have attached the files below that you would need to edit. On one further note, these are straight from the VZW shipped rom but should (I would think) be the same for Sprint. You can compare these files with the ones on your Sprint phone (Windows folder) to ensure this.


All times are GMT -4. The time now is 11:25 AM.

Powered by vBulletin® ©2000 - 2025, Jelsoft Enterprises Ltd.
©2012 - PPCGeeks.com


Content Relevant URLs by vBSEO 3.6.0