X-Git-Url: https://git.tokkee.org/?a=blobdiff_plain;f=share%2Ftutorials%2Ftutorial-advanced.svg;fp=share%2Ftutorials%2Ftutorial-advanced.svg;h=97cc076d42ef8876b6d8687ab9f727fb9f258f07;hb=40e5cf3e8f0ddda79b1650df77d0f847a22822bf;hp=a34d1875ebc184f28a0042312d94e256a7178228;hpb=e53de5bd49b2c47acad8390f29409739ff83da2c;p=inkscape.git diff --git a/share/tutorials/tutorial-advanced.svg b/share/tutorials/tutorial-advanced.svg index a34d1875e..97cc076d4 100644 --- a/share/tutorials/tutorial-advanced.svg +++ b/share/tutorials/tutorial-advanced.svg @@ -1,4 +1,5 @@ + @@ -7,11 +8,13 @@ - - - - - + + + + + + + @@ -26,35 +29,23 @@ - - - - - - - - - - - - - - - - - - + + + + + + - - Use Ctrl+down arrow to scroll - + + Use Ctrl+down arrow to scroll + - + ::ADVANCED bulia byak, buliabyak@users.sf.net and josh andler, scislac@users.sf.net - + @@ -63,61 +54,61 @@ drawing, path manipulation, booleans, offsets, simplification, and text tool. - + Use Ctrl+arrows, mouse wheel, or middle button drag to scroll the page down. For basics of object creation, selection, and -transformation, see the Basic tutorial in Help > Tutorials. +transformation, see the Basic tutorial in Help > Tutorials. - + Pasting techniques - + After you copy some object(s) by Ctrl+C or cut by -Ctrl+X, the regular Paste command +Ctrl+X, the regular Paste command (Ctrl+V) pastes the copied object(s) right under the mouse cursor or, if the cursor is outside the window, to the center of the document window. However, the object(s) in the clipboard still remember the original place from which they were -copied, and you can paste back there by Paste in Place +copied, and you can paste back there by Paste in Place (Ctrl+Alt+V). - + - Another command, Paste Style (Shift+Ctrl+V), + Another command, Paste Style (Shift+Ctrl+V), applies the style of the (first) object on the clipboard to the current selection. The “style” thus pasted includes all the fill, stroke, and font settings, but not the shape, size, or parameters specific to a shape type, such as the number of tips of a star. - + - Yet another set of paste commands, Paste Size, scales the selection + Yet another set of paste commands, Paste Size, scales the selection to match the desired size attribute of the clipboard object(s). There are a number of commands for pasting size and are as follows: Paste Size, Paste Width, Paste Height, Paste Size Separately, Paste Width Separately, and Paste Height Separately. - + - Paste Size scales the whole selection to match the overall size of the clipboard -object(s). Paste Width/Paste Height scale the + Paste Size scales the whole selection to match the overall size of the clipboard +object(s). Paste Width/Paste Height scale the whole selection horizontally/vertically so that it matches the width/height of the clipboard object(s). These commands honor the scale ratio lock on the Selector Tool controls bar (between W and H fields), so @@ -129,7 +120,7 @@ of the clipboard object(s). - + @@ -138,11 +129,11 @@ instances as well as between Inkscape and other applications (which must be able handle SVG on the clipboard to use this). - + Drawing freehand and regular paths - + @@ -160,7 +151,7 @@ Pencil (freehand) tool (F6): - + @@ -177,7 +168,7 @@ Pencil (freehand) tool (F6): - + @@ -192,7 +183,7 @@ only the last segment of an unfinished line, press - + @@ -203,11 +194,11 @@ only the last segment of an unfinished line, press new one. - + Editing paths - + @@ -221,7 +212,7 @@ path and switch to the Node tool (F2): - + @@ -237,7 +228,7 @@ selected node); Alt+! inverts in the ent - + @@ -250,7 +241,7 @@ either double clicking or by Ctrl+Alt+Click - + @@ -263,7 +254,7 @@ select two endnodes on one path, you can join them ( - + @@ -278,21 +269,21 @@ over it, so that only the other handle is rotated/scaled to match. - + - Also, you can retract a node's handle altogether by + Also, you can retract a node's handle altogether by Ctrl+clicking on it. If two adjacent nodes have their handles retracted, the path segment between them is a straight line. To pull out the retracted node, Shift+drag away from the node. - + Subpaths and combining - + @@ -307,30 +298,30 @@ single compound path; the same three subpaths on the right are independent path - + - Note that a compound path is not the same as a group. It's a single object which is only + 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 will see nodes displayed on all three subpaths. On the right, you can only node-edit one path at a time. - + - Inkscape can Combine paths into a compound path -(Ctrl+K) and Break Apart a compound path into + Inkscape can Combine paths into a compound path +(Ctrl+K) and Break Apart a compound path into separate paths (Shift+Ctrl+K). Try these commands on the above examples. Since an object can only have one fill and stroke, a new compound path gets the style of the first (lowest in z-order) object being combined. - + @@ -340,7 +331,7 @@ in the areas where the paths overlap: - + @@ -348,17 +339,17 @@ in the areas where the paths overlap: commands, see “Boolean operations” below. - + 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 -object but removes all capabilities specific to its type (e.g. you can't round the +object but removes all capabilities specific to its type (e.g. you can't round the corners of a rectangle or edit the text anymore); instead, you can now edit its 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: @@ -367,7 +358,7 @@ converted to path. Switch to node tool and compare their editability when select - + @@ -379,11 +370,11 @@ no stroke): - + Boolean operations - + @@ -399,7 +390,7 @@ no stroke): Division(Ctrl+/) Cut Path(Ctrl+Alt+/) - + @@ -410,43 +401,43 @@ no stroke): (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 -Difference and Exclusion commands can only apply +Difference and Exclusion commands can only apply to two selected objects; others may process any number of objects at once. The result 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 -Exclusion adds extra nodes where the original paths intersect. The -difference between Division and Cut Path is that + The result of the Exclusion command looks similar to +Combine (see above), but it is different in that +Exclusion adds extra nodes where the original paths intersect. The +difference between Division and Cut Path is that the former cuts the entire bottom object by the path of the top object, while the latter -only cuts the bottom object's stroke and removes any fill (this is convenient for +only cuts the bottom object's stroke and removes any fill (this is convenient for cutting fill-less strokes into pieces). - + 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 +offsetting an object's path, i.e. by displacing it perpendicular to the path in each point. The corresponding commands are called -Inset (Ctrl+() and Outset +Inset (Ctrl+() and Outset (Ctrl+)). Shown below is the original path (red) and a number of paths inset or outset from that original: @@ -459,31 +450,31 @@ 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 -is the Dynamic Offset (Ctrl+J) which creates an -object with a draggable handle (similar to a shape's handle) controlling the offset + The plain Inset and Outset commands produce paths +(converting the original object to path if it's not a path yet). Often, more convenient +is the Dynamic Offset (Ctrl+J) which creates an +object with a draggable handle (similar to a shape's handle) controlling the offset distance. Select the object below, switch to the node tool, and drag its handle to get 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 +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. - + @@ -495,7 +486,7 @@ stroke. - + @@ -506,18 +497,20 @@ 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 + The main use of the Simplify command (Ctrl+L) is reducing the number of nodes on a path while almost preserving its shape. This may be useful for paths created by the Pencil tool, since that tool sometimes creates more nodes than necessary. Below, the left shape is as created by the @@ -526,17 +519,17 @@ 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 object, it will be simplified more aggressively than if you select that path -alone. Moreover, the Simplify command is +alone. Moreover, the Simplify command is accelerated. This means that if you press Ctrl+L several times in quick succession (so that the calls are within 0.5 sec from each other), the threshold is increased on each call. (If you do another Simplify after a @@ -544,41 +537,41 @@ 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 + Besides smoothing freehand strokes, Simplify can be used for various creative effects. Often, a shape which is rigid and geometric benefits from some amount of simplification that creates cool life-like generalizations of the original form - melting sharp corners and introducing very natural distortions, sometimes stylish and -sometimes plain funny. Here's an example of a clipart shape that looks much nicer after -Simplify: - - - Original - Slight simplification - Aggressive simplification - - - - - Creating text +sometimes plain funny. Here's an example of a clipart shape that looks much nicer after +Simplify: + + + Original + Slight simplification + Aggressive simplification + + + + + Creating text - - + + - Inkscape is capable of creating long and complex texts. However, it's also pretty + 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 -labels and captions, etc. This section is a very basic introduction into Inkscape's +labels and captions, etc. This section is a very basic introduction into Inkscape's text capabilities. - - + + @@ -590,8 +583,8 @@ situations, it may be more convenient than editing it right on the canvas (in particular, that tab supports as-you-type spell checking). - - + + @@ -600,8 +593,8 @@ objects -so you can click to select and position the cursor in any existing text object (such as this paragraph). - - + + @@ -612,19 +605,19 @@ the letter spacing in the current line the total length of the line changes by 1 pixel at the current zoom (compare to Selector tool where the same keys do pixel-sized object scaling). As a rule, if the font size in a text object is larger than the default, it will likely benefit from squeezing letters -a bit tighter than the default. Here's an example: +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 + 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 while “t” and “i” are too close. The amount of such bad kerns (especially visible in large font sizes) is greater in low quality fonts than in high quality ones; however, in @@ -632,8 +625,8 @@ any text string and in any font you will probably find pairs of letters that wil benefit from kerning adjustments. - - + + @@ -643,10 +636,10 @@ 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 + + @@ -655,9 +648,9 @@ for visually uniform letter positioning: Alt+Up or Alt+Down: - Inspiration - - + Inspiration + + @@ -669,8 +662,8 @@ 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. - - + + @@ -682,11 +675,11 @@ As in Selector, pressing Shift with any produces 10 times greater effect than without Shift. - - XML editor + + XML editor - - + + @@ -699,23 +692,29 @@ 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 +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. - + - + + + + + + + @@ -727,30 +726,18 @@ versions, and help from user and developer communities. - + - - - - - - - - - - - - - - - - - - + + + + + + - - Use Ctrl+up arrow to scroll - + + Use Ctrl+up arrow to scroll +