Successfully reported this slideshow.

More Related Content

Related Books

Free with a 14 day trial from Scribd

See all

Hands-on Icon creation

  1. 1. Hands-on Icon Creation Chiu-Ki Chan @chiuki
  2. 2. New Image @chiuki
  3. 3. Window ! Layer @chiuki
  4. 4. Custom Shape Tool @chiuki
  5. 5. Choose shape @chiuki
  6. 6. Shift drag keeps aspect radio @chiuki
  7. 7. Double-click layer for style @chiuki
  8. 8. Color Overlay, 50% opacity @chiuki
  9. 9. Inner Shadow @chiuki
  10. 10. @chiuki
  11. 11. File ! Save for Web & Devices @chiuki
  12. 12. Right-click on layer @chiuki
  13. 13. Other shapes Download svg from thenounproject.com Convert to png with ImageMagick convert -density 500 -background none -trim shape.svg shape.png @chiuki
  14. 14. Image Menu Trim to make it tight Image Size to resize Canvas Size to make it square @chiuki

Editor's Notes

  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • ×