From 22dac269c6d709d7ece07ec98f19b912db1ad8c0 Mon Sep 17 00:00:00 2001 From: Nicolas Dufour Date: Tue, 6 May 2014 18:29:01 +0200 Subject: Documentation. Advanced tutorial update (not fully translated). Fixed bugs: - https://launchpad.net/bugs/1315457 (bzr r13341) --- share/tutorials/tutorial-advanced.fa.svg | 320 ++++++++++++++++--------------- 1 file changed, 161 insertions(+), 159 deletions(-) (limited to 'share/tutorials/tutorial-advanced.fa.svg') diff --git a/share/tutorials/tutorial-advanced.fa.svg b/share/tutorials/tutorial-advanced.fa.svg index 7f4cc164a..c2d04f493 100644 --- a/share/tutorials/tutorial-advanced.fa.svg +++ b/share/tutorials/tutorial-advanced.fa.svg @@ -1,6 +1,6 @@ - + @@ -45,7 +45,7 @@ bulia byak, buliabyak@users.sf.net and josh andler, scislac@users.sf.net - + @@ -54,7 +54,7 @@ drawing, path manipulation, booleans, offsets, simplification, and text tool. - + @@ -158,23 +158,23 @@ Pencil (freehand) tool (F6): If you want more regular shapes, use the Pen (Bezier) tool (Shift+F6): - - - - - - - - - - + + + + + + + + + + With the Pen tool, each click creates a sharp node without any curve handles, so a series of clicks produces a sequence of straight line segments. -Click and drag creates a smooth Bezier node with two collinear opposite +click and drag creates a smooth Bezier node with two collinear opposite handles. Press Shift while dragging out a handle to rotate only one handle and fix the other. As usual, Ctrl limits the direction of either the current line segment or the Bezier handles to 15 degree increments. Pressing @@ -182,7 +182,7 @@ the current line segment or the Bezier handles to 15 degree increments. Pressing only the last segment of an unfinished line, press Backspace. - + @@ -194,10 +194,10 @@ only the last segment of an unfinished line, press new one. - - Editing paths + + Editing paths - + @@ -210,8 +210,8 @@ properties. But unlike a shape, a path can be edited by freely dragging any of i path and switch to the Node tool (F2): - - + + @@ -227,7 +227,7 @@ inverts node selection in the current subpath(s) (i.e. subpaths with at least on selected node); Alt+! inverts in the entire path. - + @@ -237,15 +237,15 @@ dragging a path segment. (Try to drag some nodes, handles, and path segments of above path.) Ctrl works as usual to restrict movement and rotation. The arrow keys, Tab, [, ], <, > keys with their modifiers all work just as they do in selector, but apply to nodes instead of objects. You can add nodes anywhere on a path by -either double clicking or by Ctrl+Alt+Click at the desired location. +either double clicking or by Ctrl+Alt+click at the desired location. - + - You can delete nodes with Del or Ctrl+Alt+Click. When + You can delete nodes with Del or Ctrl+Alt+click. When deleting nodes it will try to retain the shape of the path, if you desire for the handles of the adjacent nodes to be retracted (not retaining the shape) you can delete with Ctrl+Del. Additionally, you can duplicate (Shift+D) @@ -253,7 +253,7 @@ selected nodes. The path can be broken (Shift+BShift+J). - + @@ -261,17 +261,19 @@ select two endnodes on one path, you can join them (A node can be made cusp (Shift+C), which means its two handles can move independently at any angle to each other; smooth (Shift+S), which means its handles are -always on the same straight line (collinear); and symmetric +always on the same straight line (collinear); symmetric (Shift+Y), which is the same as smooth, but the handles also have the -same length. When you switch the type of node, you can preserve -the position of one of the two handles by hovering your mouse -over it, so that only the other handle is rotated/scaled to match. +same length; and auto-smooth (Shift+A), a special +node that automatically adjusts the handles of the node and surrounding auto-smooth nodes +to maintain a smooth curve. When you switch the type of node, you can preserve the position +of one of the two handles by hovering your mouse over it, so that only the other handle is +rotated/scaled to match. - + - + Also, you can retract a node's handle altogether by Ctrl+clicking on it. If two adjacent nodes have their handles @@ -279,13 +281,13 @@ retracted, the path segment between them is a straight line. To pull out the ret node, Shift+drag away from the node. - - Subpaths and combining + + Subpaths and combining - + - + A path object may contain more than one subpath. A subpath is a sequence of nodes connected to each other. (Therefore, if a path has more than one @@ -293,14 +295,14 @@ subpath, not all of its nodes are connected.) Below left, three subpaths belong single compound path; the same three subpaths on the right are independent path objects: - - - - - + + + + + - + Note that a compound path is not the same as a group. It's a single object which is only selectable as a whole. If you select the left object above and switch to node tool, you @@ -308,10 +310,10 @@ will see nodes displayed on all three subpaths. On the right, you can only node- path at a time. - + - + Inkscape can Combine paths into a compound path (Ctrl+K) and Break Apart a compound path into @@ -320,32 +322,32 @@ examples. Since an object can only have one fill and stroke, a new compound path the style of the first (lowest in z-order) object being combined. - + - + When you combine overlapping paths with fill, usually the fill will disappear in the areas where the paths overlap: - - + + - + This is the easiest way to create objects with holes in them. For more powerful path commands, see “Boolean operations” below. - - Converting to path + + Converting to path - + - + Any shape or text object can be converted to path (Shift+Ctrl+C). This operation does not change the appearance of the @@ -355,12 +357,12 @@ nodes. Here are two stars - the left one is kept a shape and the right one is converted to path. Switch to node tool and compare their editability when selected: - - - + + + - + Moreover, you can convert to a path (“outline”) the stroke of any object. Below, the first object is the original path (no fill, black stroke), while the @@ -368,42 +370,42 @@ second one is the result of the Stroke to Path command (black fill, no stroke): - - - - Boolean operations + + + + Boolean operations - + - + The commands in the Path menu let you combine two or more objects using boolean operations: - Original shapes - Union (Ctrl++) - Difference (Ctrl+-) - Intersection(Ctrl+*) - Exclusion(Ctrl+^) - Division(Ctrl+/) - Cut Path(Ctrl+Alt+/) - - - - - - - - - - - (bottom minus top) - - - - + Original shapes + Union (Ctrl++) + Difference (Ctrl+-) + Intersection(Ctrl+*) + Exclusion(Ctrl+^) + Division(Ctrl+/) + Cut Path(Ctrl+Alt+/) + + + + + + + + + + + (bottom minus top) + + + + The keyboard shortcuts for these commands allude to the arithmetic analogs of the boolean operations (union is addition, difference is subtraction, etc.). The @@ -412,10 +414,10 @@ to two selected objects; others may process any number of objects at once. The r always receives the style of the bottom object. - + - + The result of the Exclusion command looks similar to Combine (see above), but it is different in that @@ -426,13 +428,13 @@ only cuts the bottom object's stroke and removes any fill (this is convenie cutting fill-less strokes into pieces). - - Inset and outset + + Inset and outset - + - + Inkscape can expand and contract shapes not only by scaling, but also by offsetting an object's path, i.e. by displacing it perpendicular @@ -442,17 +444,17 @@ to the path in each point. The corresponding commands are called inset or outset from that original: - - - - - - - - + + + + + + + + - + The plain Inset and Outset commands produce paths (converting the original object to path if it's not a path yet). Often, more convenient @@ -462,21 +464,21 @@ distance. Select the object below, switch to the node tool, and drag its handle an idea: - - + + - + Such a dynamic offset object remembers the original path, so it does not “degrade” when you change the offset distance again and again. When you don't need it to be adjustable anymore, you can always convert an offset object back to path. - + - + Still more convenient is a linked offset, which is similar to the dynamic variety but is connected to another path which remains editable. You can have @@ -485,10 +487,10 @@ offset linked to it has black stroke and no fill, the other has black fill and n stroke. - + - + Select the red object and node-edit it; watch how both linked offsets respond. Now select any of the offsets and drag its handle to adjust the offset radius. Finally, note @@ -497,18 +499,18 @@ can move or transform the offset objects independently without losing their conn with the source. - + - - Simplification + + Simplification - + - + The main use of the Simplify command (Ctrl+L) is reducing the number of nodes on a path while almost preserving its @@ -519,12 +521,12 @@ nodes, while the simplified one has 17 (which means it is much easier to work wi node tool) and is smoother. - - - + + + - + The amount of simplification (called the threshold) depends on the size of the selection. Therefore, if you select a path along with some larger @@ -537,10 +539,10 @@ pause, the threshold is back to its default value.) By making use of the acceler is easy to apply the exact amount of simplification you need for each case. - + - + Besides smoothing freehand strokes, Simplify can be used for various creative effects. Often, a shape which is rigid and geometric benefits from some amount @@ -550,19 +552,19 @@ sometimes plain funny. Here's an example of a clipart shape that looks much Simplify: - Original - Slight simplification - Aggressive simplification - - - - - Creating text + Original + Slight simplification + Aggressive simplification + + + + + Creating text - + - + Inkscape is capable of creating long and complex texts. However, it's also pretty convenient for creating small text objects such as heading, banners, logos, diagram @@ -570,10 +572,10 @@ labels and captions, etc. This section is a very basic introduction into Inkscap text capabilities. - + - + Creating a text object is as simple as switching to the Text tool (F8), clicking somewhere in the document, and typing your text. To change font family, style, @@ -583,20 +585,20 @@ situations, it may be more convenient than editing it right on the canvas (in particular, that tab supports as-you-type spell checking). - + - + Like other tools, Text tool can select objects of its own type - text objects -so you can click to select and position the cursor in any existing text object (such as this paragraph). - + - + One of the most common operations in text design is adjusting spacing between letters and lines. As always, Inkscape provides keyboard shortcuts for this. When you are @@ -608,14 +610,14 @@ a text object is larger than the default, it will likely benefit from squeezing a bit tighter than the default. Here's an example: - Original - Letter spacing decreased - Inspiration - Inspiration - + Original + Letter spacing decreased + Inspiration + Inspiration + - + The tightened variant looks a bit better as a heading, but it's still not perfect: the distances between letters are not uniform, for example the “a” and “t” are too far apart @@ -625,10 +627,10 @@ any text string and in any font you will probably find pairs of letters that wil benefit from kerning adjustments. - + - + Inkscape makes these adjustments really easy. Just move your text editing cursor between the offending characters and use Alt+arrows to move the letters right @@ -636,23 +638,23 @@ of the cursor. Here is the same heading again, this time with manual adjustments for visually uniform letter positioning: - Letter spacing decreased, some letter pairs manually kerned - Inspiration - + Letter spacing decreased, some letter pairs manually kerned + Inspiration + - + In addition to shifting letters horizontally by Alt+Left or Alt+Right, you can also move them vertically by using Alt+Up or Alt+Down: - Inspiration - + Inspiration + - + Of course you could just convert your text to path (Shift+Ctrl+C) and move the letters as regular path objects. However, it is much more convenient to keep @@ -662,10 +664,10 @@ disadvantage to the “text as text” approach is that you need to have the ori installed on any system where you want to open that SVG document. - + - + Similar to letter spacing, you can also adjust line spacing in multi-line text objects. Try the Ctrl+Alt+< and @@ -675,13 +677,13 @@ As in Selector, pressing Shift with any produces 10 times greater effect than without Shift. - - XML editor + + XML editor - + - + The ultimate power tool of Inkscape is the XML editor (Shift+Ctrl+X). It displays the entire XML tree of the document, always reflecting its current @@ -692,20 +694,20 @@ interactively, and it allows you to do tricks that would be impossible with regu editing tools. - - Conclusion + + Conclusion - + - + This tutorial shows only a small part of all capabilities of Inkscape. We hope you enjoyed it. Don't be afraid to experiment and share what you create. Please visit www.inkscape.org for more information, latest versions, and help from user and developer communities. - + -- cgit v1.2.3