-
Notifications
You must be signed in to change notification settings - Fork 83
Icon Creation Resources
Günther edited this page Jun 11, 2019
·
17 revisions
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
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 - Using the
Icon
Layer (or any additional new layer) to place your 1024px by 1024px icon -
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)
Glasklart Icon Video Tutorial made by kyle1320
Icon Size | Icon Area (centered) | |
---|---|---|
@2x | 120x120px | 78x78px |
iPad | 152x152px | 100x100px |
iPadPro | 167x167px | 109x109px |
@3x | 180x180px | 118x118px |