Friday, February 11, 2011

Inkscape Tiled Clones Those Manual Patterns

I'm working in Inkscape 0.48 Windows 7.

Is it just me, or were those Tiled Clones Manual Pattern examples hard to figure out?

The clue:
Manual Tiles Symmetries
“The pairs of numbers indicate the row and column numbers.”

(1,1) is the original object shape. Oh.
I don't know if I had that epiphany before when working with Tiled Clones, but I sure didn't remember it. :)

It is much easier to learn Tiled Clones by creating them, rather than reading about them, because you get the instant visual connect between what you do and the result. So just go fiddle with the parameters and see what happens. If things get really messed up, hit the Reset and start over.







NOTE: Triangles are difficult to pattern perfectly with Tiled Clones. Even if I get them aligned correctly, Tiled Clones still creates hairline gaps. I can tile simple triangle patterns in Paint Shop Pro with no gaps, using duplicate, flip, mirror, rotate.

How about some 3D Boxes. Yes, they can be cloned. Object to Path first.

Windows 7 File Association Problem Solved

In case this happens to someone else, and it usually does.

When I installed Inkscape, I did not use the installer. I just downloaded the zip and unzipped and ran the program.
I set File Association on *.svg the usual way no problem.
But then...
I decided to move Inkscape.
*.svg files were no longer associated with Inkscape and I could not associate the file the usual way.
Windows 7 just ignored it.
So
I used
ccleaner to scan for registry issues, yup Inkscape, ran the registry cleaner.
Problem solved.
I am now able to association *.svg files with Inkscape again.

Wednesday, February 09, 2011

Possibility - Music

It's been quite a while since I've found any good new music.

I like this song:
Possibility
by Sierra Noble
(b. 20 Feb 1990)
Canadian singer-songwriter (Winnipeg)

(Scrolling lyrics below the video.)
0:10 Woke up at midnight all alone
0:14 was it a dream that you had phoned?
0:18 were you even thinking of me?
0:21 is it even a possibility?
0:24 missing me,
0:26 is it even a possibility?

She's a fiddle player.
Sierra Noble Fiddles in Wolseley

Night - Poem



I was playing with Text Flow and Justify in Inkscape 0.48 and just happened to create this image.
I like it, although the text got a little too small when I made it fit my blog.
It looks better on a white or light background, rather than my current dark blog theme.

Download podcast and read text here:
Writers Almanac Public Radio
6 May 2008 Podcast
Garrison Keillor reads the poem about 3:33 into the podcast.

Archives

Inkscape Tiled Clones

I started playing with Tiled Clones in Inkscape 0.48.
Just walking thru the menu and options and creating samples.

What can be cloned?
Text? Yes. Must be converted to path first, otherwise the text won't rotate and get unexpected results.
Effects? That heart I created and then added a filter to can be cloned as is. That was unexpectedly easy. lol

I thought this seamless tile was pretty:

Seamless, transparent background, free to snag if you want it.

Here's what it looks like tiled.


Letter "a" with gradient, Convert to Path,
Tiled Clones
Glide Reflection 180

Manual:
Clones
Tiles
If you want to clone more than one object at a time, they have to grouped first.
There's a Clone section in the File, Inkscape Preferences area.

Tuesday, February 08, 2011

Inkscape Giro Spiro Wallpaper



Here's something I haven't seen anyone do in Inkscape.
Bonus: It's fun and easy.

Telephoto person that I am, I got into looking at the Inkscape spirographs zoomed in.
I tended to like the more complex and imperfect ones.
Decided to make wallpapers out them.
Now there's all kinds of things a person could do with this idea.
But I like the minimalistic versions the best.



Extensions, Render, Spirograph
I just kept playing with it until I got ones I liked.
The Stroke size is often too thick/large to see intricate details, so I usually have it turned down to 1 or decimals below that even.
I set up the File, Document Properties for my desktop size (1366x768) and turned on Page Border.
Added a colored rectangle in the background and then enlarged spirograph and moved it around to see what part I liked best for wallpaper. Move the rectangle out of the way if you don't want it as part of your export.



It takes a l-o-n-g time to File, Export Bitmap on these huge spirographs.
Could add a smaller duplicate spiro in the center hole.
Or could make that center hole scenery like stars, clouds or mountains.
Could add more background interest like gradients, light texturing.



Another idea is to layer simple spirographs.
See wiki
Ungroup and pull apart to see the individual spirographs.

Examples for inspiration:
forum

Info on spirographs:
Manual

Inkscape Filtered Hearts

I'm working in Inkscape 0.48 Windows 7.

So there are tons of preset filters and I put those towards the last on my list to explore in Inkscape. I played with those when they first came out and there were no presets on the menu but others shared their filter settings in *.svg files. I also plan to check out the cloning feature again. I haven't worked with that since way back in version 0.45? I think. So I'm curious about changes there.

Filters make Inkscape very sluggish. That's probably the biggest issue with them right now that I can see. How do people deal with that. Is there some way to merge the filters to the object to improve performance. That's probably the main question I have that I want to dig for.

The Filters can be turned off.
Manual
View, Display, No Filters

Filter Presets
1. Two categories of filters: normal objects vs bitmaps (Extensions, Raster?)
2. Help Text popup at the bottom
3. Can add your own filters to the menu (See also Release Notes 0.47)

I tried various filter effects on the Heart I just made.
Lots of nice edges effects and more.

My favorite Effect on the heart is probably the
Texture
Jam Spread



I tried to add a drop shadow in Inkscape and I got a drop shadow but it also darken the whole image.
I went back and added a drop shadow FIRST, then the Jam Spread Texture and that worked. I think what happened is the Texture created transparent areas on the heart so that the drop shadow showed through?

Release Notes 0.47 says:
By default, if the selected object already has some filter applied, the chosen filter will be merged with the existing filter for combined effect. However you can also overlay several filters to an object while keeping them separated: simply press Ctrl+G after applying any filter and then apply another one; the filters will then display separately in the Filters Editor.

It gets a little confusing working in the Filter Editor when you have lots of filters applied to lots of objects. All filters applied to all objects are listed there. But I *think* Ctrl+G worked as described above.
What is Ctrl+G? Shortcuts are handy, but they don't teach.
Running mouse over Menus, I see Ctrl+G is Objects, Group command.
And how does one manually execute a "merge" command? What if I want to merge all the filters on an object to improve Inkscape performance, can I do that?

On the plus side, since the filter effects are dynamic not static, I can make changes to the object without undoing the filter effect.

Ctrl/G (group) an object to a filter and the filter effect won't change when you move the object.

Warped Rainbow is kinda pretty, also under Textures.



Bevels

Combined Lighting:



Distort
A good place to look for different ragged edges effects. Here are a few I liked on the heart.

Chalk and Sponge:


Rough and Dilate:


I did not have a Stroke color on this heart. And yes it will change the look of the applied effect.

Scatter

Cubes:



Overlays
Frost is pretty on the heart.



Menu Visual:

Sunday, February 06, 2011

Inkscape Hearts

I'm working in Inkscape 0.48 Windows 7.



This tut on Sketch and Hatch does a pretty good job of illustrating these effects under Live Path Effect Editor.

My Notes:
Makes the right half of heart with Bezier Pen in Spiro Mode.
Selects the two end nodes, align selected nodes vertically
Select all nodes, Set to Auto Smooth (Node Tool Commands Bar)
Path, Object to Path
Duplicate, Flip Horizontal
Used align and distribute, but that didn't work for me, so I fiddled with it until I got it to line up.

Path, Combine
Tut says the path is still open.
How would you know that? Zoom in on top and bottom points where the two halves meet and you will see two nodes at top and two nodes at bottom. Select top two nodes, Join (Node Tool Commands Bar), do the same for the bottom two.
The heart should be one shape now.

After heart is combined/joined into one shape,
Simplify Path, Duplicate heart
Path, Path Effects Editor apply Hatches
With Node Tool, tweak nodes to get pattern the way you want it.
Shift/click to change stroke color.



Does Sketch next, same basic process, only select Sketch instead of Hatches.

More ideas:
Could also duplicate heart, fill red, resize tiny, copy, then paste as pattern within the same Menu (Add Pattern Along Path, instead of Hatches or Sketch). Had to tweak the nodes a little bit.



Duplicate heart
Extensions, Modify Path, Add nodes and jitter, Fill with color



Is there an easier/better way to make a heart from scratch? Could you use a triangle? Convert to Path, add some nodes, tweak, etc.
Inkscape crashed when I tried to export as *.png. I did a Path, Combine and then tried export again and it worked. I don't know if that's always necessary.

Relevant Manual Links
Hatch/Sketch
Jitter

Inkscape Calligraphy

Inkscape 0.48 Windows 7



I just wore out my hand trying to create calligraphy with a mouse in Inkscape. Whew.
The above is a nice calligraphy font. ;)
Some day I'd like to buy a wacum tablet.

First of all, I wanted some kind of grid that would help me with proportion and angle.
There is free calligraphy guide paper that can be found on the Net when googled.
For example, here and here.

There is a grid in Inkscape (View, Grid).
Grid behavior is odd when zoomed.
The grid can be customized either globally (File, Inkscape Preferences, might require a restart) or locally (File, Document Properties, Grid Tab, New).
These settings will look like notebook paper:
Spacing X at 750, Spacing Y at 4 pixels (Grid units).

Inches Grid units as notebook paper would be: Spacing X at 8.5, Spacing Y at .3 (point 3).
(Regular notebook paper would have about 31-37 lines on a page if margin area were included.)
I then decreased Spacing X to add some vertical lines as well.

Inkscape Calligraphy Tut
(Online and also included with Inkscape download, see Help, Tutorials.)
Mentions slanted guides. Guides are created in Inkscape by dragging (horizontally, vertically, diagonally) off the rulers. Mouse hover over guide and read help text that pops up at bottom of screen for further instructions.

There is an Extension, Render, grid, which can be printed out.
Line Width at .1 (point 1), Horizontal at 750, Vertical at 20 looks like lined notebook paper.



I created four calligraphy presets:
TreeBranch
RaggedEdges
Oriental
Calligraphy
Inkscape didn't retain the presets because when I loaded Inkscape later only one created preset was there. I did screenshots of my settings. Just a warning.



Release Notes that mention Calligraphy Tool:
040 (Thinning, Fixation)
045 (Caps, Wiggle)
046 (Line Engraving - has example image)
047 (Presets)
(Edit, Find "calligraphy" within Firefox.)



ehow
Handwritten calligraphy videos here.



Some Calligraphy lettering/fonts to google.
Uncial
Batarde
Carolingia(n)
Flourished Italian
Gothic

Inkscape Manual
0.47 Calligraphy Improvements
Another Manual

Inkscape And The Missing Triangle Mystery

I'm working in Inkscape 0.48 Windows 7.

On the Tool Controls Bar of both Pencil and Bezier Pen tools there are Shapes to choose from.



These are like Pattern Along Path under the Extensions menu, which I've blogged about previously.

Manual
“Shape: Applies a shape to the path after it is drawn. This is equivalent to using the Pattern Along Path effect in Single, stretched mode.”

For example, if Triangle In is selected from the Pencil or Bezier Tool Controls Bar, that means the line created is stroked or filled with a pattern like a triangle.

So where's the triangle?

Watch this video and see if you can catch the missing triangle.

First, make sure Page Borders is turned on (File, Document Properties, Check the Show Page Border).
Then click on Pencil or Bezier Tools and choose Shape Triangle In from the Tool Controls Bar.
Draw a path or line near the top left page border.
Do not move it.
Go into the Editor (Path, Path Effects Editor, click on Pattern Along Path, click on Edit on Canvas Tool) and that little triangle (pattern) will show up at the top left hand corner of the Page Border. You can tweak that triangle (drag the nodes with the Nodes Tool and the path will also change.



The Path Effects are..."Live."

Manual Link

Ta da! The missing triangle mystery is solved.
Now how is a person supposed to know that?
You must become a member of the Secret Inkscape Society. After a rigorous initiation, you receive the special glasses. Only then will the hidden symbols in the Inkscape World be revealed. lol

The triangle should display when I create the path or have an option for turning display on/off.
And it should display near the path.
If I create a path or line at the bottom of the page border and MOVE it to the top, THEN go into the Editor, the triangle is not at the top left of page border; it's way up there on the screen. The triangle must initially get placed at top left of screen, but then if you move the line/path the triangle moves too.

Can I duplicate this effect by drawing a triangle, drawing a path, and using Extensions, Pattern along path.
Yup.



Ugly example, but does the job.
The trick is, to add a lot of nodes to the triangle, and make sure the triangle is the top most object.
Refer to my previous blog post for more details.

Thursday, February 03, 2011

Inkscape 3D Polyhedron

Inkscape 0.48 Windows 7.

Extensions, Render, 3D Polyhedron
New in v0.47
“The new Render > 3D Polyhedron extension draws 2D projections of 3D polyhedrons and other 3D shapes. You can choose one of a number of predefined shapes (cube, octahedron, truncated dodecahedron and others) or load a shape definition from an OBJ file. The shape can be rotated around any of the three axes by arbitrary amount; you can also define various style options such as color of the faces and stroke width, and enable shading with adjustable light source position.”

It's buggy and crashes if you fiddle with the settings a lot.
The settings get reset too, so it was hard to go back to where I was.
I did find out that Inkscape spit out backup svg's every time it crashed, thank you. ;)

There are 17 Objects you can render.



Each Object uses a "Filename" or *.obj file and there is an option to "load from file."
I can view an *.obj file in WordPad. Just a simple text file with parameters.
They are stored here:
Inkscape\share\extensions\Poly3DObjects\*.obj
AND there are extra objects in here. Copy and paste the filename in the Menu popup to render them.

Here's an extra:

great_rhombicuboct.obj



x 0, y 30, x 10
Shading off
Opacity 80%
Draw back sides
Stroke 1
RGB green - R 135, G 222, B 135

The next two were on the menu list.

Small Triambic Icosahedron:



x 0, y 30, x 10
Shading off
Back sides off
Stroke wide 1
Scale 200
RGB green, R 135, G 222, B 135
I made colored rectangles for swatches.
Selected sides with Node Tool and colored with dropper.

Great stellated dodecahedron:



x 30, y 30
Shading off
Back sides off
Stroke wide 1
Scale 100
Select sides with Node Tool and color.

I didn't like the Shading. The colors were way off and way too dark.
Manual

Inkscape Soft Puffy Clouds

I'm using Inkscape v0.48 in Windows 7.

I don't like the default clouds.
Filters, Overlays, Clouds



This is where the Filters, Filter Editor comes in.

I made some soft puffy clouds back in version 0.46 when the filters first came out and the info still applies.
Previous Post



More soft puffy stuff:

Inkscape Perspective

I'm using Inkscape 0.48 in Windows 7.



Text:
Create Text
Path, Object to Path
Create box border w Bezier Pen
Start at lower left corner & and go clockwise (4 nodes).
Select both, text first then border.
Extensions, Modify path, Perspective

Manual
Discusses how to tell what first node is and how to change that and the direction. I could not get that to work.

YouTube
An older version Inkscape, but still useful for Perspective. The tut starts about 1:42 into the video.

I tried making perspective text on a 3D box also.
Of course the node start and direction is not correct and I couldn't figure out how to change that.
So, what I did was to just make a box border with bezier pen tool again and go around the side of the 3d box that I wanted the text to go on. The process is the same as above.



Text:
1. Create some centered text
2. Path, Object to Path
3. Create 3D Box
4. Create outline of 3D Box with Bezier Tool. Must start at bottom left and go clockwise (4 nodes). Make it slightly smaller than the 3D Box side.
5. Select Text first, then Select Outline, Extensions, Modify Path, Perspective
6. Move outline out of the way.
7. Can change colors as desired. Select box sides with Node Tool. Opacity on box top is turned down.

NOTE: I think Extensions/Modify Path/Envelop is supposed to do something similar to Perspective only it will warp an object to shape. Something to check out. I couldn't get it to work the way I wanted it to. Maybe it's the node start and direction issue again.
This video uses Bezier Envelope. Similar? (Extension for Inkscape version 0.48 at Flickr.) Mentions Envelope Deformation, which can be found under Path/Path Effect Editor. Manual Ref

Tuesday, February 01, 2011

Inkscape JessyInk



JessyInk is basically PowerPoint for Inkscape and Browser. It doesn't work in Internet Explorer, however. When I open an *.svg in IE, it displays the code, not the slides.

I watched a nice video demonstrating what JessyInk is and how to set it up in Inkscape.

Animated Presentations with JessyInk
Inkscape 0.46

The first 3 minutes of the video takes you thru the steps to download, which you don't have to do with Inkscape 0.48 because it's already included in that version under the Extensions Menu.

JessyInk adds a Java Script to your svg file.

I watched how to set up slides for Browser viewing (File, Document Properties). Each layer in Inkscape is a slide. This is similar to setting up animation in Paint Shop Pro so the concept is familiar to me. You can designate a Master Slide that will display on every slide or layer which saves some creation time. I learned how to view the xml code in Inkscape, which is what an *.svg file is. I didn't see the Java code talked about in the video when I opened the *.svg in WordPad.

I couldn't advance an *.svg slide in Firefox until I noticed NoScript was blocking it. Duh. Slides advance with Arrow keys, Pgdn/Pgup, Mouse Scroll or Click, Space Bar.

On the video he clicks an icon on the Commands Bar to view the xml code.
Via Menu system that's: Edit, XML Editor.
I like using Menus when learning. Shortcuts come later.

To Display the Layers Window in Inkscape, go to Layers Menu, Layers.
I like my windows Floating rather than Dockable (default) which is set under File Menu, Inkscape Preferences, Windows and requires a restart. Floating windows is handled much better in Inkscape than it used to be, so that's an improvement. The windows used to just disappear, but now they fade transparent so they are out of the way but you can still see them. Works for me.

I didn't spend much time on this, creating a bunch of slides, etc. because I don't have a use for the feature right now, but I did want to get a general overview of it.

Demos/Links

From above video link:
JessyInk.svg
Navigation on this one is different. Not sure why. Left Mouse click, and Arrow Over keys.

From
timteatro
JessyInk_Tutorial.svg
864×486 size slides, 16:9 ratio.
Advantage: Vectors scale, Rasters don't.
Extensions, JessyInk, Master Slide - enter Layer Name that you want as Master Slide.
Title on each slide: Type "Slide Title" on Master slide, then Extensions, JessyInk, auto-text - enter text you want to display.
Bullets, Slide Transitions.

From
Google
JessyInk_1_5_2_showcase.svg

Other Links:
Discussion

Monday, January 31, 2011

Inkscape Interpolate vs Extrude vs Motion

I'm using Windows 7 Inkscape v0.48.
I discovered that Extrude is totally different than it used to be.
The old Extrude effect has been renamed Motion (Release 0.47).

Extensions Menu:


Extrude:


Motion:


Interpolate:


The video I worked thru was for Inkscape v 0.45.
3D Text Using Interpolation
Relevant Manual Link for v0.48.

My Notes on what worked in v0.48:

Make some text with the Text Tool.
Switch to Selector Tool first, if you want to change colors (see note below).
Path/Object to Path, Object/Ungroup, Path/Combine,
Edit/Duplicate, Shift top layer slightly with Selector Tool,
Extensions/Generate From Pattern/Interpolate
OR
Extrude
OR
Motion (Can skip Combine & Duplicate.)
Same process.

It should look like some 3D text at this point.
(I think Union also worked instead of Combine.)
It didn't make any sense to me to ungroup and then combine, but the effect will not work without it. The combo makes one complete path, whatever that means.
Use Edit/Undo History to see if each step is executed.
For example, the Video used Break Apart instead of Ungroup, but Undo History showed the command was NOT executed.
I sure wish Inkscape would give a helpful prompt when it cannot execute a command.

Interpolate made my NEW laptop sluggish just doing a little text. I hate to see what it would be like if I was working on a bigger project. Would have to simplify/combine the interpolation result somehow, I suppose. Inkscape gets sluggish when using Filters also.

Tried Path, Path Editor Effects, Interpolate Sub-paths. It worked, but I got a really weird looking stacked letter "e" when applied on "interpolate" text.

A glitch on Object to Path step:
Color text in Selector Tool mode NOT Text Tool mode.
In other words:
With Text Tool create text, switch to Select Tool, THEN change text color, Object to Path, OKAY.
With Text Tool create text and change color first and then switch to Select Tool, Object to Path, text turns black.

Next on the video is add a white highlight to the interpolated text.
Go back to the text used to interpolate.
It should be black fill color with no stroke color.
Duplicate twice.
Color one white color.
Shift over, down slightly.
Select both.
Path, Difference.
Color white again.
Move on top of Interpolated text.
NOTE: I moved it THEN colored it white. Easier to see.
Object, Fill and Stroke, Blur 2 and Opacity 75 on the white highlight.
Mine was Blur .5, Opacity 100.

There might be a Filter that does something similar to a highlight, I didn't look. There are tons of Filters.

Next, add a Drop shadow.
I used Filters, Shadows and Glows, Drop Shadow, default settings.

Just playing some more with Motion:


UPDATE:

The Interpolate Tutorial (Help, Tutorials, Inkscape: Interpolate) mentions none of these extra steps (Ungroup, Combine). And perhaps they are not necessary for the specific application(s) used in the tutorial.

The tutorial talks about the first node being important and also the order that you select the objects (exponent parameter).

I find that sometimes rotating the Object so first node is in a different position will make Interpolate work.
Another time, Object, Move To Top worked.

Tut says:
“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.”

My observations tells me one difference in the method parameter is *sometimes* the direction of the interpolation. (Make the objects different colors.)

The tutorial also demonstrates the Style parameter, which I did not talk about here and shows how that can be used to create interesting gradient effects.



Reminds me of the Feedback Effect in Paint Shop Pro.