How to get displacement effect?

b77

@ianrobertdouglas Here's a short video with the basics: https://recordit.co/bJ3DtIBLeE

The steps:

use the Text tool to add the text, and scale it up;
assign a 'Filter Image' role to this object (Object menu > Object Role > Filter Image);
use the Line Grid Shape tool to create the lines;
in the context panel at the top, adjust the Spacing value;
assign a displacement effect to the lines (Effects menu > Outline > Displacement);
in the 'Shape Effect' window that shows up, click the 'Preview' checkboox, then…
assign the text that has a 'Filter Image' role as the Displace source (pick it from the Displace dropmenu);

…then play with the text object and with the values of the Displacement effect (Panels menu > Effects > Shape Effects).

ianrobertdouglas

@VectorStyler @b77 Thank you both very much!

Subpath

@ianrobertdouglas

Hi and welcome to VectorStyler

I made some experiments with Strokes a while a go
wich may be helpful too

See here:
https://www.vectorstyler.com/forum/topic/2307/attempts-of-a-kind-of-halftone-lines-in-vs

jroth

@Subpath
Hi there, I want to combine the two above workflows and add more stroke width to the top of the displacement effect as shown below on the letter "T" example .
To do so I 've tried to add to the displacement text object the transparency content role, yet I struggle to get it to work properly.
Can anyone assist here please ?
Many thanks!
J

b77

@jroth If there is no effect or role to do this, you can simply duplicate the object exactly on top (with copy & paste),
then increase/decrease the Amount value of its Displacement effect with 1 pt (if the line width is 1 pt).

See the attached file: 0_1673106539290_Displacement example.vstyler

VectorStyler

@jroth Currently there is no feature to change the stroke width with a non-destructive filter.

But it is possible to make an adjustment in a destructive way, by using the Stroke Width panel and the "Adjust Profile with Mask" from the panel menu.

jroth

@b77 That's a nice and simple way around the issue. I 've just tried and it works. Many thanks for your quick reply.

jroth

@VectorStyler I see, I will add the stroke width as a last step (either using the object duplication or break the object). Many thanks!

Subpath

Hi @jroth

I used a copy of the Text as a clipping Object
and put a copy of the displacment strokes in
the clipping object

This way you can control the Stroke width
on the Text the way you liked

Here how to do it
create a copy of your displacement strokes
use Break apart to get rid of the Shape Effect
Object > Break apart

i converted a copy of the Text to curves
and did a Combine Boolean on it

then i placed the copy of the displacement strokes
over the Text copy and put that strokes in the Clipboard

then select the Text copy and do a "past inside"

to edit the strokes inside the Text just
double click on the Text

i used the File from @b77 my font is different but
i think you get it

the clipping Object

the Result

jroth

@Subpath Looks great! I did not know that a boolean combination can be done with strokes only. That"s very helpful. Many thanks ! J

Subpath

@jroth

you are welcome, nice that is helpful

Boolean combining is exactly the same thing
as combining in other vector programs.
So it is nothing special.
In VS you can find Combine under
the Boolean operations.

And of course you can also combine strokes