Hands-on Icon creation
Download as KEY, PDF
0 likes1,546 views
This document provides instructions for creating icon graphics in Photoshop, including choosing shapes with the Custom Shape Tool, applying layer styles like color overlays and inner shadows, saving images for the web, and converting SVG images downloaded from the Noun Project to PNG format using ImageMagick. Key steps are shifting to maintain aspect ratios while dragging shapes, double-clicking layers to edit styles, and using the Trim and Image Size tools to prepare downloaded SVG images.
Hands-on Icon creation
- 1. Hands-on Icon Creation Chiu-Ki Chan @chiuki
- 2. New Image @chiuki
- 3. Window ! Layer @chiuki
- 4. Custom Shape Tool @chiuki
- 5. Choose shape @chiuki
- 6. Shift drag keeps aspect radio @chiuki
- 7. Double-click layer for style @chiuki
- 8. Color Overlay, 50% opacity @chiuki
- 9. Inner Shadow @chiuki
- 10. @chiuki
- 11. File ! Save for Web & Devices @chiuki
- 12. Right-click on layer @chiuki
- 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. Image Menu Trim to make it tight Image Size to resize Canvas Size to make it square @chiuki