From aed8f674e7b5f0bef513a894f47e993f1c54efaa Mon Sep 17 00:00:00 2001 From: Nicolas Dufour Date: Thu, 28 Jul 2011 22:21:24 +0200 Subject: Documentation. Updating fixed Shapes and Advanced tutorials. Adding missing references to the Greek Tracing tutorial. (bzr r10514) --- share/tutorials/tutorial-shapes.svg | 1018 +++++++++++++++++------------------ 1 file changed, 509 insertions(+), 509 deletions(-) (limited to 'share/tutorials/tutorial-shapes.svg') diff --git a/share/tutorials/tutorial-shapes.svg b/share/tutorials/tutorial-shapes.svg index b3d87fbd6..a54ecd11c 100644 --- a/share/tutorials/tutorial-shapes.svg +++ b/share/tutorials/tutorial-shapes.svg @@ -5,11 +5,11 @@ - + - - - + + + @@ -25,27 +25,27 @@ - - - - - - - - - - + + + + + + + + + + - - Use Ctrl+down arrow to scroll - + + Use Ctrl+down arrow to scroll + - - ::SHAPES + + ::SHAPES - - + + @@ -54,8 +54,8 @@ We will demonstrate the capabilities of Inkscape shapes and show examples of how and when they could be used. - - + + @@ -65,8 +65,8 @@ For basics of object creation, selection, and transformation, see the Basic tutorial in Help > Tutorials. - - + + @@ -76,8 +76,8 @@ in ways unique to this shape type, using draggable parameters that determine the shape's appearance. - - + + @@ -87,8 +87,8 @@ path, but it's often more interesting and useful. You can always convert a to a path (Ctrl+Shift+C), but the reverse conversion is not possible. - - + + @@ -97,11 +97,11 @@ to a path (Ctrl+Shift+C), but the revers shape tools work in general; then we'll explore each shape type in detail. - + General tips - - + + @@ -111,8 +111,8 @@ selected), it displays its handles as white diamond-shaped marks, so you can immediately edit what you created by dragging these handles. - - + + @@ -121,8 +121,8 @@ Node tool (F2). When you hover your mous in the statusbar what this handle will do when dragged or clicked with different modifiers. - - + + @@ -132,8 +132,8 @@ 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,8 +144,8 @@ a shape sends its parameters to the Tool Controls bar and thus sets the values f created shapes of this type. - - + + @@ -154,11 +154,11 @@ on it. Ctrl+click (select in group) and (select under) also work as they do in Selector tool. Esc deselects. - + Rectangles - - + + @@ -167,8 +167,8 @@ design and illustration. Inkscape attempts to make creating and editing rectangles as easy and convenient as possible. - - + + @@ -176,10 +176,10 @@ editing rectangles as easy and convenient as possible. Draw a new rectangle alongside this blue one: - draw here - - - + draw here + + + @@ -187,34 +187,34 @@ Draw a new rectangle alongside this blue one: rectangle to the other by clicking on them. - - + + Rectangle drawing shortcuts: - - - + + + With Ctrl, draw a square or an integer-ratio (2:1, 3:1, etc) rectangle. - - - + + + With Shift, draw around the starting point as center. - - + + @@ -225,8 +225,8 @@ three handles in three of its corners. In fact, these are four handles, but two resize handles. - - + + @@ -237,8 +237,8 @@ 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,14 +246,14 @@ 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,8 +261,8 @@ elliptic rounded corners: observe their rounding handles. - - + + @@ -274,8 +274,8 @@ 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,17 +284,17 @@ 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,8 +305,8 @@ obtained from the original red rectangle just by scaling in Selector, without any manual readjustment of the rounding handles. - - + + @@ -314,17 +314,17 @@ 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,43 +334,43 @@ isn't a slightest agreement in the top right corner (zoom in to see). This (Ctrl+Shift+C) and scaling it as path. - - + + Here are the shortcuts for the rounding handles of a rectangle: - - - + + + Drag with Ctrl to make the other radius the same (circular rounding). - - - + + + Ctrl+click to make the other radius the same without dragging. - - - + + + Shift+click to remove rounding. - - + + @@ -380,8 +380,8 @@ 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,8 +392,8 @@ in the Controls bar. If any non-rectangles are selected, they will be ignored rectangles will be changed. - - + + @@ -402,8 +402,8 @@ why do we need them at all, if we can just as well resize the rectangle with Selector? - - + + @@ -414,9 +414,9 @@ example, try to resize this rectangle first with Selector and then with its resi handles in Rectangle tool: - - - + + + @@ -425,17 +425,17 @@ any direction or even move it along its sides. Resize handles always preserve the rounding radii. - - + + Here are the shortcuts for the resize handles: - - - + + + @@ -444,8 +444,8 @@ 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,17 +454,17 @@ 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,30 +472,30 @@ 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 + + @@ -508,92 +508,92 @@ rounding and gradient fills: - - + + - - + + - + - + - + - + - + - + - + - + - + - + - + - + - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + Ellipses - - + + @@ -602,35 +602,35 @@ turn into segments or arcs. The drawing shortcuts are the same as those of the rectangle tool: - - - + + + With Ctrl, draw a circle or an integer-ratio (2:1, 3:1, etc.) ellipse. - - - + + + With Shift, draw around the starting point as center. - - + + Let's explore the handles of an ellipse. Select this one: - - - + + + @@ -640,15 +640,15 @@ handle, then drag the other handle which becomes visible under it, to get a vari of pie-chart segments or arcs: - - - - - - - - - + + + + + + + + + @@ -660,36 +660,36 @@ ellipse but does not connect the ends of the arc. You can make this obvious if y remove the fill, leaving only stroke: - - - - - 15 - + + + + + 15 + - Segments - Arcs - - - - - - - - - - - - - - - - - - - - - + Segments + Arcs + + + + + + + + + + + + + + + + + + + + + @@ -698,34 +698,34 @@ to create using angle snapping of the h arc/segment handle shortcuts: - - - + + + With Ctrl, snap the handle every 15 degrees when dragging. - - - + + + Shift+click to make the ellipse whole (not arc or segment). - - + + The snap angle can be changed in Inkscape Preferences (the Steps tab). - - + + @@ -733,26 +733,26 @@ arc/segment handle shortcuts: 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). - - - + + + Ctrl+click to make a circle without dragging. - - + + @@ -763,17 +763,17 @@ axes while remaining rotated or skewed. Try to resize any of these ellipses by resize handles: - - - - - - - + + + + + + + Stars - - + + @@ -782,8 +782,8 @@ friends by Inkscape, let them play with the Star tool. It's endlessly enter — outright addictive! - - + + @@ -793,16 +793,16 @@ tips; a polygon has just one handle which simply rotates and resizes the polygon dragged: - - - Star + + + Star - - - Polygon + + + Polygon - - + + @@ -813,25 +813,25 @@ Controls bar. The allowed range is from 3 (obviously) to 1024, but you shouldn&a large numbers (say, over 200) if your computer is slow. - - + + When drawing a new star or polygon, - - - + + + Drag with Ctrl to snap the angle to 15 degree increments. - - + + @@ -843,8 +843,8 @@ the center of the shape), the other handle rotates accordingly. This means you skew the star's rays with this handle. - - + + @@ -855,17 +855,17 @@ 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,26 +873,26 @@ get all sorts of crystals, mandalas, snowflakes, and porcupines: can make the skewing handle behave as the non-skewing one: - - - + + + Drag with Ctrl to keep the star rays strictly radial (no skew). - - - + + + Ctrl+click to remove the skew without dragging. - - + + @@ -901,8 +901,8 @@ can make the skewing handle behave as the non-skewing one: distances to the center. - - + + @@ -913,26 +913,26 @@ 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 - - - + + + Shift+drag a handle tangentially to round the star or polygon. - - - + + + Shift+click a handle to remove rounding. - - + + @@ -942,8 +942,8 @@ roundedness; with clockwise rotation, you get negative roundedness. (See below f examples of negative roundedness.) - - + + @@ -951,16 +951,16 @@ examples of negative roundedness.) (Star tool): - - - Rounded polygon + + + Rounded polygon - - - Rounded rectangle + + + Rounded rectangle - - + + @@ -972,8 +972,8 @@ 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,41 +986,41 @@ 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,14 +1029,14 @@ 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,8 +1044,8 @@ from the star: known to man. But it can get better still. - - + + @@ -1056,26 +1056,26 @@ variety of crazily unpredictable shapes. A rounded star remains smoothly rounded randomized. Here are the shortcuts: - - - + + + Alt+drag a handle tangentially to randomize the star or polygon. - - - + + + Alt+click a handle to remove randomization. - - + + @@ -1087,13 +1087,13 @@ are exactly the same, but each one is re-randomized by very slightly moving its (randomization level is 0.1 throughout): - - - - - - - + + + + + + + @@ -1101,18 +1101,18 @@ 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,8 +1120,8 @@ from -0.2 to 0.2: morphs into its neighbors on the right and left — and beyond. - - + + @@ -1130,20 +1130,20 @@ fond of rounded amoeba-like blotches and large roughened planets with fantastic landscapes: - - - - - - - - - - + + + + + + + + + + Spirals - - + + @@ -1152,17 +1152,17 @@ it is sometimes very useful. A spiral, like a star, is drawn from the center; wh drawing as well as while editing, - - - + + + Ctrl+drag to snap angle to 15 degree increments. - - + + @@ -1171,69 +1171,69 @@ simply dragged, roll or unroll the spiral (i.e. “continue” it, changing the turns). Other shortcuts: - - + + Outer handle: - - - + + + Shift+drag to scale/rotate around center (no rolling/unrolling). - - - + + + Alt+drag to lock radius while rolling/unrolling. - - + + Inner handle: - - - + + + Alt+drag vertically to converge/diverge. - - - + + + Alt+click to reset divergence. - - - + + + Shift+click to move the inner handle to the center. - - + + @@ -1244,26 +1244,26 @@ is greater than 1 (Alt+drag downwards), towards the center: - 0.2 - 0.5 - 6 - 2 - 1 - - - - - - - + 0.2 + 0.5 + 6 + 2 + 1 + + + + + + + The maximum number of spiral turns is 1024. - - + + @@ -1275,28 +1275,28 @@ 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,14 +1305,14 @@ concentration of the shape with regular equispaced marks (dots or dashes) for be moire effects: - - - - + + + + Conclusion - - + + @@ -1322,11 +1322,11 @@ 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. - + - - - + + + @@ -1342,19 +1342,19 @@ you have any ideas for further shape improvements, please contact the developers - - - - - - - - - + + + + + + + + + - - Use Ctrl+up arrow to scroll - + + Use Ctrl+up arrow to scroll + -- cgit v1.2.3