diff --git a/icons/templates/design.md b/icons/templates/design.md index 5dee9db..af28027 100644 --- a/icons/templates/design.md +++ b/icons/templates/design.md @@ -1,29 +1,37 @@ # Setup inkscape * import the inkscape palette in the Tools folder. how?: -* copy other/aleta-inkscape.gpl to: -* flatpak inkscape version: `~/.var/app/org.inkscape.Inkscape/config/inkscape/palettes` -* native inkscape version: `~/.config/inkscape/palettes`. +* copy `other/aleta-postre.gpl` to your inkscape folder. +In gnu linux are two possibilities: + if you have the flatpak version: `~/.var/app/org.inkscape.Inkscape/config/inkscape/palettes` + if you have the native version: `~/.config/inkscape/palettes`. + +# Concepts + +here is an image describing the parts of an icon of aleta. + +![concepts](../../other/Screenshots/design-concepts.svg) + +# Filled or not? + +there is two designs in aleta. Lined and Filled. Filled is preferred over lined. + +here is the two designs over the same icon: + +![concepts *note that this is an example and this icon doesn't exists*](../../other/Screenshots/design-filled.svg) # Design -* the position of the icon will fit in the hints. -* the drawing must be white. -* the final icon must be only paths. -* the minimal width is a square of the grid. preferably make -2 squares lines- as minimum. -* if the icon is complex, simplify it, -* please use a color that is aproximated to the original; if the original icon shows many colors, decide by yourself what are the best color to use. +* the position of the foreground will fit in the hints. +* the foreground must be white. *This don't mean that you will draw every path in white. you can use any color you want while drawing. this means that the* **result** *of your drawing session is an icon with a white foreground* +* the minimal width is a square of the grid. preferably make «2 squares lines» as minimum. +* if the icon is too complex, try to simplify it. +* please use the **original color**¹; if the original icon shows many colors, decide by yourself what are the best color to use. +* you can use plain colors, but gradients are appreciated. + +¹: in aleta postre, i have changed the color rules and now aleta uses the original colors of the apps. there is no more the needing of a palette. ## folder design * instead of the template.svg, use the template-folder.svg. -* in that template are two hints more; they are for the subicon. - * the pink is the limit of the icon. - * the red is the limit of the icon's stroke. - -# subicons and folder - -* the subicon of an icon that use the subicon template need to have a stroke of 1 px, the same color of the background, the order: "makers, stroke, fill", and it need to be converted to path. - -## Note: - -if you have questions about how to draw icons, contact me on my telegram. +* this template is specific for folders and **NOT** FOR ICONS. +* this template hast only one hint. diff --git a/other/Screenshots/design-concepts.svg b/other/Screenshots/design-concepts.svg new file mode 100644 index 0000000..3eee8c5 --- /dev/null +++ b/other/Screenshots/design-concepts.svg @@ -0,0 +1,2055 @@ + + + + + Twelf Icon Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Twelf Icon Template + + + + + + + + + + + + + + + + + + + + + + + + + + background + foreground + hint + + + + + + diff --git a/other/Screenshots/design-filled.svg b/other/Screenshots/design-filled.svg new file mode 100644 index 0000000..a961156 --- /dev/null +++ b/other/Screenshots/design-filled.svg @@ -0,0 +1,2039 @@ + + + + + Twelf Icon Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Twelf Icon Template + + + + + + + + + + + + + + + + + + lined + filled + + + + + + + + + + +