Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Hands-on Icon Creation       Chiu-Ki Chan         @chiuki
New Image            @chiuki
Window ! Layer   @chiuki
Custom Shape Tool   @chiuki
Choose shape   @chiuki
Shift drag keeps aspect radio   @chiuki
Double-click layer for style                               @chiuki
Color Overlay, 50% opacity                             @chiuki
Inner Shadow               @chiuki
@chiuki
File ! Save for Web & Devices   @chiuki
Right-click on layer                       @chiuki
Other shapesDownload svg from thenounproject.comConvert to png with ImageMagickconvert   -density 500   -background none  ...
Image Menu   Trim to make it tight   Image Size to resize   Canvas Size to make   it square                           @chi...
Upcoming SlideShare
Loading in …5
×

Hands-on Icon creation

1,373 views

Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

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 shapesDownload svg from thenounproject.comConvert to png with ImageMagickconvert -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

×