From 05696cc762e4d6e7422dad36e475fe45a49d043a Mon Sep 17 00:00:00 2001 From: Nicolas Dufour Date: Tue, 6 May 2014 14:26:42 +0200 Subject: Documentation. Tracing, Tips and Calligraphy tutorials update (partially translated). Fixed bugs: - https://launchpad.net/bugs/1315487 - https://launchpad.net/bugs/1315480 - https://launchpad.net/bugs/1315483 (bzr r13339) --- share/tutorials/tutorial-tips.svg | 950 +++++++++++++++++++------------------- 1 file changed, 477 insertions(+), 473 deletions(-) (limited to 'share/tutorials/tutorial-tips.svg') diff --git a/share/tutorials/tutorial-tips.svg b/share/tutorials/tutorial-tips.svg index 89f8b5b20..fc17dbc2e 100644 --- a/share/tutorials/tutorial-tips.svg +++ b/share/tutorials/tutorial-tips.svg @@ -1,15 +1,15 @@ - + - + - - - + + + @@ -25,61 +25,61 @@ - - - - - - - - - - + + + + + + + + + + - - Use Ctrl+down arrow to scroll - + + Use Ctrl+down arrow to scroll + - - :: + + ::TIPS AND TRICKS - - + + - + This tutorial will demonstrate various tips and tricks that users have learned through the use of Inkscape and some “hidden” features that can help you speed up production tasks. - + Radial placement with Tile Clones - - + + - + - It's easy to see how to use the 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! - - + + - + If your radial pattern need only have 3, 4, 6, 8, or 12 elements, then you can try the P3, P31M, P3M1, P4, P4M, P6, or P6M symmetries. These would work nicely for snowflakes 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 @@ -90,49 +90,49 @@ create the pattern with one row and multiple columns. For example, here's a out of a horizontal line, with 30 columns, each column rotated 6 degrees: - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + To get a clock dial out of this, all you need to do is cut out or simply overlay the central part by a white circle (to do boolean operations on clones, unlink them first). - - + + - + More interesting effects can be created by using both rows and columns. Here's a pattern with 10 columns and 8 rows, with rotation of 2 degrees per row and 18 degrees per @@ -140,228 +140,227 @@ column. Each group of lines here is a “column”, so the groups are 18 degrees 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 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: - - - + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - How to do slicing (multiple rectangular export areas)? + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 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 -> Export Bitmap (Shift+Ctrl+E)). Then the rects will remember +> 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 click Export in the dialog. Or, you can write a shell script or batch file to export all of your areas, with a command like: - - + + - + inkscape -i area-id -t filename.svg - - + + - + 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 svgslice utility to -automate exporting from Inkscape SVG documents, using either a slice layer or guides. +use the Extensions > Web > Slicer extensions, or Extensions > Export > Guillotine for similar results. - - Non-linear gradients + + Non-linear gradients - - + + - + The version 1.1 of SVG does not support non-linear gradients (i.e. those which have a non-linear translations between colors). You can, however, emulate them by multistop gradients. - - + + - + Start with a simple two-stop gradient. Open the Gradient editor (e.g. by double-clicking on any gradient handle in the Gradient tool). Add a new gradient stop in @@ -371,117 +370,117 @@ make the resulting gradient. Here's the initial black-white gradient with t - - - + + + - - - + + + - + And here are various “non-linear” multi-stop gradients (examine them in the Gradient Editor): - - - - - - - - - + + + + + + + + + - - - - - - - - + + + + + + + + - - - - - - - - + + + + + + + + - - - - - - - - + + + + + + + + - - - - - - - + + + + + + + - - - - - - - - + + + + + + + + - - - - - - - - + + + + + + + + - - - - - - - + + + + + + + - - - - - - - - - - Excentric radial gradients + + + + + + + + + + Excentric radial gradients - - + + - + Radial gradients don't have to be symmetric. In Gradient tool, drag the central handle of an elliptic gradient with Shift. This will move the x-shaped @@ -490,52 +489,51 @@ need it, you can snap the focus back by dragging it close to the center. - + - + - - - + + + - - - - Aligning to the center of the page + + + + 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 -Align and Distribute dialog (Ctrl+Shift+A). +Align and Distribute dialog (Shift+Ctrl+A). - - Cleaning up the document + + 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 Vacuum -Defs 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 + + Hidden features and the XML editor - - + + - + The XML editor (Shift+Ctrl+X) allows you to change almost all aspects of the document without using an external text editor. Also, Inkscape usually supports @@ -543,30 +541,30 @@ 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 + + Changing the rulers' unit of measure - - + + - + In the default template, the unit of measure used by the rulers is px (“SVG user unit”, 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 -(Ctrl+Shift+D) and change the Default units on the +(Shift+Ctrl+D) and change the Default units on the Page tab. - - Stamping + + Stamping - - + + - + To quickly create many copies of an object, use stamping. Just drag an object (or scale or rotate it), and while holding the mouse button down, press @@ -574,57 +572,57 @@ 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 + + Pen tool tricks - - + + - + In the Pen (Bezier) tool, you have the following options to finish the current line: - - - + + + - + Press Enter - - - + + + - + Double click with the left mouse button - - - + + + - + - Select the Pen tool again + Select the Pen tool from the toolbar - - - + + + - + Select another tool - - + + - + 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 @@ -632,10 +630,10 @@ either Esc (cancel the whole path) or Undo. - - + + - + To add a new subpath to an existing path, select that path and start drawing with Shift from an arbitrary point. If, however, what you want is to simply @@ -643,13 +641,13 @@ either Esc (cancel the whole path) or - - Entering Unicode values + + Entering Unicode values - - + + - + While in the Text tool, pressing Ctrl+U toggles between Unicode and normal mode. In Unicode mode, each group of 4 hexadecimal digits you type becomes a @@ -660,13 +658,22 @@ an em-dash (—). To quit the Unicode mode without inserting anything press Esc. - - Using the grid for drawing icons + + + + + + 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). @@ -676,13 +683,13 @@ number, and export it at the default 90dpi (so that 1 px becomes 1 bitmap pixel) get a crisp bitmap image without unneeded antialiasing. - - Object rotation + + Object rotation - - + + - + When in the Select tool, click on an object to see the scaling arrows, then click again on the object to see the rotation and shift arrows. If @@ -692,10 +699,10 @@ doing this, the rotation will occur around the opposite corner. You can also dra rotation center to any place. - - + + - + Or, you can rotate from keyboard by pressing [ and ] (by 15 degrees) or Ctrl+[ and Ctrl+] (by 90 @@ -703,28 +710,37 @@ degrees). The same [] keys with - - Drop shadows + + Drop shadows - - + + - + - Inkscape supports the Gaussian blur SVG filter, so you can easily create blurred drop -shadows for objects. Select an object, duplicate it by Ctrl+D, press + To quickly create drop shadows for objects, use the +Filters > Shadows and Glows > Drop Shadow... feature. + + + + + + + + You can also easily create blurred drop shadows for objects manually with blur in the +Fill and Stroke dialog. Select an object, duplicate it by Ctrl+D, press PgDown to put it beneath original object, place it a little to the right and lower than original object. Now open Fill And Stroke dialog and change Blur value to, say, 5.0. That's it! - - Placing text on a path + + 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 @@ -733,13 +749,13 @@ be fitted to, rather than fitting it to some other drawing element — this will more control without screwing over your drawing. - - Selecting the original + + Selecting the original - - + + - + When you have a text on path, a linked offset, or a clone, their source object/path may be difficult to select because it may be directly underneath, or made invisible and/or @@ -748,29 +764,29 @@ offset, or clone, and press Shift+D to m corresponding path, offset source, or clone original. - - Window off-screen recovery + + Window off-screen recovery - - + + - + When moving documents between systems with different resolutions or number of displays, 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, -Windows tab). +Interface > Windows section). - - Transparency, gradients, and PostScript export + + Transparency, gradients, and PostScript export - - + + - + PostScript or EPS formats do not support transparency, so you should never use it if you are going to export to PS/EPS. In the case of flat @@ -783,23 +799,11 @@ several flat color areas, you will need to break it correspondingly into pieces apply this procedure to each piece. - - - - - - Exporting gradients to PS or EPS does not work for text -(unless text is converted to path) or for stroke paint. Also, since transparency is lost -on PS or EPS export, you can't use e.g. a gradient from an opaque -blue to transparent blue; as a workaround, replace it by a gradient -from opaque blue to opaque background -color. - - + - - - + + + @@ -815,19 +819,19 @@ color. - - - - - - - - - + + + + + + + + + - - Use Ctrl+up arrow to scroll - + + Use Ctrl+up arrow to scroll + -- cgit v1.2.3 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-tips.svg | 158 +++++++++++++++++++------------------- 1 file changed, 79 insertions(+), 79 deletions(-) (limited to 'share/tutorials/tutorial-tips.svg') 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 -- 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-tips.svg | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'share/tutorials/tutorial-tips.svg') 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