X10 Status Bar Icon Creator - XPERIA X10 Themes and Apps

So I needed some Icons for my status bar... and I thought, sweet, I'll just photoshop the stock ones
Then I opened them up, and to my eternal horror some idiot had added a background to them... How the hell am I gonna edit these nicely...
So, bugger that I thought, I'm not spending hours sorting them out in photoshop, so I made a little program to do it for me
Attached you'll find a pretty basic program in a folder with all the stock sony status bar images. If you run the program you can click on the square to choose your colour and then click on 'Select Folder'. The default is the folder that the exe is in.
As soon as you select the folder, all the icons in that folder will be processed and saved with the same name in an 'out' subfolder (like the ones in the attachment).
The images will be set to the selected color and the background is made transparent. This is hard-coded for the x10 stock status bar icons, it may work for other icons from the stock apk's, or it might not It just works on a hard-coded value for the blue channel. For anyone that is interested:
Code:
for (int x = 0; x < clone.Width; x++)
{
for (int y = 0; y < clone.Height; y++)
{
Color color = clone.GetPixel(x, y);
int a = Math.Min(color.B, color.G);
if (a < color.R) a = color.R;
if (a < 50) a = 0;
else
{
a = (int)(((double)a - 50.0d) / 205.0d * 255.0d);
}
color = Color.FromArgb(a, colorSelector.BackColor.R,
colorSelector.BackColor.G, colorSelector.BackColor.B);
bitmap.SetPixel(x, y, color);
}
}
Now you can have what ever color icons you want in the status bar
NOTE: .Net Framework 2.0 required (pre-installed on win vista and 7)
EDIT: There's a framework with a white status bar and these icons here: http://forum.xda-developers.com/showpost.php?p=9251090&postcount=18

Awesome between you and MrRusch you're take all the work out for us... much appreciation!

lookin good man! you sure are talented at this kinda thing
cheers, tim

Thanks guys
Let me know how it works... I have noticed that some of the icons are a little heavy on the alpha.

Nice mate! Soon we can click one button and the phone will automagically turn into an elephant

MrRusch said:
Nice mate! Soon we can click one button and the phone will automagically turn into an elephant
Click to expand...
Click to collapse
- Can we make it a dog tho' - elephants are a bit big...

this is just.......WOW!!!
and when thid work with all *.png files whould be...F#$*N WOW!!!

O NOW you do it lol, as always great work cal, between us all the X10 is getting a lot of support fast.

So looks like I have done all this for nothing? Damn.

Awesome job (as always) Calum!

Great job, Calum! This will be very useful.
Thanks!

I'm stunned! Awsome job mate!
Though maybe some themers (like Chewitt , shukla , myself etc) could have used that a bit earlier cause now my eyes are already on fire of all that .png editing!
Anyway congratulations! You did a hell of support!

I'm not into theming (yet) but WoW. Great tool.
Even if I wont use it I will sure use some icons created by that.
Thanks.

Wish I saw this before I modded each icon individually!!
Nice work!

Related

[Live Wallpapers] dev your own

was just thinking... once we get cracking on nexus development.. are ppl going to be able to design there own live wallpapers? would be sort of aweSOME!!!!
Depend what type of file they are.
Its obviously more than a picture or animated file.
My buddies first reply was "how very ..java scriptish"
I can't wait to see people create their own. I know it will be out of my current range of knowledge to do it myself. My friend suggested someone needs to make a Matrix like live wallpaper.
Bouncing boobies ftw!?
Carloswithac said:
Bouncing boobies ftw!?
Click to expand...
Click to collapse
And as you swipe to the next screen they jiggle to the way you swiped lol.
stewart1988 said:
and as you swipe to the next screen they jiggle to the way you swiped lol.
Click to expand...
Click to collapse
i would pay for this!!!
velazcod said:
i would pay for this!!!
Click to expand...
Click to collapse
http://www.youtube.com/watch?v=zKO-tZGuFDg
Aint these live wallpapers .GIF files?
Going thru the LiveWallpapers.apk right now. Interesting.... This is not something you can just replace. They are not GIF images. They are actually regular png/jpg with combo of some other code. I have not been programing for a while. I have to sit and figure out the actual logic behind them etc. I can tell you this came out of galaxy live wallpaper:
*/
void createParticle(struct Stars_s *star, struct Particles_s *part, float scale) {
float d = fabsf(randomGauss()) * State->galaxyRadius * 0.5f + randf(64.0f);
float id = d / State->galaxyRadius;
float z = randomGauss() * 0.4f * (1.0f - id);
float p = -d * ELLIPSE_TWIST;
Click to expand...
Click to collapse
/**
* Initialize all the stars. Called from Java.
*/
void initParticles() {
if (State->isPreview == 1) {
angle = 0.0f;
}
struct Stars_s *star = Stars;
struct Particles_s *part = Particles;
int particlesCount = State->particlesCount;
float scale = State->galaxyRadius / (State->width * 0.5f);
int i;
for (i = 0; i < particlesCount; i ++) {
createParticle(star, part, scale);
star++;
part++;
}
}
void drawSpace(float xOffset, int width, int height) {
bindTexture(NAMED_PFBackground, 0, NAMED_TSpace);
drawQuadTexCoords(
0.0f, 0.0f, 0.0f, 0.0f, 1.0f,
width, 0.0f, 0.0f, 2.0f, 1.0f,
width, height, 0.0f, 2.0f, 0.0f,
0.0f, height, 0.0f, 0.0f, 0.0f);
}
Click to expand...
Click to collapse
The live wallpapers are evidently built using Processing(processing.org).
Source: http://www.curious-creature.org/2010/01/07/nexus-one-live-wallpapers/
shawncplus said:
The live wallpapers are evidently built using Processing(processing.org).
Source: http://www.curious-creature.org/2010/01/07/nexus-one-live-wallpapers/
Click to expand...
Click to collapse
nice find.. hope some ppl start developing these
There is already a bounty started for the first person to make Live Wallpapers for the community
http://alldroid.org/viewtopic.php?f=247&t=1283
From the Android IRC, think SDK for Live Wallpapers will be released very soon... likely with 2.1 SDK.
Processing
Processing is an artistically-inclined language built on Java that's relatively easy to use, and reminds me of coding flash animation. If this is written using Processing, the language is already available at http://www.processing.org.
ccunningham83 said:
I can't wait to see people create their own. I know it will be out of my current range of knowledge to do it myself. My friend suggested someone needs to make a Matrix like live wallpaper.
Click to expand...
Click to collapse
+1 to a Matrix wallpaper, and pressing it would have a ripple effect lighting up letters
http://androidandme.com/2010/01/news/google-to-offer-sdk-for-android-live-wallpapers/
just wait for the confirmed new sdk...kinda pointless making a bounty for this with the sdk release confirmed
DarkLord7854 said:
+1 to a Matrix wallpaper, and pressing it would have a ripple effect lighting up letters
Click to expand...
Click to collapse
+1 for both those ideas. If that wallpaper existed, I would be downloading it this moment and would love it forever.
Anyone know the location of the live wallpapers? I'd like to remove the ones I don't use. . . but, I guess, if they're part of the app, that might be a problem.
Pulled the apk. Think I just answered my own question. :-\
think /system/app/livewallpaper.apk .odex..
dont think you can just delete one but not sure
http://droidninja.com/?p=5341
"There are currently 10 live wallpapers to choose from and that number will be greatly expanding soon. Google will be releasing a SDK that will allow developers to code their own wallpapers, according to Android Engineer Romain Guy."

Timescape themes (Update for 2.1)

For 2.1 themes see post #17 on page 2: http://forum.xda-developers.com/showpost.php?p=9049613&postcount=17
I decided to open a thread to share the knowledge I have collected on timescape themes. This also partially applies to mediascape and up until now has been split between these two threads:
http://forum.xda-developers.com/showthread.php?t=737778&page=46
http://forum.xda-developers.com/showthread.php?t=765686 Please read this!
I thought it would be better to combine this into one thread that will be easier to find. If anyone disagrees then please post with reasons and alternatives. I will update this first post as we figure out more tweeks etc. (hopefully it will need a big rework soon because SE finally gets us 2.1 )
Before I start, thanks to Chewitt for finding the acet files, and for inspiring me to start messing with the look of my x10 with his Dark10 themes.
Timescape (and mediascape) do not store all of their images in the .apk resources. Oh no, that would just be too logical, and we are talking about Sony Ericsson here
The timescape theme .apk resources do contain some of the images used (e.g. the trash can and app drawer handles), and the actual Timescape .apk has the resources for the tile images etc. I'm not going to go into this as there is enough content about modifying these sorts of resources here. What I will go into is where the timescape background, wave animation, pagination slider colours and the tile alpha blending and default colours.
1. The background: This is stored in an .acet file (see the first of the above posts). This is an file that basically just contains a samll header and then rgb information (or sometimes argb, this is specified in the header which I haven't got 100% sussed yet). The background images are in the assets/ts folder in the theme .apk and are called ts_bg_app.acet and ts_bg_home.acet for the application and timescape home respectively. These can be modified with acetConverter.exe. You can load an image and export an acet file or you can go the other way. TS uses acet backgrounds without an alpha channel so leave the alpha checkbox unticked when creating them (it might work with alpha... never tried...).
2. The Tiles: I'm pretty sure the alpha blend images for the tiles are found in the system/usr/semc/seee/files folder (alpha_tile.acet and alpha_tile_fade*.acet) but I haven't modified these yet. As an aside the background for the first page of mediascape is here too. More important is the default background for a tile. This file, ts_tile_empty.acet, is a single pixel file found in the assets/ts folder for each theme. This specifies the solid colour to be used as a background for the alpha overlay on empty tiles.
3. Animation files: Wave and Pagination. This is all stored in three .afx java animation files in the themes assets/ts folder (ts_bg_wave.afx, pagination_glow.afx and pagination_area.afx). pagination_area is the square around the selected item in the scroll menu at the bottom (or the top if TS is the home page) and pagination_glow defines the lines at the top and bottom of this area. I haven't got these files fully sussed either, at the moment I'm restricted to doing some awful byte replacement to change the color (I can also change the wave pitch, but it doesn't look any good). I have attached an exe to generate these files (SetTimescapeAnimationColor.exe). Click on the white square to choose a base color and use the buttons to generate whichever of the files you want. If anyone knows how to edit these files properly please let me know, I come from a c# and c++ background and don't really know what I'm doing with java...
Thats pretty much it. Just sort out 6 files, update the png resources (the thumbnails for the theme selection are in the Timescape.apk resources folder) and you're done.
Note: I have had problems when I modified the wrong bytes in the afx files. Basically, after selecting the theme timescape just crashed. If you replace the theme file it still won't start, you need to clear the application data to get it running again. Along the same lines, after modifying a theme you need to reselect it from the themes menu as the files are cached.
Please let me know if I missed anything.
Update: I have attached the source code for the animation color tool. Please keep in mind that this was just a bit of code quickly thrown together so we can modify the animation color, I don't usually write code that looks like that
The project is a C# project from visual studio 2010 but the meat of it is in MainForm.cs so just open that if you use a different language/dev environment.
Here is the code from one of the buttons. Resources.pagination_glow is a byte array from an embedded resource (pagination_glow.afx).
Code:
string r = string.Format("{0:000}", (int)(((double)colorPanel.BackColor.R / 255.0) * 100));
string g = string.Format("{0:000}", (int)(((double)colorPanel.BackColor.G / 255.0) * 100));
string b = string.Format("{0:000}", (int)(((double)colorPanel.BackColor.B / 255.0) * 100));
byte[] bytes = new byte[Resources.pagination_glow.Length];
Array.Copy(Resources.pagination_glow, bytes, Resources.pagination_glow.Length);
bytes[949] = (byte)r[0];
bytes[950] = (byte)'.';
bytes[951] = (byte)r[1];
bytes[952] = (byte)r[2];
bytes[953] = (byte)',';
bytes[954] = (byte)g[0];
bytes[955] = (byte)'.';
bytes[956] = (byte)g[1];
bytes[957] = (byte)g[2];
bytes[958] = (byte)',';
bytes[959] = (byte)b[0];
bytes[960] = (byte)'.';
bytes[961] = (byte)b[1];
bytes[962] = (byte)b[2];
bytes[963] = (byte)',';
using (FileStream stream = new FileStream(saveDialog.FileName, FileMode.Create))
{
stream.Write(bytes, 0, bytes.Length);
}
What is important to note is that the embedded afx resources came from the orange theme, the other themes will require different offsets for the byte modification. I'm not sure why the different themes have different code here, I haven't looked closely at the wave animation code for each theme so there may only be a difference there, or there could just be one more space here and there in the preceeding lines or four spaces instead of a single byte tab ('\t')...
Anyway, the next step is to try and modify the number of bytes in the code and see if it still works, on my first few tests timescape just crashed so I thought that the number of bytes of clear-text code may be stored in the header. I'm not so sure now as I think I may have just been having problems while mixing the use of the .Net stream classes for reading an writing. I'll check this out though.
If we can modify the code however we want then I just need to learn a bit more java
The code for the wave animation is in the comments at the bottom of MainForm.cs. Here is the line with the characters being modified in bold:
fcolor.rgb = vec3(1.0, 0.91, 0.72) * ambientRatio + vec3(1.0, 0.516, 0.0) * specularRatio;
LOL this is just lazy lol, Thanks for the guide i will get the other 3 i need for Dark10 sorted on sunday.
this all sounds awesome =)
May I suggest posting the source code to your .exe files? that way others can pitch in and help improve the tools, too. slap on the GPL for a decent licence and it should be no problem
ttxdragon said:
this all sounds awesome =)
May I suggest posting the source code to your .exe files? that way others can pitch in and help improve the tools, too. slap on the GPL for a decent licence and it should be no problem
Click to expand...
Click to collapse
Good idea I have just updated the first post. I have only added the animation tool source as the .acet converter is just a direct color translation except for the header which is post in the acet thread linked in the first post.
I can post this code as well if anyone is really interested, but it will have to wait until I am back at work on the 14th, or until the VPN starts working again
VPN's up - posted the rest of the source.
calum.. just got a new charger today lol so back on track.. although some reason i cant seem to get my colour to change at al? ive rebooted, tried task managers n al but no luck..
Edit: ignore that.. managed to get it working! like an idiot i forgot to add the code at the top for mount/remount lol.. feel like a blonde
Has anyone got an original version of ms_bg_background_home_icn.acet?
Being the genius that I am, I tried to edit it without backing it up first.
I tried to convert a png image to an acet file using that acet converter but ended up with a background with a similar issue to what's in this post. Will read through all the posts tomorrow and try again.
Hey buddy any more progress with this project?
Sorry, on the road at the moment. I'll be back onto this next week.
@Mobzter: glad you got it sorted.
@Sixpence: you may have exported the image with the alpha channel. Make sure the alpha option is off for the timescape and mediascape backgrounds. I'll add complete backups to the first post next week
heres a backup of that file
_calum_ said:
@Sixpence: you may have exported the image with the alpha channel. Make sure the alpha option is off for the timescape and mediascape backgrounds. I'll add complete backups to the first post next week
Click to expand...
Click to collapse
Ah, yeh, I think that's what I did. I'll try again and see how I go. Cheers!
Thanks for backup Mobz!
EDIT: Sweet, that worked!
I just thought I'd post a link to my dark Timescape theme here.
Timescape (Dark)
If anyone else has got any modified timescape themes please post them (including the modified framework and thumbnail images). It would be nice if we didn't just all modify the Indigo them (as I did above) as if we use neutral images for the default contacts etc. then we can easily change between the different themes.
Any interest
Just a bump to see if anyone is interested in doing anything with the Timescape animation except changing the color.
If they are then I might get back into modifying the .afx files, otherwise I'll probably just move on....
I don't actually use it that much and now I've got rid of the blue I'm sorta happy, but it might be kinda cool if we can add our own animations to replace the wave...
How about the mediascape animation? I wanna make it melt into the next screen. Do u think that's doable?
How can i chnge theme for x10i
Sent from my X10i using XDA App
gavriel18 said:
How about the mediascape animation? I wanna make it melt into the next screen. Do u think that's doable?
Click to expand...
Click to collapse
Do you mean instead of the spline/fade animation when you hit the 'more' button? I think a melting animation would be pretty ambitious and probably only doable if the fade is actually part of the animation. I'll see if I can get an editor slapped together so we can just modify the afx code directly. I'll have a look at the mediascape animation files once I've got that done...
xian08 said:
How can i chnge theme for x10i
Click to expand...
Click to collapse
Sorry, I need a bit more information here. Where exactly are you stuck? Do you just want to install a different theme that you have from one of the x10 themes in another forum, or do you want to create you own?
That's exactly what I was thinking, a melt to a fade into the next screen.
I'm trying to understand how it works but i don't have enough spare time right now.
OK, 2.1 is here and the file formats for timescape themes have changed...
First off, the apk names have changed. They are now named like this:
TimescapeLargeUITheme[ThemeName].apk (e.g. TimescapeLargeUIThemeSakura)
The .acet files are now .uxraw files. The file header and content has also changed: the header is now 8 bytes, that can be split into 4 16bit integers. The first two I'm not sure about, (second one always seems to be 8...) but the 3rd and 4th are width and height respectively. After the header we still have the color info, but it seems that alpha is always included. The bytes are in the order R G B A (the alpha is now the 4th byte instead of the first).
I have attached the new converter and source.
Edit: I originally wrote an incorrect value for the first byte in the header (20 instead of 0x20... oops ) this resulted in a black background...
The afx files have also changed to uxsh. There seems to be a bit more in these files but the animation code is still in plain text. I'm working on an editor, and will update this post when it's done.
2.1 or 1.6 ?
Is this for 2.1 or 1.6 ?
Looks a silly question... But, am little cautious and more excited to see this on my 2.1update1.
Thx for such a great work.
_calum_ said:
OK, 2.1 is here and the file formats for timescape themes have changed...
Click to expand...
Click to collapse
mitalbr said:
Is this for 2.1 or 1.6 ?
Click to expand...
Click to collapse
2.1 (I had also changed the thread title to make this clearer )
_calum_ said:
2.1 (I had also changed the thread title to make this clearer )
Click to expand...
Click to collapse
I was just adb'ed the file system and I found I have following files...
TimescapeLargeUI.apk
TimescapeLargeUIThemeBlue.apk
TimescapeLargeUIThemeGreen.apk
TimescapeLargeUIThemeIndigo.apk
TimescapeLargeUIThemeOrange.apk
TimescapeLargeUIThemeSakura.apk
TimescapePluginManager.apk
I couldn't locate...
Timescape.apk
TimescapeThemeIndigo.apk

[mod ]CHT2.0 WIDGET TypoClock Special Edition

Typoclock Special Edition
{
"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"
}
**Download Here**
Previous versions:
Typoclock_R5
I have added a new layout named "personalize" in which all the elements of typoclock are linked to the registry values (CHT.Typoclock.XXXX) it means that hours, minutes, colon, daydate, weekday, month & AMPM can be moved, resized, coloured, and shown or hidden, also month and weekday can be shown in upper or lower letters.
So you can easily redesign your own typoclock, or just adjust the position of the elements after change the font (typoclock.ttf) The new version of typoclock keeps the same variables and previous layouts (white, black, blue, yellow & green) If you want to install it be sure to uninstall previous verssion.
Hi friends, with the help of mncessna & preston74 i have made this widget for Co0kie Home Tab 2.0 (CHT2.0) similar to android typoclock
IT IS NECESSARY TO INSTALL CO0KIE HOME TAB 2.0. This widget does not work with previous versions
1) It is done on the base of the Co0kie CHTAddon Digital Clock, but the time & calendar is text string, with the same font of the rest of Sense (Helvetica Neue OTS). The graphics files still are there but are not seen (100%transparent). I hope to get' em out in future versions to make the code much clean.
2) So it would be easier to change the color with m9editor. I want to publish in 2 colors white & black. done!
3) I have to solve also the issue of the languaje, months are always in English! done Thanks a lot to MoonNah for the new code
4) The weekday I would like to have full names. done Thanks a lot to MoonNah for the new code
5) I have move a bit the elements, please feedback if fit better now. The dayweek in English start with capital letter so it could go a bit lower still.
6) For future verssions we could try everything graphics (qtc) even month, dayweek, year, etc instead of text string. It will be much more skinneable.
7) should work correctly in 24h & am-pm. done;
8) Added a cero when date number has only a digit.
9) It is resizeable & pinneable.
10) Shoul be compatible with windroid digital clock & Poy2BinaryClock. done
11) In future version will try to add some colors into the widget, as diferents layouts. done
12) More things to do: to add blinking dots every second done; to make it biggerdone; to add alarm; to add own font; ...
Link for the widget kitchen: http://dl.dropbox.com/u/10718996/Poyensa Public Cab/typoclock/typoclock_r4_kitchen.zip Feel free to do any change to addapt it to your own theme.
Thanks a lot to mncessna, preston74, rat_2665 & moonNah for the files -all credits must go to them, dunc001 & mike2nl for the feedback and test, and always to co0kie monster for the CHT 2.0!
If you like blinking dots be sure to switch on show second hand in CHTEditor - widget setting - clocks - show second hands on. If you want to disable blinking dots just disable that option. (thanks to rat for adding this code in the original code, and dunc001, mike2nl & m0nkeyman for tests & feedback)
rev 03.11.2010: added a cero when hour has only one digit; added black color
rev 05.11.2010: added blinking dots (made by mncessna); added am-pm; biger up to 175%, added CHTS
rev 06.11.2010: 4 colors into the widget (black, white, blue & green)
rev 07.11.2010: i think i finally got out of all the graphics files. This version should be compatible with others digital clocks (windroid-binary-silver-co0kie)
rev 07.11.2010: added typoclock with am/pm in the middle of the two dots.
rev 08.11.2010: The typoclock includes background from the very begining, but i did not included in the cabs. If you wish to have BG copy the attached file 3953C628_manila in windows folder.
rev 11.11.2010: Thanks a lot to moonNah for the new code. Now typoclock is displayed in your own languaje!!! try typoclock_r3.cab
rev 23.11.2010: I have referenced the font of typoclock_r4 to typoclock.ttf in windows folder, so any new font you want to use just change the name to typoclock.ttf and copy and paste in windows directory, accept overwritte, and softresset (some times is enough restart sense only) Then typoclock will use this new font without any interference with the rest of sense/WM. Maybe you will need repositioning the items afetr the change of the font, you can do it following post#2. I have included in the _r4 cab the font displayed in the screenshot, so by default is HelveticaNeueOTS.ttf. I am not used to work with differents fonts, and sometimes behaviour is erratic, but this is working for me and i hope it also works for you I will upload some other fonts in post#2 and you can find many in this thread (thanks to Major_Sarcasm for this) and also in Google search
this screenshot is Jott.zip, copy the file typoclock.ttf from inside Jott.zip to windows folder and softresset. Be sure to install _r4 previously.
Try also Typoclock 3D made by MoonNah in post#105
brainmaster said:
​
If you use the Droid Sans Font - as I do - then here is the modified Typoclock r3 Version that works with Droid Sans Font.
I have also attached the Font if you like it.
link for downloads​
Click to expand...
Click to collapse
Sorry, i should have adverted in big letters: UNINSTALL PREVIOUS VERSIONS BEFORE INSTALL THE NEW ONE!!!
ATTENTION !!! If you want to have more than 10 widgets installed you need to have this file 7c60907d_manila copied in your \widnows directory, as explained in here: http://forum.xda-developers.com/showpost.php?p=9565725&postcount=3353
1 - small trick: put your device in DevMode
If you wish to modify any widget is very hard to get the files, compile, put into the cab, install, see that is not enough changes so you have to uninstall and start again.
Co0kie has a DevMode for easy test the widgets:
0) EDIT sorry forgot the very begining: conect the device to your PC via USB and synchronize
1) uninstall the widget you want to modify
2) run the file z_init.bat
3) put the device in DevMode. Go to HKCU\Software\HTC\Manila\CHTI.AddonWidgets.DevMode and change to DWORD =1 (create if does not exit)
4) do the changes in the widget files in workspace folders, remember to save after finish.
5) run the file _Deploy_to_device_in_dev_mode.bat. It will pass the files to the device and will restart sense. If the widget is not displayed you will have to activate it in the CHTMenu>edit mode>add new element
6) repeat 4 & 5 as much as necessary
7) once you finish run file _generate_files_for_cab.bat and will get the compiled files in folder /cab/_final_files ready for the cab.
8) Do not forget to dissable DevMode once you finish and before install any new widget (HKCU\Software\HTC\Manila\CHTI.AddonWidgets.DevMode DWORD =0)
My advice is to create a baseline, an initial working workspace. Once you do a change and it works, go for the next (step by step). Always have a backup. And enjoy!
We will help as much as we can, but please understand this is developers mode It may crash your sense so be ready to hard resset if something is wrong. CHTS can help
2.- HOW TO MOVE THE DATE, WEEK, MONTH, ETC TO ADDAPT THE WIDGET TO YOUR OWN FONT
WITH TYPOCLOCK_R5 NO NEED TO EDIT THE FILES WITH M9EDITOR, JUST USE THE REGISTRY
When you use diferents fonts the typoclock may suffer problems of alignment, but this can be solved easily as all the elements of the widget (date, colon, month, etc) can be moved by editing the mode9 file. You can find some examples of how to edit mode9 files in this 2 threads:
http://forum.xda-developers.com/showthread.php?t=688002
http://forum.xda-developers.com/showthread.php?t=691638
But the mode9 files of any CHT2.0 widget has no fix name, it takes the proper name in the process of installation, which depends of the slot asigned. So this edition has to be done before install the widget. Do we need to download the widget kitchen linked in #1 but we will only work on the file CHTmode9_manila located in the folder CHT2.0_typoclock_kitchen.zip\cab\_files_final
1) So extract the kitchen in a proper directory then open m9editor (is in the kitchen \CHT2.0_typoclock_kitchen.zip\Tools\M9Editor\m9editor.exe) and select as working directory the folder \_files_final then open the file CHTmode9_manila
2) We have to find the <objects> Type= "GLESText" for the edition, then modify the property position value X= ___ Y= ___ (X horizontal - Y vertical; never touch Z) of the element (poy2weekday, typoclock_colon, etc) we want to modify the position in pixels. Change the values in the yellow boxes the click OK button. Once the positions are modified save mode9 file, accept overwrite.
3) Now we have to put this modified file into the widget cab, I use WinCE cab>cabinet>files>add then select the file CHTmode9_manila from folder \cab\_files_final, accept replace (I really do drag and drop), and finally file>save
4) Nothing else, just put the cab into your device and install the widget. You have to uninstall previous versions before install the new cab. Please post some screenshots here to see your modified typocloks
I am uploading some fonts that i have used for typoclock_r4. Inside every cab there is a file typoclock.ttf. Copy & paste in windows directory, accept overwrite & soft-resset.
cool thanks
think im gonna have to give this a try
after i restarted my phone it looks like this now
any ideas what i did wrong lol
Jesus poyensa,
we can't stop you. This is also dream stuff. There was someone who was searching for this. I will look in my posts and will link it to here. Thank you for this and my respect and you have done it
Edit 1:
i have found it back here...
Edit 2:
and here is the link to iiiiiiiphone lockscreen
nice widget/addon
i been using typoclock on my droid tablet and this is a great idea.
amazing work buddy.
black looks also cool
Thanks kamerius for the feed back, i have to check the fonts used, have you modified yours previously? I will have a look to this thread and play a lil ... Also I will add a cero when the hour is one digit for better fitting.
Oh, I forgot the incompatibility with windroid as we used the same poy2 digital clock for that theme ... have you installed previously windroid digital clock? I apologize for the inconveniences. Will be also fixed.
Thanks a lot mike & kjhadfield for your nice words
poyensa said:
Thanks kamerius for the feed back, i have to check the fonts used, have you modified yours previously? I will have a look to this thread and play a lil ... Also I will add a cero when the hour is one digit for better fitting.
Oh, I forgot the incompatibility with windroid as we used the same poy2 digital clock for that theme ... have you installed previously windroid digital clock? I apologize for the inconveniences. Will be also fixed.
Thanks a lot mike & kjhadfield for your nice words
Click to expand...
Click to collapse
i havent changed font or installed windroid
take your time
looks absolutely fantastic. love it for my lockscreen. great job!

			
				
Firstly, I would like to say thank you VERY much for your time and effort. It is greatly appreciated.
I have a few comments/questions.
When I install I get the error:
There are no more CHT widget slots available. Uninstall an addon widget to free up a slot. When I click ok I then get: An error occcured during the uninstall.
Nothing happens, it doesn't install.
1. Can this be installed without CHT 2.0? I onyl have 1.8.5
2. Can the test be larger like the link to go 'off screen?
3. How can I install it as a lock screen, stand alone only?
Again, from the screen shots I have seen it looks amazing. Well done.
Thank you so much for making this! Really cool
Loving the look of the widget, However given the amount i swap my wallapaper, one colour or the other usually winds up out of place. is it possible to get the black and the white in the same widget, as different styles we could flick through?
omg=.= i love this guy
Thanks a lot for all the answers & the screenshots
hgalanos said:
Firstly, I would like to say thank you VERY much for your time and effort. It is greatly appreciated.
I have a few comments/questions.
When I install I get the error:
There are no more CHT widget slots available. Uninstall an addon widget to free up a slot. When I click ok I then get: An error occcured during the uninstall.
Nothing happens, it doesn't install.
1. Can this be installed without CHT 2.0? I onyl have 1.8.5
2. Can the test be larger like the link to go 'off screen?
3. How can I install it as a lock screen, stand alone only?
Again, from the screen shots I have seen it looks amazing. Well done.
Click to expand...
Click to collapse
1. Yes it is necessary CHT2.0, it does not work with previous verssions
2. It could be, it should be a question to define the limits for the resizabe area. I will try.
3. You need CHT2.0 again. It makes possible to add the widgets where you like, even lookscreen.
SpiritWolf said:
Loving the look of the widget, However given the amount i swap my wallapaper, one colour or the other usually winds up out of place. is it possible to get the black and the white in the same widget, as different styles we could flick through?
Click to expand...
Click to collapse
It is possible but i dont have the Lua knowledge to do it yet. I keep trying and will ask for help, and will add this option in future verssions.
Excellent, thanks for clarifying.
I will install CHT once it is out of Beta. Just checked, final release is not out et.
Please let us know if you can make it stretch the whole screen, like the link I provided.
I have a feeling this will be a very popular lockscreen.
You have done a great job and should be proud of yourself.
This is really cool!
One problem though. Getting a line above the time. Have uninstalled and reinstalled but the line still persists. Any thoughts?
Thanks a lot for this guys!
Really great work............ as always
rr02 said:
This is really cool!
One problem though. Getting a line above the time. Have uninstalled and reinstalled but the line still persists. Any thoughts?
Click to expand...
Click to collapse
I HAd the same problem in the first time
let try : uninstall any widget clock CHT2.0 then install Typoclock again ->softreset -> it should work

Working with white on black

Hello Everyone,
As you all know, the Note has an AMOLED display.
Each pixel lights itself individually, so if you have an all black screen, you use basically no power at all. If you have white, then it's on at full power.
What is annoying (so to speak) is that many apps have a default of a pure white background and black text. From a power perspective, it is much better to do white text on a black background. Yes, you can turn down the brightness, but then it's just harder to read due to less contrast.
I found one method of doing white on black web browsing with opera mobile:
http://androidforums.com/samsung-captivate/195082-high-contrast-browsing.html#post3028371
Instructions stolen from that post (for convenience):
1. Create a text file on the sd card with the following:
* { background-color: black ! important; color: white !important }
:link, :link * { color: #00ffff !important }
:visited, :visited * { color: #ff00ff !important }
2. Open Opera and type "opera:config" into the url field.
3. Click "Quick find" and type "css" to filter the options.
4. Tick the "User CSS" tick box
5. In the "Local CSS File" choose the css file you made earlier.
you may have to hit 'back' a bit to go up subdirectories.
6. Save your changes to the config screen.
For the most part, it does what it says.
Also If I load in text files into opera mobile, I can also read them as white on black. It takes a little getting used to, but I got used to it quickly. There are some glitches, sometimes some graphics don't show up right. (not sure why - it's usually banner stuff).
If anyone knows how to do with with other browsers, that would be good to know. The original post it claimed it worked with opera mini, but I can't find the 'full' about:config screen.
Using a color of 'Lime' seems to be better - not quite as intense as white on black, and should save even more power.
There's some interesting articles about what color/color combos are easy to read or not.
Yellow/Black is the most obnoxious and hard on the eyes, which is why it's used on warning signs!
- Frank
Works perfectly!
I use more traditional link colors though:
* { background: black ! important; color: white !important }
:link, :link * { color: #4289ff !important }
:visited, :visited * { color: #969bff !important }
randomstranger99 said:
Works perfectly!
I use more traditional link colors though:
* { background: black ! important; color: white !important }
:link, :link * { color: #4289ff !important }
:visited, :visited * { color: #969bff !important }
Click to expand...
Click to collapse
Hmm, I'll try those, thanks.
I don't know why but some web page graphics don't show up.
Like on XDA, I can't see the 'reply' button (but you can click on it if you know where it is).
I tend to cross reference it with opera mini if I suspect there's a missing graphic somewhere. Most sites work fine though.
- Frank
I tried to apply the CSS to Opera Mini, but the config doesn't appear to have the same number of options as Opera Mobile does.
Do you know if browsers other than Opera Mobile can use custom styles?
Thanks! Do you know of any way to easily toggle between this CSS and the default?
ChodTheWacko said:
I don't know why but some web page graphics don't show up.
Like on XDA, I can't see the 'reply' button (but you can click on it if you know where it is).
- Frank
Click to expand...
Click to collapse
You have to use "background-color" instead of "background" in the css because with "background:black" you're overriding all background properties like "background-image" and "background-position" etc.
lj_1102 said:
You have to use "background-color" instead of "background" in the css because with "background:black" you're overriding all background properties like "background-image" and "background-position" etc.
Click to expand...
Click to collapse
That's much better, thanks!
- Frank
Any way you can easily switch between them? This morning I wanted to go back to the normal color scheme and I went back, clicked default, then save, and for some reason it was unable to find the original CSS file even though it highlighted the correct path to the original just before I hit save. I had to uninstall and reinstall Opera in order to recover the original settings.
maxh said:
Any way you can easily switch between them? This morning I wanted to go back to the normal color scheme and I went back, clicked default, then save, and for some reason it was unable to find the original CSS file even though it highlighted the correct path to the original just before I hit save. I had to uninstall and reinstall Opera in order to recover the original settings.
Click to expand...
Click to collapse
I don't think so.
I just use opera mini if I want to see default colors.
- Frank
Thank you guys ! it is exactly what I was looking for
Thanks a lot, it's nice for the sgs2 too
On GS2 here too. Absolutely amazed with this! Since I just tried the proxy filter method and it didn't work! This works amazingly in Opera Mobile
Is there really no way of getting it to work for Opera Mini? I use Opera Mini a LOT as I often have only a 2g connection xD
Thanks a lot for this!
Wanted to bump this thread - I was poking around and I found a browser called maxthon browser that has a pretty decent night mode
I think I still prefer opera with css mod but it's worth checking out.
Thank You sooooo much for this...have been looking for this mod for so long...thanks again..now my eyes are not strained browsing for a long time.
maxh said:
Any way you can easily switch between them? This morning I wanted to go back to the normal color scheme and I went back, clicked default, then save, and for some reason it was unable to find the original CSS file even though it highlighted the correct path to the original just before I hit save. I had to uninstall and reinstall Opera in order to recover the original settings.
Click to expand...
Click to collapse
you can easily toggle between both color schemes (after having selected a modified Local CSS File):
opera:config -> Author Display Mode -> uncheck "User CSS" and click Save (default color scheme)
opera:config -> Author Display Mode -> check "User CSS" and click Save (white on black color scheme)
you also couldn't find the original user.css because there is none. you can create an empty user.css file and select it as the Local CSS File, this will show web pages with their default color scheme and has the same effect as disabling "User CSS" i have described above (but it's takes more clicks )
BIG THANKS to the original author runagate on androidforums and to ChodTheWacko and lj_1102!
edit: for convenience you can add opera:config to your speed dial or bookmarks so it only takes 3 seconds to toggle the CSS on/off
i9100p
THX a lot. This was a good idea I tried it but there were som glitches in some web pages. I was playing with the settings and figured out somehow how to make it work like back then but with inverted colors. Now it works like a charm. (have to backup my settings )
@maxh
You can also rename your css file, just add an extra letter to the end and opera will run with default settings, when you remove that extra letter opera will again run with black background...
diwad said:
THX a lot. This was a good idea I tried it but there were som glitches in some web pages. I was playing with the settings and figured out somehow how to make it work like back then but with inverted colors. Now it works like a charm. (have to backup my settings )
Click to expand...
Click to collapse
Could you tell what changes you made to avoid those glitches?
If you need to do this on a system-wide level, then go to accessibility settings and click "Negative Colors"....everything gets inverted.
tried on jb stock 4.1.2
Excellent inverting hack for opera browser
randomstranger99 said:
Works perfectly!
I use more traditional link colors though:
* { background: black ! important; color: white !important }
:link, :link * { color: #4289ff !important }
:visited, :visited * { color: #969bff !important }
Click to expand...
Click to collapse
this long after the post, you may never see this hahaha but bless you for the color variables. This makes this hack far better in my opinion.
also, changing background: black to background-color: black fixes many of the unseen items issues. thx again guys for reminding me of this hack AND refining it better than it was .

[How-To] Custom Sense Lockring on the MT4GS - easy step-by-step.

Return to Contents Page - doubleshot Developers Reference
----
Part 1: This thread.
Part 2: Edit .9.png files for the MT4GS - step-by-step.
Part 3: Edit Mode10 Files for the MT4GS - step-by-step
--------
In today's workshop we are going to learn how to make changes to the Sense Lockring for the doubleshot.
What you need:
1 - HtcLockScreen.apk from the ( Sense ) ROM you are making it for.
2 - 7-Zip installed and ready.
3 - Photoshop ( or equivalent - directions for photoshop ) installed and ready.
4 - Time, interest, and creativity.
* - Guide written for a Windows XP machine, please adjust accordingly if your environment is different.
--------
Okay - the first thing I want you to do is go to this thread:
Customize Sense 3.0 Lock Ring and read the first and second post completely.
Don't download anything or try to play along, just read it.
When you get to the bottom of post 1, click thanks if you intend to customize your lockring. Ditto on clicking thanks at the bottom of post 2 in that thread if you intend to inscribe text on your Lockring.
Once you have read and thanked the author for both of those posts, come back here and see how much easier it is to do this on the MT4GS then it's sister device.
--------
Preparation: Setup.
Now that you have a rough idea of what you have to do, forget about the .m10 tools, fusion.apk, and everything else except for the requirements I listed at the top of this post. Easier already, huh?
First things first - let's set up our dev environment.
1 - Go to your computer desktop, right click and make a new folder. Call this folder "LockringEdits".
2 - Place your HtcLockScreen.apk file in the "LockringEdits" folder.
3 - Open the "LockringEdits" folder, and create two new folders in it. Call one "LockringOriginal" and the other one "Lockring001".
4 - Right click on the HtcLockScreen.apk file and choose "copy" from the menu.
5 - Open the "LockringOriginal" folder, and then right-click in an empty area of the folder and select "paste" from the options menu. Once pasted, go back up one level to the "LockringEdits" main folder.
6 - Repeat step 4, then step 5 again pasting into the "Lockring001" folder instead.
7 - Stop.
Recap setup:
We now have 3 copies of our HtcLockScreen.apk file in 3 different folders.
- The "LockringOriginal" folder is a backup of our HtcLockScreen.apk file and you hopefully won't have to go in there at all, but just in case you need it it's there.
- The "Lockring001" folder is where we will actually be working on our first Lockring, and has the HtcLockScreen.apk file we are going to edit.
- The "LockringEdit" main folder this project is in also has a copy of HtcLockScreen, so when you make your next project folder ( 002 ) you have a fresh file to copy into it.
--------
Make sure you have 7-zip and Photoshop installed, and you have rebooted your computer after the install, before moving on with this project.
Now that we have our project folders set up, time to get down to business. We are going to extract the graphics we are going to change, change them, and then add them back into the .apk file.
Easy, right? Yep - and here's how:
--------
Part 1: Extraction.
1 - Navigate to the "Lockring001" folder if you aren't in it already.
2 - Right click on HtcLockScreen.apk - highlight the "7-Zip" menu option, and when the next menu pops up choose "Open archive".
*Note: Just "Open archive" NOT the option with another menu of choices.
2A - You should now have a window open that shows the contents of the HtcLockScreen.apk file.
3 - Double-left-click the "res" folder, and then double-left-click the "drawable-hdpi" folder.
4 - Scroll down the list until you see "lockscreen_ring.png" and left-click once and hold to drag it out of the .apk file and drop it in the "Lockring001" folder.
4A - Also scroll down the list and find "lockscreen_ring_highlight.png" and drag that out of the .apk file and into the "Lockring001" folder as well.
4B - Close the 7-Zip window.
5 - Stop.
--------
You should now see in the "Lockring001" folder 3 files:
- HtcLockScreen.apk
- lockscreen_ring.png
- lockscreen_ring_highlight.png
Switch your view of this folder to "thumbnails" so you can see what the pictures look like while they are sitting in the folder.
--------
Part 2: Coloring.
1 - Open photoshop. Once it loads up, go to file->open and open each of the .png files one at a time.
2 - Position them in the Photoshop window so they sit next to each other and you can see them both.
3 - Click in the "lockscreen_ring.png" window, and then go up to and click "Image" in the menu at the top of your Photoshop window. Highlight "Mode" and make sure that "RGB Color" and "8 bits/channel" are both checked. If not, make them so.
3A - Do the same for "lockscreen_ring_highlight.png".
4 - Click back on the "lockscreen_ring.png" window to bring it into focus.
5 - Go back up to "Image" in the menu at the top of your Photoshop window. Highlight "Adjustments" and then select "Color Balance" from the menu.
6 - In the window that pops up, make sure "Midtones" is selected at the bottom, then grab the middle slider and drag it all the way to "Green".
The middle text box at the top of the color balance window should now read "+100" and the lock ring itself should be a semi see-through green.
( If not, make sure the "preview" option is checked in the color balance window to see your changes in real-time before making them. )
7 - Select "OK" in the color balance window, and then save the colored lockring.
8 - Repeat steps 5 to 7 for "lockscreen_ring_highlight.png".
9 - Close Photoshop after having saved both pictures, and navigate back to the "Lockring001" folder if not there already.
10 - Stop.
--------
Part 3: Replacing the graphics.
You should now have two green lockring pictures in the "Lockring001" folder next to the HtcLockScreen.apk file.
We are almost done, we just have to add these graphics back in to the HtcLockScreen.apk file to finish it off. Do that by:
1 - Right click on HtcLockScreen.apk - highlight the "7-Zip" menu option, and when the next menu pops up choose "Open archive".
*Note: Just "Open archive" NOT the option with another menu of choices.
1A - You should now have a window open that shows the contents of the HtcLockScreen.apk file.
2 - Double-left-click the "res" folder, and then double-left-click the "drawable-hdpi" folder.
3 - Select both of the edited graphics in the "Lockring001" folder, and then drag them into the 7-Zip window. Make sure you are in the "drawable-hdpi" folder in the 7-Zip window before doing so.
4 - Confirm the file copy, let it copy, and then close the 7-Zip window when it's done.
That's it!
You have now successfully changed the color of your Lockring for the Sense doubleshot ROM you got the HtclockScreen.apk file from.
The only thing left to do is get the HtcLockScreen.apk file on the device, and replace the one already on it in /system/app. Once that's done, you can enjoy your new custom colored lockring!
--------
Part 4: Engraving.
Now that we've learned that coloring the lockring is pretty easy, especially compared to the hoops they had to jump through on the Sensation to do the same thing, let's look at engraving some text on the lockring.
Again, we have it easy. Unlike on the Sensation, our lockring is right-side up and facing the right way. You can just type your text as normal over it and it'll be just right.
Repeat the steps from above to extract and load the two lockring graphic files into Photoshop.
Type your text over the first lockring, bend it and position it so it looks good on the ring.
Then follow this quote from the Sensation lockring guide:
mohit1234 said:
Engrave on the Lock Ring
Open the lock ring in Photoshop.
Click on the TYPE TOOL in the sidebar on the left and type the text you want to engrave.
On the right sidebar, right click on the layer with your text and click on blending options.
Select inner shadow and input the following settings:-
Blend Mode = Multiply
Color = Black
Angle = 30
Use Global Light box ticked
Opacity = 75%
Distance = 5px
Choke = 7%
Size = 5px
Then select bevel and emboss and input the following settings:-
Style = Outer Bevel
Technique = Chisel Hard
Depth = 1000%
Direction = Up
Size = 0px
Soften = 16px
Angle = 30
Altitude = 30
Use Global Light box ticked
Highlight mode = Screen
Color of Highlight Mode = White
Opacity = 75%
Shadow mode = Multiply
Color of Shadow mode = black
Opacity = 75%
Click OK and save the file as a PNG file.
There will be a popup asking whether you want the PNG to be interlaced or not. Choose none.
Change the color of the Lock Ring
Open the lock ring in Photoshop.
From the top menu, go to Image ---> Adjustments ---> Variations.
A window will open up.
In the window that just opened, move the pointer towards Coarse.
You can now select the color that you want.
You can also adjust the pointer between fine and coarse depending on the color you wish to achieve.
There are also options of Light and Dark which will also help to get the desired color.
After you've changed the color, click on save and save it as a PNG file.
Click to expand...
Click to collapse
...and that's basically it.
The only other thing you have to do is go back to the Sensation lockring tutorial and click thanks on both the first and second posts - because that tutorial made your life a whole lot easier.
--------
Conclusion & Thoughts:
Now that it's pretty plain out there how to make changes to the lockring on a Sense ROM for the doubleshot, i'm looking forward to seeing what the rest of you come up with.
I am not such a fan of graphics work, i'd rather be coding, but there are certainly some very talented and creatively artistic people floating around here.
Experiment, try different things, figure out how to make different shapes, and come up with some cool stuff.
I found out how to change the color of the ring on my own while I was overhauling the graphics on my ROM, I just decompiled and went through every app one at a time and changed any graphics file I could find to see what happened.
On a lark I searched for lockrings on XDA to see what was out there after I got my rainbow of colors, and found the Sensation lockring tutorial that taught me how to engrave them and a healthy appreciation for how easy it was to edit the lockrings on our device.
- ...and yes, you did just learn how to edit just about any graphic in any .apk file you come across on the device.
- If you want to start using this information to edit other graphics on your phone, DO NOT EDIT any .9.png graphics you find in this manner. You must use a completely different approach and actually de-compile and re-compile the .apk you take them from for them to work right.
See this thread: Edit .9.png files for the MT4GS - step-by-step. for .9.png files.
Other then that, just about anything else is fair game.
I tried to make the guide as simple as possible, aimed at someone with little-to-no photoshop knowledge or 7-Zip experience. All you need is an interest in doing it, and the tools to do so - the how is right here.
Here's the door, wide open, and I can't wait to see what happens when some of you walk through it.
Happy modding!
Edit - also - some graphics packages ( Like boot animations ) need to be placed back into the archives or archived without being compressed. The drag and drop method of using 7-Zip to do this will compress those images and then the file won't work anymore.
If you start messing with more graphics then the lockring explained above - just make sure to look at the information in the 7-Zip window before you remove it. It'll show you the actual size and compressed size - if they are both the same then you need to make sure it gets back into the archive without being compressed.
I use winrar for that function, I like it and it forces me to realize what graphics are compressed or not because I use a different program to deal with ones that aren't.
Your mileage may vary, but that works great for me, and is a good suggestion for others.
--------
EDIT: 12/16/2011
Lockscreen_ring.png
This is the graphic that shows when you need to grab it, so when the lockring is at rest on the lockscreen.
Lockscreen_ring_highlight.png
This is the graphic that is used to make it grow and appear to fly out of the phone at you once it is activated.
If the two graphics are not lined up the same in the .png files, you will have bugs.
Thus far the only bug i've encountered is that the screen turns off as it's booting - easily solved by just hitting the power or trackpad buttons to get it on again.
There may be other bugs that have not been found yet - it is recommended to keep both .png files with the graphics in the same place, and not one lower and the other higher. I am not sure what happens if you use two different graphics.
Also:
I have noticed no impact on the lock ring when you change the hidden .m10 lockring graphic in fusion.apk
What I have noticed is changing this graphic makes fusion.apk a bit buggy, and lags the system.
At this time it is still recommended to ignore the fusion.apk file altogether as mentioned at the top of this posting.
--------
Make sure to browse the first few posts after this one in the thread, some more in-depth and helpful explanations of the process and particulars is there.
aad4321 said:
Y u no have picture?!?
Click to expand...
Click to collapse
I suppose I could take screenshots at each step of the process and work them into the guide...
I've still got a few more tutorials to type up and some work to do on my ROM, so i'll get around to doing that but it's not something i'm in a big hurry to do.
I tried to make sure to over-exaggerate the explanations to make the guide crystal clear for someone to follow, as this is part 1 of 3 and I wanted to target people who have little to no experience and walk them through it. That hopefully sets them up to be able to take advantage of the other two parts after they get finished and written.
I'll link all 3 together once they are done.
Edit: For the time being if you want to see what the lockring looks like in different colors, here's the picture I posted in my ROM thread for the different lockring mod packages I made for it:
{
"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"
}
... which shows different colors and with text engraved.
There is actually text on both the top and bottom of the lockring, and when you pull it up you can see what's on the bottom.
( Just my handle, for the curious. I'm not so vain as to make that what you see on the top half of the lockring. )
Some more examples:
Misc Lockring 000
md5 = 78bc3cb1cd705f7971d937b82af5c033
Original Art - Blue6IX
Non circle design:
Batman Lockring 005
md5 = cf8c6ccc230dcfb7b547db08ffbeb279
Graphic Source
*Note - flashing these two examples will also change your lockscreen icons to Bulletproof Green.
Wu Tang Lock Rings
I haven't had much chance to test, but throwing them up anyway.
Possibly a little glitchy, I was just testing this tutorial to see if I can get it to work.
(Alpha & Ring Sizes I think need to be tweaked, I may have overlooked the Ring heights - hence they maybe a little too short.)
I am happy to rework any of these if anyone wants em cleaner.
Enjoy
5 Wu tang Rings in one zip, extract them and flash them singularly/individually at will.
DL Link = http://www.megaupload.com/?d=TXW8229A
The plunge - someone has taken it!
Looks pretty happy, now we're getting somewhere
I gotta run out for a bit, but when I get back i'm gonna download them and try them out.
One thing I forgot to mention is that the image size is:
244 pixels
by
243 pixels
If anything is bigger it just gets cut off, but it'll still work fine.
Even if they end up being too low and you can't see them on the lockscreen, you can drag from anywhere on-screen to pull it up, you don't have to touch the graphic.
Keep 'em coming!
Blue6IX said:
The plunge - someone has taken it!
Looks pretty happy, now we're getting somewhere
I gotta run out for a bit, but when I get back i'm gonna download them and try them out.
One thing I forgot to mention is that the image size is:
244 pixels
by
243 pixels
If anything is bigger it just gets cut off, but it'll still work fine.
Even if they end up being too low and you can't see them on the lockscreen, you can drag from anywhere on-screen to pull it up, you don't have to touch the graphic.
Keep 'em coming!
Click to expand...
Click to collapse
Yeap, I note the sizes (244 by 243 when extracting your original .png files... However these wu images are more oval then round, hence I retained the width at 244, but lost some height trying preserve aspect ratio.)
You're wright, the rings are still useable however slightly too short (hence not as visible as a perfect 244 by 243 ring.)
Defo gonna rework these & make moreeeeeee.
Great simple tutorial, with the necessary programs, I can knock these rings out in like less then 5mins having found a nice graphic to work with.)
Forgot to hit Thanks, will do when back on PC.
Sent from my Bulletproof_Doubleshot using XDA App
You might want to download one of my oval-shaped batman logo lockrings from the Bulletproof thread - they suffer from the same issue.
What I did was make them sit higher on both graphics, instead of centered.
This shows them above the bottom of the screen before you touch them.
One thing to note, though, is that the animation that makes it fly towards you getting bigger on the unlock becomes off-center as well. If you raise it too high it just pops up near the top of the screen and becomes much less visually impressive.
Because Photoshop lets you use layers, I left the original lockring and pasted my new graphic over it, then moved it around using the original graphic as a guide to get it positioned well.
Once I had it where I wanted it, I simply clicked the layer underneath for the original graphic and deleted it, leaving only my newly pasted and aligned image.
Let me actually grab a quick screenie to show you what I mean - give me a few mins to get it edited in.
Edit:
Broke my screenshot function on my computer for the moment - so took a pic with the MT4GS camera - sorry about that.
Here you can see how I positioned it, kind of a happy medium of getting it higher on the graphic but not too high:
Then click on the layer for the grey ring, select delete, and it's all set.
Here is what it looks like in action:
Edit again:
For the sake of convenience, i'm posting the download info for the lockring made of the graphic pictured in the photoshop window just above, that way people can easily download an example of what the picture is showing after it's finished.
Batman Lockring 001
md5 = c6b1efd118ab0e8d6b4e1beaa42b4ffb
Graphic Source
*Note - flashing this example will also change your lockscreen icons to Bulletproof Green.
Blue6IX said:
You might want to download one of my oval-shaped batman logo lockrings from the Bulletproof thread - they suffer from the same issue.
What I did was make them sit higher on both graphics, instead of centered.
This shows them above the bottom of the screen before you touch them.
One thing to note, though, is that the animation that makes it fly towards you getting bigger on the unlock becomes off-center as well. If you raise it too high it just pops up near the top of the screen and becomes much less visually impressive.
Because Photoshop lets you use layers, I left the original lockring and pasted my new graphic over it, then moved it around using the original graphic as a guide to get it positioned well.
Once I had it where I wanted it, I simply clicked the layer underneath for the original graphic and deleted it, leaving only my newly pasted and aligned image.
Let me actually grab a quick screenie to show you what I mean - give me a few mins to get it edited in.
Click to expand...
Click to collapse
I like it, that's very useful info. Great concept in prepping the positioning with layers - niiice!
Sent from my Bulletproof_Doubleshot using XDA App
dillalade said:
I like it, that's very useful info. Great concept in prepping the positioning with layers - niiice!
Sent from my Bulletproof_Doubleshot using XDA App
Click to expand...
Click to collapse
The hardest thing about writing up tutorials is communicating all the minor details.
It's easy to take for granted the knowledge that you have, like using layers together for example - for people who don't or haven't spent much time using a particular tool what is obvious to someone is not to someone else.
I'm glad i'm starting to get people just diving in and making stuff, because all the little things that didn't get mentioned get brought up and explained.
No matter how hard you try to cover all your bases, you'll always forget something.
I'm going to give this a try as soon as I finish getting BulletProof 1.1 set up properly and the corresponding backups made. (I have an older but still very uasable version of Photoshop around here somewhere) But I DID want to take a second and thank you for all your hard work on this ROM that runs sooooo smoothly but not only that....I want to commend you on your selfless desire to teach the rest of us about what you are doing internally with your phases of programming on this ROM. Other experienced programers, I'm Sure, appreciate your efforts on this ROM as well as your other work Blue but I HOPE that a few others will follow your lead in the role of teacher that you have taken on SO well. That alone, is appreciated beyond simple words by those of us that have always had an interest in programming, graphics, modeling, etc.... but have never seen a valid starting point before now. Your detailed explainations along with the open source nature of Linux is an inspiration that makes many (I am sure) reevaluate the possibility of it being within more people's grasps that before now have only sat in awe of the ability of real programmers like yourself. Have you ever given any thought to teaching computer programming at a college for pay so that you could get paid for what you undoubtably LOVE and that give you more time than you now have for you research?? I just HAD to ask.....and THANK YOU again.
WeekendsR2Short said:
... Have you ever given any thought to teaching computer programming at a college for pay so that you could get paid for what you undoubtably LOVE and that give you more time than you now have for you research?? I just HAD to ask.....and THANK YOU again.
Click to expand...
Click to collapse
As far as being paid money to teach people...not too interested in that at this point in my life. It would twist my desire to do so into something else altogether. I prefer to give freely and help others advance who are willing to invest the time and effort to do so.
Thank you so much! ^^^
hi, do you know how to edit the shortcut icon container? I'm using MikXe sense 3.6 rom and can't find where to edit that, thanks.
Can anyone repost some pics I would like to make my lock ring a chevy emblem thanks in adv.

Categories

Resources