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-interpolate.svg | 152 +++++++++++++++---------------- 1 file changed, 76 insertions(+), 76 deletions(-) (limited to 'share/tutorials/tutorial-interpolate.svg') diff --git a/share/tutorials/tutorial-interpolate.svg b/share/tutorials/tutorial-interpolate.svg index 8cbf06044..9e21fcd34 100644 --- a/share/tutorials/tutorial-interpolate.svg +++ b/share/tutorials/tutorial-interpolate.svg @@ -40,70 +40,70 @@ Use Ctrl+down arrow to scroll - + ::INTERPOLATE -Ryan Lerch, ryanlerch at gmail dot com - + + This document explains how to use Inkscape's Interpolate extension - - Introduction + + 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. - + 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 + + 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. - + @@ -116,42 +116,42 @@ Ryan Lerch, ryanlerch at gmail dot com 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: - + @@ -164,28 +164,28 @@ Ryan Lerch, ryanlerch at gmail dot com 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. - + @@ -196,14 +196,14 @@ Ryan Lerch, ryanlerch at gmail dot com - + The previous example (shown again below) was done with these nodes being the starting node. - + @@ -216,14 +216,14 @@ Ryan Lerch, ryanlerch at gmail dot com 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: - + @@ -236,7 +236,7 @@ Ryan Lerch, ryanlerch at gmail dot com - + @@ -248,24 +248,24 @@ Ryan Lerch, ryanlerch at gmail dot com - - 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: - + @@ -277,14 +277,14 @@ Ryan Lerch, ryanlerch at gmail dot com - + Now compare this to Interpolation Method 1: - + @@ -296,31 +296,31 @@ Ryan Lerch, ryanlerch at gmail dot com - + 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. - + @@ -333,14 +333,14 @@ Ryan Lerch, ryanlerch at gmail dot com Exponent: 0.0Interpolation Steps: 6Interpolation Method: 2Duplicate Endpaths: uncheckedInterpolate Style: unchecked - + The same example with an exponent of 1: - + @@ -352,14 +352,14 @@ Ryan Lerch, ryanlerch at gmail dot com - + with an exponent of 2: - + @@ -371,14 +371,14 @@ Ryan Lerch, ryanlerch at gmail dot com - + and with an exponent of -1: - + @@ -390,21 +390,21 @@ Ryan Lerch, ryanlerch at gmail dot com - + 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: - + @@ -416,34 +416,34 @@ Ryan Lerch, ryanlerch at gmail dot com - - 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: - + @@ -455,14 +455,14 @@ Ryan Lerch, ryanlerch at gmail dot com - + Interpolate Style also affects the stroke of a path: - + @@ -474,14 +474,14 @@ Ryan Lerch, ryanlerch at gmail dot com - + Of course, the path of the start point and the end point does not have to be the same either: - + @@ -503,28 +503,28 @@ Ryan Lerch, ryanlerch at gmail dot com - - 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: - + @@ -546,17 +546,17 @@ Ryan Lerch, ryanlerch at gmail dot com - - 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. - + -- cgit v1.2.3 From 2da7e6e719adaf4dd4d9bd1eb5544004eae6bb88 Mon Sep 17 00:00:00 2001 From: Nicolas Dufour Date: Sat, 7 Jan 2017 15:35:57 +0100 Subject: [Bug #1651815] share/examples: rescale svgs to 96 dpi - Tutorials Fixed bugs: - https://launchpad.net/bugs/1651815 (bzr r15396) --- share/tutorials/tutorial-interpolate.svg | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'share/tutorials/tutorial-interpolate.svg') diff --git a/share/tutorials/tutorial-interpolate.svg b/share/tutorials/tutorial-interpolate.svg index 9e21fcd34..7c1decddc 100644 --- a/share/tutorials/tutorial-interpolate.svg +++ b/share/tutorials/tutorial-interpolate.svg @@ -1,6 +1,6 @@ - + -- cgit v1.2.3