First of all, if you export text as glyphs, you need to provide all the characters that will be used on the updated text. You can do this by creating an extra layer with all characters of same font and famly
If you export text as text, you don't need to do this.
Second, you can manually change the json file, or if you want to do it dynamically, you can check this example
First of all, if you export text as glyphs, you need to provide all the characters that will be used on the updated text. You can do this by creating an extra layer with all characters of same font and famly
If you export text as text, you don't need to do this.
Second, you can manually change the json file, or if you want to do it dynamically, you can check this example
Does bodymovin work with photoshop files? I've been given a design by a design team that was created in photoshop can I import the photoshop file, animate in after effects and export with bodymovin for web and devices? I've tried a quick test and I a very wrong looking picture using lottiefiles.com
Does bodymovin work with photoshop files? I've been given a design by a design team that was created in photoshop can I import the photoshop file, animate in after effects and export with bodymovin for web and devices? I've tried a quick test and I a very wrong looking picture using lottiefiles.com
It will work with photoshop files but will export them as rasterized assets. Bodymovin works best with vector assets whenever possible.
Does bodymovin work with photoshop files? I've been given a design by a design team that was created in photoshop can I import the photoshop file, animate in after effects and export with bodymovin for web and devices? I've tried a quick test and I a very wrong looking picture using lottiefiles.com
It will work with photoshop files but will export them as rasterized assets. Bodymovin works best with vector assets whenever possible.
Appreciate the response! What about working with blend modes is that possible?
Does it possible to interact with animation with clicks or any other methods? For example, if I click on some element on canvas, the next animation starts, but before the click it`s doesn`t start.
Does it possible to interact with animation with clicks or any other methods? For example, if I click on some element on canvas, the next animation starts, but before the click it`s doesn`t start.
If you use the svg renderer, you can target svg tags and attach event handlers to them. With canvas it's more complicated and the player doesn't provide a solution out of the box.
When I use the gzipped file, it doesn't work. When I use the non-gzipped file it does work. The characters look weird when I preview the gzipped .js file, and my code editor just opens with a blank page and an error. I understand gzipped is the way to go for final publish, so I'm wondering why its not working.
How do you make a bodymovin svg responsive, or scale down to fit small browser sizes? The demo.html is responsive, but I am not able to replicate that in my own implementation.
When I use the gzipped file, it doesn't work. When I use the non-gzipped file it does work. The characters look weird when I preview the gzipped .js file, and my code editor just opens with a blank page and an error. I understand gzipped is the way to go for final publish, so I'm wondering why its not working.
gzipped version needs your server to support gzip headers. I suggest that you look into setting headers on files.
How do you make a bodymovin svg responsive, or scale down to fit small browser sizes? The demo.html is responsive, but I am not able to replicate that in my own implementation.
you can think of inline svgs as img tags. To make them responsive it depends on the context and height and width you set to the ancestors.
Is there any resource you would suggest for figuring out the responsive part of it? Surely there are some similarities in the approach, regardless of the context/height/width? Are there any clues in the demo.html file? As for gzip, I'm not a developer. Setting what headers on what files? Gzip is enabled on my godaddy site. Do I need to add something to the header of my specific page that holds the animation? Would think that would be in specific instructions somewhere if it is required to work.
Hey Hernan, can't say enough good things about Bodymovin. I was curious, any chance we'll ever see the ability to batch update the settings of multiple exports at the same time? I'm often exporting large groups of animation at different sizes, and saving all those clicks for each individual export would be a boon.
Hey Hernan, can't say enough good things about Bodymovin. I was curious, any chance we'll ever see the ability to batch update the settings of multiple exports at the same time? I'm often exporting large groups of animation at different sizes, and saving all those clicks for each individual export would be a boon.
Thanks!
I'll see what I can do.
Could you create an issue in github so I can track it?
Love the plug use it for different kind of projects, mobile apps, webdesign. But i have one huge hazzle. Its the plug for AE if you export more than one comp you have to set the destination folder for every comp by hand. This is a huge pain when you have to export more than 30 comps. Batch export some sort would be nice
I have a problem with exporting animationg I've made...I understand that Bodymovin hates masks and effects in general, but I am not sure why it does not work properly with strokes on shapes in my project...
im using bodymovin for a project and its done a great job on most of my animations. however one of my animations is not exporting correctly and I can't work out why.
There are two possible issues - first, I'm using 3D layers within a precomp that takes 6 square shape layers to make a cube that rotates.
im using bodymovin for a project and its done a great job on most of my animations. however one of my animations is not exporting correctly and I can't work out why.
There are two possible issues - first, I'm using 3D layers within a precomp that takes 6 square shape layers to make a cube that rotates.
im using bodymovin for a project and its done a great job on most of my animations. however one of my animations is not exporting correctly and I can't work out why.
There are two possible issues - first, I'm using 3D layers within a precomp that takes 6 square shape layers to make a cube that rotates.
im using bodymovin for a project and its done a great job on most of my animations. however one of my animations is not exporting correctly and I can't work out why.
There are two possible issues - first, I'm using 3D layers within a precomp that takes 6 square shape layers to make a cube that rotates.
im using bodymovin for a project and its done a great job on most of my animations. however one of my animations is not exporting correctly and I can't work out why.
There are two possible issues - first, I'm using 3D layers within a precomp that takes 6 square shape layers to make a cube that rotates.
Hi ! I would like to export my animation with bodymovin. I use Super lines extension in my animation. But Super lines effect don't work with bodymovin...can you help me please ?
Hi ! I would like to export my animation with bodymovin. I use Super lines extension in my animation. But Super lines effect don't work with bodymovin...can you help me please ?
The original 1080x1080 video is 50MB, the animated gif (540x540) is 260kb, and the final SVG (using bodymovin) is only 221kb!!
Quality and playback are excellent, thank you again for helping me through the install process.
Hi Nick, it looks good!
I see you are exporting parts of the animation as images. Did you try converting them to shapes in After effects so they get exported as part of the json?
Also, keep in mind that if you serve the files gzipped from your web host, filesize will get reduced much more!
Hello Hernan! First, thanks for creating Bodymovin I'm making svg snaphots now and they work ok, except for some files: when I upload those .json files, there's no previes of them and, as a result, svg snapshots are just empty (though some other my .json files work ok and I get svg snapshots of them).
Unfortunately, I can't share the files here because of the commercial value of my client.
But do you maybe have an idea what can be the reason? Why some json files show no preview to make svg snapshotsof them? Thanks in advance.
Hello Hernan! First, thanks for creating Bodymovin I'm making svg snaphots now and they work ok, except for some files: when I upload those .json files, there's no previes of them and, as a result, svg snapshots are just empty (though some other my .json files work ok and I get svg snapshots of them).
Unfortunately, I can't share the files here because of the commercial value of my client.
But do you maybe have an idea what can be the reason? Why some json files show no preview to make svg snapshotsof them? Thanks in advance.
Hi, could you send me an email with an animation I could check? hernantorrisi[at]gmail.com
As for gzip, I'm not a developer. Setting what headers on what files? Gzip is enabled on my godaddy site. Do I need to add something to the header of my specific page that holds the animation? Would think that would be in specific instructions somewhere if it is required to work.
hernantorrisi[at]gmail[dot]com
Here my url test : http://bastienriviere.com/zonedecrash/?page_id=5665046
here my Aep files !
First, thanks for creating Bodymovin
I'm making svg snaphots now and they work ok, except for some files: when I upload those .json files, there's no previes of them and, as a result, svg snapshots are just empty (though some other my .json files work ok and I get svg snapshots of them).
Thanks in advance.
Did you have time to check my aep file ?