SVG Animation in DaVinci Resolve

Sdílet
Vložit
  • čas přidán 8. 07. 2024
  • Learn how to animate a single polygon SVG file in DaVinci Resolve 16.
    Found this video useful and want to say a quick thank you? Why not buy me a coffee:
    www.buymeacoffee.com/cbsuper
    Timestamp
    00:00 Intro
    00:30 Import Vector File
    01:30 Rig Vector for Animation
    06:15 Animate SVG
    07:20 Add Speedlines
    I hope you found this useful :) Thanks for watching.
    CB SUPER
    Download free DaVinci tools over at my web site www.cbsuper.com/
    You can copy and paste tools into your DaVinci Resolve Fusion Macro folder. The file should be a .settings file. Then when you're in Fusion, you should be able to access it by the Macro name using the method in the video. See the file location below for Mac and PC.
    PC Users - Paste into:
    C:\Users\”YOUR_USER”\AppData\Roaming\Blackmagic Design\DaVinci Resolve\Fusion\Macros
    Or
    \Users\”YOUR_USER”\AppData\Roaming\Blackmagic Design\DaVinciResolve\support\Fusion\Macros
    Mac Users - Paste into:
    Macintosh HD⁩/⁨Users⁩/”YOUR_USER”/⁨Library⁩/⁨Application Support⁩/⁨Blackmagic Design⁩/⁨DaVinci Resolve⁩/⁨Fusion⁩/Macros
  • Krátké a kreslené filmy

Komentáře • 69

  • @kjvisual7
    @kjvisual7 Před 3 lety +6

    Fusion is so immense. It seems that there is a way to visualize almost anything. Thanks for sharing this. Wow!

  • @MrGreenTabasco
    @MrGreenTabasco Před 2 lety

    Holy hell, this Tutorial is great. Short, no nonsense, nice music. In short: Quality!

    • @CBSuper
      @CBSuper  Před 2 lety

      Thanks! I try to not waste everyones time.

  • @danskifpv
    @danskifpv Před 3 lety

    That was a new one on me, didn't know you could pre make a vector and work on it like that. Def a thumbs up

  • @demiphotomode
    @demiphotomode Před 3 lety

    Damn good tutorial mate. I turned on notifications for you. Have learned so much from you

    • @CBSuper
      @CBSuper  Před 3 lety

      Thanks! “Notifications on” is like the ultimate compliment for CZcamsrs!

  • @ADR69
    @ADR69 Před 3 lety

    Dude that is so cool

  • @Convolva
    @Convolva Před 2 lety

    This was super helpful! Thank you for making this tutorial! 🙏

    • @CBSuper
      @CBSuper  Před 2 lety +1

      Very welcome, glad it was helpful!

  • @WilliamJusticeMedia
    @WilliamJusticeMedia Před 3 lety +2

    Great video. There is a lot you could do to easily animation different parts. I have been wanting to try out some SVG in resolve. I will have to play around with it to see what all I can do. Thanks for the vid!

    • @CBSuper
      @CBSuper  Před 3 lety

      Oh yeah, lots of prep work to get simple animations. It's much easier in my opinion if you have more parts to the SVG file, but then it takes a bit of work to organize all that and set up the pivots.

  • @mintyemerald3935
    @mintyemerald3935 Před 3 lety +7

    Remember "Command" key is "Ctrl" key for windows

  • @Tutvcultural
    @Tutvcultural Před 2 lety

    great work!!!!

  • @AironExTv
    @AironExTv Před 3 lety

    Fire, sir.

  • @3DGraphicsFun
    @3DGraphicsFun Před 3 lety +1

    Thank You :) 👍👍👍

  • @RuiGon1
    @RuiGon1 Před 6 měsíci

    Thanks.

  • @THEROSEWORLD
    @THEROSEWORLD Před 3 lety

    awesome

  • @jellyjelly6534
    @jellyjelly6534 Před 3 lety

    Nice tutorial

  • @7thperspective666
    @7thperspective666 Před 3 lety +3

    It's like you read my mind! I was experimenting with SVG files in fusion just the other day. This is very helpful. I was trying to animate a logo once I had created the SVG file.
    Maybe you could do more logo animation videos? All the good tutorials seem to be for AE. Even showing techniques of how to morph different shapes into another could be really useful. Thanks again. Very pleased to see this!

    • @CBSuper
      @CBSuper  Před 3 lety +1

      Sure, logo animation is fun.

  • @RusstafaB
    @RusstafaB Před 3 lety

    That is great and very interested how you did the fire thanks

  • @MohamedOsama-hm9vo
    @MohamedOsama-hm9vo Před 3 lety +3

    Here we go ! Thats what i want, i definitely want more of these
    Btw we want to know how you made the fire
    And also is it possible to animate complicated characters which has alot more details? Have tried once and got shock how big was the svg group

    • @CBSuper
      @CBSuper  Před 3 lety +1

      For sure, some svg’s have way too many polygons and cN be a real pain to manage. Some take a while to clean up, organize and rig.

    • @laurencenoble3629
      @laurencenoble3629 Před 3 lety

      Check out this video for a bit more detail on rigging characters for animation czcams.com/video/p4xfM7HvHxM/video.html

  • @FairlawnARC
    @FairlawnARC Před 3 lety

    Wow, excellent. MAKE FIRE, please!

  • @dustinriggs5497
    @dustinriggs5497 Před 3 lety

    Love learning this stuff. I would love to know how you did the fire as well.

    • @CBSuper
      @CBSuper  Před 3 lety +1

      The fire is a stock asset from triune digital, but I’ll show how to track it onto the mouth.

    • @dustinriggs5497
      @dustinriggs5497 Před 3 lety

      @@CBSuper awesome, that'd be great. I assume it's like tracking most everything else, but always interested in seeing other people processes and how they do things

  • @amrnazim7426
    @amrnazim7426 Před 3 lety

    thank you for your tutorial but i would like to know how to export that animated svg, and if i have a logo animation can i turn it into svg animated or json file

    • @CBSuper
      @CBSuper  Před 3 lety +1

      To export the composition, you can use the delivery page and export in a video format just as you would export a regular composition or video segment.
      As for exporting the SVG animation or as a JSON file, I honestly don't know. I looked around a little and I don't see an export option that would retain the file in vectors. It's possible that there might be a script out there somewhere that could do such a thing, but I haven't come across anything like that. If you need to simply retain the vectors, you can use the .settings file to retain them, but I don't know of any other program that will accept them, so that would only really help you if you needed to come back to DaVinci later and use the data.

    • @amrnazim7426
      @amrnazim7426 Před 3 lety

      @@CBSuper ty so much

  • @kjvisual7
    @kjvisual7 Před 3 lety

    Oh ya! Please share how you made the fire. And those speed lines too. Seems that the lines might be some crazy polygon. But you probably have an efficient way. Wait. Hmmm... Are the speed lines from a SVG too? That would make sense. 🤔😁

    • @CBSuper
      @CBSuper  Před 3 lety +1

      The speed lines were pretty easy. I used a particle system and a simple triangle polygon.czcams.com/video/bwISA8SwBAw/video.html

  • @markokeskinen4322
    @markokeskinen4322 Před 3 lety

    Please do a tutorial for the fire!

  • @SethBlackMedia
    @SethBlackMedia Před 3 lety

    Is there a way to globally scale up several image layers without it becoming pixelated? I've been playing around with a vector image I downloaded and it has multiple shapes on it. The only way I've figured out how to scale up and not get blurry is by clicking on an individual polygon node and scaling it up from the controls tab in the inspector.

    • @CBSuper
      @CBSuper  Před 3 lety

      You can connect all the size controls from the polygon to a separate transform node by parenting them. Once they have been merged onto the BG, they will be rasterized from there on out, so needs to be before that in the flow. Because of this, it is usually easier to make it bigger on import and scale down, rather than up.

    • @SethBlackMedia
      @SethBlackMedia Před 3 lety

      @@CBSuper okay thanks. I'm not so sure I'm understanding your explanation because I just tried this and it's not working. Could you please make a video explaining this? I set an expression on all the polygon nodes and linked them to a single transform node like you said, but they don't all scale uniformly. I normally save my vectors scaled way up, but sometimes when I’m animating I end up needing to go bigger for whatever reason, and knowing little things like this helps tremendously.
      Thanks for the reply!

    • @CBSuper
      @CBSuper  Před 3 lety

      I'll look into this.

  • @TisButAHandle
    @TisButAHandle Před 3 lety

    You sound like William Justice 😁

    • @CBSuper
      @CBSuper  Před 3 lety +1

      Ha. Will’s great!

  • @mothboy3750
    @mothboy3750 Před 2 lety

    Hello! When I try to import an SVG, I don't get an image size prompt like at 0:56 and then nothing happens. Is there a specific way I should be saving my SVGs? thanks!

    • @CBSuper
      @CBSuper  Před 2 lety +1

      Not sure, you may want to try an svg from pixabay or another free site just to test it out.

  • @kaibaseto-ky7eg
    @kaibaseto-ky7eg Před rokem

    Hello, I tried to import svg file like yours, but dialog finder on mac didn't come up, instead it came dialog box from davinci itself. Is that anything I need to change on my settings? So when I try to import svg file I can go like yours? Please help me

    • @CBSuper
      @CBSuper  Před rokem

      Sorry. This is a pretty old video and the process may have changed since then.

  • @atomicnolxix
    @atomicnolxix Před 3 lety

    not first but its damn cool

  • @generalawareness101
    @generalawareness101 Před 3 lety

    Every time I do this I get to the load svg part and Resolve sits there forever and I have to end task it. The version used to make it and everything loads it fine, even web stuff, but not DaVinci Resolve 16

    • @CBSuper
      @CBSuper  Před 3 lety

      Sorry, not really sure what would be the problem. Is it a large file? I would try testing it with simple .SVG files and see if you can get those to work first.

    • @generalawareness101
      @generalawareness101 Před 3 lety

      @@CBSuper I even simplified it via the web and no good. around 500-600k.

    • @CBSuper
      @CBSuper  Před 3 lety

      @@generalawareness101 did you save it as a .svg from adobe illustrator?

    • @generalawareness101
      @generalawareness101 Před 3 lety

      @@CBSuper Use export (known issues in Resolve/Fusion) and save/save as. I have ran into zero issues with everything I have thrown it at except for Fusion/Resolve.

  • @AkshayDidIt
    @AkshayDidIt Před 2 lety

    Bruh I opened my SVG & that shit got hundreds of polygons. What do?

    • @CBSuper
      @CBSuper  Před 2 lety

      Need to clean them up or make new polygons based on the original design. Depending on the complexity of the svg, it may be easier to make your own vectors.