SlideShare a Scribd company logo
1 of 41
... in brief

Inkscape is an Open Source scalable vector graphic (SVG) editor. Donna will showcase
Inkscape art and practical applications, demonstrate Vector Drawing techniques, and
provide pointers on where to go to learn more.
Donna Benjamin runs her own business and procrastinates daily by exploring new
features and bugs of the bleeding edge version of Inkscape. She has managed to find
legitimate uses of the software for creating web graphics, re-recreating corporate logos
and creating posters and banners. Creative Contingencies does customised web
application development, hosting, research and meeting facilitation.
Donna is currently writing a book on Inkscape due for publication in late 2009 and is
assisting the technical team with the National Conference in Melbourne in April, 2010

                        http://acec2010.info
         Call for presentations open now!
                                                                CEGSA 09
Download Resources



http://cc.com.au/inkscape



                  CEGSA 09
this workshop ...

starts with a brief description of Inkscape
what it is
what it does
and finishes off with pointers
to help you do it too.




                                     CEGSA 09
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 the core of the
current SVG developments.
Interoperable with a range of apps,
and useful modern web browsers.
(watch out for blurs, gradients & transparency)



                                             CEGSA 09
raster and vector




     CEGSA 09
... for art's sake




http://klowner.com/wallpaper/show/emerald_hunter/


                                         CEGSA 09
... for art's sake




    CEGSA 09
... for art's sake




    CEGSA 09
... for art's sake




    CEGSA 09
... for art's sake




    CEGSA 09
... for diagrams

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



                                                            CEGSA 09
... for diagrams




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




                                                                                       CEGSA 09
... of networks




  CEGSA 09
... for diagrams




   CEGSA 09
... for signs & logos




        CEGSA 09
... for signs & logos




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


                             CEGSA 09
... for trade banners




       CEGSA 09
... for websites




   CEGSA 09
... and databases




   CEGSA 09
... for games

KMahjongg

The background
was created by
Eugene Trounev
and the tilesets
by Raquel
Ravanini...

Thanks Ian :)



                   CEGSA 09
Basic tools




CEGSA 09
Basic techniques




     CEGSA 09
Basic techniques




     CEGSA 09
Basic techniques




     CEGSA 09
Basic techniques




     CEGSA 09
Working with text




    CEGSA 09
Trace bitmap




CEGSA 09
Trace bitmap




CEGSA 09
Trace bitmap




CEGSA 09
Trace bitmap




CEGSA 09
Trace bitmap




CEGSA 09
LUV poster
Take photo of bricks
Trace bitmap
Add
text and rotate
logos
box
Make the text white
Add vector grime

                       CEGSA 09
Clones

You
can clone
anything...




                               http://flickr.com/photos/enygmatic/319747296/


Time for a live demo?
[ note to self:
cross fingers, hold breath ]
                                                   CEGSA 09
Built in help
There are
Tutorials in
the help
menu.
SVG format
so you
can work
with them
directly.


                CEGSA 09
Elements of design




From the Elements of Design Inkscape Tutorial


                    CEGSA 09
Learning something new...




http://flickr.com/photos/mcquain2/483523872/

                                               CEGSA 09
is satisfying.




http://flickr.com/photos/sukanto_debnath/2355441460/
                                                   CEGSA 09
Pick a task

Graphics:
 icons, logos, buttons, clip art
 (computer, mainframe, pencil)
Page layout:
 newsletters, web pages, banners
 (kattekrab, linux-aus)
Diagrams:
 networks, concept maps, charts
Trace Bitmap:
 (hope and anchor)
                                   CEGSA 09
Refs & tutorials
Basic Info (and some examples)
   http://commons.wikimedia.org/wiki/Inkscape
   http://en.wikipedia.org/wiki/Inkscape

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

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

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

Network Diagrams
    http://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/




                                                                                                CEGSA 09

More Related Content

Similar to Inkscape: Drawing Across the Curriculum

Easy charting with
Easy charting withEasy charting with
Easy charting with
Major Ye
 

Similar to Inkscape: Drawing Across the Curriculum (20)

Inkscape for web and UI mockups
Inkscape for web and UI mockupsInkscape for web and UI mockups
Inkscape for web and UI mockups
 
Easy charting with
Easy charting withEasy charting with
Easy charting with
 
Academy PRO: HTML5 API graphics
Academy PRO: HTML5 API graphicsAcademy PRO: HTML5 API graphics
Academy PRO: HTML5 API graphics
 
Make your own Print & Play card game using SVG and JavaScript
Make your own Print & Play card game using SVG and JavaScriptMake your own Print & Play card game using SVG and JavaScript
Make your own Print & Play card game using SVG and JavaScript
 
SVG Strikes Back
SVG Strikes BackSVG Strikes Back
SVG Strikes Back
 
Artists Only
Artists OnlyArtists Only
Artists Only
 
Power Tools For Browser-Based Design
Power Tools For Browser-Based DesignPower Tools For Browser-Based Design
Power Tools For Browser-Based Design
 
Rich Media Advertising with SVG and JavaScript
Rich Media Advertising with SVG and JavaScriptRich Media Advertising with SVG and JavaScript
Rich Media Advertising with SVG and JavaScript
 
Svghtml5 Meetup
Svghtml5 MeetupSvghtml5 Meetup
Svghtml5 Meetup
 
Serious Animation (an introduction to Web Animations)
Serious Animation (an introduction to Web Animations)Serious Animation (an introduction to Web Animations)
Serious Animation (an introduction to Web Animations)
 
Functional Animation with SVG - OpenWest 2018
Functional Animation with SVG - OpenWest 2018Functional Animation with SVG - OpenWest 2018
Functional Animation with SVG - OpenWest 2018
 
Vector Graphics on the Web: SVG, Canvas, CSS3
Vector Graphics on the Web: SVG, Canvas, CSS3Vector Graphics on the Web: SVG, Canvas, CSS3
Vector Graphics on the Web: SVG, Canvas, CSS3
 
Duel of Two Libraries: Cairo & Skia
Duel of Two Libraries: Cairo & SkiaDuel of Two Libraries: Cairo & Skia
Duel of Two Libraries: Cairo & Skia
 
WDE08 State of the web
WDE08 State of the webWDE08 State of the web
WDE08 State of the web
 
Svcc 2013-css3-and-mobile
Svcc 2013-css3-and-mobileSvcc 2013-css3-and-mobile
Svcc 2013-css3-and-mobile
 
Web Vector Graphics
Web Vector GraphicsWeb Vector Graphics
Web Vector Graphics
 
Dispensa software per la stampa 3D (in italiano)
Dispensa software per la stampa 3D (in italiano)Dispensa software per la stampa 3D (in italiano)
Dispensa software per la stampa 3D (in italiano)
 
Handout 17317 es17317-sgambelluri-au2016
Handout 17317 es17317-sgambelluri-au2016Handout 17317 es17317-sgambelluri-au2016
Handout 17317 es17317-sgambelluri-au2016
 
Fowa Miami 09 Cloud Computing Workshop
Fowa Miami 09 Cloud Computing WorkshopFowa Miami 09 Cloud Computing Workshop
Fowa Miami 09 Cloud Computing Workshop
 
Next generation Graphics: SVG
Next generation Graphics: SVGNext generation Graphics: SVG
Next generation Graphics: SVG
 

More from Donna Benjamin

More from Donna Benjamin (20)

From 2020 to 2121: How do we get there?
From 2020 to 2121: How do we get there?From 2020 to 2121: How do we get there?
From 2020 to 2121: How do we get there?
 
Turning stories into websites #wds18
Turning stories into websites #wds18Turning stories into websites #wds18
Turning stories into websites #wds18
 
Turning stories into software - Laracon Australia 2018
Turning stories into software - Laracon Australia 2018Turning stories into software - Laracon Australia 2018
Turning stories into software - Laracon Australia 2018
 
Engaging learners from objective to activity - MoodleMootAU 2018
Engaging learners  from objective to activity - MoodleMootAU 2018Engaging learners  from objective to activity - MoodleMootAU 2018
Engaging learners from objective to activity - MoodleMootAU 2018
 
Digitise the Dawn - 5 years on - LCA2018 OpenGLAM
Digitise the Dawn - 5 years on - LCA2018 OpenGLAMDigitise the Dawn - 5 years on - LCA2018 OpenGLAM
Digitise the Dawn - 5 years on - LCA2018 OpenGLAM
 
Communication skills for everyone - DrupalCon Vienna
Communication skills for everyone - DrupalCon ViennaCommunication skills for everyone - DrupalCon Vienna
Communication skills for everyone - DrupalCon Vienna
 
Tools for talking
Tools for talkingTools for talking
Tools for talking
 
Making views - DrupalGov Canberra 2017
Making views - DrupalGov Canberra 2017Making views - DrupalGov Canberra 2017
Making views - DrupalGov Canberra 2017
 
I am your user, why do you hate me linux.conf.au 2017
I am your user, why do you hate me   linux.conf.au 2017I am your user, why do you hate me   linux.conf.au 2017
I am your user, why do you hate me linux.conf.au 2017
 
Digitise the Dawn - Sydney Mechanics School of Arts
Digitise the Dawn - Sydney Mechanics School of ArtsDigitise the Dawn - Sydney Mechanics School of Arts
Digitise the Dawn - Sydney Mechanics School of Arts
 
2121: How do we get there?
2121: How do we get there?2121: How do we get there?
2121: How do we get there?
 
Turning stories into websites - PyConAU
Turning stories into websites - PyConAUTurning stories into websites - PyConAU
Turning stories into websites - PyConAU
 
Django & Drupal: A Tale of Two Cities
Django & Drupal: A Tale of Two CitiesDjango & Drupal: A Tale of Two Cities
Django & Drupal: A Tale of Two Cities
 
Turning stories into websites - The PHP conference Australia edition
Turning stories into websites - The PHP conference Australia editionTurning stories into websites - The PHP conference Australia edition
Turning stories into websites - The PHP conference Australia edition
 
Turning stories into websites
Turning stories into websitesTurning stories into websites
Turning stories into websites
 
Constructive Conflict Resolution
Constructive Conflict ResolutionConstructive Conflict Resolution
Constructive Conflict Resolution
 
Drupal distros - Tweaks at eotw
Drupal distros - Tweaks at eotwDrupal distros - Tweaks at eotw
Drupal distros - Tweaks at eotw
 
Constructive Conflict Resolution slides
Constructive Conflict Resolution slidesConstructive Conflict Resolution slides
Constructive Conflict Resolution slides
 
ODF: Our Document Future - Open Document Format & Digital Preservation.
ODF: Our Document Future - Open Document Format & Digital Preservation.ODF: Our Document Future - Open Document Format & Digital Preservation.
ODF: Our Document Future - Open Document Format & Digital Preservation.
 
Panopoly: Magical Mystery Tour
Panopoly: Magical Mystery TourPanopoly: Magical Mystery Tour
Panopoly: Magical Mystery Tour
 

Recently uploaded

IATP How-to Foreign Travel May 2024.pdff
IATP How-to Foreign Travel May 2024.pdffIATP How-to Foreign Travel May 2024.pdff
IATP How-to Foreign Travel May 2024.pdff
17thcssbs2
 
Neurulation and the formation of the neural tube
Neurulation and the formation of the neural tubeNeurulation and the formation of the neural tube
Neurulation and the formation of the neural tube
SaadHumayun7
 

Recently uploaded (20)

The Ultimate Guide to Social Media Marketing in 2024.pdf
The Ultimate Guide to Social Media Marketing in 2024.pdfThe Ultimate Guide to Social Media Marketing in 2024.pdf
The Ultimate Guide to Social Media Marketing in 2024.pdf
 
Open Educational Resources Primer PowerPoint
Open Educational Resources Primer PowerPointOpen Educational Resources Primer PowerPoint
Open Educational Resources Primer PowerPoint
 
Telling Your Story_ Simple Steps to Build Your Nonprofit's Brand Webinar.pdf
Telling Your Story_ Simple Steps to Build Your Nonprofit's Brand Webinar.pdfTelling Your Story_ Simple Steps to Build Your Nonprofit's Brand Webinar.pdf
Telling Your Story_ Simple Steps to Build Your Nonprofit's Brand Webinar.pdf
 
Championnat de France de Tennis de table/
Championnat de France de Tennis de table/Championnat de France de Tennis de table/
Championnat de France de Tennis de table/
 
size separation d pharm 1st year pharmaceutics
size separation d pharm 1st year pharmaceuticssize separation d pharm 1st year pharmaceutics
size separation d pharm 1st year pharmaceutics
 
slides CapTechTalks Webinar May 2024 Alexander Perry.pptx
slides CapTechTalks Webinar May 2024 Alexander Perry.pptxslides CapTechTalks Webinar May 2024 Alexander Perry.pptx
slides CapTechTalks Webinar May 2024 Alexander Perry.pptx
 
Morse OER Some Benefits and Challenges.pptx
Morse OER Some Benefits and Challenges.pptxMorse OER Some Benefits and Challenges.pptx
Morse OER Some Benefits and Challenges.pptx
 
Navigating the Misinformation Minefield: The Role of Higher Education in the ...
Navigating the Misinformation Minefield: The Role of Higher Education in the ...Navigating the Misinformation Minefield: The Role of Higher Education in the ...
Navigating the Misinformation Minefield: The Role of Higher Education in the ...
 
REPRODUCTIVE TOXICITY STUDIE OF MALE AND FEMALEpptx
REPRODUCTIVE TOXICITY  STUDIE OF MALE AND FEMALEpptxREPRODUCTIVE TOXICITY  STUDIE OF MALE AND FEMALEpptx
REPRODUCTIVE TOXICITY STUDIE OF MALE AND FEMALEpptx
 
Matatag-Curriculum and the 21st Century Skills Presentation.pptx
Matatag-Curriculum and the 21st Century Skills Presentation.pptxMatatag-Curriculum and the 21st Century Skills Presentation.pptx
Matatag-Curriculum and the 21st Century Skills Presentation.pptx
 
Mbaye_Astou.Education Civica_Human Rights.pptx
Mbaye_Astou.Education Civica_Human Rights.pptxMbaye_Astou.Education Civica_Human Rights.pptx
Mbaye_Astou.Education Civica_Human Rights.pptx
 
IATP How-to Foreign Travel May 2024.pdff
IATP How-to Foreign Travel May 2024.pdffIATP How-to Foreign Travel May 2024.pdff
IATP How-to Foreign Travel May 2024.pdff
 
How to the fix Attribute Error in odoo 17
How to the fix Attribute Error in odoo 17How to the fix Attribute Error in odoo 17
How to the fix Attribute Error in odoo 17
 
2024_Student Session 2_ Set Plan Preparation.pptx
2024_Student Session 2_ Set Plan Preparation.pptx2024_Student Session 2_ Set Plan Preparation.pptx
2024_Student Session 2_ Set Plan Preparation.pptx
 
Neurulation and the formation of the neural tube
Neurulation and the formation of the neural tubeNeurulation and the formation of the neural tube
Neurulation and the formation of the neural tube
 
Removal Strategy _ FEFO _ Working with Perishable Products in Odoo 17
Removal Strategy _ FEFO _ Working with Perishable Products in Odoo 17Removal Strategy _ FEFO _ Working with Perishable Products in Odoo 17
Removal Strategy _ FEFO _ Working with Perishable Products in Odoo 17
 
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT VẬT LÝ 2024 - TỪ CÁC TRƯỜNG, TRƯ...
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT VẬT LÝ 2024 - TỪ CÁC TRƯỜNG, TRƯ...TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT VẬT LÝ 2024 - TỪ CÁC TRƯỜNG, TRƯ...
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT VẬT LÝ 2024 - TỪ CÁC TRƯỜNG, TRƯ...
 
factors influencing drug absorption-final-2.pptx
factors influencing drug absorption-final-2.pptxfactors influencing drug absorption-final-2.pptx
factors influencing drug absorption-final-2.pptx
 
Post Exam Fun(da) Intra UEM General Quiz 2024 - Prelims q&a.pdf
Post Exam Fun(da) Intra UEM General Quiz 2024 - Prelims q&a.pdfPost Exam Fun(da) Intra UEM General Quiz 2024 - Prelims q&a.pdf
Post Exam Fun(da) Intra UEM General Quiz 2024 - Prelims q&a.pdf
 
How to Manage Notification Preferences in the Odoo 17
How to Manage Notification Preferences in the Odoo 17How to Manage Notification Preferences in the Odoo 17
How to Manage Notification Preferences in the Odoo 17
 

Inkscape: Drawing Across the Curriculum