2.0 Clipart
https://openclipart.org
A media feed of 2.0 clipart.en-UShttps://openclipart.org/image/144px/svg_to_png/193993/Openclipart-Scissors-Logo-in-Green.png
https://openclipart.org
2.0 Clipart144144Cubic Bézier Equation
https://openclipart.org/detail/294850/cubic-bezier-equation
Mon, 22 Jan 2018 02:01:26 -0400AdamStanislavThe function/expression/formula of the cubic Bézier curve used extensively in vector graphics, including SVG graphics used here. It expresses the same cubic curves as those written in the formula in the graphic this is a remix of, but it expresses them as a function of ?time? (hence the use of f(t) rather than f(x) here). The time is not measured in seconds or any other units, as it is simply telling a browser or other software what order to turn on individual pixels to display the vector graphic on a raster device.
It moves from the point P[0] to the point P[3], while using P[1] and P[2] as control points. It only does so for the values of t in the [0,1] set, i.e., for 0 https://openclipart.org/detail/294850/cubic-bezier-equationhttp://creativecommons.org/licenses/publicdomain/SVG Optimization 01 - Code
https://openclipart.org/detail/294248/svg-optimization-01-code
Sat, 13 Jan 2018 17:12:47 -0400SunKing2Lesson 01: SVG Primer
SVG origin 0,0 is at the top left, coordinates are X,Y
Line 2: Draw a rectangle at 100,100. With no stroke or fill specified, it defaults to a black fill.
Line 3: Move to 200,200 without drawing. Line to 300,200.
Line 4: Same as line 4, but with a path command, if you leave out the L (line) command, and enter coordinates, L is assumed.
Line 5: Uses relative coordinates instead of absolute. Lowercase letters are used here to specify relative coordinates. Lowercase l means the next coordinate is relative to the the first coordinate. In this case, move 100px in the x direction, and 0 in the y direction.
Line 6: You can also leave out the lowercase l, it is assumed.
Line 7: Draw a square.
Line 8: Draw a circle with a radius of 50 in the same coordinates as the square. Notice the circle specifies coordinates by its center. If we want a square in the same location, we need to adjust its x and y coordinates.
Line 9: Draw a shape with a stroke and fill. Start at 200,700. Draw a line 100px horizontally and 0 vertically. Draw a line -50px horizontally and 50px vertically which is the bottom vertex of the triangle. z closes the shape.
There's an error in this code - a square showed up as black when I wanted blue because the color should be "#00f".
Modify your SVG code, it's often easier than using Inkscape!https://openclipart.org/detail/294248/svg-optimization-01-codehttp://creativecommons.org/licenses/publicdomain/SVG Optimization 01
https://openclipart.org/detail/294247/svg-optimization-01
Sat, 13 Jan 2018 17:11:17 -0400SunKing2Lesson 01: SVG Primer
SVG origin 0,0 is at the top left, coordinates are X,Y
Line 2: Draw a rectangle at 100,100. With no stroke or fill specified, it defaults to a black fill.
Line 3: Move to 200,200 without drawing. Line to 300,200.
Line 4: Same as line 4, but with a path command, if you leave out the L (line) command, and enter coordinates, L is assumed.
Line 5: Uses relative coordinates instead of absolute. Lowercase letters are used here to specify relative coordinates. Lowercase l means the next coordinate is relative to the the first coordinate. In this case, move 100px in the x direction, and 0 in the y direction.
Line 6: You can also leave out the lowercase l, it is assumed.
Line 7: Draw a square.
Line 8: Draw a circle with a radius of 50 in the same coordinates as the square. Notice the circle specifies coordinates by its center. If we want a square in the same location, we need to adjust its x and y coordinates.
Line 9: Draw a shape with a stroke and fill. Start at 200,700. Draw a line 100px horizontally and 0 vertically. Draw a line -50px horizontally and 50px vertically which is the bottom vertex of the triangle. z closes the shape.
There's an error in this code - a square showed up as black when I wanted blue because the color should be "#00f".
Modify your SVG code, it's often easier than using Inkscape!https://openclipart.org/detail/294247/svg-optimization-01http://creativecommons.org/licenses/publicdomain/Optical Illusion 3
https://openclipart.org/detail/291623/optical-illusion-3
Thu, 07 Dec 2017 14:04:28 -0400JayNickRemix of Optical Illusion 2 as suggested by @AdamStanislav
Changed viewBox so that circles were centered at (0,0)
Reduced file size by ~ 1 KB.
https://openclipart.org/detail/291623/optical-illusion-3http://creativecommons.org/licenses/publicdomain/halftone template 2
https://openclipart.org/detail/289362/halftone-template-2
Tue, 31 Oct 2017 17:24:24 -0400Lazur URHSvg template for creating a diagonal halftone effect.
refined the process upon feedback:
0. open image with inkscape
1. import a raster image of choice to the halftone layer (Ctrl+I)
2. create a raster copy of it (Alt+B)
3. move the raster copy to the layer above (Shift+PgUp)
4. remove the halftone filter
5. trace bitmap (Shift+Alt+B)
6. copy/paste the path to a new document (Ctrl+C, Ctrl+N, Ctrl+V)https://openclipart.org/detail/289362/halftone-template-2http://creativecommons.org/licenses/publicdomain/lime remix 2
https://openclipart.org/detail/289138/lime-remix-2
Fri, 27 Oct 2017 05:56:55 -0400Lazur URHA lime slice with gradient fills. With svg filtering.
The rendered thumbnail is off big time -use inkscape 0.92+ for a better rendering.https://openclipart.org/detail/289138/lime-remix-2http://creativecommons.org/licenses/publicdomain/plant remix 2
https://openclipart.org/detail/288995/plant-remix-2
Mon, 23 Oct 2017 21:53:29 -0400Lazur URHA remix of the original clipart depicting a plant -removed the filtered background, to see if it gets processed to be a thumbnail.
Note, wether the thumbnail is fully rendered here or not -as with the original clipart-, it's still off compared to what should be there. To see all details, use inkscape 0.92+ for exporting/rendering.https://openclipart.org/detail/288995/plant-remix-2http://creativecommons.org/licenses/publicdomain/watercolour filter pack 2
https://openclipart.org/detail/288918/watercolour-filter-pack-2
Sat, 21 Oct 2017 21:35:21 -0400Lazur URHA set of filters for adding a transparency showing a watercolour paint texture.
Thumbnail rendering is off, use inkscape 0.92+ (ocal using 0.91 at the moment).https://openclipart.org/detail/288918/watercolour-filter-pack-2http://creativecommons.org/licenses/publicdomain/sledgehammer 2
https://openclipart.org/detail/288821/sledgehammer-2
Thu, 19 Oct 2017 01:02:19 -0400Lazur URHA sledgehammer, with svg filtering and safety signs. Handle with care.https://openclipart.org/detail/288821/sledgehammer-2http://creativecommons.org/licenses/publicdomain/leaf
https://openclipart.org/detail/288440/leaf
Mon, 09 Oct 2017 21:45:33 -0400Lazur URHAdded in a powerstoke path effect for more realism.
Made with inkscape 0.92.2https://openclipart.org/detail/288440/leafhttp://creativecommons.org/licenses/publicdomain/painting filters
https://openclipart.org/detail/288427/painting-filters
Sun, 08 Oct 2017 19:07:07 -0400Lazur URHA set of filters for adding some sort of painted feel to your images.
Originally made -best rendered currently- with inkscape 0.92.2.https://openclipart.org/detail/288427/painting-filtershttp://creativecommons.org/licenses/publicdomain/Math Flash Cards
https://openclipart.org/detail/288186/math-flash-cards
Tue, 03 Oct 2017 19:59:19 -0400JayNick15 problems per minute, 4 seconds per problem, answer shows after 2 seconds
Select operation by clicking on operator at bottom of problem
Uses random numbers 1-9, but can be changed by changing variable 'min'
for example: min=0 generates random numbers 0-9, min=2 generates random numbers 2-9
Number symbols created from: https://openclipart.org/detail/220752/number-icons
Number colors from: https://openclipart.org/detail/221916/colorful-numbers
https://openclipart.org/detail/288186/math-flash-cardshttp://creativecommons.org/licenses/publicdomain/Binary Sphere 2
https://openclipart.org/detail/282986/binary-sphere-2
Wed, 12 Jul 2017 20:09:04 -0400GDJBinary Sphere 2https://openclipart.org/detail/282986/binary-sphere-2http://creativecommons.org/licenses/publicdomain/Sine Curve
https://openclipart.org/detail/280319/sine-curve
Fri, 26 May 2017 03:29:19 -0400AdamStanislavWhile it is impossible to draw an exact sine curve using cubic Bézier curves, it is possible to come close by using the values I calculated so the X-coordinates are a straight line and the first Y control point of the first quadrant of the size curve occupying a 1x1 space is equal to 4*(sqrt(2)-1)/3, or roughly 0.55228474983. This is explained in my free e-book available for download at https://www.smashwords.com/books/view/483578 and at most e-book retailers, including the Apple store (for free).
See SVG source code for more details.
P.S. I did this mostly to answer the question found at https://forums.adobe.com/thread/2237600 (the Adobe forum)https://openclipart.org/detail/280319/sine-curvehttp://creativecommons.org/licenses/publicdomain/perspective grid 2
https://openclipart.org/detail/274138/perspective-grid-2
Tue, 28 Feb 2017 01:39:07 -0400Lazur URHA two point perspective example with a constructed cube, 3D boxes and a perspective grid. A bit sloppier interpretation than the previous in general (although not less accurate).
Now the grid is one object, a path with three path effects stacked atop eachother.
Drawn in inkscape 0.92.https://openclipart.org/detail/274138/perspective-grid-2http://creativecommons.org/licenses/publicdomain/all 0.92 filters 2
https://openclipart.org/detail/273045/all-092-filters-2
Wed, 15 Feb 2017 02:53:25 -0400Lazur URHAll the preset filters collected into one file.
With a different arrangement, still the page is 21600 px / 11100 px sized.
Check the original images for better visualisation.https://openclipart.org/detail/273045/all-092-filters-2http://creativecommons.org/licenses/publicdomain/perspective grid
https://openclipart.org/detail/271968/perspective-grid
Sun, 05 Feb 2017 13:31:51 -0400Lazur URHA square grid drawn in inkscape 0.92.
Interpolate subpaths lpe and perspective lpe is used, as well as cloning.
And a few random cubes are also drawn with the 3D box tool.https://openclipart.org/detail/271968/perspective-gridhttp://creativecommons.org/licenses/publicdomain/golden spiral 2
https://openclipart.org/detail/271750/golden-spiral-2
Mon, 30 Jan 2017 03:42:52 -0400Lazur URHGolden spiral sketch.
Eventually ended up with this image from the series:
http://lazururh.deviantart.com/art/golden-spiral-3-659167553.
This is a base step of that drawing.
Although it might look fancy enough as is, for practical reasons it got way too complicated and probably worth a reconstructing from scratch for new "variants" and further improvements.
Apart from that, the steps are alone worth sharing.
This one is depicting a conical gradient over the spiral represented with gradient meshes.
Too bad yet only inkscape 0.92 renders that right.https://openclipart.org/detail/271750/golden-spiral-2http://creativecommons.org/licenses/publicdomain/Fraction 0/2
https://openclipart.org/detail/271699/fraction-02
Sun, 29 Jan 2017 19:56:51 -0400a.schenkelhttps://openclipart.org/detail/271699/fraction-02http://creativecommons.org/licenses/publicdomain/Freebassel 2017 Freebassel5years 2
https://openclipart.org/detail/271662/Freebassel-2017-Freebassel5years-2
Sat, 28 Jan 2017 09:57:37 -0400rejonFreebassel 2017 Freebassel5yearshttps://openclipart.org/detail/271662/Freebassel-2017-Freebassel5years-2http://creativecommons.org/licenses/publicdomain/