From 44d1206c0e63d47eb87a7e6723bf1028ba16ffdd Mon Sep 17 00:00:00 2001 From: Nicolas Dufour Date: Sat, 27 Aug 2016 12:45:34 +0200 Subject: [Bug #1417923] Fixing issues with titles. Fixed bugs: - https://launchpad.net/bugs/1417923 (bzr r15079) --- share/tutorials/tutorial-basic.svg | 571 +++++++++++++++++++------------------ 1 file changed, 286 insertions(+), 285 deletions(-) (limited to 'share/tutorials/tutorial-basic.svg') diff --git a/share/tutorials/tutorial-basic.svg b/share/tutorials/tutorial-basic.svg index 35ed566ff..fe2db8b44 100644 --- a/share/tutorials/tutorial-basic.svg +++ b/share/tutorials/tutorial-basic.svg @@ -40,11 +40,11 @@ Use Ctrl+down arrow to scroll - + ::BASIC - + @@ -53,7 +53,7 @@ regular Inkscape document that you can view, edit, copy from, or save. - + @@ -64,10 +64,10 @@ and stroke, alignment, and z-order. For more advanced topics, check out the othe tutorials in the Help menu. - - Panning the canvas + + Panning the canvas - + @@ -79,10 +79,10 @@ 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 + + Zooming in or out - + @@ -97,7 +97,7 @@ have the Zoom tool (in the toolbar on left) which lets you to zoom into an area dragging around it. - + @@ -107,10 +107,10 @@ session. Press the ` key to go back to t Shift+` to go forward. - - Inkscape tools + + Inkscape tools - + @@ -122,7 +122,7 @@ bar with controls that are specific to each tool. The at the bottom of the window will display useful hints and messages as you work. - + @@ -130,20 +130,20 @@ you work. Many operations are available through keyboard shortcuts. Open Help > Keys and Mouse to see the complete reference. - - Creating and managing documents + + Creating and managing documents - + - To create a new empty document, use File > New > Default + To create a new empty document, use File > New 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 from Template... or press Ctrl+Alt+N - + @@ -154,7 +154,7 @@ Open (Ctrl+O). To save, use < to save under a new name. (Inkscape may still be unstable, so remember to save often!) - + @@ -164,7 +164,7 @@ supported by graphic software. SVG files are based on XML and can be edited with text or XML editor (apart from Inkscape, that is). Besides SVG, Inkscape can import and export several other formats (EPS, PNG). - + @@ -178,10 +178,10 @@ 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 + + Creating shapes - + @@ -190,18 +190,18 @@ 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: - - - - - - - - - - - - + + + + + + + + + + + + @@ -210,23 +210,23 @@ right here: and fully opaque. We'll see how to change that below. With other tools, you can also create ellipses, stars, and spirals: - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + @@ -237,7 +237,7 @@ them to see how the shape responds. The Controls panel for a shape tool is anoth these controls affect the currently selected shapes (i.e. those that display the handles) and set the default that will apply to newly created shapes. - + @@ -246,10 +246,10 @@ 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 + + Moving, scaling, rotating - + @@ -259,8 +259,8 @@ the Selector. Click the topmost button toolbar, or press F1 or Space. Now you can select any object on the canvas. Click on the rectangle below. - - + + @@ -268,8 +268,8 @@ any object on the canvas. Click on the rectangle below. You will see eight arrow-shaped handles appear around the object. Now you can: - - + + @@ -277,8 +277,8 @@ Now you can: Move the object by dragging it. (Press Ctrl to restrict movement to horizontal and vertical.) - - + + @@ -287,15 +287,15 @@ to horizontal and vertical.) the original height/width ratio.) - + Now click the rectangle again. The handles change. Now you can: - - + + @@ -304,8 +304,8 @@ the original height/width ratio.) restrict rotation to 15 degree steps. Drag the cross mark to position the center of rotation.) - - + + @@ -314,7 +314,7 @@ position the center of rotation.) handles. (Press Ctrl to restrict skewing to 15 degree steps.) - + @@ -323,10 +323,10 @@ steps.) (above the canvas) to set exact values for coordinates (X and Y) and size (W and H) of the selection. - - Transforming by keys + + Transforming by keys - + @@ -335,7 +335,7 @@ the selection. emphasis on keyboard accessibility. There's hardly any command or action that is impossible to do from keyboard, and transforming objects is no exception. - + @@ -348,7 +348,7 @@ and Ctrl+< scale up or down to 200% o respectively. Default rotates are by 15 degrees; with Ctrl, you rotate by 90 degrees. - + @@ -363,7 +363,7 @@ zoom). This means that if you zoom in, one Alt+arro nudge on your screen. It is thus possible to position objects with arbitrary precision simply by zooming in or out as needed. - + @@ -373,17 +373,17 @@ scale selection so that its visible size changes by one screen pixel, and Alt+[ and Alt+] rotate it so that its 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 + + Multiple selections - + @@ -396,10 +396,10 @@ from an empty space; however, if you press Shift - - - - + + + + @@ -407,10 +407,10 @@ the shapes below: Now, use rubberband (by drag or Shift+drag) to select the two ellipses but not the rectangle: - - - - + + + + @@ -421,7 +421,7 @@ to see at once what is selected and what is not. For example, if you select both ellipses and the rectangle, without the cues you would have hard time guessing whether the ellipses are selected or not. - + @@ -430,7 +430,7 @@ the ellipses are selected or not. Select all three objects above, then use Shift+click to exclude both ellipses from the selection leaving only the rectangle selected. - + @@ -439,10 +439,10 @@ 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 + + Grouping - + @@ -452,15 +452,15 @@ 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. - - - - + + + + - + @@ -473,7 +473,7 @@ objects; such recursive groups may go down to arbitrary depth. However, selection; you'll need to press Ctrl+U repeatedly if you want to completely ungroup a deep group-in-group. - + @@ -486,33 +486,35 @@ 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 -simplest way to paint an object some color is to open the Swatches dialog from the + Probably the simplest way to paint an object some color is to +select an object, and click a swatch in the palette below the canvas to +paint it (change its fill color). +Alternatively, you can 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). - + - + More powerful is the Fill and Stroke dialog from the Object menu (or press Shift+Ctrl+F). Select the shape below and open the Fill and Stroke dialog. - - + + - + You will see that the dialog has three tabs: Fill, Stroke paint, and Stroke style. The Fill tab lets you edit the fill (interior) of the @@ -520,10 +522,10 @@ selected object(s). Using the buttons just below the tab, you can select types o including no fill (the button with the X), flat color fill, as well as linear or radial gradients. For the above shape, the flat fill button will be activated. - + - + Further below, you see a collection of color pickers, each in its own tab: RGB, CMYK, HSL, and Wheel. Perhaps the most convenient is the Wheel @@ -531,57 +533,57 @@ picker, where you can rotate the triangle to choose a hue on the wheel, and then a shade of that hue within the triangle. All color pickers contain a slider to set the alpha (opacity) of the selected object(s). - + - + Whenever you select an object, the color picker is updated to display its current 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: - - - - - - - - + + + + + + + + - + Finally, instead of flat color, you can use gradients for fills and/or strokes: @@ -623,17 +625,17 @@ fills and/or strokes: - - - - - - - - + + + + + + + + - + When you switch from flat color to gradient, the newly created gradient uses the previous flat color, going from opaque to transparent. Switch to the Gradient tool @@ -643,34 +645,34 @@ gradient. When any of the gradient handles is selected (highlighted blue), the F Stroke dialog sets the color of that handle instead of the color of the entire selected 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 (Shift+click will assign stroke color). - - Duplication, alignment, distribution + + Duplication, alignment, distribution - + - + One of the most common operations is duplicating an object (Ctrl+D). The duplicate is placed exactly above the original and is 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: - - + + - + Chances are, your copies of the square are placed more or less randomly. This is where the Align and Distribute dialog (Shift+Ctrl+A) is useful. Select all the squares @@ -695,56 +697,56 @@ examples: - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Z-order + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Z-order - + - + The term z-order refers to the stacking order of objects in a drawing, i.e. to which objects are on top and obscure others. The two commands in the Object @@ -753,28 +755,27 @@ menu, Raise to Top (the Home key) and Lo 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). +selection count, based on their respective bounding boxes). - + - + Practice using these commands by reversing the z-order of the objects below, so that the leftmost ellipse is on top and the rightmost one is at the bottom: - - - - - - - + + + + + + + - + A very useful selection shortcut is the Tab key. If nothing is selected, it selects the bottommost object; otherwise it selects the object above the @@ -785,23 +786,23 @@ 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 - + - + What to do if the object you need is hidden behind another object? You may still see the bottom object if the top one is (partially) transparent, but clicking on it will select the top object, not the one you need. - + - + This is what Alt+click is for. First Alt+click selects the top object just like the regular click. However, the next @@ -811,10 +812,10 @@ one; the next one, the object still lower, etc. Thus, several z-order stack of objects at the click point. When the bottom object is reached, next Alt+click will, naturally, again select the topmost object. - + - + [If you are on Linux, you might find that Alt+click does not work properly. Instead, it might be @@ -825,10 +826,10 @@ either turn it off, or map it to use the Meta key (aka Windows key), so Inkscape and other applications may use the Alt key freely.] - + - + This is nice, but once you selected an under-the-surface object, what can you do with it? You can use keys to transform it, and you can drag the selection @@ -838,24 +839,24 @@ object under cursor first, then drags the selection). To tell Inkscape to drag < is selected now without selecting anything else, use Alt+drag. This will move the current selection no matter where you drag your mouse. - + - + Practice Alt+click and Alt+drag on the two brown shapes under the green transparent rectangle: - - - - - Selecting similar objects + + + + + 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 @@ -863,60 +864,60 @@ 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. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + In addition to selecting by fill color, you can select multiple similar objects by stroke color, stroke style, fill & stroke, and object type. - - Conclusion + + 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 @@ -924,7 +925,7 @@ graphics. For more complicated stuff, go through the Advanced and other tutorial Help > Tutorials. - + -- cgit v1.2.3