Page 1 of 2 12 LastLast
Results 1 to 20 of 21

Your favorite Apple, iPhone, iPad, iOS, Jailbreak, and Cydia site.


Thread: Custom Keypad and Calculator Backgrounds

  1. #1
    Default Custom Keypad and Calculator Backgrounds
    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!
    Last edited by sacking23; 2007-08-26 at 12:51 AM. Reason: Automerged Doublepost

  2. The Following User Says Thank You to sacking23 For This Useful Post:

    gabiliu (2007-11-14)

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

  4. The Following User Says Thank You to sacking23 For This Useful Post:

    gabiliu (2007-11-14)

  5. #3
    previously known as amalone87
    Join Date
    Jul 2007
    Location
    Knoxville, TN
    Posts
    270
    Thanks
    45
    Thanked 50 Times in 35 Posts

    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?
    Last edited by unknownentry; 2007-08-27 at 10:28 PM.

  6. The Following User Says Thank You to unknownentry For This Useful Post:

    gabiliu (2007-11-14)

  7. #4
    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.

  8. The Following 2 Users Say Thank You to armadillo For This Useful Post:

    gabiliu (2007-11-14), unknownentry (2007-08-27)

  9. #5
    previously known as amalone87
    Join Date
    Jul 2007
    Location
    Knoxville, TN
    Posts
    270
    Thanks
    45
    Thanked 50 Times in 35 Posts

    Thanks, I will try this out later tonight!

  10. The Following User Says Thank You to unknownentry For This Useful Post:

    gabiliu (2007-11-14)

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

    Thanks

  12. The Following User Says Thank You to sacking23 For This Useful Post:

    gabiliu (2007-11-14)

  13. #7
    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.

    Last edited by armadillo; 2007-08-29 at 12:13 AM.

  14. The Following User Says Thank You to armadillo For This Useful Post:

    gabiliu (2007-11-14)

  15. #8
    Quote Originally Posted by armadillo View Post
    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?
    Last edited by sacking23; 2007-08-28 at 04:22 PM.

  16. The Following User Says Thank You to sacking23 For This Useful Post:

    gabiliu (2007-11-14)

  17. #9
    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?

  18. The Following User Says Thank You to armadillo For This Useful Post:

    gabiliu (2007-11-14)

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

    Thanks.

  20. The Following User Says Thank You to sacking23 For This Useful Post:

    gabiliu (2007-11-14)

  21. #11
    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.

  22. The Following User Says Thank You to armadillo For This Useful Post:

    gabiliu (2007-11-14)

  23. #12
    Quote Originally Posted by armadillo View Post
    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

  24. The Following User Says Thank You to sacking23 For This Useful Post:

    gabiliu (2007-11-14)

  25. #13
    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


  26. #14
    Quote Originally Posted by armadillo View Post
    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

  27. The Following User Says Thank You to sacking23 For This Useful Post:

    gabiliu (2007-11-14)

  28. #15
    Thanks Again Armadillo

  29. The Following User Says Thank You to sacking23 For This Useful Post:

    gabiliu (2007-11-14)

  30. #16
    Default Carbon
    Can someone make me a dial pad and calc with a carbon fiber look

  31. #17
    my image mixed with carbon would be sweet

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

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

  34. #20
    Default Original Calculator
    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!!!

Page 1 of 2 12 LastLast
Posting Permissions
  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •