hello and welcome to an
SFM GIF Tutorial. I'll be showing you how to
export a GIF that you made, and put it on things like DeviantArt
or whatever source of media you want to put it on. So, we have Dash here
bouncing a ball against the side of the frame here and
very happy doing it. So, what we're gonna do is
we're going to put it into a program called Photoshop
and we're gonna make the GIF in there. So, We're going to do
file, export movie
continue without saving. And you want to do an image sequence, and you want do that because
you want every single frame
to come into the program, so just do that
format PNG. No sound cause we're making a GIF
resolution's fine, so do that. Output
you wanna go to your program files
go down to steam, steam apps
common, source filmmaker, game
usermod, elements
sessions, and what I did here is I made a folder just for image sequences so you can
do that yourselves, just make a folder. Open that
and I made another folder here for just GIF's so just click on that
we're just gonna name this uhh
Tutorial GIF
save that. We're gonna export
and you can actually preview this.
so you can preview it in real time, you can see everything going on
and just gonna
take a bit for that to go
Ok, so when that's all done just close that out
and we're gonna go into Photoshop here
so what you're gonna do is go to File
scrips, load files into stack
You're gonna go to browse, go to wherever you saved the GIF
gonna select the first one, go all the way down to the end
and hold down SHIFT and click the last frame
We're gonna hit Okay. Gonna take a bit for it to go in
When that's done doing that, hit Ok. And Photoshop's just
importing all the images from that image sequence so it's gonna take a little bit
And this is a way that I found works in CS6
there are ways to do it CC there are probably
easier to do than this, but this is a way that works for me and
this is the way that I've been doing it
Ok, so when that's done doing that, hit the drop down
or drop up, and you're going to select make frames from layers
as we preview the GIF here
you're going to see that the animation's going backwards. So to to fix that, you gotta go to reverse frames
and if you preview it again, you'll see that the animation's going forward
and after we're done doing that
you're gonna say select all frames. Select anyone of these it doesn't matter
go to other, and you're going to type in .04
now .04 is equal to 24 frames per second if you want to save it that way
so just hit Ok
and to save it, we're gonna go to file
save for web
just gonna take a little bit for it to load
as you can see this is going to be really big, so we're gonna shrink it down a bit
just say 600
K, looks good
for colors, 256 is the highest quality you can get
dither, if you lower it down to say like 20%
it will decrease the file size but won't be as great quality, so if you want high quality
just put that up to 100%
I'm just going to play it
looks good
you want it looping forever. And to save it, just save it to you're desktop. Just say
Test GIF
Ok, now let's go take a look. And there you have a GIF
and to have a preview image, what I do is I take the crop tool
shrink it down. Just eyeball it, it doesn't need to be perfect
just kinda make it square
Right around there. Hit the checkmark
gonna do the same thing. File, Save for Web. Now DeviantArt only takes
um preview images are 150 X 150 so we're gonna do that
gonna uncheck this
it's just resizing
150. That looks good so
same settings. Hit preview. Looks good
loop forever, that's fine. Save
Test GIF Preview
K
and there you go. And that's how you make a GIF from Photoshop
um thank you for watching and hopefully this helps out with some
issues you guys have been having. So thanks :)