Jump to: Board index » General » Fusion

Best Way To Create A Dashed Border

Learn about 3D compositing, animation, broadcast design and VFX workflows.
  • Author
  • Message
Offline

brunocbreis

  • Posts: 23
  • Joined: Fri Jun 21, 2019 8:54 pm
  • Real Name: Bruno Reis

Best Way To Create A Dashed Border

PostTue May 19, 2020 8:47 pm

Hi!! What's the best way to create a dashed line around a shape that can be animated with some sort of "write on" effect?

I know you can kinda do that with the Paint node, but you have to draw the shape by hand (or with a bezier curve, but by hand), and the "dashing" options are limited to the spacing parameter of the brush. You either get spaced little dots or spaced little squares. Also, if I want to animate the drawing of a circle or square, it's very hard to get a perfect shape with this tool.

If I use the position / length sliders on a non-solid shape I can easily get the line being drawn effect, but then I can't find a way for it to be dashed.

The only solution I could find (and that was only for a circle) works, but is very gimmicky: I have to draw a straight line with the paint tool, make the stroke spaced and run it through a Coordinate Space node. Like, it can be done but it seems so much work for such a simple task hahaha. Also, no squares or triangles or other sorts of shapes.

Anybody have a better solution?
Online

xunile

  • Posts: 1315
  • Joined: Mon Apr 23, 2018 5:21 am
  • Real Name: Eric Eisenmann

Re: Best Way To Create A Dashed Border

PostWed May 20, 2020 12:23 am

This guys video might help you make a dashed line, square,circle.

Win 10 Home
Intel Core I7-7700HQ 32 GB 1 TB NVME SSD 1 TB SATA SSD
GTX-1060-6GB
Resolve 16.2.2
Offline

brunocbreis

  • Posts: 23
  • Joined: Fri Jun 21, 2019 8:54 pm
  • Real Name: Bruno Reis

Re: Best Way To Create A Dashed Border

PostWed May 20, 2020 1:52 am

omg life saver thanksss!
Offline

Sander de Regt

  • Posts: 1678
  • Joined: Thu Nov 13, 2014 10:09 pm

Re: Best Way To Create A Dashed Border

PostWed May 20, 2020 9:37 am

It's a nice video but a really roundabout way of doing this. Masking the paint node so that the round parts of the dots don't get painted is on one hand kind of brilliant, but on the other hand... not so much, since it doesn't allow for any other shapes in your border than wel...dashes.

My preferred method for this is by using a Text+ tool with layout set to polyline. This will allow you to use ANY character you want for the outline. It's definitely worth checking out this approach, even though the video does work for this specific case.
Sander de Regt

ShadowMaker SdR
The Netherlands
Online

xunile

  • Posts: 1315
  • Joined: Mon Apr 23, 2018 5:21 am
  • Real Name: Eric Eisenmann

Re: Best Way To Create A Dashed Border

PostWed May 20, 2020 4:19 pm

I'm guessing you meant the Layout Type set to Path, that does work well. There is a problem if you want to change the size of the dashes or resize the shape, but it isn't too hard to correct. Thanks for the suggestion, I've only used it for words along a path.
Attachments
2020-05-20 (3).png
2020-05-20 (3).png (620.16 KiB) Viewed 78 times
2020-05-20 (4).png
2020-05-20 (4).png (710.39 KiB) Viewed 78 times
2020-05-20 (5).png
2020-05-20 (5).png (632.85 KiB) Viewed 78 times
Win 10 Home
Intel Core I7-7700HQ 32 GB 1 TB NVME SSD 1 TB SATA SSD
GTX-1060-6GB
Resolve 16.2.2

Return to Fusion

Who is online

Users browsing this forum: No registered users and 9 guests