Wiki source for Blog20121205LogoInkscapeForFreeCulturalWorksCCapproved


Show raw source

In CompileInkscape > I've got a logo to translate from English to French, a good exercise for inkscape

I know it would be better if I contacted the original author, that's one of the reason why I intend to submit this work upstream once I've solved some of the difficulties encountered below (my beginning with actual work with inkscape mainly. I still can enhance it afterwards as I intend to maintain it).

Creative commons have a nice logo for really Libre Licenses (2 out of 6 among the more commons ones) available at:
~- their [[http://creativecommons.org/weblog/entry/8051 announce for free cultural works ]] after works with the FSF and http://freedomdefined.org
~- [[http://wiki.creativecommons.org/File:Free-cultural-works-approved.svg their wiki]] and [[http://wiki.creativecommons.org/images/2/20/Free-cultural-works-approved.svg as an open-format vectorial file]]

{{image class="center" alt="CC approved for Free cultural works" title="freedom defined" url="http://wiki.creativecommons.org/images/2/20/Free-cultural-works-approved.svg" link="http://freedomdefined.org/"}}

I tried to edit the SVG provided with inkscape, in order to translate it, see http://linuxfr.org/forums/g%C3%A9n%C3%A9ralg%C3%A9n%C3%A9ral/posts/traduction-de-free-cultural-works-des-cc

===Editing an SVG with inkscape to translate it===

~- Unfortunately, the original file I got only has the text as individual letters
~- I found how to use [[http://inkscape.org/doc/advanced/tutorial-advanced.html path for text]] ([[http://inkscape.org/doc/advanced/tutorial-advanced.fr.html in french]])

=== the current result I'm not suficiently happy with===
The SVG depends on rendering, see http://download.tuxfamily.org/cauldron/logo/cc/Oeuvre-Libres-Culturelles-approuve.svg: {{image class="center" alt="CC approved for Free cultural works" title="freedom defined" url="http://download.tuxfamily.org/cauldron/logo/cc/Oeuvre-Libres-Culturelles-approuve.svg" link="http://freedomdefined.org/"}}
though this is what I obtained when converting to PNG (which corresponds to what I did with inkscape and see with inkscape, though it may not appear correctly in SVG :/): {{image class="center" alt="CC approved for Free cultural works" title="freedom defined" url="http://download.tuxfamily.org/cauldron/logo/cc/Oeuvre-Libres-Culturelles-approuve.png" link="http://freedomdefined.org/"}}
Some differences:
~- seems the space between letters at the bottom is not interpreted correctly (I did not need it for the upper text, what's the difference?)
~- the svg seems a bit cut at edges, though the generated png appears correctly (blurred effect does not count for width&height?)

=== A simple tutorial to use path with text===

It was difficult to get text on the right side
~- using circles does not permit to choose if the text is outside or inside? maybe an evolution ?
~~- so, it was ok to rotate 180° the upper text (shown on the downside by default o_O)
~~- but not ok for the lower text : I had to choose a half circle, mirror it a bit to get the text matched correctly (well, enhanced description of what is needed to obtain it still to be written :D, see below)
~- so I chose two points with a curve, was not easy though to get the text on the right side, by chance I would say (mirror & 90° & clicking twice to turn the text around at the right place)
~- maybe I should use "calques" to make the path disappear (making it with no content color nor "contour" only makes it disappear and not-clickable easily...)
~~- I can get both selected, shift nor ctrl make it possible to unselect the text to only change the path :/ maybe there's another way.
~~~- I should read better the documentation (though it does not feel intuitive nor evident to me)
~- other enhancements

Maybe, check with some other tutorials what I missed:
~- http://www.linuxpedia.fr/doku.php/inkscape/le_texte_sous_inkscape

I used the following fonts:
~- Liberation Serif Bold
~- Liberation Sans Bold Italic Condensed
as it seemed to correspond to original fonts

===Submitting this derived work upstream===
As I got the original from http://wiki.creativecommons.org/File:Free-cultural-works-approved.svg the original license applies as [[http://creativecommons.org/licenses/by/3.0/ CC-by-3.0]]

I know I can contact the author at http://wiki.creativecommons.org/User_talk:Mike_Linksvayer and will submit this page as a whole explanation.

I decided to add the meta-data with inkscape:
~- properties : license can be chosen, CC-by (hence 3.0)
~- author, description: referring to original work

In the original work, there was :
%%<!-- Generator: Adobe Illustrator 13.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 14948) -->
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
%%
That may be a reason why, when I used Inkscape I could not access to the text but only the letters following a path (It would have been easier to have the path & the text, one of the reason why I tried to edit this SVG, at least if I succeed I can provide the text and the path and the way to edit it and translate it, more easily than for me... Maybe I should have asked first the author :/).

though when I opened properties with Inkscape, I did not find anything, so I entered:
%%inkscape:version="0.48.3.1 r9886"
sodipodi:docname="Oeuvre-Libres-Culturelles-approuve.svg"
inkscape:output_extension="org.inkscape.output.svg.inkscape"><title
id="title4047">Logo approved for Free cultural works, in French</title><metadata
id="metadata107"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title>Logo approved for Free cultural works, in French</dc:title><cc:license
rdf:resource="http://creativecommons.org/licenses/by/3.0/" /><dc:description>derived from logo available at http://wiki.creativecommons.org/File:Free-cultural-works-approved.svg under CC-by 3.0 by http://wiki.creativecommons.org/User:Mike_Linksvayer</dc:description><dc:creator><cc:Agent><dc:title>Benoît Audouard aka baud123</dc:title></cc:Agent></dc:creator><dc:source>http://download.tuxfamily.org/cauldron/logo/cc/Oeuvre-Libres-Culturelles-approuve.svg</dc:source></cc:Work><cc:License
rdf:about="http://creativecommons.org/licenses/by/3.0/"><cc:permits
rdf:resource="http://creativecommons.org/ns#Reproduction" /><cc:permits
rdf:resource="http://creativecommons.org/ns#Distribution" /><cc:requires
rdf:resource="http://creativecommons.org/ns#Notice" /><cc:requires
rdf:resource="http://creativecommons.org/ns#Attribution" /><cc:permits
rdf:resource="http://creativecommons.org/ns#DerivativeWorks" /></cc:License></rdf:RDF></metadata>
%%

o_O sodipodi still appears ? I thought there was a fork, maybe sodipodi is still used as a compatibility tag (counter-productive for interoperability imho, but well).


===Traductions possibles (in French)===
Je vois le logo en trois parties (j'ai eu un peu de mal à l'expliquer dans mon journal) :
~- le haut
~- le bas
~- le tampon au milieu (ce que je voulais dire par le slogan « vu à la tv », qui est soi-disant vendeur :D)

Il n'y a pourtant qu'une seule phrase :
~- Approuvé pour / Œuvres Libres Culturelles (mon choix initial)
~- tel un label (ou une estampille, ou un tampon) : APPROUVÉ / Œuvres Libres Culturelles
~- Je souhaite mettre « Libre(s) » en haut du logo, le choix de « Œuvres artistiques / Libres » est contreproductif (àmha)
~- « Réalisations Libres » est trop long, « Art Libre » serait pas mal, mais bon ya rien à mettre en bas :-)


Maintenant que j'ai une source éditable facilement et dont je peux modifier le texte, ce n'est pas trop dur de générer des déclinaisons. Il ne me manque que de faire des essais avec des textes qui conviendraient.
Valid XHTML :: Valid CSS: :: Powered by WikkaWiki