Skip to content

Icon Creation Resources

Günther edited this page Jun 11, 2019 · 17 revisions

Templates

Glasklart Icon Templates

There are two versions of the icon template, a regular version and a "smart" version. Both of them are in this zip: Glasklart_Icon_Template_v5.02.zip

Smart Object Template

Notes:

  • Confirmed to work on Photoshop CS6 and CC
  • Less work required then original template
  • More flexibility for editing

Instructions:

  • Open up Glasklart_Icon_Template_v5.02_Smart.psd, do not use other files but they are embedded in the .psd so do not delete them
  • Double click the thumbnail of the Icon - Smart Object Layer to open the smart object 1
  • Using the Icon Layer (or any additional new layer) to place your 1024px by 1024px icon 2
  • Optional Step: Use layer selection of the Corners layer to delete the corners of your image to round the corners, if you use this make sure to use this new 1024px by 1024px image as the source file when you submit the icon
  • Optional Step: Use the layer trim to add a border to your icon
  • Close the smart object and save changes
  • The template icon should be updated, use Save for Web to export the icon (make sure to turn off the preview background layer, this is just to help you see what the icon looks like)

Tutorials

Glasklart Icon Video Tutorial made by kyle1320

Glasklart Icon Table

  Icon Size Icon Area (centered)
@2x 120x120px 78x78px
iPad 152x152px 100x100px
iPadPro 167x167px 109x109px
@3x 180x180px 118x118px