yes funny gif This is a topic that many people are looking for. thetruthaboutdow.org is a channel providing useful information about learning, life, digital marketing and online courses …. it will help you have an overview and solid multi-faceted knowledge . Today, thetruthaboutdow.org would like to introduce to you 5 Ways to Make an Animated GIF in Procreate . Following along are instructions in the video below:
“I m lisa bardot and today i m gonna teach you five ways to make make awesome animated gifs gifs gifs however you like to say it in procreate procreate added. A feature that allows you to export your layers as an animated gif this opens up the entire base of procreate artists to the wonderful world of animation. I cannot get enough of making these animations in procreate and i think you re going to love what you can create as well you can use animation to give your work that little extra something something or to express. Something in ways a static image simply cannot this tutorial will show you five easy methods to start making your own animations today.
If you re new to procreate. I d recommend watching my intro to procreate tutorial to learn all the basics let s get started here s how animation works in procreate each visible layer or layer group of your artwork becomes a frame in your animation. The first frame in the animation is the bottom most layer and progresses upwards procreate takes the frames. And compiles them into a special file format called a gif or jif that loops these frames indefinitely for example here s a rocketship animation.
I made in my layers panel. I ve labeled each layer as a numbered frame you can do a quick preview of each frame. Using procreates new isolate layer function. Tap and hold on the visibility checkbox to turn off visibility on all other layers.
Now go through and tap and hold on each layer to get a preview of the animation frames. Tap and hold the layer that is visible to turn all the layers back on procreate will ignore all invisible layers. When making a gift. So please be sure that the layers are turned on if you want them included in your animation to export your animated gif open the actions menu tap share and tap animated gif here you can adjust your frames per second which basically makes your animation.
Slower or faster. You can also choose to make the background transparent or not finally select your desired file quality. I don t really like using the web ready function because it really downgrades the quality a lot plus. I ve already optimized my canvas for the jiff format.
Which i ll talk about in a moment. So i ll use full resolution then tap save image to save it to your camera roll another tip the more frames. You create for your animation. The smoother.
The movements will look here is a version of the rocketship animation made with 8 frames. And then another one. I made with 14 frames. The first thing to do when starting your animation is to set up a canvas that s optimized for video and sharing on the web.
These are the canvas sizes i like to use that allowed me to create sharp high res art while not overloading the gift format with too many pixels i ll talk more about this at the end of the video. When i talk about sharing your animation on the web. I have all these sizes saved in my procreate as canvas templates. Okay now i d like to show you five different methods that you can use to create animations in procreate method.
Number. One is the easiest something i like to call. Wiggly animation on a new canvas grab your favorite brush and write something the brush. I m using is called drag it out its from the wash and dry watercolor toolkit that i just released.
When you re done create a new layer above the layer you just made and then reduce the first layers opacity to about 50 and then on the new layer simply trace over the lettering. That you just made now turn off that layer and create another new layer and trace over the lettering. Again repeat this process. One more time and now we have a total of four layers.
Now make sure all the layers are turned on and the opacity of that first layers turn back all the way up now we re ready to export this window gives you a tiny preview of your animation. Which is a nice way for you to check and see how everything is looking or if you need to go back and make edits. I think this looks good so i m going to choose full resolution and save the image. You just made some fun wiggly text.
You can also use this same method on illustrations as well not just lettering. Let s draw a banana. The brushes. I m using for this banana are also from the wash and dry watercolor toolkit for the yellow.
I m using one called hot concrete and for the black using one called whisker. I m going to go ahead and create a new layer reduce the opacity of my first layer and then draw the banana again. I can t really see that line in the middle of the banana anymore. So i m just going to reduce the opacity of the layer that i m working on so that i can make sure everything lines up.
So go ahead and repeat this process. So that we have three layers total. I think this wiggly animation looks best. When you have three four five layers.
It gives you a little more variation in that kind of wiggly motion. Turn all our layers back on and a pasady to 100 and we re ready to export here. We go banana looks pretty good let s go ahead and save it there you go a wiggly jiggly banana method. Number two is something i like to call animation by erasin so for this technique.
I m going to draw a donut on my canvas to draw this i m using brushes from my gouache paint box. If you re using multiple layers to draw your artwork like i am be sure to merge them before you start working on your animation to start making. Our animation frames. Duplicate your artwork layer turn off the visibility of the previous layer and grab your eraser tool.
And i m just going to erase a way kind of a bite mark of this donut and then i m just gonna grab my paintbrush and draw just like a couple little dots. Those are like crumbs. Duplicate the layer again turn off the previous layer and then erase some more draw on some more little crumbs to duplicate erase another couple bites. Drawn some crumbs repeat repeat.
Repeat. Keep going until. You have eaten the entire doughnut. I mean until it s all gone.
I m going to add a couple more frames of the whole donut by duplicating the bottom most layer two times. When you re all done make sure to turn on all your layers. And then go to export and you can see a little preview of the animation and save it kind of makes you want a doughnut huh method. Number three will show you how to make an animation using the liquify tool.
Let s make a silly animation using this arm. I drew before we begin i want to show you another useful animation tool create a new layer and fill it completely with white then reduce the opacity to about 50. We ll use this layer to create what s called an onion skin this allows you to utilize a reduced opacity version of your previous frame to guide you in creating the next frame of your animation. Okay duplicate the arm layer and place it above the onion skin layer all three layers should be visible.
Now let s go into the liquify tool. Which can be found in the adjustments menu. We re going to use the push function of liquify and just kind of push the artwork down just a little bit. We re gonna make kind of a bendy arm.
That s gonna wobble up and down now duplicate that topmost arm layer and we can also turn off that very first frame. Because we really only want the current frame and the previous frame visible as well as the onion skin and place your onion skin in between those top two layers. Now we can go into the liquify menu. Again and push it down a little bit further maybe increase the size of our brush to keep pushing down more of the arm and then we ll repeat that again duplicating the layer moving the onion skin turning off that previous layer and then using liquify to just bend.
It down a little bit more and let s do it one more time. So now we have a total of five frames. So the next thing. I want to do is reverse the movement.
So it can wobble back to straight. So to do that i m actually just going to duplicate all of my layers and put them into reverse order so it s gonna go down and then it s going to go back up to straight and now that i m back to straight. I m going to do the opposite movement and i want to bend the arm upwards so i m going to turn off all the layers. Except for the top three and then i ll go into liquify and i ll start pushing it upwards and i ll create a few frames like that and then i want to reverse that movement back to a straight arm again because creating a looped animation is really crucial when it comes to these animated gifts the way the format works is it takes all your frames and plays them.
In an indefinite loop. So having an animation that loops naturally makes for a really good looking gif. So we ll do the same. We ll reverse those last few layers and reverse the order of them put them up at the top and now if we look at the first layer and the last layer we ll see that they ll naturally form a loop and we can verify this by going over to the shares animated gif function and procreate.
We ll get our little preview. And we ll see that wobbles. Very naturally as much as a wobbly arm can be natural. I guess so the next method will show you how to make motion that goes across your canvas using a guide on my canvas.
I ve drawn a paper airplane above that layer create a new layer and draw a dark line across the canvas. This line will be the path of motion. That the airplane is going to take as it goes across the canvas. Go ahead and reduce the opacity of that guide layer now we can start setting up the frames of the animation.
I want the paper airplane to come into the frame. So i m gonna move it all the way over to the side. But not so far that it crops off any of the image. Now i m going to duplicate it and work backwards with the motion.
Until it s completely out of the frame. But these frames are now out of order because we re working from the bottom to the top. So i just need to reverse the order of each of those layers. Now we can start working on our forward movement.
Duplicate the topmost layer and move it a little bit forward and rotate it duplicate again move forward rotate duplicate move duplicate move until. The airplane is all the way out of the frame and then at the very end i like to add a couple of empty layers. Which gives me a little more breathing room in between the animation loops which you ll see in the preview. When we go to export.
It now be sure to turn off visibility of that guide layer because we don t want that to show in our animation. So go up to the actions menu share animated gif and we could see a preview of our paper airplane go ahead and choose full resolution to export and there you go we ve got a paper airplane that follows the motion of that line that we. Drew guides can be really handy. I also use them to make this worm animation for this animation.
I redrew each frame. So i drew like 20 something worms for this but i used the motion guide to help me draw the worm and then i also used this guide. So that i knew i was getting the length of the worm. Consistent throughout the animation method number five is isolated movement.
This technique will show you how to use layer groups to only animate a portion of your artwork. I m going to make an animation of a fire breathing dragon. I want the dragon to be static and the fire to be animated. I ve drawn my dragon and merged all those layers into one since i know i won t be making any more changes to the dragon.
Now i ll create a new layer for the fire. Another handy tip is to save colors you ll be using to redraw animation frames in a color palette for easy access. I m saving these three colors. I used for the fire select the dragon and fire layers and tap group at the top of the layers menu to make the next frame of animation.
Duplicate the entire group by swiping left and choosing duplicate now select the duplicate fire layer tap. It and choose clear from the pop up menu turn off visibility of the previous layer group. I m not using an onion skin to help draw my next frame. Because i want those flames to look a little more random as you can see i m using the colors.
I saved in my palette. Once i finish drawing the fire i ll duplicate the layer group turn off the previous group and clear the fire layer then i ll draw in another set of flames repeat this process two more times for a total of five layer groups. When you re done be sure that all layer groups and layers within those groups are set to visible go up to the actions menu share an animated gif and for this one. I m going to increase the frames per second to really make those flames roar.
I used the same method to animate this woman s hair blowing in the wind. And this balloon floating through moving clouds the downside to this method is depending on your hardware of your ipad you may hit your max layer count. If this happens you can go back and merge layers in a layer group as long as you re sure you won t need to make edits to them when you re planning your animation. You should decide how many components of your artwork will be moving and make sure each of them are on a separate layer for this balloon animation.
I had a separate layer for all the moving parts as well as a layer for the static ones. The sky was static and my animated parts were the clouds the balloon and the string the last thing i d like to show you is how to share these lovely animations on the web. Certain social media outlets like instagram do not support the gif format. If you want to post your animated gif in your instagram feed or stories you must convert it to a video format first there are a number of ways to do this.
But i ll show you my favorite. I use the app. Gif vid. Which set me back a dollar tap create and then tap gift to video choose your gifts and then choose the highest resolution.
My favorite thing about this app is that it allows you to choose the number of animation. Loops instagram doesn t allow you to post any video. Shorter than 3 seconds. So this is very useful.
I set the number of loops to equal 15 seconds. This is the perfect length. If i decide to post them to my stories as well tap the arrow to generate your video then tap the share icon to save it to your camera roll now you have a video of your animation. You can easily share the creation of moving pictures and animation goes back hundreds of years and this tutorial.
Only begins to scratch the surface of what is possible. But i hope you ve learned some fun new ways to incorporate animation into your work you can find the brushes used in this tutorial. Including the wash and dry watercolor toolkit and the gouache paint box at our dough brush comm. If you re posting your animations to instagram.
I would love to see them please use the hashtag pardo brush. Thanks and happy art. Making. If you liked this video.
Please. Subscribe for more awesome. Tutorials and check out one of my other videos have a great day. ” .
Thank you for watching all the articles on the topic 5 Ways to Make an Animated GIF in Procreate . All shares of thetruthaboutdow.org are very good. We hope you are satisfied with the article. For any questions, please leave a comment below. Hopefully you guys support our website even more.
“Did you know you can now make animations in Procreate with the new export to animated GIF feature? In this video you ll learn everything you need to know so you can make awesome animated GIFs in Procreate. Learn the best canvas sizes to use for animated GIFs, how to set up your Procreate layers for animation, creating motion guides and onion skins, and even how to share your Procreate animated GIF to Instagram. I ll show you 5 easy methods you can use to start making Procreate animations today, plus you ll learn a whole bunch of useful tips to help you in your journey into animation.nnnBRUSHES USED:nWash u0026 Dry Watercolor Toolkit: https://bardotbrush.com/product/wash-dry-watercolor-toolkit/nGouache Paintbox: https://bardotbrush.com/product/gouache-paintboxnnMore brushes available at https://bardotbrush.comnnOTHER HELPFUL TUTORIALS: nIntro to Procreate Tutorial: https://youtu.be/EI-ToB0tG9Ann____________________________________________nn QUICK JUMP TO SECTIONS nn1:02 How animation works in Procreaten2:04 Export as Animated GIFn3:05 GIF-Optimized canvas sizesn3:36 Method #1: Wiggly Animationn6:05 Method #2: Animation by Erasin n7:50 Method #3: Animation Using Liquifyn11:01 Method #4: Guided Motionn13:13 Method #5: Isolated Movementn15:48 Sharing Animations on the Webn____________________________________________nnMAKE ART EVERYDAY // I believe that creativity can make a profound impact on people s lives, no matter their skill level. If I could offer one piece of advice about establishing a daily art-making habit, it would be to make it as easy as possible for you to create. Make your tools accessible, and remove any barriers that might stop you from doing it. With the iPad and Procreate, you have hundreds of tools and every color imaginable at your disposal. Make art anytime, anywhere.nnSubscribe for more illustration, drawing, and Procreate Tutorials: http://bit.ly/bbyoutubesubscribenn___________________________nnRESOURCESnnhttp://makingarteveryday.comnA series of drawing prompts, tutorials, and motivation to help you overcome creative fears and establish a daily art-making practice.nnhttp://idontknowwhattodraw.comnNot sure what to draw? Get a random, possibly absurd idea! nnhttps://bardotbrush.comnHigh-quality Procreate brushes that inspire you to create.n___________________________nnLET S CONNECTnnFollow Bardot Brush: http://instagram.com/bardotbrush // #bardotbrushnFollow me on Instagram: http://instagram.com/lisabardotnnJoin the Facebook group: Procreate Community : Learn // Draw // Sharenhttps://www.facebook.com/groups/procreatecommunityn___________________________”,
Procreate, digital art, iPad, iPad drawing, iPad art, lettering, hand lettering, digital drawing, drawing, iPad pro, apple pencil, procreate art, procreate t…