Hurry one we are going to make an animated gif in Illustrator.
This looks OK.
It could be better.
All right.
I'm going to show you the toes and you're going to make prettier stuff than I have.
All right let's get into it.
OK so to make our little bubble bubble blowing wild and open up animated gif we start with this group
at first OK.
And we could decide now like basically just lots of iPods with slight adjustments.
OK.
Can you export those or just all those boards to Photoshop to stitch together as I gif Now a couple
of things you could do YOU COULD LIKE EVERY up or just have a moving for a little bit more.
OK.
That would do something.
OK.
He's a puppet.
Pinto now the puppet pen to destroy it kind of distorts what we do.
Quite a bit so.
And if you're doing this on your own you're finding a little bit tough.
It is a little tough for the public and too but I think it has a really cool effect.
So this is my first up but I'm not going to distort this one this is one that he's going to stay the
same.
Now it's going to be lots of options open up the iPods Pennel and the naming conventions quite important.
Right.
So I don't call this whale whale even one.
And the naming convention has to be sequentially ordered for this to work.
Right.
And you can't just put it in one.
And because when you get to 10.
There's two digits not one digit.
OK so you can kind of just go one two three four all the way to 10 because it freaks out when it sees
or there was just one digit.
Now this too so it has to be 0 1 if you want to do a hundred different uploads.
OK he's going to take a long time but you'd put in 001.
OK just to get the sequence right.
The other thing to know is that Illustrator is not made for this right way of doing it as a bit of a
hack because it's fun and because the main tool that go off and do this for something like motion graphics
would be after effects.
I love it.
I know it very well so I'd go and do it in there.
But I understand it's a big learning curve with that one.
So you know if you've got skills in Illustrator you might just stay here because because you know it's
over.
All right so even though the or the quick ways to click hold and drag it.
So I've got a second one.
Q And what we're going to do in this one is going to spectral grab my puppet pin to get a pin in the
toe there then put them there and then anywhere I kind of just want it to stay still.
It depends on what you want to do right.
So this is what we're gonna do.
Breathe in breathe out.
And then we can do it every frame.
So be prepared.
And sometimes though I need a bit of a dance.
Just to have a bit more control because I want to just as kind of body pumping out.
All right.
So this one here is this going to be a little bit Ouk up.
And then I get it again and go over here grab my black arrow back to my pop up into the down duplicated
again and it's going to be a lot of this.
Now to speed up your time and you've got to click on it with the black orifice then back to your Pinto.
Now your public Pentel doesn't have a shortcut by default.
If you go to it keyboard shortcuts and click on the tools you can go through an edge your own shortcut
to him up to you.
I use Q Because I think Q Was the default for the last two.
I never use K so that's my handy trick.
Hit Q And he would get him a bit bigger and he won more with us and then will speed it up right.
So V.K. could get Kuki down and we're going to go to the next one now.
I'll go into super fast mode to do the next couple.
They didn't take very long and now I got to a point where he's going to stop breathing back and right
and I could totally just manually try and do this all because I wanted to kind of look perfectly what
I might do.
Is his breathing out is exactly the same as breathing and just in reverse right so I'm going to try
and do that.
So what I need to do is to make sure we don't get lost.
I'm going to name my orders here.
I get really kind of confused sometimes with what was in general but will speed this up.
Sort of want now is another few upwards maybe another four or five.
So instead of having duplicating them going to make a new board game and one two three.
Now if they end up going off the page I can just grab them with the Oporto hold shift click on the ones
you want and kind of move them around to you.
So this is where it gets a bit N.S.A..
So this one is going to be way all of us with this again.
K so this is where I get kind of confused sometimes because at this distance it's really hard to do
copying and pasting because the uploads get a little mixed up.
So I want this one to go.
I want.
I'm just looking at here.
Well 5 to go to Wales 7 so I'm going to zoom in.
OK so.
Well 5 to well soon.
OK how do I get to it.
And is going to use this over here Slimmers it's not jumping to it.
You.
Go ahead.
C'mon if rather then come on.
Come on.
If gets it back exactly where it got off the page.
So the next one is for we went from 5 to 7 when we want.
Now if you're watching this and you like just copy and paste them.
This is where my brain gets boggled So I'm just going to slowly but surely work my way through and will
speed it up.
OK we're back.
That could be you might just want the breathing and now to kind of get a feel for first of all that
guy ended up over the side.
So what we might do.
We can reach all of them.
K we can go into here.
Actually this option here and say Actually could you make them in one line please or read to them in
two columns K and click ok.
Or just order them straight up and down and let's have a little look at way of kind of previewing what
it's looking like so with it zoomed it at 100 percent gay or full screen which has command 0 K or control
0 on a PC.
You can just kind of toggle through this right.
Or at the beginning and had this error.
Next next next next and this is our very exciting animation.
OK.
So what I'd like to do when he starts breathing back in is going to do one last thing you could skip
ahead now but I'm going to get him to blow a little bubble.
And so when he gets to here he's going to stop like a bubble and there's bubbles going to be pretty
exciting.
It's going to the same color as this and you know it's going to Billoo even
go so my lips toe is going to blow up big bubble to start with and it's going to get smaller.
And I'm going to sit it kind of about there maybe push it behind him causing a copy this move to my
next iPod command the start command if I can to get that kind of back where you go to or control it
from a PC.
And I was going to move it up a little bit use my keyboard shortcuts and shrink it down a little bit.
And if you're doing this kind of shrinking stuff maybe smart guys can be a bit of a pain so you turn
those off.
All right.
Next one.
Welcome back cambium
Basten.
Now get the.
We'll get it to speed up now so you know watching this
OK and you're back.
Yes.
Exciting.
And that a bubble coat.
So we've got our animations right and we've made sure on naming conventions.
All right and here now it's about getting these upwards out and then to Photoshop.
It's easy enough.
Go to file go to export.
We're going to use as export screens OK make sure they are all selected.
OK.
And I'm putting my hands were full the cord while on my desk top put yours wherever you like.
And in terms of the resolution cupa high now we'll cut it down in Photoshop later on we'll make it.
GJ JJ It doesn't really matter at this stage.
OK.
And let's make sure there's no prefixes just one scale.
Make it look like mine.
It's click export upward and you'll see in here I've got my sequentially number you could name them
afterwards.
OK doesn't matter.
You don't have to do it in Illustrator.
But now the trick is in Photoshop they get a file open on the very first ones.
One and click on options.
And this is the magic trick.
Cagy say I like 0 1 and check if there's a sequence open.
If you've numbered them correctly it won't have any error.
You can even miss one if you've got a few missing or FOID will forget now frame right.
You can come back here and try this a couple of times as ways overwriting it afterwards.
But the difference was Hagen's fine.
Now in Photoshop the trick is to go to a window workspace and switch it to motion Wheatly Photoshop
does some pretty cool video stuff video editing.
OK.
But for the moment what we want to do is hit the play button.
OK.
To see what everything thing does and that is our super exciting animation.
Now the moment it's happening a bit fast.
OK so and these two things One is this really hardcore and Photoshop can't play it back because it's
freaking out and you can go to a resolution turn it to 25 percent and it looks worse up here.
But it exports just fine.
OK if it's slow and looking fine because it's quite simple.
Next thing you'll do is right click it.
And this is speed.
You can speed it up slow it down.
So if you want to speed it up crank it up and it shrinks down right.
But if I want to slow it down.
It really doesn't jump back out.
That's the way things slowed down to maybe the lowest is 25 percent.
I have to drag this out.
You just keep dragging until you get the whole thing.
OK so straight twice like I did.
Just keep dragging it until it's all the way out.
Because otherwise
it is there it goes out to 14 or so and you can zoom out this way.
And that's been dragged out.
Now I can see it all at play.
It's probably too slow.
Now to the after Let me send it shrinks down fine but it doesn't go up just drag the end down.
Now it's about exporting it.
OK you don't have to do a gif weird.
We are doing a gif because gifs of cool and and there are easily you know you segment social media and
they play automatically on lots of Web sites K Facebook included.
Now what we're going to do is file What do the X will do the give way first took a file export.
We're going to use this oldskool safer with version Frolich support say for web and at the top here
preset depending on the quality and size you'll have to play around with this one either.
And any of these options work OK for export.
Basically the more numbers you have 32 looks fine for mine.
If you get a really detailed graphic I might have to get up to 120.
Two colors.
Seven hundred twenty eight by the false I is going to be a lot bigger and giving mine small.
Everything else you can play around with that makes very little difference.
The big thing that does make a difference is looping in a loop once or for ever.
That's what we want to play.
It doesn't it's not a good representation here in this kind of expert windows.
Don't sweat it if it's not quite right.
Then we hit safe and we're going to call this one.
Whaled give.
Very exciting.
It's taken us a while and a bit of a disjointed class I know.
Yeah.
Anyway so I've got my gifts on my desk top of a headspace around my neck and I'm doing Ola's Guinness.
Now there are some Artifex up here.
That's just from the Puppet pin.
So I don't really kind of take much notice of them I.
Fix that up before I carried on.
But there's my bubble blowing kind of thing.
And you can also do a video version.
So back here in Photoshop there's an export is a generate no export Renda video.
OK and in here.
When it eventually pops up we're going to see we're going to export an MP 4.
It's a really common format.
OK.
So we'll have whale go in before.
And down here we're going to use Adobe meteor encoder and it's going to be the format start to 6 for
the most common one to use in before on my Mac yakkity quick time as well.
Now quality ratings you can play around with this.
You can get quite low because ALS is such a simple animation in terms of the speed you can help with
this 30 frames per second is going to play like it did originally in Photoshop.
The lower you go the more jumpy it is but the slower pace.
OK so up to you how you want to do it.
I'm going to leave mine at 30 click render back and relax depending on how long it is.
And let's check it in my desktop as my MP for DoubleClick and genius.
It's not looping by that is how to do animation in Illustrator.
Now there are lots of other things you could have done as our bubble blowing well exciting.
No bots you know you have the tools now right.
It could be moving lots of things can be moving around.
You could use public Pepito you could use the like would fight two things you could do to your animation
and just make sure that the sequence numbering is correct.
And then once you get into Photoshop you can export the gif or in P4.
All right.
So it's the end and it is homework time.
OK I want to show you something better than what I did.
And you can use the well it's fine or something else would join in this class or anything you like.
I'd love to see your animation.
OK post it to me on the Web site here and do your projects and.
Yeah.
Or on social media.
All right.
I'd love to see it on Instagram and bring your own laptop and on Twitter.
I'm Dan loves Adobe.
All right friends.
Let's get on to the next video.