[sugar] icon assistance/validation
Gary C Martin
Wed Mar 12 10:10:51 EDT 2008
Hmmm, maybe I should adding to the SVG pages of the wiki. I've gone
through much the same as you however decided to take another route as
I didn't want the bloat of Inkscape files. I'm using a Mac so your
milage may vary:
1) Have a dig around http://dev.laptop.org/git?p=artwork;a=tree to get
an idea of the existing sugar icons, or look inside the source
directories of existing activities. Toolbar icons and activity icons
are slightly different so look for an example you like of the right
type. If your browser supports SVG (Safari does) you can view some
directly, but most are set with a white ink, so will be invisible
viewed directly. Just download the svg file, edit with a text editor
(I use Xcode but anything with syntax colouring will be helpful) to
change the colour and try viewing it in your web browser again.
2) Use the docs at http://www.w3.org/TR/SVG/index.html#minitoc You
don't need to read it all, but having a shimmy through the examples in
Basic Shapes, and Paths should get you upto speed with the required
xml. Probably also worth taking a look at the Mask section later on as
it's pretty handy for a whole bunch of techniques.
3) Start with a working example SVG, and code up your icon step by
step, using your browser to view changes as you go. You should still
test the SVG from time to time in Sugar, it helps to see the artwork
in context along with other sugar icons. If you're using a browser to
preview, remember to change the colours temporally so you can see what
Why do I like this approach? It keeps SVG files small and consistent
with the Sugar fill/stroke requirements, and it forces you to design
clean, simple and un-fussy icons. I used this approach for my Moon
activity (activity icon and a couple of simple toolbar icons), and a
full set of toolbar icons for the Calculate activity by Reinier
Heeres, to replace the text he had been using.
On 12 Mar 2008, at 02:55, Paul Fox wrote:
> so, in no particular order, are there any linux tools to:
> - "sugar validate" an icon? i'm thinking of things like
> making sure all strokes are the same, all fills are the
> same (or unset), making sure that non-closed objects
> don't have a fill set, etc.
> - display sugary previews of the icon, in its various colored
> and b/w renditions, and various sizes?
> - automatically do the variable substitution required to make
> fill_color and stroke_color "animatable"?
More information about the Sugar-devel