Inkscape FAQs

Exclusive offer: get 50% off this eBook here
Inkscape 0.48 Essentials for Web Designers

Inkscape 0.48 Essentials for Web Designers — Save 50%

Use the fascinating Inkscape graphics editor to create attractive layout designs, images, and icons for your website

$26.99    $13.50
by Bethany Hiitola | January 2011 | Open Source

The Inkscape graphics editor is powerful, but getting started is often difficult. With Inkscape, you can learn to build your first website design, create web page and desktop wallpapers with repeating pattern backgrounds and swirling designs. Incorporate icons and interactive maps on your website. Style and graphically manipulate text—from simple headings to shadowing, following paths, reflections, 3D effects, and more. Enhance your web pages using flowcharts, diagrams, and site maps and learn how to export them. Spruce it all up using animations.

In this article we will cover some of the most frequently asked questions on Inkscape such as;

  • What is Inkscape?
  • What platforms does Inkscape run on?
  • What is the interface of Inkscape like?

 

Inkscape 0.48 Essentials for Web Designers

Inkscape 0.48 Essentials for Web Designers

Use the fascinating Inkscape graphics editor to create attractive layout designs, images, and icons for your website

  • The first book on the newly released Inkscape version 0.48, with an exclusive focus on web design
  • Comprehensive coverage of all aspects of Inkscape required for web design
  • Incorporate eye-catching designs, patterns, and other visual elements to spice up your web pages
  • Learn how to create your own Inkscape templates in addition to using the built-in ones
  • Written in a simple illustrative manner, which will appeal to web designers and experienced Inkscape users alike
        Read more about this book      

(For more resources on Inkscape, see here.)

Q: What is Inkscape?
A:
Inkscape is an open source, free program that creates vector-based graphics that can be used in web, print, and screen design as well as interface and logo creation, and material cutting. Its capabilities are similar to those of commercial products such as Adobe Illustrator, Macromedia Freehand, and CorelDraw and can be used for any number of practical purposes. It is a software for web designers who want to add attractive visual elements to their website.

 

Q: What License is Inkscape released under?
A:
Inkscape is a free, open source program developed by a group of volunteers under the GNU General Public License (GPL). You not only get a free download but can use the program to create items with it and freely distribute them, modify the program itself, and share that modified program with others.

 

Q: What platforms does Inkscape run on?
A:
Inkscape is available for download for Windows, Macintosh, Linux, or Solaris operating systems.

 

Q: From where can we download Inkscape?
A:
Go to the official Inkscape website at: http://www.inkscape.org/ and download the appropriate version of the software for your computer.

 

Q: How do we run Inkscape on MAC OS X operating system?
A:
To run on the Mac OS X operating system, it typically runs under X11—an implementation of the X Window System software that makes it possible to run X11-based applications in Mac OS X. The X11 application has shipped with the Mac OS X since version 10.5. When you open Inkscape on a Mac, it will first open X11 and run Inkscape within that program. Loss of some shortcut key options will occur but all functionality is present using menus and toolbars.

 

Q: Is the X11 application a part of the MAC OS X operating system?
A:
If you have Mac OS X version 10.5 or above. If you have a previous version of the MAC OS X operating system, you can download the X11 application package 2.4.0 or greater from this website: http://xquartz.macosforge.org/trac/wiki/X112.4.0.

 

Q: What is the interface of Inkscape like?
A:
The Inkscape interface is based on the GNOME UI standard which uses visual cues and feedback for any icons. For example:

  • Hovering your mouse over any icon displays a pop-up description of the icon.
  • If an icon has a dark gray border, it is active and can be used.
  • If an icon is grayed out, it is not currently available to use with the current selection.
  • All icons that are in execution mode (or busy) are covered by a dark shadow. This signifies that the application is busy and won't respond to any edit request.
  • There is a Notification Display on the main screen that displays dynamic help messages to key shortcuts and basic information on how to use the Inkscape software in its current state or based on what objects and tools are selected.

Within the main screen there is the main menu, a command, snap and status bar, tool controls, and a palette bar.

Inkscape

 

Q: What are Paths?
A:
Paths have no pre-defined lengths or widths. They are arbitrary in nature and come in three basic types: open paths (have two ends), closed paths (have no ends, like a circle), or compound paths (uses a combination of two open and/or closed paths).

Inkscape

In Inkscape there are a few ways we can make paths: the Pencil (Freehand), Bezier (Pen), and Calligraphy tools—all of which are found in the tool box. They can also be created by converting a regular shape or text object into paths.

 

Q: Which are the shapes that can be created in Inkscape?
A:
Inkscape can also create shapes that are part of the SVG standard. These are:

  • Rectangles and squares 3D boxes
  • Circles, ellipses, and arcs
  • Stars
  • Polygons
  • Spirals

To create any of these shapes, see the following screenshot. Select (click) the shape tool icon in the tool box and then draw the shape on the canvas by clicking, holding, and then dragging the shape to the size you want on the canvas.

Inkscape

 

Q: What is slicing?
A:
It is a term used to describe breaking of an image created in a graphics program apart so that it can be re-assembled in HTML to create a web page. To do this, we'll use Web Slicer Extension: from the main menu select Extensions | Web | Slicer | Create a slicer rectangle.

Inkscape

 

Inkscape 0.48 Essentials for Web Designers Use the fascinating Inkscape graphics editor to create attractive layout designs, images, and icons for your website
Published: November 2010
eBook Price: $26.99
Book Price: $44.99
See more
Select your format and quantity:

 

        Read more about this book      

(For more resources on Inkscape, see here.)

Q: How do we export the slices?
A:
In Inkscape 0.48 there is a batch export layout pieces and HTML + CSS Code option. This means you can export all your layout slicer rectangles and more all at once. From the main menu select Extensions | Web | Slicer | Export layout pieces and HTML+CSS code.

Inkscape

 

Q: What is Inkscape's XML Editor?
A:
One of the features that sets Inkscape apart from other vector graphics programs is the XML editor. The XML editor is a code-based version of your canvas, all objects, properties, and more. Within the XML editor you can change any aspect of the document and see it immediately reflected on your canvas.

 

Q: How can we access the XML Editor?
A:
Accessing the XML editor is the easy part. From any open Inkscape document, on the main menu, select Edit and then XML Editor.

Inkscape

You can also open the XML editor using the keyboard shortcut Shift+Ctrl+X.

 

Q: What is the Lorem Ipsum effect?
A:
It's a pseudo-Latin form of text that is commonly used as "placeholder" text because when seen in a larger context of a design it gives the feel for real sentences and paragraphs of text at a visual level.

Inkscape

 

Q: How do we use it?
A:
The following are the steps to use the Lorem Ipsum effect:

  1. In an open project, choose the Create and Edit Text tool and create a text box.
  2. From the main menu, select Extensions and then Text and Lorem Ipsum.
  3. In the Lorem Ipsum window, choose some settings and then press Generate.

    Inkscape

  4. Within a few moments, you'll have some text, which you can place on the screen.

 

Q: What is the basic technique to create an animation in Inkscape?
A:
We use Inkscape to create each animation frame and save it in a PNG format. Then we use Gimp, another open-source program, to tie all of the images together and create the animation.

 

Q: From where can we install GIMP?
A:
Go to http://www.gimp.org/, find the Download area to download and install the appropriate version of Gimp for your computer system using the instructions provided.

 

Q: Are Scripts different than Plugins?
A:
When you use scripts with Inkscape, you essentially add new features to the existing software. A script takes control of the Inkscape software to perform a certain feature. Scripts themselves differ from plugins in that they are usually written in a different programming language than the main program (Inkscape in this case) and can be modified any time.

 

Q: How can we import images in Inkscape?
A:
Inkscape can import almost any image type—from the main menu select File and then Import. You can select common image file types and bring them into the open document.
Or you can:

  • Copy an open image and paste into the open document
  • Drag an image into the Inkscape canvas
  • Click the Import icon in the Command Bar

 

Q: What is Open Clip Library?
A:
The Open Clip Art Library is an open source, free clip art image library that you can search directly from Inkscape. Unfortunately, in this release of Inkscape, Open Clip Library only works for Macintosh computer users. If you are a PC or Linux user, you can view and download the same clipart from the Open Clip Art website at: http://www.openclipart.org.

 

Q: Are there any online tools available that help with the Inscape XML/SVG creation?
A:
There are online tools or CSS frameworks that also help with the Inkscape XML/SVG and CSS creation. All of the mentioned systems, give you common layouts based on grid sizes and then let you customize them. Here's an overview of a few of these CSS systems below:

  • 960 Grid System (http://960.gs/): This framework uses a width of 960 pixels and creates CSS based on 12 and/or 16 columns, which can be used separately or together.
  • Blueprint (http://www.blueprintcss.org/): This is a bit more flexible framework that lets you determine how many columns you want, how wide they should be, and how much space you want between them. It has some pre-loaded cross-browser support, some built-in fonts and styles and plugin support.
  • YUI Grids (http://developer.yahoo.com/yui/grids/): Offers six templates as a base, with four page widths. You can also stack next regions of 2, 3, or 4 columns—all in all about 1000 page layout combinations.

 

Summary

In this article we took a look at some of the most frequently asked questions on Inkscape.


Further resources on this subject:


Inkscape 0.48 Essentials for Web Designers Use the fascinating Inkscape graphics editor to create attractive layout designs, images, and icons for your website
Published: November 2010
eBook Price: $26.99
Book Price: $44.99
See more
Select your format and quantity:

Resources for Article :


Inkscape 0.48 Essentials for Web Designers by Bethany Hiitola

Books From Packt


Inkscape 0.48 Illustrator's Cookbook
Inkscape 0.48 Illustrator's Cookbook

Scribus 1.3.5: Beginner's Guide
Scribus 1.3.5: Beginner's Guide

Inkscape 0.48 Essentials for Web Designers
Inkscape 0.48 Essentials for Web Designers

Python 2.6 Graphics Cookbook
Python 2.6 Graphics Cookbook

OpenSceneGraph 3.0: Beginner's Guide
OpenSceneGraph 3.0: Beginner's Guide

TortoiseSVN 1.7 Beginner's Guide
TortoiseSVN 1.7 Beginner's Guide

Cocos2d for iPhone 0.99 Beginner's Guide
Cocos2d for iPhone 0.99 Beginner's Guide

jQuery 1.4 Reference Guide
jQuery 1.4 Reference Guide


No votes yet

Post new comment

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
Z
6
A
k
4
5
Enter the code without spaces and pay attention to upper/lower case.
Code Download and Errata
Packt Anytime, Anywhere
Register Books
Print Upgrades
eBook Downloads
Video Support
Contact Us
Awards Voting Nominations Previous Winners
Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
Resources
Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software