How do I create a frame?
How do I create a frame?
I have created a 'layer' but how do I create 'frames' inside of the layer? Im having trouble finding info on this function.
Re: How do I create a frame?
Would you like to add a frame rate as well or just frames?
Re: How do I create a frame?
Yes please. Can you point me to a link or to a tutorial, or just get me started?
Re: How do I create a frame?
You`re in the wrong app, mate. Inkscape is a vector editor, not the animation tool ,)
Check for DragonBones
Check for DragonBones
Re: How do I create a frame?
Yeah, Im in Sozi. I thought the frame was created in Inkscape first. Duh!
(learning, learning)

Re: How do I create a frame?
That`s the whole another ball game and it works well, AFAIK. Have you looked for tuts on YT?
- flamingolady
- Posts: 687
- Joined: Wed Jun 10, 2009 1:40 pm
Re: How do I create a frame?
While not my forte, and not sure of the output you are trying to get - I've seen a tut many yrs ago about using Inkscape's interpolation to get many frames made - then using even something like GIMP - to make a short gif. It was pretty cool. But I thought using interpolation worked well - in this case - as it was making a cartoon figure walk/jump up and down without redrawing the arms and legs for each frame.....
Re: How do I create a frame?
You can use Inkscape to make frames for an animated GIF. You just have to export them to GIF outside of Inkscape. These are the general steps:
"Frames" are really just images. You know, like if you want a ball or circle to move across the page, left to right, you might draw 15 (or 50, depending on how complex the movement is going to be) images, where in each image, the ball or circle is moved a little bit further to the right.
1 -- I would create a custom template, so that each file is the same size. Here's a tutorial: http://libregraphicsworld.org/blog/entr ... n-inkscape If you don't want to make a template, you'll have to set the page size for each and every frame (image).
2 -- Draw each image. Draw 1 image for every frame that you need
3 -- Export each image to PNG using File menu > Export PNG
4 -- If it's a GIF animation, you'll have to convert the PNGs to GIF. GIMP will do that for you automatically (at least it used to - I haven't used in several yeares). And GIMP can also make the simple frame type of animation. I don't know if Sozi will make the conversion to GIF. Maybe so, maybe not.
I don't know how Sozi works, but I might guess that all the images ("frames") need to be in the same folder. After you've drawn all the images, and exported them, open Sozi and follow their instructions.
Re flamingolady's comment re interpolation. If it's a simple enough animation, like the ball example I gave, you could use interpolation. But if you want something like a circle changing to a square, interpolation doesn't work like you might expect. You end up with weird distorted shapes in between. Anyway, here's how I would do it:
Draw a circle and do Path menu > Object to path
Duplicate it once
Move the duplicate to the right side of the screen, and the first one to the left.
Select both.
Extensions menu > Generate from path > Interpolate However many frames you want, set that many Steps. Apply
Select the group of interpolated circles
Ungroup
Hold Shift key, and add the first 2 circles to the selection
File menu > Export PNG
Check the box "Batch export 17 selected objects"
Click Export
As far as I can tell, it exports them into C:/Users/username And I can't find any way to change that. They'll be called something like "path6.png" or "path35.png" Otherwise, you'll have to export them individually.
"Frames" are really just images. You know, like if you want a ball or circle to move across the page, left to right, you might draw 15 (or 50, depending on how complex the movement is going to be) images, where in each image, the ball or circle is moved a little bit further to the right.
1 -- I would create a custom template, so that each file is the same size. Here's a tutorial: http://libregraphicsworld.org/blog/entr ... n-inkscape If you don't want to make a template, you'll have to set the page size for each and every frame (image).
2 -- Draw each image. Draw 1 image for every frame that you need
3 -- Export each image to PNG using File menu > Export PNG
4 -- If it's a GIF animation, you'll have to convert the PNGs to GIF. GIMP will do that for you automatically (at least it used to - I haven't used in several yeares). And GIMP can also make the simple frame type of animation. I don't know if Sozi will make the conversion to GIF. Maybe so, maybe not.
I don't know how Sozi works, but I might guess that all the images ("frames") need to be in the same folder. After you've drawn all the images, and exported them, open Sozi and follow their instructions.
Re flamingolady's comment re interpolation. If it's a simple enough animation, like the ball example I gave, you could use interpolation. But if you want something like a circle changing to a square, interpolation doesn't work like you might expect. You end up with weird distorted shapes in between. Anyway, here's how I would do it:
Draw a circle and do Path menu > Object to path
Duplicate it once
Move the duplicate to the right side of the screen, and the first one to the left.
Select both.
Extensions menu > Generate from path > Interpolate However many frames you want, set that many Steps. Apply
Select the group of interpolated circles
Ungroup
Hold Shift key, and add the first 2 circles to the selection
File menu > Export PNG
Check the box "Batch export 17 selected objects"
Click Export
As far as I can tell, it exports them into C:/Users/username And I can't find any way to change that. They'll be called something like "path6.png" or "path35.png" Otherwise, you'll have to export them individually.
Basics - Help menu > Tutorials
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Re: How do I create a frame?
Sozi is cool - if you use the standalone version (not the one that was available as an Inkscape extension, that one does require that you create frames etc. and it was really difficult to wrap one's head around that), you can create cool presentations. So, use the latest version (17.06). It's almost self-explanatory, really.
Here's the documentation: http://sozi.baierouge.fr/pages/tutorial-first.html
Here's the documentation: http://sozi.baierouge.fr/pages/tutorial-first.html
Something doesn't work? - Keeping an eye on the status bar can save you a lot of time!
Inkscape FAQ - Learning Resources - Website with tutorials (German and English)
Inkscape FAQ - Learning Resources - Website with tutorials (German and English)