From 851d2ea5ce578d478ea7e70b16e6aa2fb5271035 Mon Sep 17 00:00:00 2001 From: Nicolas Dufour Date: Thu, 2 Jun 2016 11:03:25 +0200 Subject: [Bug #1508255] Shapes tutorial: things that might need an update. Plus calligraphy update missing from previous commit. Fixed bugs: - https://launchpad.net/bugs/1508255 (bzr r14942) --- share/tutorials/tutorial-shapes.svg | 715 ++++++++++++++++++------------------ 1 file changed, 358 insertions(+), 357 deletions(-) (limited to 'share/tutorials/tutorial-shapes.svg') diff --git a/share/tutorials/tutorial-shapes.svg b/share/tutorials/tutorial-shapes.svg index 74b959d18..b3a642d9b 100644 --- a/share/tutorials/tutorial-shapes.svg +++ b/share/tutorials/tutorial-shapes.svg @@ -40,11 +40,11 @@ Use Ctrl+down arrow to scroll - + ::SHAPES - + @@ -54,7 +54,7 @@ We will demonstrate the capabilities of Inkscape shapes and show examples of how and when they could be used. - + @@ -65,7 +65,7 @@ For basics of object creation, selection, and transformation, see the Basic tutorial in Help > Tutorials. - + @@ -76,7 +76,7 @@ in ways unique to this shape type, using draggable parameters that determine the shape's appearance. - + @@ -87,7 +87,7 @@ path, but it's often more interesting and useful. You can always convert a to a path (Shift+Ctrl+C), but the reverse conversion is not possible. - + @@ -97,21 +97,22 @@ to a path (Shift+Ctrl+C), but the revers shape tools work in general; then we'll explore each shape type in detail. - - General tips + + General tips - + A new shape is created by dragging on canvas with the corresponding tool. Once the shape is created (and so long as it is -selected), it displays its handles as white diamond-shaped marks, so -you can immediately edit what you created by dragging these handles. +selected), it displays its handles as white diamond, square or round +marks (depending on the tools), so you can immediately edit what you +created by dragging these handles. - + @@ -121,7 +122,7 @@ Node tool (F2). When you hover your mous in the statusbar what this handle will do when dragged or clicked with different modifiers. - + @@ -132,7 +133,7 @@ entry fields and a button to reset the values to defaults. When shape(s) of the tool's native type are selected, editing the values in the Controls bar changes the selected shape(s). - + @@ -144,7 +145,7 @@ a shape sends its parameters to the Tool Controls bar and thus sets the values f created shapes of this type. - + @@ -154,10 +155,10 @@ on it. Ctrl+click (select in group) and (select under) also work as they do in Selector tool. Esc deselects. - - Rectangles + + Rectangles - + @@ -167,7 +168,7 @@ design and illustration. Inkscape attempts to make creating and editing rectangles as easy and convenient as possible. - + @@ -176,9 +177,9 @@ editing rectangles as easy and convenient as possible. Draw a new rectangle alongside this blue one: - draw here - - + draw here + + @@ -187,7 +188,7 @@ Draw a new rectangle alongside this blue one: rectangle to the other by clicking on them. - + @@ -195,8 +196,8 @@ rectangle to the other by clicking on them. Rectangle drawing shortcuts: - - + + @@ -204,8 +205,8 @@ rectangle to the other by clicking on them. With Ctrl, draw a square or an integer-ratio (2:1, 3:1, etc) rectangle. - - + + @@ -213,7 +214,7 @@ rectangle to the other by clicking on them. With Shift, draw around the starting point as center. - + @@ -225,7 +226,7 @@ three handles in three of its corners. In fact, these are four handles, but two resize handles. - + @@ -237,7 +238,7 @@ corners, that is all you need to do. If you want corners which are rounded farth one side than along the other, you can move that other handle leftwards. - + @@ -246,13 +247,13 @@ one side than along the other, you can move that other handle leftwards. elliptic rounded corners: - Elliptic rounded corners - Circular rounded corners - - - - - + Elliptic rounded corners + Circular rounded corners + + + + + @@ -261,7 +262,7 @@ elliptic rounded corners: observe their rounding handles. - + @@ -274,7 +275,7 @@ left showing two concentric rounded corners. This is how you control whether the rounded corners are scaled when the rectangle is scaled or not. - + @@ -284,16 +285,16 @@ and down, to different proportions, with the “Scale rounded corners” button off: - Scaling rounded rectangles with "Scale rounded corners" OFF - - - - - - - - - + Scaling rounded rectangles with "Scale rounded corners" OFF + + + + + + + + + @@ -305,7 +306,7 @@ obtained from the original red rectangle just by scaling in Selector, without any manual readjustment of the rounding handles. - + @@ -314,16 +315,16 @@ without any manual readjustment of the rounding handles. with the “Scale rounded corners” button on: - Scaling rounded rectangles with "Scale rounded corners" ON - - - - - - - - - + Scaling rounded rectangles with "Scale rounded corners" ON + + + + + + + + + @@ -334,7 +335,7 @@ isn't a slightest agreement in the top right corner (zoom in to see). This (Ctrl+Shift+C) and scaling it as path. - + @@ -342,8 +343,8 @@ isn't a slightest agreement in the top right corner (zoom in to see). This Here are the shortcuts for the rounding handles of a rectangle: - - + + @@ -351,8 +352,8 @@ isn't a slightest agreement in the top right corner (zoom in to see). This Drag with Ctrl to make the other radius the same (circular rounding). - - + + @@ -360,8 +361,8 @@ isn't a slightest agreement in the top right corner (zoom in to see). This Ctrl+click to make the other radius the same without dragging. - - + + @@ -369,7 +370,7 @@ isn't a slightest agreement in the top right corner (zoom in to see). This Shift+click to remove rounding. - + @@ -380,7 +381,7 @@ the selected rectangle and lets you set them precisely using any length units. T Not rounded button does what is says — removes rounding from the selected rectangle(s). - + @@ -392,7 +393,7 @@ in the Controls bar. If any non-rectangles are selected, they will be ignored rectangles will be changed. - + @@ -402,7 +403,7 @@ why do we need them at all, if we can just as well resize the rectangle with Selector? - + @@ -414,8 +415,8 @@ example, try to resize this rectangle first with Selector and then with its resi handles in Rectangle tool: - - + + @@ -425,7 +426,7 @@ any direction or even move it along its sides. Resize handles always preserve the rounding radii. - + @@ -433,8 +434,8 @@ always preserve the rounding radii. Here are the shortcuts for the resize handles: - - + + @@ -444,7 +445,7 @@ the rectangle. In other words, Ctrl pre or the width/height ratio of the rectangle (again, in its own coordinate system which may be rotated or skewed). - + @@ -454,16 +455,16 @@ directions to which the resize handles stick when dragged with Ctrl (try it): - + - - Snapping of rectangle - resize handles with Ctrl - + + Snapping of rectangle - resize handles with Ctrl + @@ -472,29 +473,29 @@ directions to which the resize handles stick when dragged with handles, 3D compositions can be created easily: - - - - - - - - - - - - - - - - - - - - - 3 original rectangles - Several rectangles copied and resized by handles, mostly with Ctrl - + + + + + + + + + + + + + + + + + + + + + 3 original rectangles + Several rectangles copied and resized by handles, mostly with Ctrl + @@ -567,32 +568,32 @@ rounding and gradient fills: - - - - - - - - - - - - - - - - - - - - - - - - Ellipses + + + + + + + + + + + + + + + + + + + + + + + + Ellipses - + @@ -602,8 +603,8 @@ turn into segments or arcs. The drawing shortcuts are the same as those of the rectangle tool: - - + + @@ -611,8 +612,8 @@ those of the rectangle tool: With Ctrl, draw a circle or an integer-ratio (2:1, 3:1, etc.) ellipse. - - + + @@ -620,7 +621,7 @@ those of the rectangle tool: With Shift, draw around the starting point as center. - + @@ -628,8 +629,8 @@ those of the rectangle tool: Let's explore the handles of an ellipse. Select this one: - - + + @@ -640,14 +641,14 @@ handle, then drag the other handle which becomes visible under it, to get a vari of pie-chart segments or arcs: - - - - - - - - + + + + + + + + @@ -660,35 +661,35 @@ ellipse but does not connect the ends of the arc. You can make this obvious if y remove the fill, leaving only stroke: - + 15 - Segments - Arcs - - - - - - - - - - - - - - - - - - - - + Segments + Arcs + + + + + + + + + + + + + + + + + + + + @@ -698,8 +699,8 @@ to create using angle snapping of the h arc/segment handle shortcuts: - - + + @@ -707,8 +708,8 @@ arc/segment handle shortcuts: With Ctrl, snap the handle every 15 degrees when dragging. - - + + @@ -716,7 +717,7 @@ arc/segment handle shortcuts: Shift+click to make the ellipse whole (not arc or segment). - + @@ -724,7 +725,7 @@ arc/segment handle shortcuts: The snap angle can be changed in Inkscape Preferences (in Behavior > Steps). - + @@ -733,8 +734,8 @@ arc/segment handle shortcuts: shortcuts are similar to those of the rounding handles of a rectangle: - - + + @@ -742,8 +743,8 @@ shortcuts are similar to those of the rounding handles of a rectangle: Drag with Ctrl to make a circle (make the other radius the same). - - + + @@ -751,7 +752,7 @@ shortcuts are similar to those of the rounding handles of a rectangle: Ctrl+click to make a circle without dragging. - + @@ -763,16 +764,16 @@ axes while remaining rotated or skewed. Try to resize any of these ellipses by resize handles: - - - - - - - - Stars + + + + + + + + Stars - + @@ -782,7 +783,7 @@ friends by Inkscape, let them play with the Star tool. It's endlessly enter — outright addictive! - + @@ -793,27 +794,27 @@ tips; a polygon has just one handle which simply rotates and resizes the polygon dragged: - + Star - + Polygon - + - In the Controls bar of the Star tool, first comes a checkbox to turn a star into the -corresponding polygon and back. Next, a numeric field sets the number of + In the Controls bar of the Star tool, the first two buttons control how the shape is +drawn (regular polygon or star). Next, a numeric field sets the number of vertices of a star or polygon. This parameter is only editable via the Controls bar. The allowed range is from 3 (obviously) to 1024, but you shouldn't try large numbers (say, over 200) if your computer is slow. - + @@ -821,8 +822,8 @@ large numbers (say, over 200) if your computer is slow. When drawing a new star or polygon, - - + + @@ -830,7 +831,7 @@ large numbers (say, over 200) if your computer is slow. Drag with Ctrl to snap the angle to 15 degree increments. - + @@ -843,7 +844,7 @@ the center of the shape), the other handle rotates accordingly. This means you skew the star's rays with this handle. - + @@ -855,16 +856,16 @@ the center than the other handle.) This is the handle that can skew the star&apo get all sorts of crystals, mandalas, snowflakes, and porcupines: - - - - - - - - - - + + + + + + + + + + @@ -873,8 +874,8 @@ get all sorts of crystals, mandalas, snowflakes, and porcupines: can make the skewing handle behave as the non-skewing one: - - + + @@ -882,8 +883,8 @@ can make the skewing handle behave as the non-skewing one: Drag with Ctrl to keep the star rays strictly radial (no skew). - - + + @@ -891,7 +892,7 @@ can make the skewing handle behave as the non-skewing one: Ctrl+click to remove the skew without dragging. - + @@ -901,7 +902,7 @@ can make the skewing handle behave as the non-skewing one: distances to the center. - + @@ -913,8 +914,8 @@ too. Rounding a star or polygon works a bit differently from rounding a rectang however. You don't use a dedicated handle for this, but - - + + @@ -922,8 +923,8 @@ however. You don't use a dedicated handle for this, but Shift+drag a handle tangentially to round the star or polygon. - - + + @@ -931,7 +932,7 @@ however. You don't use a dedicated handle for this, but Shift+click a handle to remove rounding. - + @@ -942,7 +943,7 @@ roundedness; with clockwise rotation, you get negative roundedness. (See below f examples of negative roundedness.) - + @@ -951,15 +952,15 @@ examples of negative roundedness.) (Star tool): - + Rounded polygon - + Rounded rectangle - + @@ -972,7 +973,7 @@ Bezier tangents to each node of the shape (you can see them if you convert the s path and examine it in Node tool). - + @@ -986,40 +987,40 @@ patterns. A star with a large roundedness value may reach far beyond the positio its handles. Here are a few examples, each indicating its roundedness value: - - - - - - - - - - - - - - 0.25 - 0.25 - 0.25 - 0.37 - - 0.43 - 3.00 - -3.00 - - 0.41 - 5.43 - 1.85 - 0.21 - -3.00 - - -0.43 - - -8.94 - - 0.39 - + + + + + + + + + + + + + + 0.25 + 0.25 + 0.25 + 0.37 + + 0.43 + 3.00 + -3.00 + + 0.41 + 5.43 + 1.85 + 0.21 + -3.00 + + -0.43 + + -8.94 + + 0.39 + @@ -1029,13 +1030,13 @@ is easy to do by creating an offset ( - - - - Original star - Linked offset, inset - Linked offset, outset - + + + + Original star + Linked offset, inset + Linked offset, outset + @@ -1044,7 +1045,7 @@ from the star: known to man. But it can get better still. - + @@ -1056,8 +1057,8 @@ variety of crazily unpredictable shapes. A rounded star remains smoothly rounded randomized. Here are the shortcuts: - - + + @@ -1065,8 +1066,8 @@ randomized. Here are the shortcuts: Alt+drag a handle tangentially to randomize the star or polygon. - - + + @@ -1074,7 +1075,7 @@ randomized. Here are the shortcuts: Alt+click a handle to remove randomization. - + @@ -1087,12 +1088,12 @@ are exactly the same, but each one is re-randomized by very slightly moving its (randomization level is 0.1 throughout): - - - - - - + + + + + + @@ -1101,17 +1102,17 @@ are exactly the same, but each one is re-randomized by very slightly moving its from -0.2 to 0.2: - +0.2 - +0.1 - 0 - -0.1 - -0.2 - - - - - - + +0.2 + +0.1 + 0 + -0.1 + -0.2 + + + + + + @@ -1120,7 +1121,7 @@ from -0.2 to 0.2: morphs into its neighbors on the right and left — and beyond. - + @@ -1130,19 +1131,19 @@ fond of rounded amoeba-like blotches and large roughened planets with fantastic landscapes: - - - - - - - - - - - Spirals + + + + + + + + + + + Spirals - + @@ -1152,8 +1153,8 @@ it is sometimes very useful. A spiral, like a star, is drawn from the center; wh drawing as well as while editing, - - + + @@ -1161,7 +1162,7 @@ drawing as well as while editing, Ctrl+drag to snap angle to 15 degree increments. - + @@ -1171,7 +1172,7 @@ simply dragged, roll or unroll the spiral (i.e. “continue” it, changing the turns). Other shortcuts: - + @@ -1179,8 +1180,8 @@ turns). Other shortcuts: Outer handle: - - + + @@ -1188,8 +1189,8 @@ turns). Other shortcuts: Shift+drag to scale/rotate around center (no rolling/unrolling). - - + + @@ -1197,7 +1198,7 @@ turns). Other shortcuts: Alt+drag to lock radius while rolling/unrolling. - + @@ -1205,8 +1206,8 @@ turns). Other shortcuts: Inner handle: - - + + @@ -1214,8 +1215,8 @@ turns). Other shortcuts: Alt+drag vertically to converge/diverge. - - + + @@ -1223,8 +1224,8 @@ turns). Other shortcuts: Alt+click to reset divergence. - - + + @@ -1232,7 +1233,7 @@ turns). Other shortcuts: Shift+click to move the inner handle to the center. - + @@ -1244,17 +1245,17 @@ is greater than 1 (Alt+drag downwards), towards the center: - 0.2 - 0.5 - 6 - 2 - 1 - - - - - - + 0.2 + 0.5 + 6 + 2 + 1 + + + + + + @@ -1262,7 +1263,7 @@ towards the center: The maximum number of spiral turns is 1024. - + @@ -1275,27 +1276,27 @@ along the curve without affecting its shape. Also, while a spiral is normally dr without fill, you can add fill and remove stroke for interesting effects. - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + @@ -1305,13 +1306,13 @@ concentration of the shape with regular equispaced marks (dots or dashes) for be moire effects: - - - - - Conclusion + + + + + Conclusion - + @@ -1322,7 +1323,7 @@ instead of simple paths often makes vector art faster to create and easier to mo you have any ideas for further shape improvements, please contact the developers. - + -- cgit v1.2.3