$30 off During Our Annual Pro Sale. View Details »

Inkscape SVG workshop

Inkscape SVG workshop

Co-presented with Adam Hyde at Wikimania 2008.

Brianna Laugher

July 17, 2008
Tweet

More Decks by Brianna Laugher

Other Decks in Technology

Transcript

  1. Inkscape
    SVG
    workshop
    Adam Hyde & Brianna Laugher
    Alexandria, Wikimania 2008
    1

    View Slide

  2. Introduction:
    Wikimedia Commons
    http://commons.wikimedia.org/
    2

    View Slide

  3. 3 Introduction:
    FLOSS Manuals
    http://en.flossmanuals.net/
    Inkscape booksprint
    http://en.flossmanuals.net/inkscape

    View Slide

  4. Introduction:
    Scalable
    Vector
    Graphics
    4

    View Slide

  5. Introduction:
    Inkscape
    http://www.inkscape.org/
    (sudo apt-get install inkscape)
    5

    View Slide

  6. [[Image:Capillary Attraction Repulsion (PSF).jpg]]

    View Slide

  7. [[Commons:Pearson Scott
    Foresman]]
    Educational publisher donated 16
    boxes of illustrations to the
    Wikimedia Foundation (=>PD)
    Scanning + image optimising = huge
    manual work!
    7

    View Slide

  8. Open Inkscape
    File > Import...
    File > Document Properties
    Path > Trace Bitmap...
    with Brightness cutoff 0.95
    (see also Help > Tutorials > Tracing)
    Delete PNG element
    8

    View Slide

  9. Create text elements
    Create closed Bezier curve
    Object > Fill and stroke
    Colour white
    Copy, Paste in place
    Apply pattern fill – polka
    dots, large
    9

    View Slide

  10. Save as plain SVG
    View in Firefox
    10

    View Slide

  11. Upload to Wikimedia
    Commons
    Provide metadata!
    (Can use DerivativeFX tool)
    [[Category:Fluid dynamics]]
    11

    View Slide

  12. SVG Translate
    http://toolserver.org/~nikola/
    svgtranslate.php
    12

    View Slide

  13. MediaWiki SVG rendering
    issues
    13

    View Slide

  14. Uploading a new version
    of a file
    14

    View Slide

  15. 15 Purging image cache
    Commons [[Special:Preferences]]:

    View Slide

  16. 16 What next?
    Graphics Lab (Commons,
    Wikipedias)
    Image requests
    Documentation

    View Slide