inkscaping for fun and profit

8/9/2019 InksCaping for Fun and Profit

1/30

Inkscaping for Fun and Profit

Donna BenjaminLinux Users of Victoria

May 2008


2/30

... in brief

Inkscape is an Open Source scalable vector graphic (SVG) editor. Forkedfrom SodiPodi in 2003, Version 0.46 was released in late March 2008.Despite the low version number Inkscape is strong, stable, intuitive andready for Prime Time. Donna will showcase Inkscape art and practicalapplications, demonstrate Vector Drawing techniques, and provide

pointers on where to go to learn more.

Donna Benjamin runs her own business and procrastinates daily byexploring new features and bugs of the bleeding edge version of Inkscape.She has managed to find legitimate uses of the software for creating webgraphics, re-recreating corporate logos and creating posters and banners.Creative Contingencies does customised web application development,

hosting, research and meeting facilitation. Donna is also a board memberof Open Source Industry Australia and was conference director forlinux.conf.au 2008.

Inkscaping forFun and Profit


3/30


4/30

This talk ...

starts with a brief description of Inkscape what it is

what it does

how it does it

and finishes off with pointersto help you do it too.


5/30

Scalable Vector Graphics

Native File format is W3C SVG1.1

http://www.w3.org/Graphics/SVG/

SVG is a language for describing two-dimensional

graphics and graphical applications in XML.SVG 1.1 is a W3C Recommendation and forms thecore of the current SVG developments.

Interoperable with a range of apps,

and useful modern web browsers.(watch out for blurs, gradients & transparency)

http://www.w3.org/Graphics/SVG/http://www.w3.org/Graphics/SVG/


6/30

Raster and VectorInkscaping forFun and Profit


7/30

... for art's sakeInkscaping forFun and Profit

http://klowner.deviantart.com/art/Emerald-Hunter-9487349


8/30

... for diagramsInkscaping forFun and Profit

Block diagram multi mode receiver(amateur radio)

http://commons.wikimedia.org/wiki/Image:Afu_superhet1.svg created by http://de.wikipedia.org/wiki/Benutzer:Appaloosa
http://commons.wikimedia.org/wiki/Image:Afu_superhet1.svghttp://de.wikipedia.org/wiki/Benutzer:Appaloosahttp://de.wikipedia.org/wiki/Benutzer:Appaloosahttp://commons.wikimedia.org/wiki/Image:Afu_superhet1.svg


9/30


http://www.lynchconsulting.com.au/blog/index.cfm/2008/2/12/Pretty-network-diagrams-and-flow-charts-with-Open-Source-software


10/30



11/30

... for signs & logosInkscaping forFun and Profit


12/30

... for signs & logosInkscaping forFun and Profit

http://www.flickr.com/photos/chrissamuel/2222027499


13/30

... for trade bannersInkscaping forFun and Profit


14/30

... for websitesInkscaping forFun and Profit

http://www.inkscape.org/showcase/web_design/index.php?lang=en


15/30

... and databasesInkscaping forFun and Profit


16/30


17/30

Basic toolsInkscaping forFun and Profit


18/30

Basic techniquesInkscaping forFun and Profit


19/30



20/30



21/30



22/30

Working with textInkscaping forFun and Profit


23/30

Trace bitmapInkscaping forFun and Profit

bk f


24/30

Trace bitmapInkscaping forFun and Profit


25/30

I k i f


26/30

LUV poster

Take photo of bricks Trace bitmap

Add

text and rotate

logos

box

Make the text white Add vector grime



27/30

B il i h lI k i f


28/30

Built in help

There areTutorials inthe helpmenu.

SVG formatso youcan workwith themdirectly.


El t f d iInkscaping for


29/30

Elements of design


From the Elements of Design Inkscape Tutorial

R f & t t i lInkscaping for


30/30

Refs & tutorialsBasic Info (and some examples)

http://commons.wikimedia.org/wiki/Inkscape

http://en.wikipedia.org/wiki/Inkscape

Techniques, Tips, Tricks & Tutorialshttp://www.ffnn.nl/pages/articles/media/inkscape-text-tricks.phphttp://inkscapetutorials.wordpress.com/http://kalaalog.com/2007/11/01/inkscape-path-operations-basic-tutorial/http://redhathigh.pbwiki.com/Illustration+with+Inkscapehttp://screencasters.heathenx.org/

Tiled Cloneshttp://inkscape.teekoo.com/index.php?select=bar

Bezier curveshttp://raikardesigns.blogspot.com/2007/10/fascinating-bezier-curves.htmlhttp://en.wikipedia.org/wiki/B%C3%A9zier_curve

Network Diagramshttp://www.lynchconsulting.com.au/blog/index.cfm/2008/2/12/Pretty-network-diagrams-and-flow-charts-with-Open-Source-software

http://www.ioncannon.net/utilities/123/10-tips-for-creating-good-looking-diagrams-using-inkscape/

http://commons.wikimedia.org/wiki/Inkscapehttp://en.wikipedia.org/wiki/Inkscapehttp://www.ffnn.nl/pages/articles/media/inkscape-text-tricks.phphttp://inkscapetutorials.wordpress.com/http://kalaalog.com/2007/11/01/inkscape-path-operations-basic-tutorial/http://redhathigh.pbwiki.com/Illustration+with+Inkscapehttp://screencasters.heathenx.org/http://inkscape.teekoo.com/index.php?select=barhttp://raikardesigns.blogspot.com/2007/10/fascinating-bezier-curves.htmlhttp://en.wikipedia.org/wiki/B%C3%A9zier_curvehttp://www.lynchconsulting.com.au/blog/index.cfm/2008/2/12/Pretty-network-diagrams-and-flow-charts-with-Open-Source-softwarehttp://www.ioncannon.net/utilities/123/10-tips-for-creating-good-looking-diagrams-using-inkscape/http://www.lynchconsulting.com.au/blog/index.cfm/2008/2/12/Pretty-network-diagrams-and-flow-charts-with-Open-Source-softwarehttp://en.wikipedia.org/wiki/B%C3%A9zier_curvehttp://raikardesigns.blogspot.com/2007/10/fascinating-bezier-curves.htmlhttp://inkscape.teekoo.com/index.php?select=barhttp://screencasters.heathenx.org/http://redhathigh.pbwiki.com/Illustration+with+Inkscapehttp://kalaalog.com/2007/11/01/inkscape-path-operations-basic-tutorial/http://inkscapetutorials.wordpress.com/http://www.ffnn.nl/pages/articles/media/inkscape-text-tricks.phphttp://en.wikipedia.org/wiki/Inkscapehttp://commons.wikimedia.org/wiki/Inkscape

inkscaping for fun and profit

Documents