Wednesday, 16 December 2015

Vector Halftone [Inkscape]

More information here.


A quick effect i explored with the help of the mighty Lazur after watching a youtube video tutorial for Illustrator.
The halftone gradient effect is made of a sheared row of "stretched" triangles (made with the Interpolate Subpaths LPE and thus fully editable at all times), grouped and clipped.


Friday, 6 November 2015

True to the craft

This started as an exercise on how to vectorise and simplify shapes with an image of a hand. I had a few revelations in the process. The watercoloureffect of the hand was not what i was aiming for, but it looks good to me anyway.
Most of it was done in Gimp and then traced in Inkscape.
Also i added the banner, concentric circles and sunrays in Inkscape.
The grungeeffects were made in Gimp. 
The texture on the green background is an image of marble. 
The distress was made with a layermask.


Sunday, 1 November 2015

Bleed


I found this amazing blog with tons of scans of old matchboxes, and each of it screamed Inkscape at me.


I made the pattern of rectangles in Inkscape, but all the fake inkbleed was done with the Distort Selection script in Gimp.

The inkbleed on the 3D text is actually a G'MIC filter ('ColoredPencils'). Same with the paper texture. The lines are again a rotated grid, treated with techniques i showed in my last two tutorials.

Friday, 25 September 2015

Do you like Texture ? Part:2 [distress your lines !]

Another way of getting grungy lines is using the Distort Selection script.
Unfortunately this script has no preview, so using it is not very intuitive.


Therefor i will show you in todays tutorial how different values applied to the selection look like.


For the example i setup a rectangular selection: 400x300px and stroke it by 6px on a new transparent layer.

 

After alpha selecting the stroke, you disable the layer, distort the selection and fill it with the desired colour on a new transparent layer.

The 'Distort' script is under 'Selection' and looks like this.


The examples have values for Spread/Granularity/Smooth








If you like even more grunge, apply a small value of 'Spread' to your stroke (say 1-2px).



Thursday, 20 August 2015

Do you like Texture ? Part:1 [grunge your text !]

Here is a little routine i came up with for making black and white, dirty, grungy looking text.
It works best with thin, sans serif fonts that look handwritten.



Canvas Size 640x400px. Font is Segoe Print 215px.



Apply G'MIC → Degredations → Noise [spread]: 


Apply G'MIC → Deformations → Textured Glass
(The most important slider here is 'Edge attenuation'. Dont make it too ripped, but also not too smooth)



This gives you the basic irregular grungy outline.


To add more texture, create a new black layer on top of your text.
Go to Filters → Noise → RGB-Noise. Put all channels to the max and uncheck 'Independent RGB' to get b/w noise.


Set layer mode to 'Screen' so the black becomes invisible.



To make the Noise more blotchy go to G'MIC → Repair → Recursive Median 


Then go to 'Hue/Lightness/Saturation' and take the Lightness all the way down.
Sometimes its necessary to apply the filter a second time, with a Lightness decrease of about -35.



Then merge down.

In some case it might be necessary to sharpen the text (Unsharp Mask).
For example you can put the 'Amount' to the max and then play with the 'Threshold'.



To finalise the image i applied RGB Noise to the whole canvas, with all sliders set to 0,08. This gives the background a bit of dirt as well.





Monday, 6 July 2015

Gold & Grunge


Chalk effect done with a layermask.
Swirly ornament came out of a sweaty Inkscape orgy. More information and research here, download here.

The texteffect is a cross between Ombré and the Rounded Steps Contour (with Double Ring Curve)

Tuesday, 30 June 2015

Atomic Pearls

Gimp succeeded where Inkscape failed :O



Canvas Size: 1000x1000px
Torus: 800px (outside) 620px (inside)

The "pearls" were made by stroking a sinuswave with a Brush Dynamic.

For the sinuswave i used ofnuts' Path Waves python plug-in with the following values: 710px; Sine (280,67,None,0)

For the Brush Dynamic i created a new one with Random for Colour and Size ticked.
The colours go from #bb000b (red) to #ffdd00 (yellow).
I used a round brushtip (Hardness 100); Size ~32px with a Jitter of ~3,5 and Spacing of ~80.

To get rid of the pearls behind the torus, i applied a layermask from the selected pearls. Then with the alpha-selected torus, i painted all the pearls away which should be behind the torus-shape.


The 3D effect for the torus was achieved by creating an Inner Shadow (with no offset) with a blur of 70px and the dropshadow of the pearls with Motion Blur (although a previous version of the image had a normal shadow done with Gaussian Blur which works as well).


The highlights on the pearls were made with Layerfx (with the shadowslayer unused). I used a Depth of 5 and a Size of 6. Make sure the bevel has Soften (~4), so that you can tighten it later with an alpha-curve to get those crisp lights.




There is a bit of reflected light from the pearls on the torus,which was achieved by blurring a copy of the pearls and setting the Mode to 'Grain Merge' (with the opacity lowered). Thats a trick i learned from PhotoComix which works also great for chrome (because chrome picks up colours of its environment). Normally i use the Mode: 'Color' for that but in this case 'Grain Merge' worked better.

EDIT:
About a year later i was able to pull it off in Inkscape. Can you see the difference ?







Monday, 22 June 2015

Madness


An exercise in trying to get as many relatively simple patterns on a circle and keep it interesting.
I used Pattern along Path, but also Tiled Clones a lot.


Saturday, 20 June 2015

Saturday, 13 June 2015

Wednesday, 20 May 2015

Vector Sunburst [Inkscape]

In this tutorial i will show you how to create a sunburst in Inkscape version 0.91.
This effect also goes by the name of sunrays, radial rays or rising sun.

You can click on all images or open them in a new tab, to see in full size.


Im using the default Din-A-4 page size, but in landscape mode (you can change that in the 'Document Properties' (Shift + Ctrl + D).

Before we start, make sure the right snapping modes are enabled.
Go to the 'Snap Bar' at the right side of your Inkscape window and turn the following options on.


We start by creating guides in the middle of our canvas.
For that im creating a rectangle, that exactly fills the page.
Getting the correct size should be easy because snapping to page borders is enabled.

Hit the Space bar to select the rectangle.


Add '/2' to the values in both entry boxes for width and height.



Inkscape does the math for you and you will end with a quarter of your original rectangle.


Next go to 'Object' → 'Object to Guides'.



Now that the canvas is ready, we need to create a triangle.

Create a rectangle: Width 20px and Height ~ 700px and convert it into a path (Shift + Ctrl + C).
Select both nodes at the bottom and add a node.


Delete both outer nodes in your row of three, then select all remaining three nodes and make them lines.


To summarise:

Select your triangle and put the bottom tip on the crossing of both guides. The node should snap to the guides.


With the triangle selected, click the object a second time, so that it enters rotation mode.
Grab the little cross in the middle and drag it to the guides intersection.
It should snap, because 'snap an item's rotation center' is enabled.


With the triangle still selected, go to Edit → Clone → Create Tiled Clones.
(Make sure to reset the tiled clones dialogue before you start typing in values.)


Because our object is vertical, we have only 1 Row, but we want many Columns.
72 seems like a good value and its easy to calculate, too, because 360 degrees (of a circle) divided by 72 (triangles) is 5°.


We want the triangle to rotate around the guide intersection (where we placed the rotation center), thats why we need to exclude the tile in the Shift tab. Make sure these boxes are ticked.


Now if you hit 'Create', you will get this...and OMG, its not what we wanted.


I dont know why Inkscape does that and it used to drive me crazy, but there is an easy fix for it:
Go to 'Layer' and 'Layers...'
Create a new layer on top and with the triangle selected, move it one layer up by hitting Shift + Page Up.

If we now hit Create, it does exactly what we wanted !


Before this tutorial ends, i want you to show the beauty of tiled clones.

If you select the triangle on top, you can actually see in the status bar, that its a clone and not a path.
But trust me, the path is still there: its under the clone.
Thats why you can delete it (the clone, not the original !!).

With the original triangle selected, switch to the Node Tool, so the nodes appear.
Select the two top nodes, press Shift and hit the 'Greater than' key (its the key next to Shift on my keyboard).
This will make the nodes expand in opposite directions and every clone will follow, so that you can make your sunburst exactly how you want it.