4
$\begingroup$

I have an SVG logo, which I will import into Blender. I'm trying to think how to have the colour (not outline) fill up from left to right.

I think the following steps put me on the right track, but struggling how to full resolve this:

  1. Import SVG to Blender
  2. Convert Curve to Mesh for the imported object
  3. Extrude object (to make it 3D)

That's as far as I know how to do, then I think the following steps are needed (which I don't know how to do).

  1. Create an outline of the 3D object (with no fill)
  2. Draw a path across the object with timeline
  3. Animate the path being filled

Would be grateful for any ideas how to achieve this.

:)

$\endgroup$
  • 1
    $\begingroup$ You don't necessarily have to convert to mesh to extrude. The outline should be easy if you keep the object as curves (just disable the fill options by setting the curve fill to "none") To fill the path you just need to animate the bevel factor. To help you better please add images that show what you have so far. $\endgroup$ – cegaton Jun 26 '17 at 16:19
  • $\begingroup$ related: blender.stackexchange.com/questions/61552/… $\endgroup$ – cegaton Jun 26 '17 at 16:27
  • $\begingroup$ also related: blender.stackexchange.com/questions/3171/… $\endgroup$ – cegaton Jun 26 '17 at 17:29
  • $\begingroup$ Yeah don't convert to mesh unless strictly necessary, it will ruin your spline for no good reason. AS Cegaton mentioned you can animate bevel factor, not so trivial to animate a fill effect though $\endgroup$ – Duarte Farrajota Ramos Jun 26 '17 at 17:46
11
$\begingroup$

enter image description here

Don't needlessly convert your bezier to a mesh unless strictly necessary, it is a destructive process and will ruin your model and the benefits of using curve objects.

For an animated outline and fill effect you will need to independent copies of your original SVG imported curve object.

Animated Outline

For the animated outline make sure a new copy of your original curve is set to 2D, non-cyclic (i.e. open) and has no fill. Then add a Bevel Width to it as desired then animate the Bevel Factor Start or Bevel Factor End property by keyframing it.

enter image description here

Animated Fill

For the fill animation a new independent copy of the original curve is needed. Extrude it and bevel it as desired, by using the builtin Curve Extrude and Bevel properties.

Afterwards add a Build Modifier to it, and adjust the animation parameters as desired. You can see the result by scrubbing the time line.

enter image description here

To animate fill followed by extrusion afterwards, keyframe the "fill process" of the Build modifier so it starts and ends first, then animate the Extrude parameter of the curve by keyframing it, so it only starts after the build concludes

enter image description here

$\endgroup$
  • $\begingroup$ Hi, thanks for the detailed explanation. I tried the 1st and it worked, and tried the 2nd (seems more like what Im looking for), however, I couldn't get it to work. I have a line (so it's not an enclosed shape), so I have to turn off cyclic. Basically what happens is that it fills in the line in the first pass (on the timeline) and then next moves onto the extrude (so it fills in first, then extrudes), I was hoping for it to fill and extrude at the same time, Im wondering if you know of any way to do that? $\endgroup$ – Ke. Jun 27 '17 at 8:56
  • $\begingroup$ @Ke. like this? $\endgroup$ – sambler Jun 27 '17 at 9:49
  • $\begingroup$ You might have to animate the "build process" first, and only then animate the extrusion parameter by keyframing it, after the fill animation is concluded. $\endgroup$ – Duarte Farrajota Ramos Jun 27 '17 at 17:42
  • $\begingroup$ Answer updated to reflect that $\endgroup$ – Duarte Farrajota Ramos Jun 27 '17 at 17:49

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.