A Guide to Inkscape/Interface

ne of Inkscape's main priorities is ease of use. This is visible on the Main Window as every bar's button (icon), numeric value and unit of measure boxes will produce tooltip (help) messages. The Menu bar is title, not button, based so when using these titled edits Inkscape still provides updated assistance. For a quick example, click the Menu's bar ‣ F ile option, then mouseover 🖰 one of the ‣ F ile options and there will be two feedback features. (1) The mouseover of one of the drop down menu items will highlight (background color) the item. (2) The Statusbar (bottom center) will provide an updated Notificaton message describing the highlighted Menu bar item.

The Inkscape default window is laid out with four bars at the top, two on the left, two on the right and three at the bottom. You can create and edit graphics using various displays, such as bars, dialogs, numeric value and unit of measure boxes. You can also adapt the bars and dialog displays to the way you draw, by customizing the Main Window view with style settings. The window layout of an application is also referred to as the Graphical User Interface (GUI).


 * The Menu bar across the top contains file and graphic based editing, using a number of drop-down menus. The menu titles are displayed, and if assigned the titles keyboard shortcut key(s) are also displayed.


 * The contains common commands associated with file and graphic editing.  Related commands are grouped together and separated by vertical lines (|).


 * The displays editing option buttons (icons), numeric-value (if applicable) and unit of measure boxes for the currently enabled  tool.


 * The shows the x and y axis positioning of the cursor on the canvas and is one source for placing Guidelines over the canvas.


 * The are placed to the right and bottom, adjacent to the canvas.


 * The is displayed on the right side of the user interface and sets the snapping methods (modes).


 * The below the bottom Scrollbar and above the Statusbar displays customizable color palletes.


 * The at the very bottom of the interface, displays common editors, dynamic tool-tip messages of the current on Canvas node/handle mouseover 🖰, edits and Menu bar interaction being performed.


 * The area is the play area for your creations, the canvas has no borders.


 * The can be seen as the print area and is restricted by its 'page border'.  One can still export based on page, selection, drawing and custom.

The sub Menu option ‣ V iew ‣‣Sh o w/Hide allows on and off display of various bars, the Menu bar is the only bar that cannot be hidden.

If you work with two or more files, you can position each window side by side on the screen or across multiple monitors. You can also switch between file windows using;
 * ‣ V iew ‣‣N e xt Window or Shift
 * ‣ V iew ‣‣P r evious Window or Ctrl

Interface basics
The Inkscape interface is based on the GNOME Human Interface Guidelines (HIG) standard. The HIG uses visual indicators, like background and cursor (pointer) changes. It also provides feedback with pop-ups, tooltip and notification messages for any interface buttons, numeric value and units of measure boxes, on canvas editing icons, bounding boxes, guides, etc. and Menu bar 'titled' commands.

Here are some examples of Inkscapes HIG features:
 * Mouseover 🖰 the cursor on top of any interface button, numeric-value or unit of measure box and the interface will display a pop-up (feedback) description of the button and boxes. And if the button or box is available for execution, the interface will highlight the button/box with a light blue visual indicator (background).
 * When a button or numerical-value box foreground is grayed out, this indicates that the button/box cannot be used under the current canvas selection/status, but will still display a pop-up message.
 * Edit/Tool buttons that are currently enabled will have blue square/rectangle backgrounds.
 * Mouseover 🖰 on top of any on canvas editing icons (i.e., nodes, handles, segments, etc.) and the editing icon will change colors and generate a tooltip message in the Statusbar's Notification area.
 * When Snap Controls are enabled, during the 'snap to' action an on-canvas pop-up messages will briefly display feedback on how the snap will be placed (example, Bounding Box Corner to Bounding Box Corner)
 * Within the Statusbar there is a Notification Area that will display dynamic messages based on;
 * Mouseover 🖰 of any on canvas edit icons/segments
 * Menu bar highlighting of command features
 * Menu bar transactions

Interface preferences
To open the preferences menu, use the Menu bar ‣ E dit, ‣‣P r eferences... (Ctrl) and open the  sub-menu. There are many customizable settings available under the Interface preferences and its three sub-menus. Just like the mouseover 🖰 feature availability for on canvas edits and interface bars, you can also preferences' window items; drop down menus, check box descriptions and value boxes.

The three sub-menus under Interface are; Windows, Grids and Keyboard Shortcuts. Under the Windows sub-menu there is a setting for: Dialog behavior (requires restart) The Dockable setting will place a dialog's (example, Fill and Stroke Dialog) window against (docked) the Snap Controls bar on the right side of the Interface. The Floating setting will place the dialog's window onto the top right area of the Canvas.
 * Dockable
 * Floating

View modes
You can change the interface display of the Inkscape window using three view modes.

1. Normal view mode displays artwork in the default window. In this mode, access to all of the editing tools and menu interactions are available.

2. Fullscreen view mode ‣ V iew ‣‣ F ullscreen (Alt, F) or shortcut F11 displays artwork in a fullscreen window, only eliminating the document title bar. In this mode, shortcut key edits are still available. To return to Normal view mode use ‣ V iew ‣‣ F ullscreen (Alt, F) or shortcut F11.

3. Fullscreen view mode with Dialog (Dock) Bar Shift displays artwork in a fullscreen window with the dialog window or dock bar displayed. In this mode, shortcut key edits are also available, to return to Normal view mode press Shift.

Menu bar
The very top bar of the Inkscape interface is the Menu bar, the Menu contains the basic F ile, E dit and H elp functions like many other programs. A fairly new feature worth noting is the ‣ F ile ‣‣Import Clip Art... window which allows for the searching and importing of files from the Open Clip Art library, for this to work you need to be connected to the internet. The remainder of the Menu bar's commands are related to working with graphic design.



Most commands are available directly from the keyboard, by either using access keys (underlined letter) or keyboard shortcuts. These two keyboard methods are available features within Inkscape. Using the ‣ F ile drop down menu as an example, access keys for commands under the ‣ F ile menu are available by first using Alt (drop down menu is displayed), then a given access key. Example, to access the ‣ F ile ‣‣ D ocument Properties command use the following keyboard entries of Alt, D, you can also use the assigned keyboard shortcut of Shift. Frequently used menu items are assigned keyboard shortcuts, this amounts to over 60% (not including Filter s, Exte n sions and H elp) of Inkscape's Menu bar commands having keyboard shortcuts.

Additionally, in the Menu bar - drop down graphic above, the Document Properties... Shift+Ctrl+D item is highlighted. When a Menu bar item has a mouseover applied the Statusbar's Notification display will update with a live message. Here is the notification message for the mouseover of  D ocument Properties:

Commands bar
The has buttons of frequently used edits such as file options, zoom levels, undo, copy, group, etc. Related edits are grouped along the bar and are separated by a vertical line |. A great example of this is the grouping of the highly used Zoom levels.



Toolbox and Tool Controls bars
The third bar down is the, which changes depending upon the currently enabled tool in the Toolbox bar. The is located on the left side of the user interface. In the example graphic the Tool Controls bar edits are complementary to the Toolbox bar's Selector Tool.

The Tool Controls bar edit buttons (icons) and numeric-value boxes are editors under the Selector Tool properties and are grouped into five sections, each separated with vertical lines |. Here is a summary of the groupings starting with the left grouping first:
 * ① Select all objects or all nodes(Ctrl); ② Select all objects in all visible and unlocked layers (Ctrl); ③ Deselect any selected objects or nodes(Esc)


 * ④ Rotate selected objects 90° counter-clockwise (Ctrl); ⑤ Rotate selected objects 90° clockwise (Ctrl); ⑥ Flip selected objects horizontally (H); ⑦ Flip selected objects vertically (V)
 * ④ Rotate selected objects 90° counter-clockwise (Ctrl); ⑤ Rotate selected objects 90° clockwise (Ctrl); ⑥ Flip selected objects horizontally (H); ⑦ Flip selected objects vertically (V)


 * ⑧ Lower selection to bottom (End); ⑨ Lower selection one step (Page Down); ⑩ Raise selection one step (Page Up); ⑪ Raise selection to top (Home)
 * ⑧ Lower selection to bottom (End); ⑨ Lower selection one step (Page Down); ⑩ Raise selection one step (Page Up); ⑪ Raise selection to top (Home)


 * ⑫ Horizontal coordinate of selection; ⑬ Vertical coordinate of selection;
 * ⑭Width of selection; Lock button - See graphic above for mouseover pop up msg; ⑮ Height of selection; ⑯ Drop down menu, sets the selected object(s) units of measure
 * ⑭Width of selection; Lock button - See graphic above for mouseover pop up msg; ⑮ Height of selection; ⑯ Drop down menu, sets the selected object(s) units of measure


 * ⑰ When scaling objects, scale the stroke width to the same proportion; ⑱ When scaling rectangles, scale the reach of rounded corner; ⑲ Move gradients (in fill or stroke) along with objects; ⑳ Move patterns (in fill or stroke) along with objects
 * ⑰ When scaling objects, scale the stroke width to the same proportion; ⑱ When scaling rectangles, scale the reach of rounded corner; ⑲ Move gradients (in fill or stroke) along with objects; ⑳ Move patterns (in fill or stroke) along with objects

The amount of interface bar button pop-up messages support in Inkscape is very impressive, as it is hard to find a button, numeric-value and unit of measure boxes that do not generate pop-up messages on mouseovers 🖰. The Tool Controls bar example graphic shows a pop-up message, that is generated (feedback) when a mouseover 🖰 is above the Selector's Tool Controls bar open lock button.

Controls bar value boxes
To access the Tool Controls bar numeric-value boxes and units of measure box:
 * Click inside the numeric-value boxes
 * Click the drop down button in the unit of measure box

There are also Controls bar shortcuts that not only make the navigation of the varying boxes quicker, but will likely lead to a great habit of using more precise settings when creating detail oriented files. While svg editors compliment bitmap editors, svg editors can be seen as another domain for artwork. SVG relies heavily on mathematics and a part of Inkscape's ease of use gateway to its internal mathematics are via these boxes. While the shortcuts below may seem cumbersome at first, over time they will ultimately lead to enhanced graphic creations through ease of use and a 'best practice' of zeroing in on Inkscape's rich mathematics.

Tool controls bar shortcuts
Access
 * The Tool Controls bar provides different buttons and numeric-value boxes for each tool.


 * Alt

jump cursor to the first value box

Navigate
 * Use these shortcut keys to move between boxes in the Tool Controls bar.


 * Tab
 * Shift

jump to the next box jump to the previous box

Change values
 * Values can be entered by typing, right-clicking for a preset pop-up menu along with these shortcut key options:


 * Up Arrow, Down Arrow
 * Page Up,
 * Enter
 * Esc
 * Ctrl

change value by 0.1 change value by 5.0 accepts the new value, returns to canvas cancels value changes made, returns to canvas cancels value changes made, stays in the value/setting box.

Tool controls bar visual feedback
The currently enabled Toolbox tool will have a blue colored squared backdrop. The Tool Controls bar also places a blue colored squared backdrop to any enabled edits. In the Tool Controls graphic there is an example of four edit features grouped together. The first button is not enabled so there is no blue background on the button, but it is available since it is not grayed out. The next three edits are enabled: and have blue color backgrounds. For new (rookie) graphic designers over looking these settings can lead to re-editing of objects.

Selector tool rate of use
The Selector Tool is the most used tool in Inkscape. So to improve the ease of use for this tool it has three shortcuts, and is one of the two tools that has a 'toggle' feature. One of the three Selector Tool shortcuts is the Spacebar, which toggles the activation of the Selector Tool. When using any other tool, press the Spacebar to switch to the Selector Tool, then perform the Selector Tool-based edit(s). Once the Selector Tool edit(s) are completed press the Spacebar again to return (toggle) to the previously enabled tool.

Toolbox bar descriptions
The tools can be enabled from the Toolbox bar on the left side of the interface or by using the shortcut key assigned to the specific tool. To find out what edit/feature each tool provides, simply mouseover 🖰 a Toolbox bar button (icon) and a pop-up message (feedback) will provide the tools title and its assigned shortcut key in parenthesis.

Here is a table with shortcut key(s), tool's name and descriptions for each of the Toolbox tools (v0.91):

Rulers bar Inkscape v091 GUI Rulers Bar Icon View.svg
Keyboard shortcut: Ctrl

The fourth bar down, from the top, is the, this interface bar is two-sided as it also displays along the left side of the Canvas. Both of the rulers directly border the Canvas area. The top bar (left to right) is "horizontal" and is referred to as the X axis. The left bar (down to up) is "vertical" and is referred to as the Y axis within Inkscape. In the example Rulers bar graphic, the X axis ruler's down arrow icon (⏷) and Y axis ruler's right arrow icon (⏵) follow the on-canvas cursor's positioning. If you prefer not to use the Guidelines or Canvas Grids, zooming in while editing nodes, handles, etc. will increase the accuracy of on-canvas editing. The Node's Tool Controls bar also has precise x/y numeric-value boxes for an objects bottom-left bounding boxes corner for x/y placement on the canvas.

The rulers can represent distances by different units of measure and can be set using the following Menu bar command, ‣ F ile ‣‣ D ocument Properties ‣‣‣Page Tab , Shift. Any changes will be saved with the document, as this is not an entire (application) preference. Inkscape provides the following configurable default units of measure:


 * pt (points)
 * cm (centimeters)


 * m (meters)
 * in (inches)


 * mm (millimeters)
 * pc (picas)


 * px (pixels)
 * ft (feet)

The  D ocument Properties default units (of measure setting) is px (pixels). To verify any change of the default units, simply mouseover 🖰 the Rulers bar and a pop-up will display the default units of measure setting.

Displaying the Rulers bar to the user interface can also be viewed or hidden using the following options, Ctrl or via the Menu bar ‣ V iew ‣‣Sh o w/Hide ‣‣‣ R uler bars (Alt, O, R.

Rulers bar - Guidelines
Keyboard Shortcut: Shift The Rulers bar is one method of placing guidelines onto the canvas area. The guidelines are in place to assist in editing and are not part of rendering or exporting of any files.

To extract (pull out) a guideline from one of the Rulers bar, switch the Toolbox tool to either the Selector Tool (spacebar) or the Node Tool (N). For a 0° angle guideline place the mouse cursor over the top Ruler Bar (X axis ⏷), then Drag (Click+Hold) the mouse cursor down toward the canvas. A red line will come out of the Rulers bar and will be positioned (x/y) over the canvas where the drag is released. Once released the Guideline will change to the color blue (default). For a 90° angle guideline repeat this drag over the left Ruler Bar (Y axis ⏵).

The graphic (Inkscape v0.91 Rulers bar guideline drags) also shows how to drag pre-configured guidelines from the top left corner for a 45° angle and for a -45° angle from the top right or the bottom left of the Rulers bar.

The modifier keys Ctrl and Shift enhance the edits of the guidelines. Here is the Statusbar's Notification display (bottom-center) tooltip message when hovering the Selector or Node Tool cursor over an existing guideline:

To angle a guideline at 15° snap increments drag the guideline using the following keys, Ctrl. The guidelines can be viewed or hidden by, a Single-Click over the Rulers bar, shortcut Shift and ‣ V iew ‣‣G u ides (Alt, U).

Displaying the Guidleines to the user interface can be viewed or hidden using the following options, Shift or via the Menu bar ‣ V iew ‣‣G u ides (Alt, U).

Scrollbars
Keyboard shortcut: Ctrl

Thumb dragging
Move the cursor over one of the two thumbs and then Drag (press and hold) the thumb, to scroll the canvas. If using a laptop pad, move the cursor over a thumb and double-click the thumb, then drag it.

Clicking the trough
The trough area above or below the thumbs can be clicked in order to jump to that point on the canvas. After clicking the trough, scrolling automatically begins and then stops once the thumb has reached the position of the mouse cursor. To jump the thumb to a trough position use the shortcut Click the Middle Mouse Button (Click).

Arrow buttons on scrollbar
Left-clicking on the arrows scrolls a small amount of the canvas at a time. Press and hold an arrow button and the canvas continuously scrolls faster until released. Right-clicking the arrows will automatically move the canvas' to the far left, far right, very top or very bottom of the canvas.

Mouse wheel
A mouse wheel, the middle mouse button (MMB), on a three button mouse may also be used to scroll the canvas. Moving the wheel in a desired direction moves the content in the same direction. Most mouses have a MMB that only scroll up and down, to scroll horizontally (left or right) use Shift. To change the distance one notch of the mouse wheel scrolls (moves) edit the "Mouse wheel scrolls by" spin box in the E dit P r eferences... (Alt, R) or shortcut Shift Scrolling menu, shown above.

Arrow keys
You can scroll the canvas in any direction using Ctrl keys. Or drag (click + hold) the middle mouse button (Drag) scrolling the mouse in any direction. The Inkscape ‣Preferences ‣‣Behavior ‣‣‣Scrolling provides user settings for the Ctrl+arrows feature:
 * Sc r oll by: will set the distance for each notch (step) of the MMB
 * A cceleration: will gradually (gently) speed up scrolling, set the spin box to '0' for no acceleration

Mouse wheel zooms by default
When the Mouse wheel zooms by default check box is checked (on), the mouse wheel zooms without Ctrl and scrolls the canvas with Ctrl. When this setting is unchecked (off), the mouse wheel zooms with Ctrl and scrolls without Ctrl. The graphic above shows the tooltip message when you the check box or the check box description.

To view/hide the scrollbars using the Menu bar, ‣ V iew ‣‣Sh o w/Hide  (Alt, B) or shortcut keys Ctrl).

Snap controls bar Inkscape icons snap.svg
Keyboard Shortcut: %

The bar to the far right, of the interface, is the that enables setting of object snapping modes. In general, snapping is a method for accurate and symmetrical (balanced) placement of objects onto the canvas. It features edits that easily align items in many different ways. The topmost icon in the bar enables snapping in general for the current file, the keyboard shortcut ％ is assigned to the Snap bar. Once snapping is enabled, there are six modes available, the first three modes have secondary snap edits available, while the last three snap edits are stand alone modes.

Snap bar settings
The options for Snap bounding boxes include:
 * Inkscape icons snap.svg (must be enabled for setting of the following secondary modes)
 * Inkscape icons snap bounding box edges.svg Snap to edges of a bounding box, not corners
 * Inkscape icons snap bounding box corners.svg Snap bounding box corners
 * Inkscape icons snap bounding box midpoints.svg Snap midpoints of bounding box edges
 * Inkscape icons snap bounding box center.svg Snap centers of bounding boxes

The second mode of snapping, is Snap nodes, paths and path segments, here are the options:
 * Inkscape icons snap.svg (must be enabled for setting of the following secondary modes)
 * Inkscape icons snap nodes path.svg Snap to paths
 * Inkscape icons snap nodes intersection.svg Snap to path intersections
 * Inkscape icons snap nodes cusp.svg Snap cusp nodes, including rectangle corners
 * Inkscape icons snap nodes smooth.svg Snap smooth nodes, including quadrant points of ellipses
 * Inkscape icons snap nodes midpoints.svg Snap midpoints of line segments

The third mode of snapping is Snap to other points (centers, guideline origins, gradient handles, rotation center (+), etc.), options include:
 * Inkscape icons snap.svg  (must be enabled for setting of the following secondary modes)
 * Inkscape icons snap nodes center.svg Snap to centers of objects
 * Inkscape icons snap nodes rotation center.svg Snap an objects rotation center
 * Inkscape icons snap text anchors and baseline.svg Snap text anchors and baseline

The following three snap modes are independent of each other and are not grouped like the previous modes. These snap modes require that the general snapping mode is enabled, shortcut key %. The three independent modes are:
 * Inkscape icons snap page.svg
 * Inkscape icons grid rectangular.svg
 * Inkscape icons guides.svg

Bounding boxes
One of the six modes of snapping, is Snap bounding boxes. A bounding box is a dashed line box, outlining an object's height and width. There are two outlining settings for the bounding box feature. (1) Visual bounding box; encloses strokes, markers, filter margins, etc. and (2) Geometric bounding box; outlines only the bare path. Here are some example graphics of the two bounding box types with plain and filtered objects, using the Selector tool:

To choose between the two bounding box features open ‣ E dit ‣‣P r eferences (Alt, R) or shortcut Shift select Tools, then click the radio button of your choice; Bounding box to use:
 * &#9673; Visual bounding box (default)
 * &#9678; Geometric bounding box

Snapping preferences
Keyboard Shortcut: Shift

A 'Snapping' tab is available in the ‣ E dit ‣‣P r eferences (Alt, R or Shift) ‣‣‣Behavior  options. Features found on this tab are:


 * Enable snap indicator (checkbox)
 * After snapping has occurred, an on canvas pop up message is displayed at the specific snap position, providing vector and snap mode information (feedback) of the edit.


 * Delay in ms (slider)
 * Postpone snapping as long as the mouse is moving, then wait in milliseconds (ms) before applying the snap. The delay is set on this slider, with values from 0 to 1000 ms available. When set to zero or a very small number snapping will be immediate.


 * Only snap the node closest to the pointer (checkbox)
 * Try to snap to the node that is closest to the mouse pointer (cursor). Example, If you want to use the bottom left node (corner) of an object as a snap point, start the drag (click + hold, left mouse button) close to the bottom left corner of the object.


 * Weight factor (slider)
 * When multiple snap targets are found, Inkscape can either prefer the closest transformation (when set to 0). Or prefer the node that was initially the closest to the pointer (when the slider is set to 1).


 * Snap the mouse pointer when dragging a constrained knot (checkbox)
 * When dragging a knot along a constraint line, then snap the position of the mouse pointer instead of snapping the projection of the knot onto the constrained line.

Palette bar
Keyboard Shortcut: Shift

At the bottom of the user interface below the Scrollbar is the. This bar provides fill and stroke style (colors, gradients, patterns, etc.) options. Fill is the style inside of an object, stroke is the outer edge (border) of an object.

Here is how some of the palette's color edits are placed onto objects:
 * Drag (press and hold the left mouse button) a color box from the palette onto an object and release the drag, this will change the target object's fill. The great benefit of this feature is the object does not have to be selected before the drag color box edit.
 * Shift a color box from the pallete onto an object and release the drag, this will change the object's stroke color. Again, the target object does not have to be selected.
 * Select an object first, then Right-Click a color box in the palette. A pop-up menu provides options to 'Set fill' or 'Set stroke'.
 * Select an object then Left-Click a color box to set the object's fill.
 * Select an object then Shift a color box to set the object's stroke.



The top half of the palette bar displays color boxes. To the right of the last displayed color box is a small left arrow. Click the arrow ⏴ for a menu with the following options:
 * Size :from tiny to huge color boxes (5 settings).
 * Width :from narrower to wider color boxes (5 settings)
 * Border :none, solid and wide (wide setting is shown in the palette bar graphic)
 * Wrap :will add a second row of color boxes to the palette
 * Color theme :there are 21 (v0.91) themes to chose from.

Just below the color boxes is the palette's scrollbar, there are many colors to choose from and most of the color themes require the use of this scrollbar. The scrollbar's default placement is to the left of the palette bar.

Statusbar
The delivers routine edit settings and essential display only information (see below).
 * Settings with editing capabilities
 * Style settings: Fill and Stroke style bars, Stroke width setting
 * O: Opacity numeric value spin box
 * Layer: Visibility, Lock/Unlock and Selection drop down menu
 * Z: Zoom percentage value spin box
 * Window size: Change window size
 * Displays only
 * Notification Display: On canvas editing tooltip and Menubar interaction messages
 * X: Y:: Horizontal (X) and vertical (Y) values of the cursor's on canvas position



Style settings Statusbar Style Settings Only.svg
First, select an object and the style setting (bottom left of the user interface) will update to reflect the style of the object. With the selection still in place, Right-Click the  and a pop-up menu will provide the following options:
 * Edit fill... (opens the Fill and Stroke Dialog, to the Fill tab)
 * Last set color(a)
 * Last selected color(b)
 * Invert; changes fill to the opposite color
 * White and Black; set fill to white or black
 * Copy/Paste color
 * Swap fill and stroke
 * Make fill opaque (full coloring, no alpha or opacity)
 * Unset fill
 * Remove fill
 * (a) Lest set - will replace the color to the object's last 'set' color, no matter what sequence of selections and edits that have occurred. This edit is attached to the object's properties and is not attached to a que (chain) of selections/edits.
 * (b) Last selected - is a mirror of the common chain based ‣ E dit ‣‣ U ndo, shortcut key Ctrl edit.

The, Right-Click is a mirror of the Fill style bar pop-up menu (above), but it applies to the selected object's stroke, not the fill. When a stroke style is displayed of a selected object, the stroke style bar is narrowed and the stroke's width numeric value is displayed (example graphic the stroke is set to 2). Right-Click the numeric value and a pop-up menu provides editing of the stroke's unit of measure (example; px, mm, inch, etc.), preset stroke width values from 0.1 to 32 and a remove (stroke) edit.

Opacity spin box Statusbar Opacity Spin Box.svg
First lets define  with regards to graphic design. The opacity value applies the transparency (see through) percentage of an object or a group of objects. The percentage is a unit of measure to which the background behind (below) the object is overlaid.

The opacity percentage-value, displays the opacity value for the selected object's combined fill and stroke. Right Click the percentage-value O: box to select preset values from 0% (transparent/no color) to 100% (opaque/full color). Double Click the box to manually enter an opacity setting of any number between 0 and 100.

Please note that in Inkscape, Opacity refers to the transparency of both an object's fill and stroke. While the term Alpha refers to Color models (RGB A, HSL A , CMYK A , etc.) and allows for individual alpha (transparency) editing of either an object's fill and stroke.

Layer settings Statusbar Layer Settings.svg
The Statusbar's layer settings is a minimized version of the full featured "Layers Dialog" and allows for quick layer selection/settings. The Layer Dialog will be fully covered in the Dialogs chapter. Briefly, layers allow for the creation and grouping of objects within a given layer, not to be confused with the object group/ungroup features. If you are new to graphics, most graphic nerds use layers from a bottom to top method for their artwork, this is a side step as most people see things from a top to bottom view. An example of using layers can be drawn from the creation of a birthday card, here is a quick outline of the potential layers: The Layer settings let you work on one layer and its objects potential filters/effects, with no worry of mistakenly editing other objects. For a first time user the layer features may not seem essential. But as a given creation becomes more complex, the layers make graphic editing so much easier.
 * Text (layer 6 - Top), Happy Birthday _ _ _ _ _!
 * Photograph (layer 5), bitmap image of birthday person
 * Candles (layer 4)
 * Balloons (layer 3)
 * Gradient (layer 2), contains a radial gradient or a filter/effect over the background layer
 * 2nd Background/Backrop, contains a different background color for quick comparison
 * Background/Backdrop (layer 1 - Bottom), contains a background color for the birthday card

Here are the definitions of the Statusbars' layer settings. The first button is the layer view / hide  button. Followed, to the right, by the lock / unlock  button of the current layer. When a layer is locked the objects within this layer are still displayed but cannot be selected nor edited. The layer's name and its drop down menu allows for a quick way to change layers. The Statusbar's layer settings are a quick and essential way of moving between layers.

Tool-tips and Notifications display
The Tool-tips and Notifications display is very helpful for beginners, as it generates Tool-tip Messages by following the sequence of possible on canvas edits one is performing on an object. It also generates Notification Messages when interacting with the Menu bar functions. If you are new to graphics, the tool-tip messages are prominent within graphic programs when compared to other types of programs. Please note Inkscape has thousands of edits, and this display is a key element if you want to grow your graphic design skills and have more fun.

Tooltip messages
Here is an example of the on-canvas tooltip messaging feature. First select the Square and Rectangle tool, while you are actively dragging (editing) the shape onto the canvas, the Statusbar's messaging will change and provide 'live' object and modifier key (Ctrl, Shift, Alt) tooltip message, this shows Object, Ctrl and Shift tips:

Now with the rectangle on the canvas, mouseover 🖰 one of the rectangles square handles, the handle will change color (visual indicator) and a new two item (width and height and Ctrl) tooltip message (feedback) will appear:

Another example, again with the rectangle already rendered (displayed) on the canvas, mouseover 🖰 a handle then press and hold one or two of the modifier keys, like the Ctrl key or both the Ctrl. While holding down the modifier key(s) the tooltip message updates again and provides assistance for the modifier key(s) you are holding, here is the tooltip for two modifier Ctrl keys:

To summarize the rectangle tooltips over the three separate messages we received seven tips, to help make Inkscape easier to use. Here is a breakdown of the seven tips provided:


 * 1. Rectangle: 11.00px x 766px; (feedback)
 * 2. Ctrl to make square or integer-ratio rectangle;
 * 3. with Shift to draw around the starting point
 * 4. Adjust the width and height of the rectangle;

5. with Ctrl to lock ratio or stretch in one dimension only 6. Ctrl: make a square or integer-ratio rectangle; lock a rounded corner circular; 7. Shift: draw around the starting point

When you switch from a newly created rectangle to either the Selector spacebar or Node tool N, the tooltip messaging will update to the newly enabled tool. Tooltips are extensive and very helpful, here are the on-canvas tooltips based on frequently used tools: Regardless of the active tool, nearly every on-canvas edit icon will generate a new tooltip message.
 * Shape or Path tools active on-canvas edits, along with handle, node, node handles and path segment mouseovers 🖰.
 * Selector tool active edits of scale, stretch, skew, rotation and center of rotation along with mouseovers 🖰 also generate tooltips.
 * The Node tool also generates extensive tooltips based on active edits and mouseovers 🖰 of cusp, smooth and auto-smooth nodes, node handles and segments.

Notification messages
The Statusbar Notifications Messages are generated based on any type of Menu bar interactions, except for the ‣Exte n sions menu (v0.91). As an example, click ‣ F ile then move the cursor down and highlight the ‣‣ S ave option. The Statusbar will update and display a new notification message of "Save Document'. Now click on the ‣‣ S ave option and a new notification message of "Saving file" will be displayed. Once the file save is complete the Statusbar will then display an updated notification message with the file's directory information.  While most applications have this similar feature, Inkscape's notifications implementation stands as one of its best features.

If you are new to graphics, notification messages are very helpful when interacting with the Menu's bar. More than 70% of the Menu bar's commands are based on graphics. These messages provide great help with the understanding of what a specific graphic based command will do and will also update the message if a command failed to execute.

In this example three messages are shown with the last two b) and c) are user errors and shows how the Statusbars display will update with assistance based notification messages on how to execute the command correctly.

1) Command: ‣Object ‣‣Clip 
 * a) Apply clipping to selection (using the topmost object as clipping path)
 * b) No objects selected. Shift+Click, Alt+scroll mouse on top of objects, or drag around objects to select
 * c) Select mask object and object(s) to apply clip path or mask to

{{smaller block|

Cursor display Inkscape Statusbar Cursor Display.svg
In vector graphics, sometimes the positioning of objects can be cumbersome. But dependent upon what the final workup will be used for positioning can be very important. Laser printers, material cutters will print/cut with precision and therefore any mis-alignment of objects may easily be seen. The X: (horizontal) and Y: (vertical) display shows exactly where the cursor is on the canvas. A higher zoom level increases the accuracy of the cursor's position. Grids, Guides, Snapping and Zoom levels are additional methods for increasing accuracy of object, handle, node, text, etc. vector based placements.

Zoom box Statusbar Zoom Spin Box.svg
Keyboard shortcut: Alt

The Zoom box increases accuracy of any on canvas edits. Right-Click the percentage-value box for a pop-up menu with preset zoom levels. The pop-up menu also has options for setting zoom levels to; page, drawing and selection. You can also click inside the value box and set the zoom percentage to your liking.

Window size
At the bottom right corner of the Statusbar is the freehand window size handle. Using this handle is free form, you can set the height and width of the Inkscape window to your monitors liking. To resize the window, Drag the window size handle to the way you want the window to be displayed, then release the mouse.

Like other applications the top right corner of the Inkscape interface has window minimize _ and maximize □ buttons. In the Menu bar there is a full screen option using ‣ V iew ‣‣ F ullscreen (Alt, F) or the shortcut key F11, to toggle back to the previous window display repeat the previous fullscreen menu command or press the shortcut key again.

Canvas
For all objects, the canvas describes "the space where SVG objects are rendered. It is the area for drawing objects and may extend beyond the zoom (viewable) area.  Scrollbars, Keyboard shortcuts and Zoom levels can be used to move around the canvas.

Dialogs
A dialog is a window that allows an exchange of information and settings between the user and Inkscape features. A dialog obtains additional information from the user that is needed to carry out a particular setting or edit. A dialog appears in a its own panel window. Inkscape's dialog windows can be identified by a Menu bar command/edit that is followed by three dots, here is an example of a Menu bar dialog feature:

Dock and Float
Any open dialogs are raised above (float) the canvas and can also be viewed under a dockable (right attachment) setting. When a dialog is docked it will attach itself to the right side of the interface next to the Snap Controls bar. Both of the dialogs, float and dock, have left pointing arrow on the right side of the title bar. Mouseover of the left arrow will display the tooltip message "Iconify this dock". Left-clicking this button will minimize the dialog to the right side of the interface.

Panning
Panning is another way of moving around the canvas without using the scrollbar's features. Panning is not restricted to left-right and up-down movement like scrolling. Panning allows moving in any direction/angle of the canvas (also known as main view).


 * Pan the canvas in any direction using Ctrl plus the Arrow keys Ctrl.


 * For a two button mouse use Shift or Ctrl plus the right mouse button (RMB) and drag (click and hold) Shift or Ctrl.


 * With a three button mouse by dragging (click and hold) the middle mouse button (MMB) MMB, then moving the mouse at any angle.


 * Rolling the middle mouse button MMB, rolling up and down pans the canvas up and down. To pan left and right, press and hold the Shift key while rolling the MMB (Shift) up pans to the left, down pans to the right.


 * Spacebar: press and hold the Spacebar and move the mouse cursor in any direction to pan the canvas.

Changing between multiple Inkscape windows, for the next window Ctrl, the previous window, use Ctrl.

To view/hide the scrollbars using the Menu bar, ‣ V iew ‣‣Sh o w/Hide  or shortcut keys Ctrl.