From 62e576ecbc144c09b9f224deb4673e3cd8bd16e4 Mon Sep 17 00:00:00 2001 From: Nicolas Dufour Date: Fri, 9 May 2014 18:36:25 +0200 Subject: Documentation. Fix for bug #1317140 (supported generic font names in trunk have changed (Sans -> sans-serif, Serif -> serif)). Fixed bugs: - https://launchpad.net/bugs/1317140 (bzr r13345) --- share/tutorials/tutorial-advanced.svg | 204 ++++---- share/tutorials/tutorial-basic.svg | 172 +++---- share/tutorials/tutorial-calligraphy.svg | 180 +++---- share/tutorials/tutorial-elements.svg | 150 +++--- share/tutorials/tutorial-interpolate.svg | 650 +++++++++++++------------- share/tutorials/tutorial-shapes.svg | 304 ++++++------ share/tutorials/tutorial-tips.svg | 158 +++---- share/tutorials/tutorial-tracing-pixelart.svg | 78 ++-- share/tutorials/tutorial-tracing.svg | 78 ++-- 9 files changed, 987 insertions(+), 987 deletions(-) (limited to 'share/tutorials') diff --git a/share/tutorials/tutorial-advanced.svg b/share/tutorials/tutorial-advanced.svg index 6d19ae44b..506196331 100644 --- a/share/tutorials/tutorial-advanced.svg +++ b/share/tutorials/tutorial-advanced.svg @@ -36,16 +36,16 @@ - - 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 - + @@ -54,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 @@ -120,7 +120,7 @@ of the clipboard object(s). - + @@ -129,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 - + @@ -151,7 +151,7 @@ Pencil (freehand) tool (F6): - + @@ -168,7 +168,7 @@ Pencil (freehand) tool (F6): - + @@ -183,7 +183,7 @@ only the last segment of an unfinished line, press - + @@ -194,11 +194,11 @@ only the last segment of an unfinished line, press new one. - + Editing paths - + @@ -212,7 +212,7 @@ path and switch to the Node tool (F2): - + @@ -228,7 +228,7 @@ selected node); Alt+! inverts in the ent - + @@ -241,7 +241,7 @@ either double clicking or by Ctrl+Alt+click - + @@ -254,7 +254,7 @@ select two endnodes on one path, you can join them ( - + @@ -271,7 +271,7 @@ rotated/scaled to match. - + @@ -281,11 +281,11 @@ 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 - + @@ -300,7 +300,7 @@ single compound path; the same three subpaths on the right are independent path - + @@ -311,19 +311,19 @@ 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. - + @@ -333,7 +333,7 @@ in the areas where the paths overlap: - + @@ -341,11 +341,11 @@ in the areas where the paths overlap: commands, see “Boolean operations” below. - + Converting to path - + @@ -360,7 +360,7 @@ converted to path. Switch to node tool and compare their editability when select - + @@ -372,11 +372,11 @@ no stroke): - + Boolean operations - + @@ -384,13 +384,13 @@ no stroke): boolean operations: - Original shapes - Union (Ctrl++) - Difference (Ctrl+-) - Intersection(Ctrl+*) - Exclusion(Ctrl+^) - Division(Ctrl+/) - Cut Path(Ctrl+Alt+/) + Original shapes + Union (Ctrl++) + Difference (Ctrl+-) + Intersection(Ctrl+*) + Exclusion(Ctrl+^) + Division(Ctrl+/) + Cut Path(Ctrl+Alt+/) @@ -401,45 +401,45 @@ no stroke): - (bottom minus top) + (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 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 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: @@ -452,13 +452,13 @@ inset or outset from that original: - + - The plain Inset and Outset commands produce paths + 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 +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: @@ -466,7 +466,7 @@ an idea: - + @@ -476,7 +476,7 @@ need it to be adjustable anymore, you can always convert an offset object back t - + @@ -488,7 +488,7 @@ stroke. - + @@ -504,15 +504,15 @@ with the source. - + 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 @@ -524,14 +524,14 @@ 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 @@ -540,29 +540,29 @@ 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: +Simplify: - Original - Slight simplification - Aggressive simplification + Original + Slight simplification + Aggressive simplification - + Creating text - + @@ -573,7 +573,7 @@ text capabilities. - + @@ -586,7 +586,7 @@ particular, that tab supports as-you-type spell checking). - + @@ -596,7 +596,7 @@ existing text object (such as this paragraph). - + @@ -610,12 +610,12 @@ 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 - + @@ -628,7 +628,7 @@ benefit from kerning adjustments. - + @@ -638,10 +638,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 - + @@ -650,9 +650,9 @@ for visually uniform letter positioning: Alt+Up or Alt+Down: - Inspiration + Inspiration - + @@ -665,7 +665,7 @@ installed on any system where you want to open that SVG document. - + @@ -677,11 +677,11 @@ As in Selector, pressing Shift with any produces 10 times greater effect than without Shift. - + XML editor - + @@ -694,16 +694,16 @@ interactively, and it allows you to do tricks that would be impossible with regu editing tools. - + 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. @@ -737,8 +737,8 @@ versions, and help from user and developer communities. - - Use Ctrl+up arrow to scroll + + Use Ctrl+up arrow to scroll diff --git a/share/tutorials/tutorial-basic.svg b/share/tutorials/tutorial-basic.svg index dad301527..958eaeca9 100644 --- a/share/tutorials/tutorial-basic.svg +++ b/share/tutorials/tutorial-basic.svg @@ -36,16 +36,16 @@ - - Use Ctrl+down arrow to scroll + + Use Ctrl+down arrow to scroll - + ::BASIC - + @@ -54,7 +54,7 @@ regular Inkscape document that you can view, edit, copy from, or save. - + @@ -64,11 +64,11 @@ and stroke, alignment, and z-order. For more advanced topics, check out the othe tutorials in the Help menu. - + Panning the canvas - + @@ -79,11 +79,11 @@ button. Or, you can use the scrollbars (press Ctrl+ them). The wheel on your mouse also works for scrolling vertically; press Shift with the wheel to scroll horizontally. - + Zooming in or out - + @@ -98,7 +98,7 @@ dragging around it. - + @@ -107,11 +107,11 @@ session. Press the ` key to go back to t Shift+` to go forward. - + Inkscape tools - + @@ -123,39 +123,39 @@ bar at the bottom of the window will display useful hints and message you work. - + Many operations are available through keyboard shortcuts. Open Help > Keys and Mouse to see the complete reference. - + Creating and managing documents - + - To create a new empty document, use File > New > Default + To create a new empty document, use File > New > Default or press Ctrl+N. To create a new document from one of Inkscape's many -templates, use File > New > Templates... or press +templates, use File > New > Templates... or press Ctrl+Alt+N - + - To open an existing SVG document, use File > -Open (Ctrl+O). To save, use File > Save -(Ctrl+S), or Save As (Shift+Ctrl+S) + To open an existing SVG document, use File > +Open (Ctrl+O). To save, use File > Save +(Ctrl+S), or Save As (Shift+Ctrl+S) to save under a new name. (Inkscape may still be unstable, so remember to save often!) - + @@ -165,7 +165,7 @@ text or XML editor (apart from Inkscape, that is). Besides SVG, Inkscape can import and export several other formats (EPS, PNG). - + @@ -178,11 +178,11 @@ the Ctrl+Tab shortcut only works with do process. If you open multiple files from a file browser or launch more than one Inkscape process from an icon it will not work. - + Creating shapes - + @@ -202,7 +202,7 @@ right here: - + @@ -227,7 +227,7 @@ also create ellipses, stars, and spirals: - + @@ -238,7 +238,7 @@ these controls affect the currently selected shapes (i.e. those that display the and set the default that will apply to newly created shapes. - + @@ -246,11 +246,11 @@ these controls affect the currently selected shapes (i.e. those that display the Ctrl+Z. (Or, if you change your mind again, you can redo the undone action by Shift+Ctrl+Z.) - + Moving, scaling, rotating - + @@ -261,7 +261,7 @@ any object on the canvas. Click on the rectangle below. - + @@ -270,7 +270,7 @@ Now you can: - + @@ -279,7 +279,7 @@ to horizontal and vertical.) - + @@ -288,7 +288,7 @@ the original height/width ratio.) - + @@ -296,7 +296,7 @@ the original height/width ratio.) - + @@ -306,7 +306,7 @@ position the center of rotation.) - + @@ -315,7 +315,7 @@ handles. (Press Ctrl to restrict skewing steps.) - + @@ -323,11 +323,11 @@ steps.) (above the canvas) to set exact values for coordinates (X and Y) and size (W and H) of the selection. - + Transforming by keys - + @@ -336,7 +336,7 @@ emphasis on keyboard accessibility. There's hardly any command or action th impossible to do from keyboard, and transforming objects is no exception. - + @@ -349,7 +349,7 @@ respectively. Default rotates are by 15 degrees; with - + @@ -364,7 +364,7 @@ nudge on your screen. It is thus possible to position objects with arbitrary pre simply by zooming in or out as needed. - + @@ -374,17 +374,17 @@ scale selection so that its visible size changes by one screen pixel, and farthest-from-center point moves by one screen pixel. - + Note: Linux users may not get the expected results with the Alt+arrow and a few other key combinations if their Window Manager catches those key events before they reach the inkscape application. One solution would be to change the WM's configuration accordingly. - + Multiple selections - + @@ -400,7 +400,7 @@ the shapes below: - + @@ -411,7 +411,7 @@ but not the rectangle: - + @@ -422,7 +422,7 @@ ellipses and the rectangle, without the cues you would have hard time guessing w the ellipses are selected or not. - + @@ -431,7 +431,7 @@ Select all three objects above, then use Shift+clic ellipses from the selection leaving only the rectangle selected. - + @@ -439,11 +439,11 @@ ellipses from the selection leaving only the rectangle selected. objects. Ctrl+A selects all objects in the current layer (if you did not create layers, this is the same as all objects in the document). - + Grouping - + @@ -461,7 +461,7 @@ the group. - + @@ -474,7 +474,7 @@ selection; you'll need to press Ctrl+U - + @@ -486,11 +486,11 @@ grouping. Try to move or transform the individual shapes in the group (above right) without ungrouping it, then deselect and select the group normally to see that it still remains grouped. - + Fill and stroke - + @@ -500,7 +500,7 @@ View menu (or press Shift+Ctrl+W), selec it (change its fill color). - + @@ -510,7 +510,7 @@ dialog. - + @@ -521,7 +521,7 @@ including no fill (the button with the X), flat color fill, as well as linear or gradients. For the above shape, the flat fill button will be activated. - + @@ -532,7 +532,7 @@ a shade of that hue within the triangle. All color pickers contain a slider to s alpha (opacity) of the selected object(s). - + @@ -548,7 +548,7 @@ fill and stroke (for multiple selected objects, the dialog shows their - + @@ -564,7 +564,7 @@ fill and stroke (for multiple selected objects, the dialog shows their - + @@ -579,7 +579,7 @@ of the stroke: - + @@ -631,7 +631,7 @@ fills and/or strokes: - + @@ -644,7 +644,7 @@ Stroke dialog sets the color of that handle instead of the color of the entire s object. - + @@ -653,11 +653,11 @@ tool (F7). Just Shift+click will assign stroke color). - + Duplication, alignment, distribution - + @@ -668,7 +668,7 @@ the line with copies of this black square: - + @@ -738,11 +738,11 @@ examples: - + Z-order - + @@ -757,7 +757,7 @@ selection count; if nothing overlaps the selection, Raise and Lower move it all to the top or bottom correspondingly). - + @@ -772,7 +772,7 @@ one is at the bottom: - + @@ -785,11 +785,11 @@ nothing selected will conveniently select the object you created Tab and Shift+Tab keys on the stack of ellipses above. - + Selecting under and dragging selected - + @@ -799,7 +799,7 @@ transparent, but clicking on it will select the top object, not the one you need. - + @@ -812,7 +812,7 @@ z-order stack of objects at the click point. When the bottom object is reached, Alt+click will, naturally, again select the topmost object. - + @@ -826,7 +826,7 @@ Inkscape and other applications may use the Alt key freely.] - + @@ -839,7 +839,7 @@ is selected now without selecting anything else, use - + @@ -849,17 +849,17 @@ shapes under the green transparent rectangle: - + Selecting similar objects - + Inkscape can select other objects similar to the object currently selected. For example, if you want to select all the blue squares below first select one of the -blue squares, and use Edit > Select Same > +blue squares, and use Edit > Select Same > Fill Color from the menu. All the objects with a fill color the same shade of blue are now selected. @@ -903,25 +903,25 @@ shade of blue are now selected. - + In addition to selecting by fill color, you can select multiple similar objects by stroke color, stroke style, fill & stroke, and object type. - + Conclusion - + This concludes the Basic tutorial. There's much more than that to Inkscape, but with the techniques described here, you will already be able to create simple yet useful graphics. For more complicated stuff, go through the Advanced and other tutorials in -Help > Tutorials. +Help > Tutorials. @@ -954,8 +954,8 @@ graphics. For more complicated stuff, go through the Advanced and other tutorial - - Use Ctrl+up arrow to scroll + + Use Ctrl+up arrow to scroll diff --git a/share/tutorials/tutorial-calligraphy.svg b/share/tutorials/tutorial-calligraphy.svg index 604c284da..e22fc3512 100644 --- a/share/tutorials/tutorial-calligraphy.svg +++ b/share/tutorials/tutorial-calligraphy.svg @@ -36,16 +36,16 @@ - - Use Ctrl+down arrow to scroll + + Use Ctrl+down arrow to scroll - + ::CALLIGRAPHY bulia byak, buliabyak@users.sf.net and josh andler, scislac@users.sf.net - + @@ -55,20 +55,20 @@ basic techniques of the art of Calligraphy. - + 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. - + History and Styles - + @@ -79,7 +79,7 @@ anyone can master the basics of this art. - + @@ -93,7 +93,7 @@ will run across calligraphy today is on wedding invitations. - + @@ -102,7 +102,7 @@ will run across calligraphy today is on wedding invitations. - + @@ -111,7 +111,7 @@ will run across calligraphy today is on wedding invitations. - + @@ -120,7 +120,7 @@ will run across calligraphy today is on wedding invitations. - + @@ -128,7 +128,7 @@ will run across calligraphy today is on wedding invitations. - + @@ -138,21 +138,21 @@ currently functions. - + One great advantage that we have over the scribes of the past is the -Undo command: If you make a mistake, the entire page is not +Undo command: If you make a mistake, the entire page is not ruined. Inkscape's Calligraphy tool also enables some techniques which would not be possible with a traditional pen-and-ink. - + Hardware - + @@ -163,7 +163,7 @@ sweeping strokes. - + @@ -174,7 +174,7 @@ quill or pen with nib are also not very sensitive to pressure, unlike a brush. - + @@ -189,7 +189,7 @@ now on, Inkscape will remember those settings on startup. - + @@ -198,11 +198,11 @@ the stroke (see “Thinning” below), so if you are using a mouse, you'll zero this parameter. - + Calligraphy Tool Options - + @@ -213,11 +213,11 @@ There are also two buttons to toggle tablet Pressure and Tilt sensitivity on and drawing tablets). - + Width & Thinning - + @@ -234,7 +234,7 @@ by double-clicking the tool button). - + @@ -245,10 +245,10 @@ these keys is that they work while you are drawing, so you can change the width of your pen gradually in the middle of the stroke: - width=1, growing.... reaching 47, decreasing... back to 0 + width=1, growing.... reaching 47, decreasing... back to 0 - + @@ -260,11 +260,11 @@ thinning of fast strokes. Here are a few examples, all drawn with width=20 and angle=90: - thinning = 0 (uniform width) - thinning = 10 - thinning = 40 - thinning = -20 - thinning = -60 + thinning = 0 (uniform width) + thinning = 10 + thinning = 40 + thinning = -20 + thinning = -60 @@ -286,7 +286,7 @@ angle=90: - + @@ -300,11 +300,11 @@ jerky movements to get strangely naturalistic, neuron-like shapes: - + Angle & Fixation - + @@ -326,10 +326,10 @@ the angle is determined by the tilt of the pen. - angle = 90 deg - angle = 30 (default) - angle = 0 - angle = -90 deg + angle = 90 deg + angle = 30 (default) + angle = 0 + angle = -90 deg @@ -342,7 +342,7 @@ the angle is determined by the tilt of the pen. - + @@ -355,12 +355,12 @@ keeping the angle constant will work best. Here are examples of strokes drawn at different angles (fixation = 100): - angle = 30 - angle = 60 - angle = 90 - angle = 0 - angle = 15 - angle = -45 + angle = 30 + angle = 60 + angle = 90 + angle = 0 + angle = 15 + angle = -45 @@ -368,7 +368,7 @@ different angles (fixation = 100): - + @@ -378,7 +378,7 @@ natural and traditional for right-handed calligraphy. - + @@ -394,9 +394,9 @@ perpendicular to the stroke, and Angle has no effect anymore: - angle = 30fixation = 100 - angle = 30fixation = 80 - angle = 30fixation = 0 + angle = 30fixation = 100 + angle = 30fixation = 80 + angle = 30fixation = 0 @@ -560,7 +560,7 @@ perpendicular to the stroke, and Angle has no effect anymore: - + @@ -571,11 +571,11 @@ fixation and zero width contrast (above right), on the other hand, suggest moder serif typefaces such as Helvetica. - + Tremor - + @@ -585,7 +585,7 @@ affect your strokes producing anything from slight unevenness to wild blotches a splotches. This significantly expands the creative range of the tool. - + slow medium fast @@ -599,17 +599,17 @@ splotches. This significantly expands the creative range of the tool. - tremor = 0 - tremor = 10 - tremor = 30 - tremor = 50 - tremor = 70 - tremor = 90 - tremor = 20 - tremor = 40 - tremor = 60 - tremor = 80 - tremor = 100 + tremor = 0 + tremor = 10 + tremor = 30 + tremor = 50 + tremor = 70 + tremor = 90 + tremor = 20 + tremor = 40 + tremor = 60 + tremor = 80 + tremor = 100 @@ -641,11 +641,11 @@ splotches. This significantly expands the creative range of the tool. - + Wiggle & Mass - + @@ -655,7 +655,7 @@ instead just try them yourself to get a better idea. - + @@ -666,7 +666,7 @@ wiggle makes the pen to wiggle wildly. - + @@ -677,11 +677,11 @@ quite small (2) so that the tool is fast and responsive, but you can increase ma get slower and smoother pen. - + Calligraphy examples - + @@ -691,7 +691,7 @@ it with Inkscape. This section will show you just a few simple examples. - + @@ -709,7 +709,7 @@ rulers as well, for example: - + @@ -718,7 +718,7 @@ movement range, adjust width and angle, and off you go! - + @@ -745,7 +745,7 @@ stems. Here are some letter elements for the Uncial hand: - + @@ -754,7 +754,7 @@ stems. Here are some letter elements for the Uncial hand: - + @@ -764,7 +764,7 @@ each letter. - + @@ -777,7 +777,7 @@ again to return to Calligraphy tool. - + @@ -788,7 +788,7 @@ elements; each stroke must be original. - + @@ -803,13 +803,13 @@ elements; each stroke must be original. - Unicial hand - Carolingian hand - Gothic hand - Bâtarde hand + Unicial hand + Carolingian hand + Gothic hand + Bâtarde hand - Flourished Italic hand + Flourished Italic hand @@ -907,11 +907,11 @@ elements; each stroke must be original. - + Conclusion - + @@ -951,8 +951,8 @@ it is very nice to play with and may be useful in real design. Enjoy! - - Use Ctrl+up arrow to scroll + + Use Ctrl+up arrow to scroll diff --git a/share/tutorials/tutorial-elements.svg b/share/tutorials/tutorial-elements.svg index e70ccff4a..3ee6c8963 100644 --- a/share/tutorials/tutorial-elements.svg +++ b/share/tutorials/tutorial-elements.svg @@ -36,15 +36,15 @@ - - Use Ctrl+down arrow to scroll + + Use Ctrl+down arrow to scroll - + ::ELEMENTS - + @@ -57,38 +57,38 @@ subtract, and combine to make this tutorial more comprehensive. - Elements - Principles - Color - Line - Shape - Space - Texture - Value - Size - Balance - Contrast - Emphasis - Proportion - Pattern - Gradation - Composition - Overview - + Elements + Principles + Color + Line + Shape + Space + Texture + Value + Size + Balance + Contrast + Emphasis + Proportion + Pattern + Gradation + Composition + Overview + Elements of Design - + The following elements are the building blocks of design. - + Line - + @@ -110,11 +110,11 @@ paper), or implied three-dimensional. - + Shape - + @@ -130,11 +130,11 @@ circle) and organic (irregular in outline). - + Size - + @@ -143,13 +143,13 @@ There is a variation of sizes in objects either real or imagined. - BIG - small - + BIG + small + Space - + @@ -164,11 +164,11 @@ space surrounds a shape or form. - + Color - + @@ -191,11 +191,11 @@ dullness). - + Texture - + @@ -219,11 +219,11 @@ or pebbly. - + Value - + @@ -258,21 +258,21 @@ in a composition. - + Principles of Design - + The principles use the elements of design to create a composition. - + Balance - + @@ -288,11 +288,11 @@ etc., can be used in creating a balance in a composition. - + Contrast - + @@ -303,11 +303,11 @@ etc., can be used in creating a balance in a composition. - + Emphasis - + @@ -321,11 +321,11 @@ place a work draws your eye to first. - + Proportion - + @@ -422,8 +422,8 @@ to another. - Random Ant & 4WD - SVG Image Created by Andrew FitzsimonCourtesy of Open Clip Art Libraryhttp://www.openclipart.org/ + Random Ant & 4WD + SVG Image Created by Andrew FitzsimonCourtesy of Open Clip Art Libraryhttp://www.openclipart.org/ @@ -446,11 +446,11 @@ to another. - + Pattern - + @@ -471,11 +471,11 @@ and over again. - + Gradation - + @@ -501,11 +501,11 @@ gradation from dark to light will cause the eye to move along a shape. - + Composition - + @@ -621,11 +621,11 @@ gradation from dark to light will cause the eye to move along a shape. - + Bibliography - + @@ -633,57 +633,57 @@ gradation from dark to light will cause the eye to move along a shape. - + - http://www.makart.com/resources/artclass/EPlist.html + http://www.makart.com/resources/artclass/EPlist.html - + - http://www.princetonol.com/groups/iad/Files/elements2.htm + http://www.princetonol.com/groups/iad/Files/elements2.htm - + - http://www.johnlovett.com/test.htm + http://www.johnlovett.com/test.htm - + - http://digital-web.com/articles/elements_of_design/ + http://digital-web.com/articles/elements_of_design/ - + - http://digital-web.com/articles/principles_of_design/ + http://digital-web.com/articles/principles_of_design/ - + - Special thanks to Linda Kim (http://www.coroflot.com/redlucite/) for helping -me (http://www.rejon.org/) with this tutorial. Also, thanks to the -Open Clip Art Library (http://www.openclipart.org/) and the graphics + Special thanks to Linda Kim (http://www.coroflot.com/redlucite/) for helping +me (http://www.rejon.org/) with this tutorial. Also, thanks to the +Open Clip Art Library (http://www.openclipart.org/) and the graphics people have submitted to that project. @@ -717,8 +717,8 @@ people have submitted to that project. - - Use Ctrl+up arrow to scroll + + Use Ctrl+up arrow to scroll diff --git a/share/tutorials/tutorial-interpolate.svg b/share/tutorials/tutorial-interpolate.svg index c9c1c1b24..8cbf06044 100644 --- a/share/tutorials/tutorial-interpolate.svg +++ b/share/tutorials/tutorial-interpolate.svg @@ -1,15 +1,15 @@ - + - + - - - + + + @@ -25,542 +25,542 @@ - - - - - - - - - - + + + + + + + + + + - - Use Ctrl+down arrow to scroll - + + Use Ctrl+down arrow to scroll + - - ::INTERPOLATE + + ::INTERPOLATE Ryan Lerch, ryanlerch at gmail dot com - - + + This document explains how to use Inkscape's Interpolate extension - + Introduction - - + + Interpolate does a linear interpolation between two or more selected paths. It basically means that it “fills in the gaps” between the paths and transforms them according to the number of steps given. - - + + - To use the Interpolate extension, select the paths that you wish to transform, and choose Extensions > Generate From Path > Interpolate from the menu. + To use the Interpolate extension, select the paths that you wish to transform, and choose Extensions > Generate From Path > Interpolate from the menu. - - + + - Before invoking the extension, the objects that you are going to transform need to be paths. This is done by selecting the object and using Path > Object to Path or Shift+Ctrl+C. If your objects are not paths, the extension will do nothing. + Before invoking the extension, the objects that you are going to transform need to be paths. This is done by selecting the object and using Path > Object to Path or Shift+Ctrl+C. If your objects are not paths, the extension will do nothing. - + Interpolation between two identical paths - - + + The simplest use of the Interpolate extension is to interpolate between two paths that are identical. When the extension is called, the result is that the space between the two paths is filled with duplicates of the original paths. The number of steps defines how many of these duplicates are placed. - - + + For example, take the following two paths: - - - + + + - - + + Now, select the two paths, and run the Interpolate extension with the settings shown in the following image. - - - - - - - - - - + + + + + + + + + + - Exponent: 0.0Interpolation Steps: 6Interpolation Method: 2Duplicate Endpaths: uncheckedInterpolate Style: unchecked + Exponent: 0.0Interpolation Steps: 6Interpolation Method: 2Duplicate Endpaths: uncheckedInterpolate Style: unchecked - - + + As can be seen from the above result, the space between the two circle-shaped paths has been filled with 6 (the number of interpolation steps) other circle-shaped paths. Also note that the extension groups these shapes together. - - Interpolation between two different paths + + Interpolation between two different paths - - + + When interpolation is done on two different paths, the program interpolates the shape of the path from one into the other. The result is that you get a morphing sequence between the paths, with the regularity still defined by the Interpolation Steps value. - - + + For example, take the following two paths: - - - + + + - - + + Now, select the two paths, and run the Interpolate extension. The result should be like this: - - - - - - - - - + + + + + + + + + - - Exponent: 0.0Interpolation Steps: 6Interpolation Method: 2Duplicate Endpaths: uncheckedInterpolate Style: unchecked + + Exponent: 0.0Interpolation Steps: 6Interpolation Method: 2Duplicate Endpaths: uncheckedInterpolate Style: unchecked - - + + As can be seen from the above result, the space between the circle-shaped path and the triangle-shaped path has been filled with 6 paths that progress in shape from one path to the other. - - + + When using the Interpolate extension on two different paths, the position of the starting node of each path is important. To find the starting node of a path, select the path, then choose the Node Tool so that the nodes appear and press TAB. The first node that is selected is the starting node of that path. - - + + See the image below, which is identical to the previous example, apart from the node points being displayed. The node that is green on each path is the starting node. - - - - - - - - - - + + + + + + + + + + - - + + The previous example (shown again below) was done with these nodes being the starting node. - - - - - - - - - + + + + + + + + + - - Exponent: 0.0Interpolation Steps: 6Interpolation Method: 2Duplicate Endpaths: uncheckedInterpolate Style: unchecked + + Exponent: 0.0Interpolation Steps: 6Interpolation Method: 2Duplicate Endpaths: uncheckedInterpolate Style: unchecked - - + + Now, notice the changes in the interpolation result when the triangle path is mirrored so the starting node is in a different position: - + - - - - - - - - - + + + + + + + + + - - - - - - - - - - + + + + + + + + + + - - Interpolation Method + + Interpolation Method - - + + One of the parameters of the Interpolate extension is the Interpolation Method. There are 2 interpolation methods implemented, and they differ in the way that they calculate the curves of the new shapes. The choices are either Interpolation Method 1 or 2. - - + + In the examples above, we used Interpolation Method 2, and the result was: - - - - - - - - - + + + + + + + + + - + - - + + Now compare this to Interpolation Method 1: - - - - - - - - - - + + + + + + + + + + - - + + The differences in how these methods calculate the numbers is beyond the scope of this document, so simply try both, and use which ever one gives the result closest to what you intend. - - Exponent + + Exponent - - + + The exponent parameter controls the spacing between steps of the interpolation. An exponent of 0 makes the spacing between the copies all even. - - + + Here is the result of another basic example with an exponent of 0. - - - - - - - - - - + + + + + + + + + + - Exponent: 0.0Interpolation Steps: 6Interpolation Method: 2Duplicate Endpaths: uncheckedInterpolate Style: unchecked + Exponent: 0.0Interpolation Steps: 6Interpolation Method: 2Duplicate Endpaths: uncheckedInterpolate Style: unchecked - - + + The same example with an exponent of 1: - - - - - - - - - - + + + + + + + + + + - - + + with an exponent of 2: - - - - - - - - - - + + + + + + + + + + - - + + and with an exponent of -1: - - - - - - - - - - + + + + + + + + + + - - + + When dealing with exponents in the Interpolate extension, the order that you select the objects is important. In the examples above, the star-shaped path on the left was selected first, and the hexagon-shaped path on the right was selected second. - - + + View the result when the path on the right was selected first. The exponent in this example was set to 1: - - - - - - - - - - + + + + + + + + + + - - Duplicate Endpaths + + Duplicate Endpaths - - + + This parameter defines whether the group of paths that is generated by the extension includes a copy of the original paths that interpolate was applied on. - - Interpolate Style + + Interpolate Style - - + + This parameter is one of the neat functions of the interpolate extension. It tells the extension to attempt to change the style of the paths at each step. So if the start and end paths are different colors, the paths that are generated will incrementally change as well. - - + + Here is an example where the Interpolate Style function is used on the fill of a path: - - - - - - - - - - + + + + + + + + + + - - + + Interpolate Style also affects the stroke of a path: - - - - - - - - - - + + + + + + + + + + - - + + Of course, the path of the start point and the end point does not have to be the same either: - - - - - - - - - - + + + + + + + + + + - - - - - - - - - + + + + + + + + + - - Using Interpolate to fake irregular-shaped gradients + + Using Interpolate to fake irregular-shaped gradients - - + + It is not possible in Inkscape (yet) to create a gradient other than linear (straight line) or radial (round). However, it can be faked using the Interpolate extension and Interpolate Style. A simple example follows — draw two lines of different strokes: - - - + + + - - + + And interpolate between the two lines to create your gradient: - - - + + + - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + - - Conclusion + + Conclusion - - + + As demonstrated above, the Inkscape Interpolate extension is a powerful tool. This tutorial covers the basics of this extension, but experimentation is the key to exploring interpolation further. - + - - - + + + @@ -576,19 +576,19 @@ Ryan Lerch, ryanlerch at gmail dot com - - - - - - - - - + + + + + + + + + - - Use Ctrl+up arrow to scroll - + + Use Ctrl+up arrow to scroll + diff --git a/share/tutorials/tutorial-shapes.svg b/share/tutorials/tutorial-shapes.svg index 06441e9f6..74b959d18 100644 --- a/share/tutorials/tutorial-shapes.svg +++ b/share/tutorials/tutorial-shapes.svg @@ -36,16 +36,16 @@ - - Use Ctrl+down arrow to scroll + + Use Ctrl+down arrow to scroll - + ::SHAPES - + @@ -55,18 +55,18 @@ examples of how and when they could be used. - + Use Ctrl+Arrows, mousewheel, or middle button drag to scroll the page down. For basics of object creation, selection, and transformation, see the Basic -tutorial in Help > Tutorials. +tutorial in Help > Tutorials. - + @@ -77,7 +77,7 @@ numeric parameters that determine the s - + @@ -88,7 +88,7 @@ to a path (Shift+Ctrl+C), but the revers - + @@ -97,11 +97,11 @@ 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 - + @@ -112,7 +112,7 @@ you can immediately edit what you created by dragging these handles. - + @@ -122,7 +122,7 @@ in the statusbar what this handle will do when dragged or clicked with different - + @@ -133,7 +133,7 @@ tool's native type are selected, editing the values in the Controls bar cha selected shape(s). - + @@ -145,7 +145,7 @@ 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 - + @@ -168,7 +168,7 @@ 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 - + @@ -188,7 +188,7 @@ rectangle to the other by clicking on them. - + @@ -197,7 +197,7 @@ rectangle to the other by clicking on them. - + @@ -206,7 +206,7 @@ rectangle to the other by clicking on them. - + @@ -214,7 +214,7 @@ rectangle to the other by clicking on them. - + @@ -226,7 +226,7 @@ three handles in three of its corners. In fact, these are four handles, but two - + @@ -238,7 +238,7 @@ 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 - + @@ -262,7 +262,7 @@ observe their rounding handles. - + @@ -275,7 +275,7 @@ rounded corners are scaled when the rectangle is scaled or not. - + @@ -284,7 +284,7 @@ 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 @@ -294,7 +294,7 @@ and down, to different proportions, with the “Scale rounded corners” button - + @@ -306,7 +306,7 @@ without any manual readjustment of the rounding handles. - + @@ -314,7 +314,7 @@ 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 @@ -324,7 +324,7 @@ with the “Scale rounded corners” button on - + @@ -335,7 +335,7 @@ isn't a slightest agreement in the top right corner (zoom in to see). This - + @@ -344,7 +344,7 @@ isn't a slightest agreement in the top right corner (zoom in to see). This - + @@ -353,7 +353,7 @@ isn't a slightest agreement in the top right corner (zoom in to see). This - + @@ -362,7 +362,7 @@ isn't a slightest agreement in the top right corner (zoom in to see). This - + @@ -370,30 +370,30 @@ isn't a slightest agreement in the top right corner (zoom in to see). This - + You may have noticed that the Rectangle tool's Controls bar shows the horizontal (Rx) and vertical (Ry) rounding radii for the selected rectangle and lets you set them precisely using any length units. The -Not rounded button does what is says — removes rounding from +Not rounded button does what is says — removes rounding from the selected rectangle(s). - + An important advantage of these controls is that they can affect many rectangles at once. For example, if you want to change all rectangles in the layer, just do -Ctrl+A (Select All) and set the parameters you need +Ctrl+A (Select All) and set the parameters you need in the Controls bar. If any non-rectangles are selected, they will be ignored — only rectangles will be changed. - + @@ -403,7 +403,7 @@ with Selector? - + @@ -416,7 +416,7 @@ handles in Rectangle tool: - + @@ -426,7 +426,7 @@ always preserve the rounding radii. - + @@ -435,7 +435,7 @@ always preserve the rounding radii. - + @@ -445,7 +445,7 @@ or the width/height ratio of the rectangle (again, in its own coordinate system may be rotated or skewed). - + @@ -462,9 +462,9 @@ directions to which the resize handles stick when dragged with - Snapping of rectangle - resize handles with Ctrl + Snapping of rectangle - resize handles with Ctrl - + @@ -492,10 +492,10 @@ 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 - + @@ -589,11 +589,11 @@ rounding and gradient fills: - + Ellipses - + @@ -604,7 +604,7 @@ those of the rectangle tool: - + @@ -613,7 +613,7 @@ those of the rectangle tool: - + @@ -621,7 +621,7 @@ those of the rectangle tool: - + @@ -630,7 +630,7 @@ those of the rectangle tool: - + @@ -648,7 +648,7 @@ of pie-chart segments or arcs: - + @@ -664,11 +664,11 @@ remove the fill, leaving only stroke: - 15 + 15 - Segments - Arcs + Segments + Arcs @@ -689,7 +689,7 @@ remove the fill, leaving only stroke: - + @@ -700,7 +700,7 @@ arc/segment handle shortcuts: - + @@ -709,7 +709,7 @@ arc/segment handle shortcuts: - + @@ -717,15 +717,15 @@ arc/segment handle shortcuts: - + - The snap angle can be changed in Inkscape Preferences (in Behavior > Steps). + The snap angle can be changed in Inkscape Preferences (in Behavior > Steps). - + @@ -735,7 +735,7 @@ shortcuts are similar to those of the rounding handles of a rectangle: - + @@ -744,7 +744,7 @@ shortcuts are similar to those of the rounding handles of a rectangle: - + @@ -752,7 +752,7 @@ shortcuts are similar to those of the rounding handles of a rectangle: - + @@ -769,11 +769,11 @@ resize handles: - + Stars - + @@ -783,7 +783,7 @@ friends by Inkscape, let them play with the Star tool. It's endlessly enter - + @@ -795,14 +795,14 @@ dragged: - Star + Star - Polygon + Polygon - + @@ -814,7 +814,7 @@ large numbers (say, over 200) if your computer is slow. - + @@ -823,7 +823,7 @@ large numbers (say, over 200) if your computer is slow. - + @@ -831,7 +831,7 @@ large numbers (say, over 200) if your computer is slow. - + @@ -844,7 +844,7 @@ skew the star's rays with this handle. - + @@ -865,7 +865,7 @@ get all sorts of crystals, mandalas, snowflakes, and porcupines: - + @@ -875,7 +875,7 @@ can make the skewing handle behave as the non-skewing one: - + @@ -884,7 +884,7 @@ can make the skewing handle behave as the non-skewing one: - + @@ -892,17 +892,17 @@ can make the skewing handle behave as the non-skewing one: - + As a useful complement for the on-canvas handle dragging, the Controls bar has the -Spoke ratio field which defines the ratio of the two handles' +Spoke ratio field which defines the ratio of the two handles' distances to the center. - + @@ -915,7 +915,7 @@ however. You don't use a dedicated handle for this, but - + @@ -924,7 +924,7 @@ however. You don't use a dedicated handle for this, but - + @@ -932,7 +932,7 @@ however. You don't use a dedicated handle for this, but - + @@ -943,7 +943,7 @@ examples of negative roundedness.) - + @@ -953,14 +953,14 @@ examples of negative roundedness.) - Rounded polygon + Rounded polygon - Rounded rectangle + Rounded rectangle - + @@ -973,11 +973,11 @@ path and examine it in Node tool). - + - The Rounded parameter which you can adjust in the Controls bar is the + The Rounded parameter which you can adjust in the Controls bar is the ratio of the length of these tangents to the length of the polygon/star sides to which they are adjacent. This parameter can be negative, which reverses the direction of tangents. The values of about 0.2 to 0.4 give “normal” rounding of the kind you would @@ -999,28 +999,28 @@ its handles. Here are a few examples, each indicating its roundedness value: - 0.25 - 0.25 - 0.25 - 0.37 + 0.25 + 0.25 + 0.25 + 0.37 - 0.43 - 3.00 - -3.00 + 0.43 + 3.00 + -3.00 - 0.41 - 5.43 - 1.85 - 0.21 - -3.00 + 0.41 + 5.43 + 1.85 + 0.21 + -3.00 - -0.43 + -0.43 - -8.94 + -8.94 - 0.39 + 0.39 - + @@ -1036,7 +1036,7 @@ from the star: Linked offset, inset Linked offset, outset - + @@ -1045,7 +1045,7 @@ known to man. But it can get better still. - + @@ -1058,7 +1058,7 @@ randomized. Here are the shortcuts: - + @@ -1067,7 +1067,7 @@ randomized. Here are the shortcuts: - + @@ -1075,7 +1075,7 @@ randomized. Here are the shortcuts: - + @@ -1093,7 +1093,7 @@ are exactly the same, but each one is re-randomized by very slightly moving its - + @@ -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 - + @@ -1121,7 +1121,7 @@ morphs into its neighbors on the right and left — and beyond. - + @@ -1139,11 +1139,11 @@ landscapes: - + Spirals - + @@ -1154,7 +1154,7 @@ drawing as well as while editing, - + @@ -1162,7 +1162,7 @@ drawing as well as while editing, - + @@ -1172,7 +1172,7 @@ turns). Other shortcuts: - + @@ -1181,7 +1181,7 @@ turns). Other shortcuts: - + @@ -1190,7 +1190,7 @@ turns). Other shortcuts: - + @@ -1198,7 +1198,7 @@ turns). Other shortcuts: - + @@ -1207,7 +1207,7 @@ turns). Other shortcuts: - + @@ -1216,7 +1216,7 @@ turns). Other shortcuts: - + @@ -1225,7 +1225,7 @@ turns). Other shortcuts: - + @@ -1233,7 +1233,7 @@ turns). Other shortcuts: - + @@ -1244,18 +1244,18 @@ is greater than 1 (Alt+drag downwards), towards the center: - 0.2 - 0.5 - 6 - 2 - 1 + 0.2 + 0.5 + 6 + 2 + 1 - + @@ -1263,7 +1263,7 @@ towards the center: - + @@ -1296,7 +1296,7 @@ without fill, you can add fill and remove stroke for interesting effects. - + @@ -1308,11 +1308,11 @@ moire effects: - + Conclusion - + @@ -1352,8 +1352,8 @@ you have any ideas for further shape improvements, please contact the developers - - Use Ctrl+up arrow to scroll + + Use Ctrl+up arrow to scroll diff --git a/share/tutorials/tutorial-tips.svg b/share/tutorials/tutorial-tips.svg index fc17dbc2e..f6100e0e9 100644 --- a/share/tutorials/tutorial-tips.svg +++ b/share/tutorials/tutorial-tips.svg @@ -36,15 +36,15 @@ - - Use Ctrl+down arrow to scroll + + Use Ctrl+down arrow to scroll - + ::TIPS AND TRICKS - + @@ -53,21 +53,21 @@ the use of Inkscape and some “hidden” features that can help you speed up pr tasks. - + Radial placement with Tile Clones - + - It's easy to see how to use the Create Tile Clones dialog for rectangular grids and + It's easy to see how to use the Create Tile Clones dialog for rectangular grids and patterns. But what if you need radial placement, where objects share a common center of rotation? It's possible too! - + @@ -77,15 +77,15 @@ and the like. A more general method, however, is as follows. - + Choose the P1 symmetry (simple translation) and then compensate for -that translation by going to the Shift tab and setting Per -row/Shift Y and Per column/Shift X both to -100%. Now all +that translation by going to the Shift tab and setting Per +row/Shift Y and Per column/Shift X both to -100%. Now all clones will be stacked exactly on top of the original. All that remains to do is to go -to the Rotation tab and set some rotation angle per column, then +to the Rotation tab and set some rotation angle per column, then create the pattern with one row and multiple columns. For example, here's a pattern made out of a horizontal line, with 30 columns, each column rotated 6 degrees: @@ -121,7 +121,7 @@ out of a horizontal line, with 30 columns, each column rotated 6 degrees: - + @@ -130,7 +130,7 @@ central part by a white circle (to do boolean operations on clones, unlink them - + @@ -221,14 +221,14 @@ other; within each column, individual lines are 2 degrees apart: - + In the above examples, the line was rotated around its center. But what if you want the center to be outside of your shape? Just create an invisible (no fill, no stroke) rectangle which would cover your shape and whose center is in the point you need, group -the shape and the rectangle together, and then use Create Tile Clones on +the shape and the rectangle together, and then use Create Tile Clones on that group. This is how you can do nice “explosions” or “starbursts” by randomizing scale, rotation, and possibly opacity: @@ -308,18 +308,18 @@ scale, rotation, and possibly opacity: - + How to do slicing (multiple rectangular export areas)? - + Create a new layer, in that layer create invisible rectangles covering parts of your image. Make sure your document uses the px unit (default), turn on grid and snap the rects to the grid so that each one spans a whole number of px units. Assign meaningful -ids to the rects, and export each one to its own file (File +ids to the rects, and export each one to its own file (File > Export PNG Image (Shift+Ctrl+E)). Then the rects will remember their export filenames. After that, it's very easy to re-export some of the rects: switch to the export layer, use Tab to select the one you need (or use Find by id), and @@ -328,7 +328,7 @@ all of your areas, with a command like: - + @@ -336,20 +336,20 @@ all of your areas, with a command like: - + for each exported area. The -t switch tells it to use the remembered filename hint, otherwise you can provide the export filename with the -e switch. Alternatively, you can -use the Extensions > Web > Slicer extensions, or Extensions > Export > Guillotine for similar results. +use the Extensions > Web > Slicer extensions, or Extensions > Export > Guillotine for similar results. - + Non-linear gradients - + @@ -358,7 +358,7 @@ non-linear translations between colors). You can, however, emulate them by multistop gradients. - + @@ -377,7 +377,7 @@ make the resulting gradient. Here's the initial black-white gradient with t - + @@ -474,11 +474,11 @@ Editor): - + Excentric radial gradients - + @@ -500,38 +500,38 @@ need it, you can snap the focus back by dragging it close to the center. - + Aligning to the center of the page - + To align something to the center or side of a page, select the object or group and then -choose Page from the Relative to: list in the +choose Page from the Relative to: list in the Align and Distribute dialog (Shift+Ctrl+A). - + Cleaning up the document - + Many of the no-longer-used gradients, patterns, and markers (more precisely, those which you edited manually) remain in the corresponding palettes and can be reused for new -objects. However if you want to optimize your document, use the Clean up Document command in File menu. It will remove any gradients, patterns, or markers +objects. However if you want to optimize your document, use the Clean up Document command in File menu. It will remove any gradients, patterns, or markers which are not used by anything in the document, making the file smaller. - + Hidden features and the XML editor - + @@ -541,11 +541,11 @@ more SVG features than are accessible from the GUI. The XML editor is one way to access to these features (if you know SVG). - + Changing the rulers' unit of measure - + @@ -553,16 +553,16 @@ access to these features (if you know SVG). in Inkscape it's equal to 0.8pt or 1/90 of the inch). This is also the unit used in displaying coordinates at the lower-left corner and preselected in all units menus. (You can always hover your mouse over a ruler to see the tooltip with the units it uses.) To -change this, open Document Preferences -(Shift+Ctrl+D) and change the Default units on the -Page tab. +change this, open Document Preferences +(Shift+Ctrl+D) and change the Default units on the +Page tab. - + Stamping - + @@ -572,11 +572,11 @@ drag an object (or scale or rotate it), and while holding the mouse button down, repeat it as many times as you wish. - + Pen tool tricks - + @@ -585,7 +585,7 @@ repeat it as many times as you wish. - + @@ -594,7 +594,7 @@ repeat it as many times as you wish. - + @@ -603,7 +603,7 @@ repeat it as many times as you wish. - + @@ -612,7 +612,7 @@ repeat it as many times as you wish. - + @@ -620,18 +620,18 @@ repeat it as many times as you wish. - + Note that while the path is unfinished (i.e. is shown green, with the current segment red) it does not yet exist as an object in the document. Therefore, to cancel it, use either Esc (cancel the whole path) or Backspace -(remove the last segment of the unfinished path) instead of Undo. +(remove the last segment of the unfinished path) instead of Undo. - + @@ -641,11 +641,11 @@ either Esc (cancel the whole path) or - + Entering Unicode values - + @@ -659,35 +659,35 @@ an em-dash (—). To quit the Unicode mode without inserting anything press - + - You can also use the Text > Glyphs dialog to search for and insert + You can also use the Text > Glyphs dialog to search for and insert glyphs into your document. - + Using the grid for drawing icons - + Suppose you want to create a 24x24 pixel icon. Create a 24x24 px canvas (use the -Document Preferences) and set the grid to 0.5 px (48x48 gridlines). +Document Preferences) and set the grid to 0.5 px (48x48 gridlines). Now, if you align filled objects to even gridlines, and stroked objects to odd gridlines with the stroke width in px being an even number, and export it at the default 90dpi (so that 1 px becomes 1 bitmap pixel), you get a crisp bitmap image without unneeded antialiasing. - + Object rotation - + @@ -700,7 +700,7 @@ rotation center to any place. - + @@ -710,20 +710,20 @@ degrees). The same [] keys with - + Drop shadows - + To quickly create drop shadows for objects, use the -Filters > Shadows and Glows > Drop Shadow... feature. +Filters > Shadows and Glows > Drop Shadow... feature. - + @@ -734,26 +734,26 @@ and lower than original object. Now open Fill And Stroke dialog and change Blur say, 5.0. That's it! - + Placing text on a path - + To place text along a curve, select the text and the curve together and choose -Put on Path from the Text menu. The text will start at the beginning +Put on Path from the Text menu. The text will start at the beginning of the path. In general it is best to create an explicit path that you want the text to be fitted to, rather than fitting it to some other drawing element — this will give you more control without screwing over your drawing. - + Selecting the original - + @@ -764,11 +764,11 @@ offset, or clone, and press Shift+D to m corresponding path, offset source, or clone original. - + Window off-screen recovery - + @@ -776,15 +776,15 @@ corresponding path, offset source, or clone original. you may find Inkscape has saved a window position that places the window out of reach on your screen. Simply maximise the window (which will bring it back into view, use the task bar), save and reload. You can avoid this altogether by unchecking the global -option to save window geometry (Inkscape Preferences, -Interface > Windows section). +option to save window geometry (Inkscape Preferences, +Interface > Windows section). - + Transparency, gradients, and PostScript export - + @@ -829,8 +829,8 @@ apply this procedure to each piece. - - Use Ctrl+up arrow to scroll + + Use Ctrl+up arrow to scroll diff --git a/share/tutorials/tutorial-tracing-pixelart.svg b/share/tutorials/tutorial-tracing-pixelart.svg index e463f26c5..443c8b7e4 100644 --- a/share/tutorials/tutorial-tracing-pixelart.svg +++ b/share/tutorials/tutorial-tracing-pixelart.svg @@ -1,6 +1,6 @@ - + @@ -36,15 +36,15 @@ - - Use Ctrl+down arrow to scroll + + Use Ctrl+down arrow to scroll - + ::TRACING PIXEL ART - + @@ -52,7 +52,7 @@ - + @@ -60,7 +60,7 @@ - + @@ -69,7 +69,7 @@ resolutions displays. - + @@ -77,18 +77,18 @@ resolutions displays. - + - Inkscape is powered by libdepixelize with the ability + Inkscape is powered by libdepixelize with the ability to automatically vectorize these "special" Pixel Art images. You can try other types of input images too, but be warned: The result won't be equally good and it is a better idea to use the other Inkscape tracer, potrace. - + @@ -340,7 +340,7 @@ Pixel Cup entry) on the left and its vectorized output on the right. - + @@ -718,7 +718,7 @@ to the main class of images recognized by Kopf-Lischinski. - + @@ -730,13 +730,13 @@ algorithm if he don't know what images are giving bad results. - + - The image below is a screenshot of Trace Pixel Art dialog in the English localisation. -You can open this dialog using the Path > Trace Pixel Art... -menu or right-clicking on an image object and then Trace Pixel + The image below is a screenshot of Trace Pixel Art dialog in the English localisation. +You can open this dialog using the Path > Trace Pixel Art... +menu or right-clicking on an image object and then Trace Pixel Art. @@ -744,7 +744,7 @@ Art. - + @@ -754,7 +754,7 @@ that, so let's leave it for later and starting with the explanation for out - + @@ -769,19 +769,19 @@ the libdepixelize and the original libdepixelize author granted their wishes. - + The default output should give the smoothest result and is probably what you want. You saw already the default output on the first samples of this -tutorial. If you want to try it yourself, just open the Trace Pixel Art - dialog and click in OK after choosing some image +tutorial. If you want to try it yourself, just open the Trace Pixel Art + dialog and click in OK after choosing some image on Inkscape. - + @@ -15138,7 +15138,7 @@ vertices were shared by two diagonal cells). - + @@ -15150,7 +15150,7 @@ colors. A hint about the heuristics of this stage: You can't tune them. - + @@ -15165,7 +15165,7 @@ soon). - + @@ -15178,7 +15178,7 @@ connections are erased. - + @@ -15189,7 +15189,7 @@ settings you got, you can just change the output type to the one you want. - + @@ -15580,7 +15580,7 @@ highlight the differences that each heuristic performs. - + @@ -15596,7 +15596,7 @@ about a chess board). - + @@ -15608,7 +15608,7 @@ heuristics, but this heuristic is cool and help to give still better results. - + @@ -15624,7 +15624,7 @@ is too greedy and likes to use the "0.25" value for its multiplier. - + @@ -15636,7 +15636,7 @@ pixels heuristic. - + @@ -15649,7 +15649,7 @@ just can. - + @@ -15661,7 +15661,7 @@ luck. - + @@ -15671,7 +15671,7 @@ problems. The links are: - + @@ -15679,7 +15679,7 @@ problems. The links are: - + @@ -15715,8 +15715,8 @@ problems. The links are: - - Use Ctrl+up arrow to scroll + + Use Ctrl+up arrow to scroll diff --git a/share/tutorials/tutorial-tracing.svg b/share/tutorials/tutorial-tracing.svg index 59ce6263c..0967b03dc 100644 --- a/share/tutorials/tutorial-tracing.svg +++ b/share/tutorials/tutorial-tracing.svg @@ -36,15 +36,15 @@ - - Use Ctrl+down arrow to scroll + + Use Ctrl+down arrow to scroll - + ::TRACING - + @@ -54,17 +54,17 @@ should help you become acquainted with how it works. - + - Currently Inkscape employs the Potrace bitmap tracing engine (potrace.sourceforge.net) by Peter Selinger. + Currently Inkscape employs the Potrace bitmap tracing engine (potrace.sourceforge.net) by Peter Selinger. In the future we expect to allow alternate tracing programs; for now, however, this fine tool is more than sufficient for our needs. - + @@ -75,7 +75,7 @@ drawing. - + @@ -85,7 +85,7 @@ something that Potrace can use. - + @@ -97,18 +97,18 @@ proportion and complexity of the output path. - + To use the tracer, load or import an image, select it, -and select the Path > Trace Bitmap item, or Shift+Alt+B. +and select the Path > Trace Bitmap item, or Shift+Alt+B. - Main options within the Trace dialog + Main options within the Trace dialog - + @@ -117,7 +117,7 @@ and select the Path > Trace Bitmap it - + @@ -125,7 +125,7 @@ and select the Path > Trace Bitmap it - + @@ -136,15 +136,15 @@ pixels that will be considered to be “white”, and the intermediate image wit become darker. - Original Image - Brightness ThresholdFill, no Stroke - Brightness ThresholdStroke, no Fill + Original Image + Brightness ThresholdFill, no Stroke + Brightness ThresholdStroke, no Fill - + @@ -152,7 +152,7 @@ become darker. - + @@ -165,15 +165,15 @@ contrast edge will be included in the output. This setting can adjust the darkn thickness of the edge in the output. - Original Image - Edge DetectedFill, no Stroke - Edge DetectedStroke, no Fill + Original Image + Edge DetectedFill, no Stroke + Edge DetectedStroke, no Fill - + @@ -181,7 +181,7 @@ thickness of the edge in the output. - + @@ -193,14 +193,14 @@ would be if the intermediate bitmap were in color. It then decides black/white whether the color has an even or odd index. - Original Image - Quantization (12 colors)Fill, no Stroke - Quantization (12 colors)Stroke, no Fill + Original Image + Quantization (12 colors)Fill, no Stroke + Quantization (12 colors)Stroke, no Fill - + @@ -210,22 +210,22 @@ than the others. - + - After tracing, it is also suggested that the user try Path > Simplify + After tracing, it is also suggested that the user try Path > Simplify (Ctrl+L) on the output path to reduce the number of nodes. This can make the output of Potrace much easier to edit. For example, here is a typical tracing of the Old Man Playing Guitar: - Original Image - Traced Image / Output Path(1,551 nodes) + Original Image + Traced Image / Output Path(1,551 nodes) - + @@ -233,12 +233,12 @@ of the Old Man Playing Guitar: this is a typical result: - Original Image - Traced Image / Output Path - Simplified(384 nodes) + Original Image + Traced Image / Output Path - Simplified(384 nodes) - + @@ -277,8 +277,8 @@ image, but a set of curves that you can use in your drawing. - - Use Ctrl+up arrow to scroll + + Use Ctrl+up arrow to scroll -- cgit v1.2.3 From 3fe7090e52db5837d56d0c592037d1b8ab8a6c49 Mon Sep 17 00:00:00 2001 From: Nicolas Dufour Date: Wed, 14 May 2014 17:56:38 +0200 Subject: Documentation. Replace old menu items in the Tips and Basic tutorials. Fixed bugs: - https://launchpad.net/bugs/1319060 (bzr r13373) --- share/tutorials/tutorial-basic.svg | 2 +- share/tutorials/tutorial-tips.svg | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) (limited to 'share/tutorials') diff --git a/share/tutorials/tutorial-basic.svg b/share/tutorials/tutorial-basic.svg index 958eaeca9..35ed566ff 100644 --- a/share/tutorials/tutorial-basic.svg +++ b/share/tutorials/tutorial-basic.svg @@ -673,7 +673,7 @@ the line with copies of this black square: Chances are, your copies of the square are placed more or less randomly. This is -where the Align dialog (Shift+Ctrl+A) is useful. Select all the squares +where the Align and Distribute dialog (Shift+Ctrl+A) is useful. Select all the squares (Shift+click or drag a rubberband), open the dialog and press the “Center on horizontal axis” button, then the “Make horizontal gaps between objects equal” button (read the button tooltips). The objects are now neatly aligned and diff --git a/share/tutorials/tutorial-tips.svg b/share/tutorials/tutorial-tips.svg index f6100e0e9..99641a8be 100644 --- a/share/tutorials/tutorial-tips.svg +++ b/share/tutorials/tutorial-tips.svg @@ -553,7 +553,7 @@ access to these features (if you know SVG). in Inkscape it's equal to 0.8pt or 1/90 of the inch). This is also the unit used in displaying coordinates at the lower-left corner and preselected in all units menus. (You can always hover your mouse over a ruler to see the tooltip with the units it uses.) To -change this, open Document Preferences +change this, open Document Properties (Shift+Ctrl+D) and change the Default units on the Page tab. -- cgit v1.2.3