From fe4433a2514ebe328464abf979aedb6a1a219e08 Mon Sep 17 00:00:00 2001 From: Nicolas Dufour Date: Sun, 16 Jan 2011 18:11:18 +0100 Subject: Tutorials. Global tutorials update (see Bug #169020, Bug #672423 and Bug #438307). (bzr r10007) --- share/tutorials/tutorial-basic.svg | 487 ++++++++++++++++++------------------- 1 file changed, 236 insertions(+), 251 deletions(-) (limited to 'share/tutorials/tutorial-basic.svg') diff --git a/share/tutorials/tutorial-basic.svg b/share/tutorials/tutorial-basic.svg index a0e2732b7..125c7f9b3 100644 --- a/share/tutorials/tutorial-basic.svg +++ b/share/tutorials/tutorial-basic.svg @@ -1,4 +1,5 @@ + @@ -7,11 +8,13 @@ - - - - - + + + + + + + @@ -26,35 +29,23 @@ - - - - - - - - - - - - - - - - - - + + + + + + - - Use Ctrl+down arrow to scroll - + + Use Ctrl+down arrow to scroll + - + ::BASIC - + @@ -63,7 +54,7 @@ regular Inkscape document that you can view, edit, copy from, or save. - + @@ -73,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 - + @@ -88,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 - + @@ -107,55 +98,55 @@ dragging around it. - + - Inkscape also keeps a history of the zoom levels you've used in this work + Inkscape also keeps a history of the zoom levels you've used in this work session. Press the ` key to go back to the previous zoom, or Shift+` to go forward. - + Inkscape tools - + - The vertical toolbar on the left shows Inkscape's drawing and editing tools. In -the top part of the window, below the menu, there's the Commands + The vertical toolbar on the left shows Inkscape's drawing and editing tools. In +the top part of the window, below the menu, there's the Commands bar with general command buttons and the Tool Controls bar with controls that are specific to each tool. The status bar at the bottom of the window will display useful hints and messages as 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 or press -Ctrl+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 create a new empty document, use File > New or press +Ctrl+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 save under a new name. (Inkscape may still be unstable, so remember to save often!) - + @@ -165,7 +156,7 @@ text or XML editor (apart from Inkscape, that is). Besides SVG, Inkscape can import and export several other formats (EPS, PNG). - + @@ -178,11 +169,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 - + @@ -190,24 +181,24 @@ one Inkscape process from an icon it will not work. (or press F4) and click-and-drag, either in a new empty document or right here: - - - - - - - - - - - + + + + + + + + + + + - + As you can see, default rectangles come up blue, with a black stroke (outline), -and partly transparent. We'll see how to change that below. With other tools, you can +and fully opaque. We'll see how to change that below. With other tools, you can also create ellipses, stars, and spirals: @@ -227,7 +218,7 @@ also create ellipses, stars, and spirals: - + @@ -238,7 +229,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 +237,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 +252,7 @@ any object on the canvas. Click on the rectangle below. - + @@ -270,7 +261,7 @@ Now you can: - + @@ -279,7 +270,7 @@ to horizontal and vertical.) - + @@ -288,7 +279,7 @@ the original height/width ratio.) - + @@ -296,7 +287,7 @@ the original height/width ratio.) - + @@ -306,7 +297,7 @@ position the center of rotation.) - + @@ -315,7 +306,7 @@ handles. (Press Ctrl to restrict skewing steps.) - + @@ -323,20 +314,20 @@ steps.) (above the canvas) to set exact values for coordinates (X and Y) and size (W and H) of the selection. - + Transforming by keys - + - One of Inkscape's features that set it apart from most other vector editors is its -emphasis on keyboard accessibility. There's hardly any command or action that is + One of Inkscape's features that set it apart from most other vector editors is its +emphasis on keyboard accessibility. There's hardly any command or action that is impossible to do from keyboard, and transforming objects is no exception. - + @@ -349,7 +340,7 @@ respectively. Default rotates are by 15 degrees; with - + @@ -364,7 +355,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 +365,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. + 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 - + @@ -396,22 +387,22 @@ from an empty space; however, if you press Shift - - - + + + - + Now, use rubberband (by drag or Shift+drag) to select the two ellipses but not the rectangle: - - - + + + - + @@ -422,7 +413,7 @@ ellipses and the rectangle, without the cues you would have hard time guessing w the ellipses are selected or not. - + @@ -431,7 +422,7 @@ Select all three objects above, then use Shift+clic ellipses from the selection leaving only the rectangle selected. - + @@ -439,11 +430,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 - + @@ -452,16 +443,16 @@ behaves as a single object when you drag or transform it. Below, the three objec the left are independent; the same three objects on the right are grouped. Try to drag the group. - - - - - - - + + + + + + + - + @@ -470,15 +461,15 @@ the group. Ctrl+U. Groups themselves may be grouped, just like any other objects; such recursive groups may go down to arbitrary depth. However, Ctrl+U only ungroups the topmost level of grouping in a -selection; you'll need to press Ctrl+U repeatedly if you want to +selection; you'll need to press Ctrl+U repeatedly if you want to completely ungroup a deep group-in-group. - + - You don't necessarily have to ungroup, however, if you want to edit + You don't necessarily have to ungroup, however, if you want to edit an object within a group. Just Ctrl+click that object and it will be selected and editable alone, or Shift+Ctrl+click several objects (inside or outside any groups) for multiple selection regardless of @@ -486,21 +477,21 @@ 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 + + Fill and stroke - + - Many of Inkscape's functions are available via dialogs. Probably the + Many of Inkscape's functions are available via dialogs. Probably the simplest way to paint an object some color is to open the Swatches dialog from the View menu (or press Shift+Ctrl+W), select an object, and click a swatch to paint it (change its fill color). - + @@ -508,9 +499,9 @@ it (change its fill color). (or press Shift+Ctrl+F). Select the shape below and open the Fill and Stroke dialog. - + - + @@ -521,7 +512,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 +523,7 @@ a shade of that hue within the triangle. All color pickers contain a slider to s alpha (opacity) of the selected object(s). - + @@ -540,46 +531,46 @@ a shade of that hue within the triangle. All color pickers contain a slider to s fill and stroke (for multiple selected objects, the dialog shows their average color). Play with these samples or create your own: - - - - - - - + + + + + + + - + Using the Stroke paint tab, you can remove the stroke (outline) of the object, or assign any color or transparency to it: - - - - - - - - + + + + + + + + - + The last tab, Stroke style, lets you set the width and other parameters of the stroke: - - - - - - - + + + + + + + - + @@ -623,15 +614,15 @@ fills and/or strokes: - - - - - - - + + + + + + + - + @@ -644,20 +635,20 @@ Stroke dialog sets the color of that handle instead of the color of the entire s object. - + Yet another convenient way to change a color of an object is by using the Dropper tool (F7). Just click anywhere in the drawing with -that tool, and the picked color will be assigned to the selected object's fill +that tool, and the picked color will be assigned to the selected object's fill (Shift+click will assign stroke color). - - Duplication, alignment, distribution + + Duplication, alignment, distribution - + @@ -666,9 +657,9 @@ that tool, and the picked color will be assigned to the selected object's fill selected, so you can drag it away by mouse or by arrow keys. For practice, try to fill the line with copies of this black square: - + - + @@ -695,54 +686,54 @@ examples: - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Z-order + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Z-order - + @@ -750,14 +741,14 @@ examples: i.e. to which objects are on top and obscure others. The two commands in the Object menu, Raise to Top (the Home key) and Lower to Bottom (the End key), will move your selected objects to the very top or very -bottom of the current layer's z-order. Two more commands, Raise (PgUp) +bottom of the current layer's z-order. Two more commands, Raise (PgUp) and Lower (PgDn), will sink or emerge the selection one step only, i.e. move it past one non-selected object in z-order (only objects that overlap the selection count; if nothing overlaps the selection, Raise and Lower move it all the way to the top or bottom correspondingly). - + @@ -765,14 +756,14 @@ to the top or bottom correspondingly). objects below, so that the leftmost ellipse is on top and the rightmost one is at the bottom: - - - - - - + + + + + + - + @@ -785,11 +776,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 + + Selecting under and dragging selected - + @@ -799,7 +790,7 @@ transparent, but clicking on it will select the top object, not the one you need. - + @@ -812,7 +803,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 +817,7 @@ Inkscape and other applications may use the Alt key freely.] - + @@ -839,34 +830,40 @@ is selected now without selecting anything else, use - + Practice Alt+click and Alt+drag on the two brown shapes under the green transparent rectangle: - - - - - Conclusion + + + + + Conclusion - + - This concludes the Basic tutorial. There's much more than that to Inkscape, but + 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. - + - + + + + + + + @@ -878,30 +875,18 @@ graphics. For more complicated stuff, go through the Advanced and other tutorial - + - - - - - - - - - - - - - - - - - - + + + + + + - - Use Ctrl+up arrow to scroll - + + Use Ctrl+up arrow to scroll + -- cgit v1.2.3