icon creation tutorial

Discussion in 'Customization Requests' started by heffer101, Feb 18, 2008.

  1. heffer101

    heffer101 New Member

    Joined:
    Jan 1, 2008
    Messages:
    23
    Likes Received:
    0
    ive tried searching both google and the ipodtouchfans forums but i cannot find a good straight forward guire on how to create one of those nice, glossy rounded icons that are packaged with the themes for summerboard. Can someone make a tutorial or link to one where they explain the process? I apologize in advance for any spelling errors or anything for i am posting on my touch(im not home at the moment)
  2. super51fan

    super51fan Well-Known Member

    Joined:
    Nov 23, 2007
    Messages:
    2,464
    Likes Received:
    54
    Device:
    iPod touch
    open photoshop
    create new layer 60x60 with a transparent background
    then the rest is up to you
    if you dont have photshop try gimp it is free
  3. krisis

    krisis New Member

    Joined:
    Feb 1, 2008
    Messages:
    92
    Likes Received:
    1
    Search google for how to make a sphere

    that technique they use should help you on doing one for square icons. Its the same basic idea
  4. Joseph

    Joseph Retired Moderator

    Joined:
    Oct 21, 2007
    Messages:
    2,749
    Likes Received:
    51
    Open Photoshop.
    Create a new file, 60x60px, transparent background.
    Grab the rounded square tool.
    Make a square, to make it a perfect square, hold shift and expand.
    On a new layer, crop an image so it fits on the shape you made.
    Once the image is paired up with the shape, make a new layer, grab the eliptical marquee tool, and select the top part of your icon, and then, with the area selected, grab the gradient tool, with a white/transparent color combination and apply.

    Im on my iPod too, so yeah, sorry about grammar xD
  5. Axis

    Axis Super Moderator Staff Member

    Joined:
    Dec 2, 2007
    Messages:
    6,288
    Likes Received:
    133
    Device:
    iPhone 4S (White)
    Gimp is great, and free, so consider it before buying Photoshop.
  6. ZombieKiller

    ZombieKiller Banned

    Joined:
    Oct 21, 2007
    Messages:
    3,740
    Likes Received:
    30
    Device:
    iPhone 3G (White)
    You dont have to buy it to get photoshop...

    Look around for a *******.
  7. super51fan

    super51fan Well-Known Member

    Joined:
    Nov 23, 2007
    Messages:
    2,464
    Likes Received:
    54
    Device:
    iPod touch
    yes you could but that would be illegal
    lol

    Please Register or Log in to view images

  8. snapplecap

    snapplecap New Member

    Joined:
    Dec 30, 2007
    Messages:
    12
    Likes Received:
    0
    yes, but photoshop is already the most pirated program.
  9. adocas

    adocas New Member

    Joined:
    Dec 30, 2007
    Messages:
    411
    Likes Received:
    5
    And always remember to save it as PNG-24 or else the Transparent wont work. Have fun making your icons

    Please Register or Log in to view images

  10. HotBrownies

    HotBrownies New Member

    Joined:
    Dec 27, 2007
    Messages:
    1,040
    Likes Received:
    38
    i use Paint.net (paint dot net) google that, its free, and its really easy to use.

    good transition from photoshop

Share This Page