Page 2 of 15 FirstFirst 1234 12 ... LastLast
Results 21 to 40 of 282

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


Thread: How to Create AUTO-SKINNING App-Store Icons for Your Theme....

  1. #21
    Theme Kingpin TCcentex's Avatar
    Join Date
    Jan 2010
    Location
    San Antonio, Texas
    Posts
    1,777
    Thanks
    1,857
    Thanked 1,972 Times in 876 Posts

    i can't wait to see what you come up with

    i've been thinking for a while about posting some good tutorials on the tips and tricks of theming, because I got help from some themers who were nice enough to share the things they'd found and it opened up a whole new level of this racket for me. I think there are quite a few people in our community who show great potential and i'd love to have the chance to pass on what I've learned -- please let me know if anyone has any suggestions and i'd be happy to see what I can do about adding a couple more threads like this -- i'm taking a break from theming until i can start tapping into the iPhone 4 to theme that brick anyway......

  2. #22
    i get the mask, but i don't understand the shadow

  3. #23
    Theme Kingpin TCcentex's Avatar
    Join Date
    Jan 2010
    Location
    San Antonio, Texas
    Posts
    1,777
    Thanks
    1,857
    Thanked 1,972 Times in 876 Posts

    Quote Originally Posted by Lolcats View Post
    i get the mask, but i don't understand the shadow
    i'll try explain as best i can... the shadow sits on top of the mask, so you want to apply your custom icon frame if you have one, or any shadow effects on the outside of the icon graphic -- any image that you put on the shadow that would be directly above the solid black areas of the mask (if you placed the shadow square on top of the mask) will look 100% like they do on the shadow.png... in the subsequent areas of the shadow that would sit on top of the white and gray sections of the mask, you can apply black or white shades to apply a darker or lighter appearance of the white/gray shades in the mask.png.

    this is pretty hard to explain, if someone else can do a better job than i can please feel free

  4. #24
    Undisputed Theme Champ AnthonyGiola's Avatar
    Join Date
    Jun 2010
    Location
    .theme>Bundles
    Posts
    2,344
    Thanks
    588
    Thanked 1,568 Times in 853 Posts

    that's a pretty good explanation of the shadow. Only thing I can add is to mess with it. The mask is what controls transparency and the shadow controls your actual icon frame and any other small effects. It just takes some practice. To get right

    I know your not the best with HTML but maybe someone who is. Can?
    Last edited by AnthonyGiola; 07-31-2010 at 02:38 PM. Reason: Automerged Doublepost

  5. #25
    What's Jailbreak? Link4562's Avatar
    Join Date
    Jul 2010
    Location
    United States
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    I've followed all the instructions, and even tried saving it as PNG-24 using Photoshop CS4, but the icons still don't look right. Instead of showing the shadow and the mask I made, the icons just become square-shaped.

    Here's what my Icon Shadow and Icon Mask look like:



    I'm running iOS 4, so I've got them in root/Library/Themes/Test Skin.theme/Bundles/com.apple.mobileicons.framework

    Can anyone help?

  6. #26
    Theme Kingpin TCcentex's Avatar
    Join Date
    Jan 2010
    Location
    San Antonio, Texas
    Posts
    1,777
    Thanks
    1,857
    Thanked 1,972 Times in 876 Posts

    Quote Originally Posted by Link4562 View Post
    I've followed all the instructions, and even tried saving it as PNG-24 using Photoshop CS4, but the icons still don't look right. Instead of showing the shadow and the mask I made, the icons just become square-shaped.

    Here's what my Icon Shadow and Icon Mask look like:



    I'm running iOS 4, so I've got them in root/Library/Themes/Test Skin.theme/Bundles/com.apple.mobileicons.framework

    Can anyone help?
    i noticed that your file names are all lower case -- make sure you have them named as "AppIconMask.png" and "AppIconShadow.png" - they must be case sensative and need to be named exactly how I just labeled them. This can be said for all files in a theme - when in doubt tap into the stock theme and make sure your custom images have the exact same spelling with upper-case and lower-case exactly how the stock theme has them labeled.. Try that out and let me know if it works!

  7. #27
    What's Jailbreak? Link4562's Avatar
    Join Date
    Jul 2010
    Location
    United States
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Quote Originally Posted by TCcentex View Post
    i noticed that your file names are all lower case -- make sure you have them named as "AppIconMask.png" and "AppIconShadow.png" - they must be case sensative and need to be named exactly how I just labeled them. This can be said for all files in a theme - when in doubt tap into the stock theme and make sure your custom images have the exact same spelling with upper-case and lower-case exactly how the stock theme has them labeled.. Try that out and let me know if it works!
    It's still not working correctly. Does it make a difference that my AppIconShadow doesn't have 100% opacity?

  8. #28
    Theme Kingpin TCcentex's Avatar
    Join Date
    Jan 2010
    Location
    San Antonio, Texas
    Posts
    1,777
    Thanks
    1,857
    Thanked 1,972 Times in 876 Posts

    Quote Originally Posted by Link4562 View Post
    It's still not working correctly. Does it make a difference that my AppIconShadow doesn't have 100% opacity?
    absolutely - both the mask and the shadow should be at 100% on opacity

  9. #29
    Master Theme Creator ALIEN1974's Avatar
    Join Date
    Feb 2010
    Location
    var/stash/Themes
    Posts
    2,833
    Thanks
    1,715
    Thanked 5,972 Times in 1,579 Posts

    I found that if you set the mask to smart object and locking the layer,you dont have to save it as png24.Im not at my PC now to explain the steps,but it works for me.

  10. The Following 3 Users Say Thank You to ALIEN1974 For This Useful Post:

    Alfroggy (07-02-2011), Blue (08-01-2010), TCcentex (08-01-2010)

  11. #30
    Quote Originally Posted by TCcentex View Post
    absolutely - both the mask and the shadow should be at 100% on opacity
    Well my opinion differs as I've found success doing it with the mask set to any opacity, the lower I set, the more transparent the the icon is. So you can set the opacity for your icons. Just wanted to share that.

  12. The Following 2 Users Say Thank You to decke For This Useful Post:

    Alfroggy (07-02-2011), TCcentex (08-01-2010)

  13. #31
    Undisputed Theme Champ AnthonyGiola's Avatar
    Join Date
    Jun 2010
    Location
    .theme>Bundles
    Posts
    2,344
    Thanks
    588
    Thanked 1,568 Times in 853 Posts

    Yes just like the icons from Bars GT theme are just barely transparent the same can be done with Autocreate icons. It seems to work so whatever problem Link is having isnt related to Opacity. It must be something else entirely

  14. #32
    My iPhone is a Part of Me King Shady's Avatar
    Join Date
    May 2010
    Location
    USA
    Posts
    883
    Thanks
    588
    Thanked 399 Times in 254 Posts

    Hey TC I made the new folder and added the app mask and shadow (I'm on iOS4) and put the folder in bundles for you 1derful theme and still appstore icons didnt autocreate . I spelled everything right
    ]

  15. #33
    Theme Kingpin TCcentex's Avatar
    Join Date
    Jan 2010
    Location
    San Antonio, Texas
    Posts
    1,777
    Thanks
    1,857
    Thanked 1,972 Times in 876 Posts

    Shady - are you using the new iPhone 4 or are you still using a 3g? Cuz 1derful v2.0 is fully comparable with all platforms except the iPhone 4, which can be said for ALL themes at present....

    If you need version 2.0 let me know and I'll forward it to you
    Last edited by TCcentex; 08-02-2010 at 04:13 PM.

  16. #34
    iPhone? More like MyPhone
    Join Date
    Aug 2009
    Location
    Glen Allen, VA
    Posts
    271
    Thanks
    7
    Thanked 127 Times in 65 Posts

    TCcentex... it looks like your the yay or nay judge per se. So, judge my creation after this tutorial helped alot! Also, I would like to add that I hope, since I really haven't seen this, that i'm the first with a glow "pressed" bezel... you'll see.

    Name:  AppIconMask.png
Views: 1361
Size:  5.3 KB+Name:  AppIconShadow.png
Views: 1334
Size:  10.6 KB+Name:  IconDarkeningOverlay.png
Views: 1330
Size:  4.8 KB=Click image for larger version. 

Name:	IMG_0007.PNG 
Views:	493 
Size:	308.0 KB 
ID:	462250(unpressed) & Click image for larger version. 

Name:	IMG_0008.PNG 
Views:	427 
Size:	307.8 KB 
ID:	462251(pressed).

    If any of you would like the psd, let me know. This will be going towards a theme i'm calling SFCarbon (Street Fighter Carbon). If you see, there are hints of carbon fiber, and the dialer looks like it's straight wrapped with carbon fiber with pretty led lights.

    Enjoy and thanks TCcentex.

    KJ
    Last edited by kingjust; 08-02-2010 at 07:28 PM.

  17. The Following 2 Users Say Thank You to kingjust For This Useful Post:

    Aldog18 (08-11-2010), TCcentex (08-03-2010)

  18. #35
    Theme Kingpin TCcentex's Avatar
    Join Date
    Jan 2010
    Location
    San Antonio, Texas
    Posts
    1,777
    Thanks
    1,857
    Thanked 1,972 Times in 876 Posts

    Quote Originally Posted by kingjust View Post
    TCcentex... it looks like your the yay or nay judge per se. So, judge my creation after this tutorial helped alot! Also, I would like to add that I hope, since I really haven't seen this, that i'm the first with a glow "pressed" bezel... you'll see.

    Name:  AppIconMask.png
Views: 1361
Size:  5.3 KB+Name:  AppIconShadow.png
Views: 1334
Size:  10.6 KB+Name:  IconDarkeningOverlay.png
Views: 1330
Size:  4.8 KB=Click image for larger version. 

Name:	IMG_0007.PNG 
Views:	493 
Size:	308.0 KB 
ID:	462250(unpressed) & Click image for larger version. 

Name:	IMG_0008.PNG 
Views:	427 
Size:	307.8 KB 
ID:	462251(pressed).

    If any of you would like the psd, let me know. This will be going towards a theme i'm calling SFCarbon (Street Fighter Carbon). If you see, there are hints of carbon fiber, and the dialer looks like it's straight wrapped with carbon fiber with pretty led lights.

    Enjoy and thanks TCcentex.

    KJ
    VERY NICE! Those icons are sick!

    I'm glad I could help KJ

  19. The Following User Says Thank You to TCcentex For This Useful Post:

    kingjust (08-02-2010)

  20. #36
    iPod Touch FTW! Aldog18's Avatar
    Join Date
    Jun 2010
    Location
    I come from a land down under (Australia)
    Posts
    381
    Thanks
    147
    Thanked 50 Times in 48 Posts

    Quote Originally Posted by kingjust View Post
    TCcentex... it looks like your the yay or nay judge per se. So, judge my creation after this tutorial helped alot! Also, I would like to add that I hope, since I really haven't seen this, that i'm the first with a glow "pressed" bezel... you'll see.

    Name:  AppIconMask.png
Views: 1361
Size:  5.3 KB+Name:  AppIconShadow.png
Views: 1334
Size:  10.6 KB+Name:  IconDarkeningOverlay.png
Views: 1330
Size:  4.8 KB=Click image for larger version. 

Name:	IMG_0007.PNG 
Views:	493 
Size:	308.0 KB 
ID:	462250(unpressed) & Click image for larger version. 

Name:	IMG_0008.PNG 
Views:	427 
Size:	307.8 KB 
ID:	462251(pressed).

    If any of you would like the psd, let me know. This will be going towards a theme i'm calling SFCarbon (Street Fighter Carbon). If you see, there are hints of carbon fiber, and the dialer looks like it's straight wrapped with carbon fiber with pretty led lights.

    Enjoy and thanks TCcentex.

    KJ
    Those icons are epic!

    i would love to have the psd XP
    Can I play with madness?
    Follow me on twitter
    If you like what I say, hit the button, you know which one

  21. #37
    iPhone? More like MyPhone
    Join Date
    Aug 2009
    Location
    Glen Allen, VA
    Posts
    271
    Thanks
    7
    Thanked 127 Times in 65 Posts

    Quote Originally Posted by AlanWattus View Post
    Those icons are epic!

    i would love to have the psd XP
    I got you brotha, just wait till I get home tonight from work. They don't allow USB disk drives on the machines because of a security breach. Damn army... LOL

    KJ

  22. #38
    iPod Touch FTW! Aldog18's Avatar
    Join Date
    Jun 2010
    Location
    I come from a land down under (Australia)
    Posts
    381
    Thanks
    147
    Thanked 50 Times in 48 Posts

    Quote Originally Posted by kingjust View Post
    I got you brotha, just wait till I get home tonight from work. They don't allow USB disk drives on the machines because of a security breach. Damn army... LOL

    KJ
    Alrighty no worries
    Can I play with madness?
    Follow me on twitter
    If you like what I say, hit the button, you know which one

  23. #39

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

    iZoom (08-03-2010)

  25. #40
    Theme Kingpin TCcentex's Avatar
    Join Date
    Jan 2010
    Location
    San Antonio, Texas
    Posts
    1,777
    Thanks
    1,857
    Thanked 1,972 Times in 876 Posts

    No overlays! Remember to delete that buggy file even on the iPhone 4.

Page 2 of 15 FirstFirst 1234 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
  •