diff options
author | Lapo Calamandrei <calamandrei@gmail.com> | 2010-02-25 00:43:57 +0100 |
---|---|---|
committer | Lapo Calamandrei <calamandrei@gmail.com> | 2010-02-25 00:43:57 +0100 |
commit | ca159a25b28071e1f487b6bf20608838cd0a8660 (patch) | |
tree | b068a76e33782bdecc3008e786603ffbe1811cb3 | |
parent | 33c9d8ed1c342dc75374fc32f0daecd864f66961 (diff) | |
download | adwaita-icon-theme-ca159a25b28071e1f487b6bf20608838cd0a8660.tar.gz |
Added a note about how to make outlines substitutes in the readme.
-rw-r--r-- | README | 4 |
1 files changed, 3 insertions, 1 deletions
@@ -24,7 +24,7 @@ a matter of re-rendering the icons. Due to the large canvas a lot of the guidelines discussed elsewhere in this document do not apply. What still stands is the use of colors, the perspective and lighting. -FIXME: outlines (strokes alternative) +FIXME: outlines (strokes alternative - wip) FIXME: highlights (inner stroke alternative) FIXME: shadows @@ -34,3 +34,5 @@ Inkscape workflow tips: * The 256x256 icon needs to be nice when scaled down to 64x64 (25% zoom), so, in inkscape, it's necessary to use a 1x1 pixels grid with major lines every 4. Lining up the main objects to the major lines of the grid will help making the icon less blurry when scaled down. * Text: the best trick we found (atm) for text in high resolution icons is to use the text tool to write something (lorem ipsum, funny things, nonsenses and so on:-)) using the Bitstream Vera Sans typeface with a 6pt size, trying to have the main bodies of the letters between two horizontal major grid lines, then we convert the text object to path and simplify (ctrl+l) 3 times. In case the text is not visible enough when scaling down overlaying the line with a very subtle rectangle 4px tall will help (see text-x-generic). + +* Outlines: To make the things stand out we darken the edges using various tecniques. Lapo's favourite is to group the all objects costituting the shape; copy, paste in place, ungroup and make the boolean union to obtain the silouhette [ctrl+c, crtl+alt+v, ctrl+u, ctrl++]; copy again; set this path fill to none, set the stroke to from 0.5 to 2 pixels in a dark color (usaully black) and set blur from 1 to 2 points; group it with the previous group; paste in place and select the new group and the pasted path apply a clipping mask (the pasted path will be used as a clipping mask) [Object -> Clip -> Set]. Now you can edit do group editing with the clipping mask in place [ctrl+enter to "enter" the group]. You can play with various stroke width and color or gradients and with different blur settings. |