HOME | DD

Black-Curls β€” How to create an animated GIF - SAI and Photoshop

Published: 2013-02-18 21:06:31 +0000 UTC; Views: 58357; Favourites: 1131; Downloads: 670
Redirect to original
Description Final animation: [link]

Well, itΒ΄s done : ) Since so many people did ask me to do it. ^^
Once again, sorry for any mistakes in my english
I wanted to add more details and some more tips, but it was getting kind long : S oh well...
Hope you enjoy it ^^
This tutorial is just the basic of animation.

Kurly kisses
Related content
Comments: 93

R-K-Manga [2014-07-10 12:36:57 +0000 UTC]

i am confused, how can i save layers one by one ? I can only save the whole files but not all the layers seperately.

πŸ‘: 0 ⏩: 1

embervee In reply to R-K-Manga [2014-10-17 22:23:11 +0000 UTC]

you just set the visibility to only the layer you want to save and save it as a jpeg or a png (as you would save any sai creation), you have to do it for every single one. 34 down, 25 more to go :'-|

πŸ‘: 0 ⏩: 0

Kyoky-San [2014-06-26 22:48:01 +0000 UTC]

very helpful!

πŸ‘: 0 ⏩: 0

OriginalRecipePaper [2014-06-24 15:52:39 +0000 UTC]

what if I don't have Photoshop? Can I still make the gif?

πŸ‘: 0 ⏩: 1

Black-Curls In reply to OriginalRecipePaper [2014-06-25 13:57:04 +0000 UTC]

Sure : ) There are a lot of programs that you can use to make a gif.
Gimp is also an alternative, here: www.makeuseof.com/tag/how-to-m…
hope it can help : )

πŸ‘: 0 ⏩: 1

OriginalRecipePaper In reply to Black-Curls [2014-06-25 15:37:17 +0000 UTC]

thanks!

πŸ‘: 0 ⏩: 0

kakushi35hentai [2014-06-09 01:43:38 +0000 UTC]

i say thats useful!!

πŸ‘: 0 ⏩: 0

AsjJohnson [2013-12-15 22:19:29 +0000 UTC]

I already know how to do that, but you do it a little differently and mention a few things I haven't used, so I think it could be useful.

πŸ‘: 0 ⏩: 0

K-B-Jones [2013-12-03 00:13:13 +0000 UTC]

I followed your instructions and made this: Β fc07.deviantart.net/fs71/f/201… . Only, I used Illustrator and Photoshop. Β 

πŸ‘: 0 ⏩: 0

Books-are-my-dreams [2013-11-10 14:12:12 +0000 UTC]

I wanted to make a new animated avatar, but I don't have PS...

πŸ‘: 0 ⏩: 1

StereophonicDream In reply to Books-are-my-dreams [2013-11-17 19:15:54 +0000 UTC]

You can use gimp. Its like Ps.

πŸ‘: 0 ⏩: 1

Books-are-my-dreams In reply to StereophonicDream [2013-11-17 23:21:49 +0000 UTC]

Really?

πŸ‘: 0 ⏩: 1

StereophonicDream In reply to Books-are-my-dreams [2013-11-17 23:48:27 +0000 UTC]

Yes. C: Here's their website: www.gimp.org/Β You can also use it like flash. I found a couple of tutorials on how to make animations in gimp a long time ago. The program is also great for editing photo's.

πŸ‘: 0 ⏩: 1

Books-are-my-dreams In reply to StereophonicDream [2013-11-18 17:53:37 +0000 UTC]

Wooohooo!

Thanks!

πŸ‘: 0 ⏩: 1

StereophonicDream In reply to Books-are-my-dreams [2013-11-18 21:25:32 +0000 UTC]

No problem. C:

πŸ‘: 0 ⏩: 0

DarkRapier [2013-10-15 21:59:17 +0000 UTC]

Words cannot express the gratitude I feel. Thank you for making this tutorial!Β 

πŸ‘: 0 ⏩: 0

LionesseRampant [2013-08-20 05:23:42 +0000 UTC]

Thanks a bunch! This was really helpful!

πŸ‘: 0 ⏩: 0

Kitsune-Zakuro [2013-06-19 11:02:25 +0000 UTC]

THX dis help a lot thx I love you, you don't know how long I have been searching for something like dis OGEWUVBKSFPQWICNAJSDFPQU/CNJDTF9GPUCNJO;M-GF9B[NOJ;LAM i'm so happy

πŸ‘: 0 ⏩: 1

Black-Curls In reply to Kitsune-Zakuro [2013-06-19 11:40:54 +0000 UTC]

You are welcome ^^ glad I could help.

πŸ‘: 0 ⏩: 0

Loopy-Pepper [2013-04-26 19:38:52 +0000 UTC]

This was helpful, thank you but you can't make an animation on just SAI? You NEED photoshop?

πŸ‘: 0 ⏩: 1

UMEJI In reply to Loopy-Pepper [2013-04-30 07:56:13 +0000 UTC]

Sai is mainly for drawing and painting. You need photoshop or adobe flash cs6 for legit animation. But at iaza. Com you can also do frame animationsv[link] (just not as fancy..)

πŸ‘: 0 ⏩: 1

Loopy-Pepper In reply to UMEJI [2013-04-30 17:07:54 +0000 UTC]

*holy chorus* THANK YOU for responding. I'm checking it out right now. This is very helpful!

πŸ‘: 0 ⏩: 1

UMEJI In reply to Loopy-Pepper [2013-05-04 05:57:48 +0000 UTC]

aha, glad i could help~
:]

πŸ‘: 0 ⏩: 0

QueenNay In reply to ??? [2013-04-11 06:24:06 +0000 UTC]

This was so helpful!

πŸ‘: 0 ⏩: 0

Peachirii In reply to ??? [2013-03-15 19:41:26 +0000 UTC]

Ty for your turtorial !! It helped me alot for my first pixel ! Ty >w< [link]

πŸ‘: 0 ⏩: 1

Black-Curls In reply to Peachirii [2013-03-15 21:52:14 +0000 UTC]

It looks fantastic! ^w^ So glad to know it, dear! Good job! <3

πŸ‘: 0 ⏩: 1

Peachirii In reply to Black-Curls [2013-03-15 22:23:21 +0000 UTC]

Ty !

πŸ‘: 0 ⏩: 0

pixelRokudo In reply to ??? [2013-02-21 13:57:31 +0000 UTC]

OMG THANK YEEEW

πŸ‘: 0 ⏩: 0

Blaue-Rose In reply to ??? [2013-02-19 19:35:24 +0000 UTC]

Awesome~!!!
Thanks for the tutorial n_n

πŸ‘: 0 ⏩: 0

PHLiM2 In reply to ??? [2013-02-19 15:43:53 +0000 UTC]

I've been using this method to make animated icons. This tutorial will help many others! :3

πŸ‘: 0 ⏩: 0

foshizzel In reply to ??? [2013-02-19 02:46:10 +0000 UTC]

I have both programs! Awesome I need to try this

πŸ‘: 0 ⏩: 0

windygirl2 In reply to ??? [2013-02-19 01:47:21 +0000 UTC]

what if u have gimp 2.6?

πŸ‘: 0 ⏩: 1

Black-Curls In reply to windygirl2 [2013-02-19 02:00:44 +0000 UTC]

I just did work with gimp once, but since you can create new layers and change their opacitys it shouldn't be a problem.

πŸ‘: 0 ⏩: 1

windygirl2 In reply to Black-Curls [2013-02-19 03:31:56 +0000 UTC]

ah ok cuz thats all i use is gimp 2.6 except to make the lines

πŸ‘: 0 ⏩: 1

Girlfoxgirl In reply to windygirl2 [2013-02-19 04:23:15 +0000 UTC]

I believe it's quite easy in GIMP because you can just have the layers and save as a gif, it'll give you an option to make it an animation. Set the fps, and you're done!

πŸ‘: 0 ⏩: 1

windygirl2 In reply to Girlfoxgirl [2013-02-19 04:44:15 +0000 UTC]

ok uir gonna have to tell me step bu step my friend

πŸ‘: 0 ⏩: 1

Girlfoxgirl In reply to windygirl2 [2013-02-19 04:54:17 +0000 UTC]

No problem. Simply open up the layers window. (Under windows.) It'll show you your layers. Every time you want a new frame in the animation, make a new layer. Draw the new drawing in that one. You can do as she mentioned and lower opacity so you can see where you've drawn before. That'll make it easier to draw a whole new picture.(Or, if you want, you can select all of the last drawing, then go under file and hit "paste as new layer." That'll make whatever you copied into a new layer.)

The eyeball next to the layer in the window indicates that it's made visible. Make sure you don't have a layer visible that's above the one you want to work on, or else you will see the top layer only, and won't see the one you want! Also, the one selected is the layer you're working on. You can select a layer you can't see and accidentally draw on it, which could be useful if you want to be exact, but could also ruin an image by you drawing all over it accidentally. Careful!

Anyway, when you've done all the layers you want to, go to save as. Save it as a GIF. It'll say that you can't do that unless you either merge your layers or make an animation. Make an animation. Set the FPS and check "use for all frames." A good idea is to keep the program open and check how your animation looks. Go and look at it, then you can make any adjustments in speed, etc. Then you're done!

Oh, and remember than animations more then 150X150 pixels if uploaded to DeviantART, need preview images. That explain it? Any more questions?

πŸ‘: 0 ⏩: 1

windygirl2 In reply to Girlfoxgirl [2013-02-19 05:01:08 +0000 UTC]

nope i think thats good

πŸ‘: 0 ⏩: 0

Shunkla In reply to ??? [2013-02-19 01:29:36 +0000 UTC]

omg thank you soooooooooooo much for this tutorial. ;OOOOOOOOOOOOOOOOOOOOOOO;

πŸ‘: 0 ⏩: 0

Trapaceyro In reply to ??? [2013-02-18 21:50:33 +0000 UTC]

Peeeerrfeitooo! Sempre que saber como fazer

πŸ‘: 0 ⏩: 0

enixfire In reply to ??? [2013-02-18 21:23:28 +0000 UTC]

x3 that's soo awesome!! Thank you for show the process out! I've been wanting to try out gifs like those, but they seemed really intimidating and tedious to do with having to go back and fourth between PS and SAI, but the way you explained it made it seem not as hard as I made it out to be.

πŸ‘: 0 ⏩: 0

Ichigo-Orenji In reply to ??? [2013-02-18 21:23:01 +0000 UTC]

Simplesmente espectacular e esclarecedor!!<333 Estou com imensa vontade de tentar fazer algo *A*
Muito obrigada pelo teu trabalho Curly Keep up with your amazing & brilliant work ~

πŸ‘: 0 ⏩: 0