How do I create a frame?

Post questions on how to use or achieve an effect in Inkscape.
Ged
Posts: 50
Joined: Wed Sep 16, 2015 3:01 pm

How do I create a frame?

Postby Ged » Sun Aug 27, 2017 12:45 pm

I have created a 'layer' but how do I create 'frames' inside of the layer? Im having trouble finding info on this function.

User avatar
Maestral
Posts: 982
Joined: Sat Aug 27, 2011 7:10 am

Re: How do I create a frame?

Postby Maestral » Sun Aug 27, 2017 6:49 pm

Would you like to add a frame rate as well or just frames?
:tool_zoom: <<< click! - but, those with a cheaper tickets should go this way >>> :!:

Ged
Posts: 50
Joined: Wed Sep 16, 2015 3:01 pm

Re: How do I create a frame?

Postby Ged » Mon Aug 28, 2017 2:53 am

Yes please. Can you point me to a link or to a tutorial, or just get me started?

User avatar
Maestral
Posts: 982
Joined: Sat Aug 27, 2011 7:10 am

Re: How do I create a frame?

Postby Maestral » Mon Aug 28, 2017 2:57 am

You`re in the wrong app, mate. Inkscape is a vector editor, not the animation tool ,)
Check for DragonBones
:tool_zoom: <<< click! - but, those with a cheaper tickets should go this way >>> :!:

Ged
Posts: 50
Joined: Wed Sep 16, 2015 3:01 pm

Re: How do I create a frame?

Postby Ged » Mon Aug 28, 2017 3:05 am

Yeah, Im in Sozi. I thought the frame was created in Inkscape first. Duh! :? (learning, learning)

User avatar
Maestral
Posts: 982
Joined: Sat Aug 27, 2011 7:10 am

Re: How do I create a frame?

Postby Maestral » Mon Aug 28, 2017 3:13 am

That`s the whole another ball game and it works well, AFAIK. Have you looked for tuts on YT?
:tool_zoom: <<< click! - but, those with a cheaper tickets should go this way >>> :!:

User avatar
flamingolady
Posts: 687
Joined: Wed Jun 10, 2009 1:40 pm

Re: How do I create a frame?

Postby flamingolady » Mon Aug 28, 2017 5:27 am

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.....

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: How do I create a frame?

Postby brynn » Mon Aug 28, 2017 5:44 am

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.

Moini
Posts: 3381
Joined: Mon Oct 05, 2015 10:44 am

Re: How do I create a frame?

Postby Moini » Mon Aug 28, 2017 6:28 am

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
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)


Return to “Help with using Inkscape”