Inkscape: Guide to a Vector Drawing Program

Berikut ini diberikan tutorial singkat Inkscape yang ditulis oleh komunitas:

Table of Contents

 

A bucketful of SVG examples

Example 1: Bézier flotation device with nondeterministic landscape 
http://srufaculty.sru.edu/david.dailey/svg/balloon.svg

Example 2: Equidistant positioning points along a Bézier curve 
http://srufaculty.sru.edu/david.dailey/svg/curve.svg 

Example 3: Simple animation (code:  only 38 lines of markup and no script) 
http://srufaculty.sru.edu/david.dailey/svg/ovaling.svg

Example 4: Use of gradients and patterns
http://srufaculty.sru.edu/david.dailey/svg/grid2.svg

Example 5: Intersecting ClipPaths
http://srufaculty.sru.edu/david.dailey/svg/newstuff/clipPath4.svg

Example 6: Animated text crawling along a a Bézier curve
http://srufaculty.sru.edu/david.dailey/svg/newstuff/textpath1.svg

Example 7: Animated reflected gradients with transparency
http://srufaculty.sru.edu/david.dailey/svg/newstuff/gradient11c.svg 

Example 8: Clock with impressionist tinge
 http://srufaculty.sru.edu/david.dailey/svg/ballclock.svg

Example 9: Using a filter to create pond ripples over an image
http://srufaculty.sru.edu/david.dailey/svg/waves.html

Example 10: Using <replicate> to simulate Digital Elevation Maps
http://srufaculty.sru.edu/david.dailey/svg/dem/DEM_1.svg

Example 11: Non-affine cobblestones
http://srufaculty.sru.edu/david.dailey/svg/replicate/repRectsGrad2g.svg

Example 12: Triangular tiling
http://srufaculty.sru.edu/david.dailey/svg/triBraids4.svg

Example 13: A web application for drawing graphs (networks)
http://srufaculty.sru.edu/david.dailey/grapher/

Example 14: Simulating ad hoc mobile networks
http://srufaculty.sru.edu/david.dailey/svg/graphs30.svg 

Example 15: Zooming in on a <pattern> in a <pattern>
http://srufaculty.sru.edu/david.dailey/svg/recent/sliderzoom2.svg

Example 16: Using multiple path subcommands to represent overpasses and underpasses:
http://srufaculty.sru.edu/david.dailey/svg/notknot2.svg 

Example 17: Filling the browser with changing hexagonal gradients.
http://srufaculty.sru.edu/david.dailey/svg/pattern.svg 

Example 18: Rotating barber pole
http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2008/barberPole.svg 

Example 19: Fancy filters: wild fire
http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2008/fireWild.svg 

Example 20: Semantic proximities with AJAX and server-side lookups
http://granite.sru.edu/~ddailey/wordtable.html 

Example 21: Worms
http://srufaculty.sru.edu/david.dailey/svg/recent/triGradients1.svg
http://srufaculty.sru.edu/david.dailey/svg/newstuff/tilesA.svg
http://srufaculty.sru.edu/david.dailey/svg/newstuff/wiggleline2.svg

Example 22: Morphing between random polygons
http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2010/Polygons/polygons10.svg

Example 23:Distortion of image affected by mouse
http://srufaculty.sru.edu/david.dailey/svg/newstuff/filterDisplacementMap4a.svg 

self-describing examples

  1. Starflake expressway
  2. Sunrise in Tokyo
  3. flame
  4. fried egg billiards
  5. SVG drawing package
  6. Hundreds of examples from Dailey(http://srufaculty.sru.edu/david.dailey/svg/SVGAnimations.htm)

ASV-only, but nice:

  1. Non-linear gradients
  2. Scrambling an image with a cyphertext

Special collections:

  1.  Dynamic document creation
    http://srufaculty.sru.edu/david.dailey/svg/createElementBrowser.html
  2. Replicate for rich gradients and 3D effects
    http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2010/replicate.htm
  3. Textures
    http://srufaculty.sru.edu/david.dailey/svg/texture/texturepage.htm
  4. Text Effects
    http://srufaculty.sru.edu/david.dailey/svg/text/
  5. Pushing the Edges
    http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2008/edges_of_plausibility.htm