Create Animated GIFs in Inkscape
Вставка
- Опубліковано 25 лип 2024
- In this tutorial we'll be going over how to create simple animated GIFs using Inkscape. We will accomplish this by exporting each frame individually using the Batch Export feature, and then opening the frames as layers in GIMP where we can then export them as an animated GIF.
To follow along with this tutorial you will need to ensure that you are using Inkscape version 1.2 or later. You can upgrade to the latest version here: inkscape.org/en/release/
You can download an install GIMP here: www.gimp.org/downloads/
Want to learn more about how Inkscape works? Check out the Inkscape Master Class - a comprehensive series of over 50 videos where I go over every tool, feature and function in Inkscape and explain what it is, how it works, and why it's useful: logosbynick.com/inkscape/
Chapters:
00:00 Intro
01:09 Ensure version 1.2 or later is installed
01:33 Create the initial graphic
04:50 Create the individual frames
06:56 Use Layers menu to title the frames
08:09 Batch export your frames
09:10 Open the frames as layers in GIMP
10:00 Export the frames as an animated GIF
10:58 Viewing the finished GIF
11:26 Learn more about Inkscape
11:50 Outro
Intro song: "In Da Mood" by Combustibles, used with written permission
Nick, I am a full stack web developer and I have never been proud of my graphic design skills but on the occasion that I end up having to do it, I always end up watching 20 of your videos. Thank you.
When selecting files, you can just click the first file, hold down shift, and click the last. That will select them all without having to click on each.
The king is back 🥳🎉
👊
@@LogosByNick NOOOOOOOOOO DONT PUNCh HIM 😭😭😭😭😭😭
Great tutorial, and glad to see you posting again!
There's a built-in keyboard shortcut for Windows that automatically hides all windows to show the desktop: Win+D. Might be useful for you.
Always learning! Thanks for the tip
You are my go to guy for everything Inkscape. Thanks for making the effort to educate us.
Love your videos, they are a good resource to create things when your not familiar with inkscape and gimp. Thank you Nick for your efforts.
Always happy to see another video of yours in my feed :) The new batch export is just brilliant.
Agreed. It's refreshing to see Inkscape adding modern features like this.
Missed you man! Thanks for the video
Simple effective and easy to follow tutorial. Nice one 👍
Great lesson as always, Nick! 👏🏻👏🏻
Great tutorial. Thank you!
This was very helpful Nick, I would love to see more gimp Tutorials 🤗
Thank you Nick!! Great as always
Thank you for posting this. You have been a big help
thank you Nick for this great tutorial
This looks like a fun one!
Thank you for your video. You make it sound easy. 👍🙂
Thanks for that super understanding video👍
Names of objects, batch export, as animation, adjust miliseconds, got it. Thank you great tutorial.
great tutorial Nick.. thanks a lot 🙂
Well Done! Very clear and informative.
After a long time
I try to post when I have something new to share with you all. Problem is after 7 years and 400+ videos I’ve taught most of my tricks already 🫠
@@LogosByNick yes i watched almost all the videos
You provide amazing content
@@LogosByNick It doesn’t have to be tricks we can practice together we can create logo and posters and so on. It is better to practice the whole tools. I can’t live without ur channel 😢 u r my favorite designer
Very good explained, thx a lot🤗
Happy to see you back 😊
Thank you, Nick!
Excellent video!!!
My mentor. I really want to take the course. Hugs from Angola 🇦🇴
always love me a new nick video! open source software woo! I use EndeavourOS Gnome, btw ;)
The batch export was there pre 1.2, as a checkbox, not as a tab in the export. And the rename object part is there via right click, object property. Love that they are making things easier in newer version though.
thank you for all this free content
Thanks sir for the video. 🙂👍🏻
Great video! You can also use imagemagick to convert multiple images to an animated .gif in a single command (in this case `convert -delay 10 -loop 0 *.png spinner.gif` yields a similar result). This speeds up the conversion process significantly, which is helpful when doing a lot of conversion, e.g. when tweaking the .gif.
Hey pal, are you are able to give a step by step process?
Nice job.
Thank you.
Lol, this might be the weirdest comment u would see but I use Blender to create gifs and motion designs but it'll always create a large size file so I thought about start using Inkscape then guess what? my man explained how to create gifs with Gimp which means I can still use Blender and export my frames "layers" and give them to Gimp to create the gif Xd
Thx bro for the clear tutorial
Great! You're the guy!
Nick is the InkScape GOAT!
As always writing a comment to support the channel
men your channel is great, i will try to buy your master class. Greetings from venezuela
Way easier than the Draw with GIMP process - thanks
❤️ love from India
Muito bom, dos poucos canais que falam de inkscape esse é o melhor, sucesso para você!!!
I had no idea holding control locked rotation to 15 degree increments, Lol, that's helpful to know
Nice sir
you can also use ffmpeg to do it, but you need to know it's command (it's commands are complicated, but you can look them up any time. once you know them, it's like liking this post (subttle plug)
great
Thank you for the lesson, that was very useful! Any chance of you setting your mouse curser to large, I have a hard time following your mouse pointer icon!
Great video Nick I noticed in all of your videos and most other videos on UA-cam talking about Inkscape everyone uses shortcuts keys I like using them also, but I notice I hardly ever see anyone use thes shortcuts d for dropper s for the selection tool or escape key to deselect all. Do you ever use any of these.
Thumbs Up
The duplicate and rotate was such a great idea. I would've wasted time changing color.
You only need 2 images total (dark rectangle pointed towards flat side and corner) and you can rotate those even easier.
Me too
Awesome tutorial, I was looking for something like that. Question: I'm no Gimp expert, but can you export an animation instead of GIF as WebP? I'd like to use it for minimalistic website animations, why WebP file format is my format of choice.
I started working with Inkscape recently, and I don't know how to expand the canvas and place (expand) all the toolbox, tool controls, pallete and snap controls. Can you make a tutorial teaching how to put all these tools?
PHOTOSCAPE is great for easy GIF ANIMATIONs. More easy than GIMP and FREEWARE too.
When I sow the title I was so happy. Affinity Photo has no options to GIF export. Anyway, it's good to know that GIMP has GIF export options.
Hello, I have watched a few of your tutorial videos and thank you. Do you have one that pertains to animating svg files? or would this be the same steps and just export it to svg rather than png?
But there is a little more to creating GIF's in Gimp! Like optimization for animated graphic interchange format and the colours are also reduced i believe... Look in the Gimp main menu Filters -> Animation -> Optimise (for GIF). Cheers.
👍👍👍👍👍👍
TOPIC REQUEST: Hallo Nick. Your tutorial videos are always so amazing. I try new things and double my confidence each time I watch.
I am trying to find a way to "fold" guilloche patterns over themselves to add complexity and aesthetic appeal at the same time. I tried "Lattice Distort" and a number of other multi-layer tricks without success. I can't get lattice distort to undercut the image. am i missing some trick to this? The dedicated software that did this has disappeared from the internet (Founder, Torapp, etc..) there must be a way to "fold over" images the way a flag in a breeze looks. Thank you for your clarity and level of rich detail in your video style. -- Molly
hey Nick,
have you seen my new inkscape icon theme?
is on inkscape gallery under (Hawel icon set)
This is a bit OT but a while ago I bought your Inkscape course and have just recently started going through it again and have hit a big snag in trying to round the corners of a rectangle in that the latest version seems to do that differently than as you described (and even as there own help menu do).
Do you have an update that shows how the current version works in regard to rounding corners of a rectangle?
Also, I am converting over from PowerPoint (which I have pretty good proficiency). Is there a guide that shows a mapping from PowerPoint commands to Inkscape commands. That would be most helpful.
Also is there a shapes library that has the PowerPoint shapes that I can load into Inkscape? That would be most helpful as well.
Hi Ron, sounds like your rectangle got converted into a path. If you create a new rectangle it should work as expected. The rectangle tool has not changed in years, it should still be working the same.
@@LogosByNick Yes, that is what was happening.
Thanks.
I appreciated this but I do wish that it would have been animating the face shown in the thumbnail, could have piggy backed off another video showing how to make the face, a blink animation would have been a fun pay off to making the vector face
Sadly i don't realy want to create a gif file since it is way bigger in size than an svg.
It would be very interesting to create an animated svg. Even if it means to use some other software.
Thanks for the workflow. The title is a little misleading. The GIF is created in GIMP, not Inkscape.
questions me ...have inkscape no instances only copy s of objects.. ?!
or have the LPE ( modifier) system the possbilities to work with instances or have Inkscape a per layer a instance system ...
I thought you can creat animation in Svg but without copy different object but with real path translation f.e. ...
p.s. would be cool Inkscape have a timeline f. animation......
or Blender 3d could save a path animation as SvG...
grest tut...thx
use pages?
Please help. Is it possible to give the name of the exported page a default name? Not page1, page2 etc. I have 6 pages where I make graphics and then I would like to export them so that each one can have the file name I give it before exporting. Hope you can understand my question, i used google translator. Thanks
Hey Nick doesn't Inkscape have a copy and rotate tool?
I'm using 0.91, how do I upgrade my version?
Hi Nick. Do you not using Ubuntu anymore?
We need figma-ish mod for inkscape
Why Inkscape is so slow now?
Wow I thought Nick Died a long long time ago
He pronounced it "Ghif", should I unsubscribe?