Inkscape Beginner’s Guide

Table of Contents

Inkscape

Credits

About the Author

About the Reviewers

www.PacktPub.com

Support files, eBooks, discount offers and more

Why Subscribe?

Free Access for Packt account holders

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Time for action — heading

What just happened?

Pop quiz — heading

Have a go hero — heading

Reader feedback

Customer support

Downloading the color images of this book

Errata

Piracy

Questions

1. Getting Started with Vector Graphics

What are vector graphics?

Programs that use vector graphics

Vector formats

Scalable Vector Graphics

Advantages of an open-standard vector format

Additional advantages of SVG vector images over proprietary formats

Disadvantages of vector graphics over non-vector formats

Determining when to use vector or rasterized graphics

Time for action — basic design

What just happened?

Time for action — vector versus rasterized images

What just happened?

Time for action — building brochure files

What just happened?

Pop quiz — understanding vector graphics

Summary

2. Installing and Opening Inkscape

Inkscape's features

Installing Inkscape

Time for action — downloading Inkscape

What just happened?

Troubleshooting installation

The basics of the software

Time for action — getting started with Inkscape

What just happened?

Pop quiz — using Tools

Understanding a new document

Time for action — learning more about the main screen

What just happened?

Have a go hero — floating Dockable dialogs

Pop quiz — new documents

Summary

3. How to Manage Files

Creating new files

Using predefined-sized document dimensions

Time for action — creating a new CD cover

What just happened?

Pop quiz — how do you change the dimensions of a predefined graphic?

Custom document dimensions

Time for action — creating a new custom file size for a postcard

What just happened?

Have a go hero — adding a print-safe border

Have a go hero — adding a print bleed

Saving Inkscape files

Saving in Inkscape SVG

Time for action — saving an Inkscape SVG

What just happened?

Pop quiz — editable Inkscape file formats

Exporting files

Time for action — exporting to PNG

What just happened?

Pop quiz — Export versus Save As

Have a go hero — saving your Inkscape file as a PDF

Creating a customized default document

Time for action — creating a new default document

What just happened?

How to structure project files

Managing multiple file projects

Time for action — exporting a batch of images

What just happened?

Renaming object IDs

Importing non-native Inkscape files

Time for action — importing a PDF into Inkscape

What just happened?

Pop quiz — file format portability

Embedding and linking image files

Embedding files in Inkscape

Time for action — embedding a logo into your design

What just happened?

Linking external files in Inkscape

Time for action — linking a photograph into a brochure design

What just happened?

Pop quiz — linking versus embedding images

Have a go hero — changing your mind, embedding files after the fact

Summary

4. Creating your First Graphics

Paths

Creating your first vector graphic

Creating a polygon

Time for action — opening a new document

What just happened?

Pop quiz — displaying borders

Time for action — creating a star

What just happened?

Pop quiz — switching shapes

Have a go hero — changing shape options

Time for action — saving your graphic

What just happened?

Pop quiz — image formats

Creating ellipses and arcs

Time for action — creating the Ellipse

What just happened?

Pop quiz — circles

Time for action — making an arc

What just happened?

Complex Shapes

Time for action — combining shapes

What just happened?

Pop quiz — joining objects

Freehand objects (Paths)

Time for action — creating a freehand object

What just happened?

Pop quiz — deleting

Using grids and guidelines

Time for action — viewing the Grid

What just happened?

Have a go hero — changing the unit of measure

Pop quiz — viewable grid

Time for action — making guides

What just happened?

Summary

5. How to Work with Layers

Defining layers and how to create them

Time for action — creating a layer

What just happened?

Pop quiz — Layers dialog

Using Layers in an example drawing

Time for action — using Layers in web design

What just happened?

Locking layers

Time for action — locking a layer

What just happened?

Hiding layers

Time for action — hiding layers

What just happened?

Have a go hero — show all but current layer

Duplicating layers

Time for action — duplicating layers

What just happened?

Arranging layers

Time for action — moving layers

What just happened?

Pop quiz — background colors

Time for action — nesting layers

What just happened?

Have a go hero — moving objects from one layer to another

Renaming layers

Time for action — renaming a layer

What just happened?

Deleting layers

Time for action — deleting a layer

What just happened?

Pop quiz — undo last action

Blend mode

Time for action — using Blend mode

What just happened?

Summary

6. Building Objects

Working with objects

Time for action — creating a simple object

What just happened?

Fill and Stroke

Fill and Stroke dialog

Time for action — using the Fill and Stroke dialog

What just happened?

Color palette bar

Time for action — using the color palette

What just happened?

Dropper

Time for action — using the dropper tool

What just happened?

Pop quiz — changing Fill and Stroke

Grouping

Time for action — grouping objects

What just happened?

Pop quiz — shortcut keys to quickly ungroup items

Clipping and masking

Time for action — clipping objects

What just happened?

Time for action — masking objects

What just happened?

Summary

7. Using Paths

Working with paths

Time for action — using the Bezier tool

What just happened?

Pop quiz — remove the last node movement

Transforming objects into paths

Stroke to paths

Time for action — creating spiros and swirls

What just happened?

Object to Path

Time for action — Object to Path

What just happened?

Pop quiz — paths

Path options

Time for action — creating an icon

What just happened?

Summary

8. How to Style Text

Text and Font editor

Time for action — opening and using the Text and Font editor

What just happened?

Pop quiz — font options

Kerning

Time for action — kerning text

What just happened?

Text styling keyboard shortcuts

Using paths and text

Time for action — using a path for text

What just happened?

Placing text within a closed shape

Time for action — placing text in a closed shape

What just happened?

Spell check and find/replace

Time for action — performing a find and replace

What just happened?

Text effects

Time for action — using text effects

What just happened?

Creating text reflections

Time for action — creating a reflection

What just happened?

Pop quiz — — transparency

Summary

9. Using Filters

What are filters?

Using the Filter editor

Time for action — using filters

What just happened?

Pop quiz — common icon sizes

Using filters with text

Time for action — using filters with text

What just happened?

Images and effects

Time for action — using filters with images

What just happened?

Tracing images

Time for action — using Potrace

What just happened?

Time for action — using SIOX

What just happened?

Summary

10. Extensions in Inkscape

Templates

Installing and using new templates

Time for action — installing Inkscape templates

What just happened?

Creating your own custom templates

Time for action — modifying an existing Inkscape template

What just happened?

Time for action — creating a custom template

What just happened?

What are extensions?

Examples of extension tutorials

Installation extensions

Pop quiz — what are extensions?

Summary

11. Working with Images

Importing from the Open Clip Art Library (Linux and Mac users)

Time for action — using the Open Clip Art Library (Mac users only)

What just happened?

Pop quiz — Open Clip Art

Basics about photo manipulation

Time for action — blurring the background of a photograph

What just happened?

Converting raster logos to vector-based logos

Time for action — converting a logo to a vector-based image

What just happened?

Summary

12. Using the XML Editor

Inkscape's XML Editor

Time for action — accessing the XML Editor

What just happened?

XML Editor basics

SVG basics

Attribute types

Pop quiz — sodipodi tag

Basic attributes

Paths

Shapes

Images

Text

Using the XML Editor to change characteristics

Time for action — using the XML Editor to change object characteristics

What just happened?

Using XML and graphics with programmers

Summary

A. Where to Find More Information

Official sites

Articles and tutorials

Community

Blogs

Twitter

B. Keyboard Shortcuts

C. Glossary of Terms

D. Pop quiz Answers

Chapter 1, Getting Started with Vector Graphics

Pop quiz — understanding vector graphics

Chapter 2, Installing and Opening Inkscape

Pop quiz — using Tools

Pop quiz — new documents

Chapter 3, How to Manage Files

Pop quiz — how do you change the dimensions of a predefined graphic

Pop quiz — editable Inkscape file formats

Pop quiz — Export versus Save As

Pop quiz — file format portability

Pop quiz — linking versus embedding images

Chapter 4, Creating your First Graphics

Pop quiz — displaying borders

Pop quiz — switching shapes

Pop quiz — image formats

Pop quiz — circles

Pop quiz — joining objects

Pop quiz — deleting

Pop quiz — viewable grid

Chapter 5, How to Work with Layers

Pop quiz — Layers dialog

Pop quiz — background colors

Pop quiz — undo last action

Chapter 6, Building Objects

Pop quiz — changing Fill and Stroke

Pop quiz — shortcut keys to quickly ungroup items

Chapter 7, Using Paths

Pop quiz — remove the last node movement

Pop quiz — paths

Chapter 8, How to Style Text

Pop quiz — font options

Pop quiz — transparency

Chapter 9, Using Filters

Pop quiz — common icon sizes

Chapter 10, Extensions in Inkscape

Pop quiz — what are extensions?

Chapter 11, Working with Images

Pop quiz — Open Clip Art

Chapter 12, Using the XML Editor

Pop quiz — sodipodi tag

Index

Inkscape

Beginner's Guide

J. Ayen Green

Inkscape

Copyright © 2012 Packt Publishing

All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews.

Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the author, nor Packt Publishing, and its dealers and distributors will be held liable for any damages caused or alleged to be caused directly or indirectly by this book.

Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information.

First published: May 2012

Production Reference: 1170512

Published by Packt Publishing Ltd. Livery Place 35 Livery Street Birmingham B3 2PB, UK.

ISBN 978-1-84951-720-1

www.packtpub.com

Cover Image by Asher Wishkerman (<[email protected]> )

Credits

Author

Bethany Hiitola

Reviewers

Mark Bystry

Jose Olarte III

Richard Querin

Sylvia Slokker

Acquisition Editor

Sarah Cullington

Lead Technical Editor

Hithesh Uchil

Technical Editors

Ankita Shashi

Manali Mehta

Manasi Poonthottam

Copy Editors

Leonard D'Silva

Laxmi Subramanian

Project Coordinator

Joel Goveya

Proofreader

Chris Brown

Indexer

Monica Ajmera Mehta

Graphics

Manu Joseph

Valentina D'Souza

Production Coordinator

Melwyn D'Sa

Cover Work

Melwyn D'Sa

About the Author

Bethany Hiitola is a working writer. She has worked as a technical writer and multimedia developer for over 12 years. She spends the rest of her time as a wife, mother, and caretaker to pets. She has written more user manuals than she can count, essays, short stories, academic papers, press releases, and feature articles. More details about her writing and life are at her website: www.bethanyhiitola.com

Without you Matt, this book wouldn't have been possible. You are my everything.

About the Reviewers

Mark Bystry is a design engineer by trade. He is also an open source software enthusiast with a penchant for graphic art. Drawing and illustration, 3D modeling, desktop publishing, photography, and videography are just a few of his many interests. Those things also spill into his daily work duties. Mark has come to rely on Inkscape as well as several other leading open source applications to achieve a full range of graphic tasks.

Several years ago Mark teamed up with his online pal, Richard Querin, when they recognized a void within the Inkscape user community, specifically the lack of educational information dedicated to the use of Inkscape. Their vision was of a series of instructional videos geared towards beginners.

Since that time Richard and Mark have made over one hundred videos demonstrating various functions within the application. Though their video series has tapered off, mainly due to their insatiable need to explore all that the technological world has to offer, they still remain avid users of Inkscape and continue to guide novice users in the achievement of their goals.

Jose Olarte III is a graphic designer and photographer from Baguio City, Philippines. He specializes in: user interface design for web, mobile and desktop platforms; print design for magazines and other publications; logo and icon design. When he's not busy pushing pixels and stretching ems, he gets his social fix by tweeting away his thoughts: twitter.com/brownspank

I would like to thank my wife Vanessa for putting up with my extended hours and sharing my passion for work, without which I wouldn't have the strength and motivation to move forward with my creative endeavors.

Richard Querin is a practicing structural engineer with a passion for graphic design, photography, and other creative pursuits. He has contributed graphic design work to several different free and open source projects including websites, mobile and desktop applications, conference graphics, and print advertisements. He has also done numerous Inkscape video tutorials as a co-contributor to the screencasters.heathenx.org website.

I would like to thank my family for putting up with my creative antics and providing me the time and space to take on creative pursuits such as these. Thanks also go to my friend and Inkscape compatriot Mark Bystry for his help throughout the years and to Joel Goveya for his patience when it came to getting my reviews back. And finally, a special thanks to my wonderful daughter Emily for making fatherhood an absolute delight.

Sylvia Slokker is a graphics freelancer and IT professional. She started her career in web design and development in 2001, abandoning the career path of process engineer after almost 10 years.

Sylvia moved continents to chase a dream and currently works as a web developer in Australia. She has been creating vector designs since 1994, using both commercial as well as open source software. Nowadays, she uses Inkscape almost exclusively for all her vector work. Sylvia writes tutorials for the web under the nickname Syllie and runs: verysimpledesigns.com as a tutorial site for the novice Inkscape artist.

www.PacktPub.com

Support files, eBooks, discount offers and more

You might want to visit www.PacktPub.com for support files and downloads related to your book.

Did you know that Packt offers eBook versions of every book published, with PDF and ePub files available? You can upgrade to the eBook version at www.PacktPub.com and as a print book customer, you are entitled to a discount on the eBook copy. Get in touch with us at for more details.

At www.PacktPub.com, you can also read a collection of free technical articles, sign up for a range of free newsletters and receive exclusive discounts and