Related
Here's a little mortscript package I put together so that the icon displayed in the battery page of settings panel will be active and change with battery percentage remaining.
Just install the cab and then goto program files\battery and run either battery.mscr or battery.exe. This is only one time to get it started, then it should run updates itself and restart itself after a reboot so you can forget about it. Note: if you get a message about the battery file isn't associated with an application, then run the mortscript.exe first and then the battery file.
I only included the rainbow battery images in the cab. The zip files are other battery images packs. To change image packs, download one of the zips and copy the images folder within it over your current program files\battery\images folder. If you want to save the rainbow images, rename the images folder before copying the new images folder over it.
Nice.. I ve always wanted to do this but I never had the time... I ve got some nice PNGs for you to use with about 10 increments
Question though.... do you have to open up some other application that takes the focus away from the homescreen in order to see the battery icon changes.... or not ?
No other app needed, just run the battery.exe one time and forget about it. It only updates and replaces the icon that is already located on the battery/settings panel. This way the icon changes with the percentage more or less shown on the panel. And since the name of the icon in the reg never changes after being set the first time on installation, as you rewrite the icon, no homescreen reload is needed. It just updates automatically. The icon battery packs I got from my ipod touch, which is set up as 17 images for about every 6 percent change.
I just wrote this today so if it doesn't work let me know or feel free to fix and post changes. If you have more icon packs, go ahead and post them. If they're not 17 images, then we would have to slightly modify the script.
nice work man, looking forward to see it!
Great job, Showaco. Will install it and let you know. Keep up the good work.
showaco said:
No other app needed, just run the battery.exe one time and forget about it. It only updates and replaces the icon that is already located on the battery/settings panel. This way the icon changes with the percentage more or less shown on the panel. And since the name of the icon in the reg never changes after being set the first time on installation, as you rewrite the icon, no homescreen reload is needed. It just updates automatically. The icon battery packs I got from my ipod touch, which is set up as 17 images for about every 6 percent change.
I just wrote this today so if it doesn't work let me know or feel free to fix and post changes. If you have more icon packs, go ahead and post them. If they're not 17 images, then we would have to slightly modify the script.
Click to expand...
Click to collapse
You didn't understand me at all. What I'm asking is... does the icon on the homescreen update in REALTIME or is a homescreen "refresh" needed. Let's say you're on the settings page with the battery icon... Let's also say your script replaces the icon with something else RIGHT NOW. Now.. does the icon change in front of your eyes, or will you need to go away from page, or open up another window that covers the homescreen and go back.. to see the new icon ?
I haven't actually sat and watched it when update was running. But I know a homescreen refresh is not needed. I think, and if anyone knows for sure then chime in, that when the icon changes, if you were actually on the battery page, that it would not update in front of your eyes. But if you were on a different panel and the update runs, then you moved to that panel, that the updated icon would be there. I don't think its necessary to go to an app and then back but I will try to check it out and get back to you.
The way my weather app works is, the icon only changes after another app's window gets on top of the homescreen (even if just for a brief second). I'll %100 sure the settings panel will exhibit the same behaviour. Not putting your application down or anything, this is all because I was just curious if you found a way to refresh a static icon in real time...
Do you intend to make a cab for it... etc ?
Ok, I checked out the icon updating by connecting to activesync and writing over the icon while I watched screen.
If you are on the battery page during updating of icon, it doesn't show. If you change pages or panels and back again, then the new icon is there.
If you are anywhere else on the homescreen when update occurs, then the new icon will be there when you look.
There is no need to leave homescreen and come back(like opening an app) and there is no need to reload homescreen for update.
So for clarification, if you're watching the battery icon waiting for the big icon changing show, it ain't gonna happen.
But if you are anywhere else but the battery page, the update happens without your knowledge and it will be there when you look at your battery page. And if you are on the battery page during update, the icon won't change in front of your eyes but it you look a page left or right, a panel up or down, and then look again, it would be updated.
Is that what you mean?
This is only meant as an enhancement to the current battery page, not a replacement.
OrganicM said:
Do you intend to make a cab for it... etc ?
Click to expand...
Click to collapse
Let's try it a day and see if its working. Then, if you get time, could you make a cab for it? I just threw this together today while I was bored at work, and finished writing it after work, so I really haven't tried it out to much. If you got any ideas just throw them in, because I would like to hear them.
Ok, now that I've used it for a day, I have a couple of things to improve upon but overall seems to work fine for me. Has anyone else had time to try it, did it work for you or not?
Dude, I love this
This is great
Nice work, man. I think this is exactly the kind of new addition we all need to out WM6.1. Thanks.
Nice script, but it is necessary to add command RunOnPowerOn("\My Documents\battery\battery.exe")
I was just looking for something like this the other day. I have a set of battery icons from the iphone that I wanted to use, how would i go about making the changes? Or would it be easier just to send them to you?
** oops **
i installed this on a Q9c and it seems to work with the exception of the icons being pinched. Looks like they were resized width-wise to fit in the same area alloted to the original icon area. Is there a way to fix this? Also, can we add an icon for when the battery is being charged?
Battery.exe does not run... it gives me a message saying that its not associated with any program. Also where do i find the runonstartup command?
ThePaleAle, Mortscript installed?
ThePaleAle said:
Battery.exe does not run... it gives me a message saying that its not associated with any program. Also where do i find the runonstartup command?
Click to expand...
Click to collapse
you need latest mortscript to run, version 4.11b7, and can find it here: http://sto-helit.de
For a run on startup, there's two ways to do it.
1: Add a link to battery.exe in windows\startup or,
2; add a line into battery.mscr: RunOnPowerOn("\file location\battery.exe)
awesome guys mortscript worked great
Rearranging the Manila Home Screen
What do I need to know?
Manila uses few types of files: qtc, xml, mode9 and lua. First one is for graphics, second usually for different languages (although not only) and the two last ones are the ones we are interested in. Mode9 files contain information on position, visibility and other properties of almost every element on Manila tabs. Lua files contain different functions, used for animations, updating info and so on.
For editing the Home Screen we need the mode9 file - 1c684cd8_manila and the lua script - 25d04412_manila. You can find these files (from each Manila, starting from 1.0 and ending on 2.5) on this forum.
What tools do I need?
Editing mode9 files is quiet easy. You just have to run m9editor, open the file, make the changes you want and save it. Changing stuff in lua scripts is a bit more complicated, as you have to decompile it. Shorter scripts are easily decompilated by luadec, but some longer ones require us to correct errors. Fortunately, the lua script we have to change is easily decompilated (though there can be a problem with the if condition). To do this follow these points:
- copy luadec.exe and luac.exe to the folder you where you have the lua script (let's say it's c:\compacthome\mod\)
- press Windows Logo + R (or Start > Run) and type cmd
- go to the folder containing the lua script (in this case it's cd \compacthome\mod\)
- type luadec script_name > script_name.txt - where script_name is the script you want to decompile (for example 25d04412_manila) and script_name.txt is the name of the output file, which we will edit
- in case of errors you have to correct them (look for the lua decompiling tutorial by sztupy)
- once you have the script decompiled you don't need to do it again.
- open the output file and change whatever you want
- to compile the file just type luac -o script_name script_name.txt, where script_name is the file we want to have the script_name.txt compiled
What can I change?
When you open the mode9 file we want to edit, expand the tree and you'll see many sections called 'Object'. Below them there are few lines called 'Property'. What you can easily change is:
- Position - just change the value of X and Y (center position (X=0, Y=0) and axis are different for most of the objects - you have to test this)
- Visibility - True or False (sometimes you may have to change the size of a image to 0x0, so that it won't show never)
- Font
- Font Size
- Color of text in RGB format - if Property is not available, add it
In the 25d04412_manila script you can change positions of many objects in both portrait and landscape mode.
- TabsLeft - left part of the clock (animated)
- TabsRight - right part of the clock (animated)
- clock_tabs - background of the clock (pile of tabs)
- alarm_clock - alarm info and date
- NotifiCamera3D - notifications & appointments
- NotificationShiftY - shifting of appointments when changing to small clock
To change the position just modify the first two parameters of Vector3(X, Y, Z) - both CameraPosition.value and LookAtPosition.value.
How to save and test the changes in a fast way?
Open a cab creator (for example WinCE Cab Manager) and add the files you changed to /Windows. Save the cab, copy it to your device, install and reboot Manila. You can also copy manually the file, but I prefer the first way, because in case of any problems you can easily uninstall the cab and get the default Home Screen.
How to get the Home Screen working with Background4AllTabs?
Just open the 1c684cd8_manila file by m9editor, look for 'HomeBackground' and delete the whole paragraph which contains it (from <Object>Type="Group" to the next <Object>Type="Group").
- - -
If you have any suggestions, propositions or ideas, please write them in this thread, I'll try to complete this tutorial, so it will be useful for everyone. Thanks!
i cannot come up with suggestions, but that tutorial is very nice on your side!
Although not actually about the home screen arrangement. I do think we need the information on how to patch the EXE for weather and especially non-HTC devices to be made public. The few people that know how to do it don't seem to want to SHARE that knowledge, which is damned frustrating!
Kamill, what an excellent idea. I'm looking forward to your tutorial. I wonder will it be for Manila 2.0?
Here are some ideas:
Change touch flo colour
Appointments for at least one week
Linking big clock with another application (similar to Ssmaho)
Changing soft keys names/applications
Changing font sizes/types
Changing date formats on appointments
I hope this doesn't make it too difficult (I think the second one is though for some Manila versions!)
UPDATE in first post - an early version of the mini-tutorial.
FloatingFatMan, unfortunately I don't know how to do it...
mitsi, thanks, I'll work on that.
Kamill, My question is what needs to be changed to get appointments in dates after tomorrow to appear? Do I need to edit both the mode9 and the lua script? Or is it just one of those? I'm willing to get my hands dirty to fix it.
The easiest way is to get the files from hallatore's mod for Manila 2.0 and compare them to the original. There are mainly 3 differences, you'll find them for sure. AFAIR all you have to change is in one script, you have to add an option to display the date, change the place from where appointments are being taken (poomappointments(TAB_Calendar) instead of poomappointments(TAB_Home)) and change the number of appointments in the for loop.
Hmm. Well I changed the TAB_Calendar and added the option to to display date. Those were easy. Finding the loop is harder. I forced A loop to go 5 times and I got 5 calendar events, but the ones past tomorrow were the default ones in the mode9 ("Review design comp (Dan's office)"). I did it in the InitializeFullAnimation function just below this if statement:
Code:
if l_15_15 > 5 then
l_15_15 = 5
end
So those items are not being updated from the calendar. Any ideas? Am I looking in the wrong loop?
Anyway you can post hallatore's mod de-compiled? I think I have the original, but when I use m9editor the lua has a lot of decompiled errors.
Here you go. Are you doing this on the Manila 2.1? I tried so many things to get this working, but with no success
how to change home tab
Hi, I have read all the posts here and in some other threads related, and I'm still confused
I did try to install the cabs posted, and it totally messed my home tab, so I had to hard reset every time (because uninstalling didn't fix it up).
All I want to have is this:
1. move the alarm notification on the upper-right corner (to cover or remove the ATT logo)
2. make the Call History to auto-hide if there is no missed call (or to delete it, if it is easier)
3. have more appointments visible (2-3) with the big clock, and to be able to flip the clock upwards in order to have even more appointments visible
4. when I click on the appointment, to open the Calendar (this is already possible, and I'd like to remain this way)
I apologize if this is a silly question: is this possible to be done only by editing some manila files, and if so, which ones and what should I modify?
I opened some manila files (e.g. 1c684cd8_manila) using notepad and m9editor.exe, and, honestly, I had no clue as to what should I do
I am sure that you guys know this stuff already, and it is very easy for you. If it's not complicated to explain it to me, please help me!
thank you very much
Kamill said:
Here you go. Are you doing this on the Manila 2.1? I tried so many things to get this working, but with no success
Click to expand...
Click to collapse
Thanks. I am trying for Manila 2.1. There's gotta be a way.
tatarasi said:
Hi, I have read all the posts here and in some other threads related, and I'm still confused
I did try to install the cabs posted, and it totally messed my home tab, so I had to hard reset every time (because uninstalling didn't fix it up).
All I want to have is this:
1. move the alarm notification on the upper-right corner (to cover or remove the ATT logo)
2. make the Call History to auto-hide if there is no missed call (or to delete it, if it is easier)
3. have more appointments visible (2-3) with the big clock, and to be able to flip the clock upwards in order to have even more appointments visible
4. when I click on the appointment, to open the Calendar (this is already possible, and I'd like to remain this way)
I apologize if this is a silly question: is this possible to be done only by editing some manila files, and if so, which ones and what should I modify?
I opened some manila files (e.g. 1c684cd8_manila) using notepad and m9editor.exe, and, honestly, I had no clue as to what should I do
I am sure that you guys know this stuff already, and it is very easy for you. If it's not complicated to explain it to me, please help me!
thank you very much
Click to expand...
Click to collapse
Here is the solution to all 4 requests, but it is for Manila 2.0, so be careful. Back-up first just in case. Your screen will then look similar to the one shown.
Been trying...
I've been trying for some time now to get more than today's and tomorrow's appointment's displayed in manila 2.1. I added in the code that Hallatore added (can be found in stupy's lua thread) but there seems to be something limiting the amount of days shown ahead (I hope is not limited by the manila.exe, but I think not).
As additional info, the lua file that use to be embedded in the Home.mode9 isn't any more and is named 53cc1e4f_manila for 2.1 manila and 652ae0f4_manila for 2.5 manila,
12
mitsi said:
Here is the solution to all 4 requests, but it is for Manila 2.0, so be careful. Back-up first just in case. Your screen will then look similar to the one shown.
Click to expand...
Click to collapse
This is exactly what I'm after.
Unfortunately, I tried that alternative and, again, it totally messes my TFLO, and I had to hard reset again.
What do you mean by Manila 2.0, is this the TFLO version (in Settings, I see that I have ver. 3.0 build 29946)?
thank you
Change Home tab display
Hi, thank you very much for your interest and trying to give me solutions for my request. It is amazing how people from different corners of the world are connecting and helping each other.
I presume that the file to work with is 1c684cd8_manila.
I opened that with m9editor 3.3.0.1. It's a lot of info there
Could you guys be so kind and give some clues as to what should I look for in order to change:
- the alarm notification - to move it on the upper-right corner
- the carrier logo - to delete it
- the Call History - to delete it
- the Appointments - to have at least 2-3 shown
Also, important clues as to what NOT to touch, in order to
- continue to be able to flip over the big clock
- continue to be able to open the Calendar when click on the appointment
thank you again
tatarasi said:
- the alarm notification - to move it on the upper-right corner
Click to expand...
Click to collapse
Change the X and Y in the 'Position' Property of these objects: AlarmClockOn, AlarmClockOff, AlarmTime.
tatarasi said:
- the carrier logo - to delete it
Click to expand...
Click to collapse
To the object 'OperatorLogo' add a property called 'Visibility' and change its value to False - if it won't work change it's height to 0 in the 'Size' property.
tatarasi said:
- the Call History - to delete it
Click to expand...
Click to collapse
The same as above, objects: MissedCall_SBar1, MissedCall_SBar2, MissedCallIcon, MissedCallText.
tatarasi said:
- the Appointments - to have at least 2-3 shown
Click to expand...
Click to collapse
You need to decompile the 53cc1e4f_manila script and find l_15_0.MaxShowCount and change the value of it to the desired one.
Kamill said:
You need to decompile the 53cc1e4f_manila script and find l_15_0.MaxShowCount and change the value of it to the desired one.
Click to expand...
Click to collapse
If only it was that easy... I've been trying all kinds stuff including what you suggest above. I have decompiled the 53cc1e4f_manila I'll attach it here (it's the one from yozgatg's r1.5),
12
I mean you CAN change the number of appointments, but in a range of 0 to 6 (5 with big clock). I've tried to get more appointments shown, but I failed...
Kamill said:
Change the X and Y in the 'Position' Property of these objects: AlarmClockOn, AlarmClockOff, AlarmTime.
To the object 'OperatorLogo' add a property called 'Visibility' and change its value to False - if it won't work change it's height to 0 in the 'Size' property.
The same as above, objects: MissedCall_SBar1, MissedCall_SBar2, MissedCallIcon, MissedCallText.
You need to decompile the 53cc1e4f_manila script and find l_15_0.MaxShowCount and change the value of it to the desired one.
Click to expand...
Click to collapse
Hi, Kamill,
Apologize for double posting, I am growing impatient feeling that I am so close to a solution
Regarding the Manila, I checked where you told me to, and I found out that I have TFLO 3D 1.2.37896.1_1813.6. Thank you.
Thank you for your advices, I already tried to remove the logo
- first, I added the <Property> Name=Visibility Value="False" - did not work
- then, I changed the Height=0 - still ATT was there
- lastly, I deleted the entire Object GLESSprite2D (which was above the "OperatorLogo" property - still no result
What do you think I am doing wrong?
Speaking of the number of appointments, I amazingly discovered that I do not have 53cc1e4f_manila file. What do you think that means?
thank you very much, again
Manila 1 is a bit different from 2.0 or 2.1, the 53cc1e4f_manila script is embedded in the 1c684cd8_manila mode9 file (one of those at the beginning).
AFAIK you can replace the logo file with a blank one (don't ask me which file is it, I don't know ). Or you can try to add a 'Position' property and move it out of the sight (but it may come back in some situations) - though I do not guarantee it'll work.
I hope you'll success in modifying the Manila 1 homescreen, I guess there is still a couple of people who use that version of TF3D.
I have a theme request for the Galaxy Nexus... I've tried doing this myself, but with my novice level of expertise, I'm afraid it's hopeless...
I really detest the new "Evil Snowman" image that shows up for all contacts without a pic, caller ID, text messages and some icons. I have no idea why Google chose this image. The little robot was much nicer. Anyway, if anyone has the time, I would really appreciate a theme that keeps everything stock, but replaces all the horrible "Evil Snowman" images with something better - a little Android Robot would be great.
I'd be happy to donate to anyone that can do this.
Thanks so much...
if you look a little further back in this forum (or maybe it was in Rootzwiki, not sure which) there were a few themed apks and zips that I found I looked through them but never saw anything that interested me.
I looked too... The problem is that I really just want a stock look, and no snowman. I don't want to change everything else.
Matt_TX said:
I looked too... The problem is that I really just want a stock look, and no snowman. I don't want to change everything else.
Click to expand...
Click to collapse
what img do you want there instead? i can do that for you as i get back home.
tell me what rom/version you're using too
Sent from my Galaxy Nexus
etoy said:
what img do you want there instead? i can do that for you as i get back home.
tell me what rom/version you're using too
Sent from my Galaxy Nexus
Click to expand...
Click to collapse
Honestly, I'm not that fussy... Perhaps a little Android man in a color scheme that goes with the stock look.
The problem is that the snowman is everywhere... Here's a list of places I've seen, there may be more...
- Phone App / Contacts
- Caller ID
- Conference Call
- Messaging
- People App Icon
- People App top of screen
- People App contacts
If you can do this for me, I would be delighted... I will also gladly donate if it works.
BTW, I'm running Stock 4.0.4 for the CDMA/LTE Galaxy Nexus (Rooted and De-odexed)
EDIT: I like the contact image shown here, but perhaps in colors that better fit the stock look:
http://forum.xda-developers.com/showthread.php?t=1467139
I agree with you Matt...although I never thought of the stock 'unknown' contact image as an Evil Snowman, lol.
Anyways, the files that you want to change are in framework-res.apk\res\drawable-xhdpi\ic_contact_pictureXXXX.png. Attached to this post below, you'll find a quick screengrab that I took from my theme's working project folder.
Speaking of which, I will be updating my PCB Blue theme to include the Android robot image (specifically 'ic_contact_picture_2.png') by default, as I also prefer it over the "Evil Snowman"
You should be able to just edit framework-res.apk with WinRAR since you're only replacing normal PNG files. Extract them first, rename them, then drop them back into the .APK...on the other hand, if you like my PCB Blue theme, you can always wait for the next version where that will be done.
** EDIT ** - I am attaching the 3 untouched PNGs from framework-res.apk to make things a bit easier for you. They have been renamed properly to have Android use the robot as default. You therefore shouldn't need to do anything else but pop them into your framework-res.apk (many guides exist on how to edit this file, but the quick version would be to use ADB in Recovery to make changes (pull --> edit --> push --> set permissions) to the file.
Also, it may be possible that the other apps/APKs have their own resource image for an unknown contact. If that's the case, you'll have to dive into those APKs too (I only mod framework-res.apk myself, didn't peek into any others).
Hope that helps.
scar45 said:
I agree with you Matt...although I never thought of the stock 'unknown' contact image as an Evil Snowman, lol.
Anyways, the files that you want to change are in framework-res.apk\res\drawable-xhdpi\ic_contact_pictureXXXX.png. Attached to this post below, you'll find a quick screengrab that I took from my theme's working project folder.
Speaking of which, I will be updating my PCB Blue theme to include the Android robot image (specifically 'ic_contact_picture_2.png') by default, as I also prefer it over the "Evil Snowman"
You should be able to just edit framework-res.apk with WinRAR since you're only replacing normal PNG files. Extract them first, rename them, then drop them back into the .APK...on the other hand, if you like my PCB Blue theme, you can always wait for the next version where that will be done.
** EDIT ** - I am attaching the 3 untouched PNGs from framework-res.apk to make things a bit easier for you. They have been renamed properly to have Android use the robot as default. You therefore shouldn't need to do anything else but pop them into your framework-res.apk (many guides exist on how to edit this file, but the quick version would be to use ADB in Recovery to make changes (pull --> edit --> push --> set permissions) to the file.
Also, it may be possible that the other apps/APKs have their own resource image for an unknown contact. If that's the case, you'll have to dive into those APKs too (I only mod framework-res.apk myself, didn't peek into any others).
Hope that helps.
Click to expand...
Click to collapse
Scar,
The snowman is definitely evil. I feel like he is mocking me with that sideways smile. I don't like it... Hahaha... Just kidding
From what I can tell, the contacts.apk, phone.apk and mms.apk all have their own "snowman" images so I think they would all have to be edited. I know that I can do this using 7-zip, but it's really a bit beyond my comfort level right now. I'm still learning
If I edit the framwork-res.apk, does it override the files in the individual apps? It sounds like it doesnt. BTW, your image with the droid at 45 degrees is fantastic. It is EXACTLY what I'm looking for. Do you have a larger version for to replace the one that shows up with caller ID?
Thanks,
Matt.
Matt_TX said:
Scar,
The snowman is definitely evil. I feel like he is mocking me with that sideways smile. I don't like it... Hahaha... Just kidding
From what I can tell, the contacts.apk, phone.apk and mms.apk all have their own "snowman" images so I think they would all have to be edited. I know that I can do this using 7-zip, but it's really a bit beyond my comfort level right now. I'm still learning
If I edit the framwork-res.apk, does it override the files in the individual apps? It sounds like it doesnt. BTW, your image with the droid at 45 degrees is fantastic. It is EXACTLY what I'm looking for. Do you have a larger version for to replace the one that shows up with caller ID?
Thanks,
Matt.
Click to expand...
Click to collapse
LMAO! You know, the more I look @ him, the more I dislike him too...especially with that sideways smirk...
If you did check those other APKs and see snowman images, then yep, it's quite certain that those APKs will need to be modded. I use WinRAR and it couldn't be easier...one thing you must remember is to choose ZERO or STORE compression when working with 'framework-res.apk' and possibly others. They are not compressed in the ROMs (at least AOKP, which I run).
So, if you edit only framework-res.apk, then it probably will NOT change the caller ID, contacts photos, etc.. In terms of the image, I took that directly from 'framework-res.apk', so I unfortunately don't have a better/larger image. You might try Photoshop/GIMP, using an image resize method that is "better for enlargement".
Cheers Matt!
I'm still no further forward in my quest to kill the snowman. I like the robot image posted above, but the issue is that it's 108x108 pixels. I basically need 4 different images. One light grey as shown which is 128x128, this will work for the People App, MMS and the Framework. Then I need a darker one which is also 128x128 for the contacts list in the phone app. Next I need a dark image which is 360x360 (for caller ID screen) and another light image which is 360x360 for the People app (viewing a contact).
In summary:
128x128 light grey
128x128 dark grey
360x360 light grey
360x360 dark grey
I have tried to resize the image, but it looks like crap. Can someone please help me? I think I can get this done with the right png files.
Thanks,
Matt.
Matt_TX said:
I'm still no further forward in my quest to kill the snowman. I like the robot image posted above, but the issue is that it's 108x108 pixels. I basically need 4 different images. One light grey as shown which is 128x128, this will work for the People App, MMS and the Framework. Then I need a darker one which is also 128x128 for the contacts list in the phone app. Next I need a dark image which is 360x360 (for caller ID screen) and another light image which is 360x360 for the People app (viewing a contact).
In summary:
128x128 light grey
128x128 dark grey
360x360 light grey
360x360 dark grey
I have tried to resize the image, but it looks like crap. Can someone please help me? I think I can get this done with the right png files.
Thanks,
Matt.
Click to expand...
Click to collapse
Looking for the same here. Any luck?
This first post is about using Adobe Illustrator
I figured I would share a little knowlege of my designing and how when i came to android it helped out in making theming my rom so much quicker
ATTACHED AT THE BOTTOM IS A STARTER LAYOUT TO HELP MAKE LIFE EASIER FOR YOU!!!!!! :fingers-crossed:
THEME/DESIGN CHEAT SHEET
INDEX1. Tools..........................................................................
2. Begin.........................................................
3. The Setup...........................................
4. The Artboards.........................................................
5. Adding And Modifying Multiple Artboards.....................
6. Saving your Icons.................................
7. Layers, Colors, And Strokes................................................
8. SELECTING MULTIPLE LAYERS AND ICONS TO CHANGE COLOR AT ONCE.
9. TRACING TOOL...................................................
10. Keyboard shortcuts coming soon
1.TOOLS
First remove Adobe Photoshop and Fireworks from your playlist. To me these tools are crap or for short cuts. lol but short cuts coming soon
"Adobe Illustrator" and some quick learning or know how.
I'm not going to go over every single tool because if anyone knows illustrator lol its just way to many. Im just going to get to the main ones in this case in point.
2. BEGIN
Adobe Illustrator is one of the best graphic design tool I've ever used Ever. Your images would no longer start of as just a pic anymore. Now its time to learn vector.
Vector graphics is the use of geometrical primitives such as points, lines, curves, and shapes or polygon(s), which are all based on mathematical expressions, to represent images in computer graphics. "Vector", in this context, implies more than a straight line.
Vector graphics is based on images made up of vectors (also called paths, or strokes) which lead through locations called control points. Each of these points has a definite position on the x and y axes of the work plan. Each point, as well, is a variety of database, including the location of the point in the work space and the direction of the vector (which is what defines the direction of the track). Each track can be assigned a color, a shape, a thickness and also a fill. This does not affect the size of the files in a substantial way because all information resides in the structure; it describes how to draw the vector.
WIKI^^^^^ thanks
In short this means that all the res you would lose resizing images in Photoshop or Fireworks wouldn't be lost in Adobe illustrator because it use the vector format
When designing in vector you have so many capabilities that any format doesn't, like proper shading, 3D effects and the easiest way to change the color of multiple vec's at once on the same artboard.
The art board is the space and area in which your design would be held on. It's the only part that would be use to create the png, jpeg, etc. Anything on the edge or off of the artboard wouldn't come up at all in the image. This is convenient to me because I like to have almost the entire framework or system res themed perfectly. Meaning all color and tints and shade all match to the T. You also can line up anything to the artboard or to an object perfectly, so no more miss shaped png's lol.
There's also some tools there that you also seen in Photoshop and Fireworks.
My favorite part of adobe illustrator is the Effects section. This is how to avoid messing up when trying to make your own shading, shadows, 3D effects, glows and more. Trust me, when you get a taste of the effects your going to be trying anything!!!!!!
3. THE SETUP
Now it's time to prepare.
First you need to start a new project. Go to file and select new. Give your project a name. i prefer the name of the rom.
New documents profile - Don't change this because it going to change to custom by itself.
Number Of Art Boards - Keep this at 1 (im going to tell you how to add more)
Size - don't touch anything after size, just make sure Units Say Pixels
Advanced(drop down the menu) - There are 2 color mode RGB - and CMYK. Rgb modes give your stage for the artboards a white background as if it was on paper. Cmyk leave it empty or transparent like in a PNG. It's your choice on which you want.
Raster Effects - Make sure it's at High 300 PPI
4. THE ARTBOARDS
THERE IS A STARTER KIT FOR ARTBOARDS ATTACHED
The Artboard is pretty much a stage. This is where all the magic happens.
Now when your designing any icon you should make sure you know the sizes. Knowing all the sizes can be a hassle right, but this is where it gets really easy. Say you have 30 icons that are 72x72 if you have a project set up with multiple art boards you would be fine. because once you have made all the icons the save size is just a drag and click away.
5. ADDING AND MODIFYING MULTIPLE ART BOARDS
If you noticed which I'm sure everyone has, that some images match the size of other. This is where it gets very easy to make save and do it in a quick fashion.
Go to "File", scroll down to Document Setup and click on it. A window will appear don' worry about anything it the window unless you want to change things yourself. Just go to Edit artboard. You will notice that the screen has turned grey and now you artboard is the only thing thats white. If you hover over the grey you will see that your drag symbol has turned into a square. Us this to add more artboards. Click and hold on to the grey area and drag your mouse. You will see that you just added another artboard. To resize the artboard the Width which is labeled W and the Height which is labeled H will be in the upper right hand corner. Click on the artboard you want and start to reshape it according to the size you need. You can also drag the artboards to which ever place you want it to sit. Once done just click on the mouse pointer icon on the right and everything will be back to normal.
6. SAVING YOUR ICONS
When saving your icons make sure that where ever your project is you have it as the target location when saving. On your first save you should locate the folder and where the original file is and replace and save it. No need to type in the name. If you know where it is alphabetically, then just scroll to it, click on it and the name should appear in the File name box. If it tell you the file already exist, Do you want to replace? click Yes, but make sure you have a backup copy of the folder just in case. Also make sure you are on the right art board when saving. All it takes is a click on the artboard and you would be just fine.
7. ANCHORS, LAYERS, COLORS, AND STROKES
You ever find it a very long task to make all your icons the same or correct color. Or in short make them match. Well in vector format you can change all of the icons color at once. It has to be selected though. I know you wondered what the white arrow was for, well wonder no more. The white arrow it to select a layer, stroke, or any anchor on the vector image.
ANCHOR - this is single or multiple dots on a vector image that controls the path, line and/or stroke.
Layer is a section of the image thats either below, side by side, or on top of another image. You can change positions by right clicking on the image and use arrange to move its position.
Colors well you know what these are, But Illustrator has three different kind Grey Scale, RGB and CMYK (will be explained later)
Strokes are pretty much a line. It can be around the image, by itself or combined to create an image.( Will Be explained on how to manipulate a stroke in a image.)
To make it short grab the white pointer and have at it lol.
8. SELECTING MULTIPLE LAYERS AND ICONS TO CHANGE COLOR AT ONCE.
We all know images have layers but say you have several vector images that are 2 colored icons or more colors just stick with 2 for a sec. If you go to the image with the white pointer, You can click on the one color on the image and change it without making a mistake and turning the whole icon one color. Now to select more than one of the icons, say all of them where blue and green. Click on the green part of the icon. Now go to the top and click on "Select" scroll down to same. When the menu pop out, you will see that there are many ways to select multiple types of images. For right now click the one that says "Fill Color". All of the icons will be selected that has that same shade or ton of green. (note you must have them already colored in to match in order to select same). Now when you change the color they all will adjust together to make them Perfect.
9. TRACING TOOL.
This tool i would recommend that you stay away from and just design your stuff from scratch. Now I'm about to contradict myself lol but this tool is so f'ing handy if used right.
When tracing and image your pretty much turning it into a vector image with paths, strokes, and anchors. Its pretty much a conversion tool but difficult to use. If you have a colorful image that's when it gets hard. But if you have like a solid color shape its kinda easy.
Say like you have a picture of a solid black triangle in .png and .jpeg because you didn't feel like drawing one. Drag it to the artboard. You will see a button up top that wasn't there b4 called "Live Trace". Click on it and you will see your triangle go from a rough .png/.jpeg image to a smooth vector format triangle.
Now it gets hard.
If you have a multiple color image there are ways to trace it to a vector but not all get it the way you want. Just play around with it a little and you will see what i mean. The traces I'm talking about are in the drop down menu right next to the "Live Trace" button. You will see a slim button with a down pointing arrow.
10. Keyboard short Cuts(coming Soon)
To Be Continued - meaning im Sleepy lol
Photoshop Short Cuts
Photoshop Shortcuts
Index
1. .9 shortcuts Without Decompressed png
2. Batch File Opperation
Adobe Fireworks Shortcuts
Adobe Fireworks Shortcuts
even more
My biggest problem would be the dreaded 9patch
Sent from my SPH-D710 using xda premium
gtuansdiamm said:
My biggest problem would be the dreaded 9patch
Sent from my SPH-D710 using xda premium
Click to expand...
Click to collapse
dreaded 9patch? what is so hard about .9's
rujelus22 said:
dreaded 9patch? what is so hard about .9's
Click to expand...
Click to collapse
Lol yea thats the same thing i was thinking but, Im going to put a short cut for .9 patches for people who don't know how to do it. For Photoshop and Fireworks. But im not going to go into full details because there are post on here with that. Im just going to explain a quick way without decompressing a .9 png
Dude, this rocks. I will be using this like crazy for sure.
hi, I'm interested in learning how to theme, but I must admit, teaching me may be a pretty big project since the extent of my experience is making themes in UOT Kitchen.
would this tool be a good place to start?
mjs2011 said:
hi, I'm interested in learning how to theme, but I must admit, teaching me may be a pretty big project since the extent of my experience is making themes in UOT Kitchen.
would this tool be a good place to start?
Click to expand...
Click to collapse
yes sir this is the perfect place, while not done, im going to apply all of my knowledge of design to help out
Thanks! I may reach out to you privately as well, because I'd really be starting from scratch.
What would be killer is if we had a reference guide for the names for certain harder to find pngs. Background files and such.
I'm not sure how many of you use the XPOSED framework, but if you were ever curious, I can assure you, it works on the glide.
One thing I was jealous of was the iOS ability to change status bar colors depending on the apps, because I think it looks cool. For those of you like me, you might want to be able to do something like this. Well, you can, with this mod.
Now, on that second page, it has a link taking you to a place where you can contribute colors to the page, to make it easier for people to color their apps.
What if you don't want to use those, or they don't have the app you like to use a lot?
Well, its simple, and I'll explain in the next post.
Sent from my SGH-I927 using Tapatalk
Ok, here we go!
First, follow the first link, and install the Framework. Go ahead, I'll wait.
.
..
...
Done? Ok.
You need to download and install the .apk that is the mod, by following the second link, and then enabling it, and restarting your phone.
Ready for the tutorial?
1.) Download Color Picker.
and open it.
You should then see this:
Press the button indicated.
2.) Minimize the app, you'll need it in a bit, and then go into the app you want to customize the status bar for.
Take a screenshot. For this tutorial, I will be using Astro File Manager as an example.
3.) Go back to color picker, and open up that screenshot you just took.
Tap anywhere to see the name of the color and its hex value.
4.) Open up Tinted Status Bar:
And select the app you would like to color.
Remember, I'm using Astro as an example. Every system and user app should show up here.
5.)When you choose the program to color, it should show it, and a list of services detected that it runs.
You can use catlog to pinpoint exactly what part you want to color, but oftentimes the only one you need is the very top one:
6.) It should show you this after you choose one:
On the left is the status bar color, and on the right is the status bar text color.
7.) After choosing the left one, it will look like this:
After the double f's, put in the hex code you got from color picker earlier.
Remember! Keep the ff; it's an important part of hex color code.
Click preview to see how it looks!
8.) Yay! Looks great!
Click apply to set the color for that app service!
9.) That's it! It looks snazzy now, and matches the color.
If you have any questions, PM me, leave a comment, or check out the thread that the dev created. (The second link.)
If you would like to contribute, please add your colors here!