34594af2bd
* Added the template and changed corresponding documentation Added the illustrator template and created (ILLUSTRATOR_GUIDE.md) oder changed (CONTRIBUTING.md) files. * fixed typo * split up template instruction docs for programs documentation concerning the templates and instrcutions is now separated in the documentation. * updated illustrator export documentation updated illustrator guide with the according options for exporting SVGs * updated image path image path should be correct now * matching filenames files names illustrator guide should match file name in /images * image in illustrator guide path correction image should work now * layout adjustments to illustrator guide layout should be pretty now * layout corrections second try
28 lines
1.4 KiB
Markdown
28 lines
1.4 KiB
Markdown
|
|
# Illustrator Template Guide
|
|
|
|
This Guide explains how to properly use the Adobe Illustrator Template for Lucide.
|
|
|
|
>Attention: Even though it is unlikely the template can be outdated or not 100% correct. Please check the Icon Design Guide before you start working with the template to ensure integrity with the Lucide icon pack.
|
|
|
|
## General Workflow
|
|
|
|
The Illustrator template is created following guidelines from the [Icon Design Guide](ICON_DESIGN_GUIDE.md).
|
|
|
|
**Workflow:**
|
|
|
|
1. Open the Document which can be found under __*/docs/templates/illustrator_template.ai*__ .
|
|
|
|
2. You can now remove the content from the example logo layer ("Draw") and start creating.
|
|
|
|
3. Verify that you follow the [Icon Design Guidelines](ICON_DESIGN_GUIDE.md).
|
|
|
|
4. Before you export the file as an SVG make sure to check that you followed the guidelines and remove all unecessary layers (especially "Padding" and "Grid").
|
|
|
|
5. Export the file with the export menu under: `Export > Export As..` than safe the file as SVG. Select the following options in the SVG Options dialog:
|
|
|
|
|
|
|
|
After that, double check that the [code conventions and SVG global attributes](https://github.com/lucide-icons/lucide/blob/master/docs/ICON_DESIGN_GUIDE.md#code-conventions) are correct.
|
|
|
|
7. Minify paths with [SVGOMG](https://jakearchibald.github.io/svgomg/). |