Custom Keypad and Calculator Backgrounds

[sacking23]

Can someone please help me by creating a custom keypad and calculator background by using the attached image. I would really appreciate it.

Thanks in advance,

Josh



help me please!

[sacking23]

Can somebody please try to make this for me? It will be greatly appreciated.

[unknownentry]

I wish someone would upload a calculator pad template. There is a keypad template, but not one for the calculator. Could someone please upload a template for the calculator pad?

[armadillo]

You don't need a template really. Just take Apple's own Default.png and that essentially tells you where the buttons are. You can also use Loring's template (see the Downloads section): http://www.modmyi.com/forums/downloa...do=file&id=242

And finally for a spiffier calculator version, check out my just released calculator version here:

http://www.modmyi.com/forums/downloa...do=file&id=242

Download it and you will see how to make a fancy calculator screen using your own background. Essentially, you create 4 files:

1. Default.png (this is the screen that is loaded as you launch calculator 320x460)
2. CalculatorBackground.png is the bottom portion of the calculator (320x371, just crop the Default.png accordingly; this screen is overlaid after a second or so when the calculator has loaded)
3. LCDBackground.png is the top portion of the screen (320x91. again crop the Default.png; this screen is also overlaid). Note that the Apple's original png only is 1 pixel wide and is scaled to take up the entire top portion (leaving little flexibility for fancy graphics). I tested larger versions (320x91) and they work.
4. ring.png is the highlight that is applied when the memory is filled and the math operators are pressed (53x53; needs to be largely transparent to see the buttons below). You can also change the size of this png if needed. Check out my calculator to see what kinda stuff you can do to highlight.

[unknownentry]

Thanks, I will try this out later tonight!

[sacking23]

I am not very good at photoshop, I would really appreciate a little help.

Thanks

[armadillo]

I whipped this up real quick. I'm not sure the background really lends itself to a button-based calculator... One could try and remove the buttons and just leave the numbers... Or make them more transparent like in the second example...Let me know what you think.

[sacking23]

I whipped this up real quick. I'm not sure the background really lends itself to a button-based calculator... One could try and remove the buttons and just leave the numbers... Or make them more transparent like in the second example...Let me know what you think.

Thanks, I think they are awesome. I really appreciate the help that you have given me.

P.S. Where do I put the image location?

P.S.S. Would it be too much trouble to make a dialpad with the same background?

[armadillo]

You can't just take the image and put it in the Calculator.app folder. You need at least three files. Just read what I wrote a few posts earlier. I'll make the files for you. Which of the two do you want?

[sacking23]

I think your right about the clear buttons possibly working better, so those will work.

Thanks.

[armadillo]

I added another example (I edited my previous post so you can better compare versions), which preserves as much as possible from the background and still highlights the buttons. I also changed the display in color tone and transparency. Let me know if I should upload that version.

[sacking23]

I added another example (I edited my previous post so you can better compare versions), which preserves as much as possible from the background and still highlights the buttons. I also changed the display in color tone and transparency. Let me know if I should upload that version.

I like the latest one that you have added. I think that one is the way to go. Thanks

[armadillo]

Here are the 4 pngs. Save them and rename to:

1. Default.png
2. CalculatorBackground.png
3. LCDBackground.png
4. ring.png

Then copy them into Calculator.app

[sacking23]

Here are the 4 pngs. Save them and rename to:

1. Default.png
2. CalculatorBackground.png
3. LCDBackground.png
4. ring.png

Then copy them into Calculator.app

Thanks,

Those are sweet. I really appreciate the help. If it is not too much trouble to make a keypad for the dialer that would be great.

Josh

[sacking23]

Thanks Again Armadillo

[kelf1975]

Can someone make me a dial pad and calc with a carbon fiber look

[sacking23]

my image mixed with carbon would be sweet

[sacking23]

Thanks Again, I put them on the phone and they look sweet. Any chance of a dialer pad with the same background?

[houser]

Can I use your graphics in my calculator replacement? http://code.google.com/p/iphcalc

[ursa08]

Guys!
I played with calculator images...did something wrong

Can someone help, and post original iPhone Calculator images!!!
1. Default.png
2. CalculatorBackground.png
3. LCDBackground.png
4. ring.png (I don't know if it needed ring.png)

Thank you in advance!!!