WEBVTT 00:03.170 --> 00:07.640 Hurry one we are going to make an animated gif in Illustrator. 00:07.700 --> 00:09.740 This looks OK. 00:09.760 --> 00:10.750 It could be better. 00:10.750 --> 00:11.040 All right. 00:11.050 --> 00:14.050 I'm going to show you the toes and you're going to make prettier stuff than I have. 00:14.260 --> 00:15.360 All right let's get into it. 00:15.610 --> 00:24.250 OK so to make our little bubble bubble blowing wild and open up animated gif we start with this group 00:24.250 --> 00:25.740 at first OK. 00:25.870 --> 00:30.460 And we could decide now like basically just lots of iPods with slight adjustments. 00:30.460 --> 00:31.010 OK. 00:31.180 --> 00:37.720 Can you export those or just all those boards to Photoshop to stitch together as I gif Now a couple 00:37.720 --> 00:41.970 of things you could do YOU COULD LIKE EVERY up or just have a moving for a little bit more. 00:42.170 --> 00:42.590 OK. 00:42.670 --> 00:43.700 That would do something. 00:43.720 --> 00:44.470 OK. 00:44.560 --> 00:45.260 He's a puppet. 00:45.250 --> 00:50.680 Pinto now the puppet pen to destroy it kind of distorts what we do. 00:50.680 --> 00:51.930 Quite a bit so. 00:52.060 --> 00:55.060 And if you're doing this on your own you're finding a little bit tough. 00:55.060 --> 00:58.710 It is a little tough for the public and too but I think it has a really cool effect. 00:58.720 --> 01:02.470 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 01:02.470 --> 01:03.190 same. 01:03.250 --> 01:08.750 Now it's going to be lots of options open up the iPods Pennel and the naming conventions quite important. 01:08.800 --> 01:09.070 Right. 01:09.070 --> 01:13.730 So I don't call this whale whale even one. 01:13.840 --> 01:17.170 And the naming convention has to be sequentially ordered for this to work. 01:17.170 --> 01:17.770 Right. 01:17.800 --> 01:19.880 And you can't just put it in one. 01:20.160 --> 01:21.820 And because when you get to 10. 01:21.830 --> 01:24.160 There's two digits not one digit. 01:24.160 --> 01:28.870 OK so you can kind of just go one two three four all the way to 10 because it freaks out when it sees 01:28.870 --> 01:29.890 or there was just one digit. 01:29.890 --> 01:35.160 Now this too so it has to be 0 1 if you want to do a hundred different uploads. 01:35.270 --> 01:39.120 OK he's going to take a long time but you'd put in 001. 01:39.310 --> 01:41.150 OK just to get the sequence right. 01:41.170 --> 01:46.030 The other thing to know is that Illustrator is not made for this right way of doing it as a bit of a 01:46.030 --> 01:51.370 hack because it's fun and because the main tool that go off and do this for something like motion graphics 01:51.370 --> 01:52.690 would be after effects. 01:52.690 --> 01:53.280 I love it. 01:53.290 --> 01:55.520 I know it very well so I'd go and do it in there. 01:55.690 --> 01:58.180 But I understand it's a big learning curve with that one. 01:58.180 --> 02:04.000 So you know if you've got skills in Illustrator you might just stay here because because you know it's 02:04.020 --> 02:04.390 over. 02:04.480 --> 02:07.680 All right so even though the or the quick ways to click hold and drag it. 02:07.910 --> 02:09.780 So I've got a second one. 02:09.830 --> 02:14.530 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 02:14.530 --> 02:19.930 toe there then put them there and then anywhere I kind of just want it to stay still. 02:19.930 --> 02:21.620 It depends on what you want to do right. 02:21.630 --> 02:22.360 So this is what we're gonna do. 02:22.360 --> 02:23.480 Breathe in breathe out. 02:23.530 --> 02:26.260 And then we can do it every frame. 02:26.260 --> 02:28.100 So be prepared. 02:28.130 --> 02:31.260 And sometimes though I need a bit of a dance. 02:32.250 --> 02:36.520 Just to have a bit more control because I want to just as kind of body pumping out. 02:36.570 --> 02:36.960 All right. 02:36.960 --> 02:40.000 So this one here is this going to be a little bit Ouk up. 02:40.410 --> 02:49.950 And then I get it again and go over here grab my black arrow back to my pop up into the down duplicated 02:49.980 --> 02:52.050 again and it's going to be a lot of this. 02:52.050 --> 02:58.170 Now to speed up your time and you've got to click on it with the black orifice then back to your Pinto. 02:58.320 --> 03:01.380 Now your public Pentel doesn't have a shortcut by default. 03:01.380 --> 03:06.710 If you go to it keyboard shortcuts and click on the tools you can go through an edge your own shortcut 03:06.720 --> 03:07.920 to him up to you. 03:07.920 --> 03:11.310 I use Q Because I think Q Was the default for the last two. 03:11.340 --> 03:14.220 I never use K so that's my handy trick. 03:14.240 --> 03:20.940 Hit Q And he would get him a bit bigger and he won more with us and then will speed it up right. 03:20.970 --> 03:27.490 So V.K. could get Kuki down and we're going to go to the next one now. 03:27.710 --> 03:35.550 I'll go into super fast mode to do the next couple. 03:35.580 --> 03:40.140 They didn't take very long and now I got to a point where he's going to stop breathing back and right 03:40.140 --> 03:44.970 and I could totally just manually try and do this all because I wanted to kind of look perfectly what 03:44.970 --> 03:45.530 I might do. 03:45.540 --> 03:51.900 Is his breathing out is exactly the same as breathing and just in reverse right so I'm going to try 03:51.900 --> 03:53.480 and do that. 03:53.490 --> 03:56.580 So what I need to do is to make sure we don't get lost. 03:56.580 --> 03:58.330 I'm going to name my orders here. 03:58.350 --> 04:06.760 I get really kind of confused sometimes with what was in general but will speed this up. 04:10.690 --> 04:14.910 Sort of want now is another few upwards maybe another four or five. 04:15.070 --> 04:22.480 So instead of having duplicating them going to make a new board game and one two three. 04:22.780 --> 04:27.670 Now if they end up going off the page I can just grab them with the Oporto hold shift click on the ones 04:27.670 --> 04:30.370 you want and kind of move them around to you. 04:30.580 --> 04:34.170 So this is where it gets a bit N.S.A.. 04:34.180 --> 04:38.810 So this one is going to be way all of us with this again. 05:06.890 --> 05:11.580 K so this is where I get kind of confused sometimes because at this distance it's really hard to do 05:11.600 --> 05:14.180 copying and pasting because the uploads get a little mixed up. 05:14.360 --> 05:16.010 So I want this one to go. 05:16.110 --> 05:16.730 I want. 05:16.730 --> 05:17.840 I'm just looking at here. 05:17.950 --> 05:22.120 Well 5 to go to Wales 7 so I'm going to zoom in. 05:22.580 --> 05:23.360 OK so. 05:23.640 --> 05:26.150 Well 5 to well soon. 05:26.410 --> 05:27.660 OK how do I get to it. 05:27.780 --> 05:31.750 And is going to use this over here Slimmers it's not jumping to it. 05:32.150 --> 05:33.080 You. 05:33.270 --> 05:34.370 Go ahead. 05:34.540 --> 05:37.080 C'mon if rather then come on. 05:37.090 --> 05:37.370 Come on. 05:37.370 --> 05:40.550 If gets it back exactly where it got off the page. 05:40.730 --> 05:44.360 So the next one is for we went from 5 to 7 when we want. 05:44.360 --> 05:48.640 Now if you're watching this and you like just copy and paste them. 05:48.770 --> 05:53.090 This is where my brain gets boggled So I'm just going to slowly but surely work my way through and will 05:53.090 --> 05:53.830 speed it up. 06:09.100 --> 06:10.100 OK we're back. 06:10.120 --> 06:15.370 That could be you might just want the breathing and now to kind of get a feel for first of all that 06:15.370 --> 06:16.660 guy ended up over the side. 06:16.660 --> 06:18.490 So what we might do. 06:18.640 --> 06:19.730 We can reach all of them. 06:19.840 --> 06:21.270 K we can go into here. 06:21.280 --> 06:27.280 Actually this option here and say Actually could you make them in one line please or read to them in 06:27.280 --> 06:30.570 two columns K and click ok. 06:30.820 --> 06:36.280 Or just order them straight up and down and let's have a little look at way of kind of previewing what 06:36.280 --> 06:42.590 it's looking like so with it zoomed it at 100 percent gay or full screen which has command 0 K or control 06:42.640 --> 06:44.250 0 on a PC. 06:44.440 --> 06:46.250 You can just kind of toggle through this right. 06:46.330 --> 06:48.180 Or at the beginning and had this error. 06:48.240 --> 06:53.390 Next next next next and this is our very exciting animation. 06:53.700 --> 06:54.180 OK. 06:54.460 --> 06:58.300 So what I'd like to do when he starts breathing back in is going to do one last thing you could skip 06:58.300 --> 07:00.920 ahead now but I'm going to get him to blow a little bubble. 07:01.020 --> 07:06.040 And so when he gets to here he's going to stop like a bubble and there's bubbles going to be pretty 07:06.040 --> 07:06.840 exciting. 07:08.470 --> 07:11.870 It's going to the same color as this and you know it's going to Billoo even 07:15.140 --> 07:20.100 go so my lips toe is going to blow up big bubble to start with and it's going to get smaller. 07:21.240 --> 07:27.360 And I'm going to sit it kind of about there maybe push it behind him causing a copy this move to my 07:27.360 --> 07:33.830 next iPod command the start command if I can to get that kind of back where you go to or control it 07:33.830 --> 07:34.440 from a PC. 07:34.440 --> 07:40.900 And I was going to move it up a little bit use my keyboard shortcuts and shrink it down a little bit. 07:41.550 --> 07:45.540 And if you're doing this kind of shrinking stuff maybe smart guys can be a bit of a pain so you turn 07:45.540 --> 07:46.580 those off. 07:46.590 --> 07:46.890 All right. 07:46.890 --> 07:47.900 Next one. 07:47.910 --> 07:48.780 Welcome back cambium 07:52.980 --> 07:53.860 Basten. 07:53.980 --> 07:55.380 Now get the. 07:55.380 --> 07:57.450 We'll get it to speed up now so you know watching this 08:09.760 --> 08:11.840 OK and you're back. 08:11.860 --> 08:12.270 Yes. 08:12.340 --> 08:13.020 Exciting. 08:13.430 --> 08:15.540 And that a bubble coat. 08:15.600 --> 08:19.010 So we've got our animations right and we've made sure on naming conventions. 08:19.020 --> 08:23.570 All right and here now it's about getting these upwards out and then to Photoshop. 08:23.630 --> 08:24.180 It's easy enough. 08:24.180 --> 08:25.900 Go to file go to export. 08:25.900 --> 08:29.780 We're going to use as export screens OK make sure they are all selected. 08:29.900 --> 08:30.230 OK. 08:30.240 --> 08:34.440 And I'm putting my hands were full the cord while on my desk top put yours wherever you like. 08:34.440 --> 08:41.490 And in terms of the resolution cupa high now we'll cut it down in Photoshop later on we'll make it. 08:41.580 --> 08:43.950 GJ JJ It doesn't really matter at this stage. 08:43.970 --> 08:44.340 OK. 08:44.370 --> 08:50.940 And let's make sure there's no prefixes just one scale. 08:51.120 --> 08:52.310 Make it look like mine. 08:52.450 --> 08:58.200 It's click export upward and you'll see in here I've got my sequentially number you could name them 08:58.200 --> 08:58.950 afterwards. 08:58.980 --> 08:59.650 OK doesn't matter. 08:59.670 --> 09:01.430 You don't have to do it in Illustrator. 09:01.710 --> 09:08.340 But now the trick is in Photoshop they get a file open on the very first ones. 09:08.410 --> 09:10.120 One and click on options. 09:10.130 --> 09:11.410 And this is the magic trick. 09:11.480 --> 09:15.320 Cagy say I like 0 1 and check if there's a sequence open. 09:15.450 --> 09:18.200 If you've numbered them correctly it won't have any error. 09:18.350 --> 09:22.940 You can even miss one if you've got a few missing or FOID will forget now frame right. 09:22.950 --> 09:27.530 You can come back here and try this a couple of times as ways overwriting it afterwards. 09:27.540 --> 09:29.870 But the difference was Hagen's fine. 09:29.940 --> 09:36.270 Now in Photoshop the trick is to go to a window workspace and switch it to motion Wheatly Photoshop 09:36.270 --> 09:38.530 does some pretty cool video stuff video editing. 09:38.630 --> 09:39.260 OK. 09:39.570 --> 09:42.970 But for the moment what we want to do is hit the play button. 09:43.320 --> 09:43.710 OK. 09:43.720 --> 09:48.280 To see what everything thing does and that is our super exciting animation. 09:48.300 --> 09:49.990 Now the moment it's happening a bit fast. 09:50.000 --> 09:56.100 OK so and these two things One is this really hardcore and Photoshop can't play it back because it's 09:56.100 --> 10:02.150 freaking out and you can go to a resolution turn it to 25 percent and it looks worse up here. 10:02.160 --> 10:04.100 But it exports just fine. 10:04.110 --> 10:07.200 OK if it's slow and looking fine because it's quite simple. 10:07.200 --> 10:08.960 Next thing you'll do is right click it. 10:08.970 --> 10:10.450 And this is speed. 10:10.470 --> 10:12.110 You can speed it up slow it down. 10:12.270 --> 10:16.250 So if you want to speed it up crank it up and it shrinks down right. 10:16.250 --> 10:18.680 But if I want to slow it down. 10:18.710 --> 10:21.380 It really doesn't jump back out. 10:21.450 --> 10:25.370 That's the way things slowed down to maybe the lowest is 25 percent. 10:26.790 --> 10:27.860 I have to drag this out. 10:27.870 --> 10:30.790 You just keep dragging until you get the whole thing. 10:30.990 --> 10:33.660 OK so straight twice like I did. 10:33.750 --> 10:36.310 Just keep dragging it until it's all the way out. 10:36.450 --> 10:38.220 Because otherwise 10:40.940 --> 10:44.480 it is there it goes out to 14 or so and you can zoom out this way. 10:44.500 --> 10:48.510 And that's been dragged out. 10:48.550 --> 10:50.190 Now I can see it all at play. 10:50.200 --> 10:51.240 It's probably too slow. 10:51.250 --> 11:00.140 Now to the after Let me send it shrinks down fine but it doesn't go up just drag the end down. 11:01.460 --> 11:02.580 Now it's about exporting it. 11:02.710 --> 11:04.060 OK you don't have to do a gif weird. 11:04.070 --> 11:09.980 We are doing a gif because gifs of cool and and there are easily you know you segment social media and 11:09.980 --> 11:14.230 they play automatically on lots of Web sites K Facebook included. 11:14.240 --> 11:21.970 Now what we're going to do is file What do the X will do the give way first took a file export. 11:21.980 --> 11:28.060 We're going to use this oldskool safer with version Frolich support say for web and at the top here 11:28.070 --> 11:32.140 preset depending on the quality and size you'll have to play around with this one either. 11:32.310 --> 11:35.810 And any of these options work OK for export. 11:35.810 --> 11:39.040 Basically the more numbers you have 32 looks fine for mine. 11:39.170 --> 11:42.500 If you get a really detailed graphic I might have to get up to 120. 11:42.500 --> 11:43.480 Two colors. 11:43.520 --> 11:47.970 Seven hundred twenty eight by the false I is going to be a lot bigger and giving mine small. 11:48.380 --> 11:51.170 Everything else you can play around with that makes very little difference. 11:51.170 --> 11:55.500 The big thing that does make a difference is looping in a loop once or for ever. 11:55.520 --> 11:57.240 That's what we want to play. 11:57.260 --> 12:01.910 It doesn't it's not a good representation here in this kind of expert windows. 12:01.900 --> 12:03.670 Don't sweat it if it's not quite right. 12:03.720 --> 12:07.310 Then we hit safe and we're going to call this one. 12:07.430 --> 12:09.850 Whaled give. 12:09.980 --> 12:11.980 Very exciting. 12:11.990 --> 12:16.820 It's taken us a while and a bit of a disjointed class I know. 12:17.530 --> 12:17.990 Yeah. 12:18.080 --> 12:24.090 Anyway so I've got my gifts on my desk top of a headspace around my neck and I'm doing Ola's Guinness. 12:24.110 --> 12:25.760 Now there are some Artifex up here. 12:25.760 --> 12:28.400 That's just from the Puppet pin. 12:28.400 --> 12:31.310 So I don't really kind of take much notice of them I. 12:31.460 --> 12:32.710 Fix that up before I carried on. 12:32.710 --> 12:37.720 But there's my bubble blowing kind of thing. 12:38.150 --> 12:40.370 And you can also do a video version. 12:40.380 --> 12:46.700 So back here in Photoshop there's an export is a generate no export Renda video. 12:47.900 --> 12:49.280 OK and in here. 12:49.420 --> 12:53.060 When it eventually pops up we're going to see we're going to export an MP 4. 12:53.080 --> 12:54.880 It's a really common format. 12:54.880 --> 12:55.250 OK. 12:55.270 --> 13:00.150 So we'll have whale go in before. 13:00.490 --> 13:07.750 And down here we're going to use Adobe meteor encoder and it's going to be the format start to 6 for 13:07.810 --> 13:13.110 the most common one to use in before on my Mac yakkity quick time as well. 13:13.120 --> 13:15.700 Now quality ratings you can play around with this. 13:15.730 --> 13:23.350 You can get quite low because ALS is such a simple animation in terms of the speed you can help with 13:23.350 --> 13:27.260 this 30 frames per second is going to play like it did originally in Photoshop. 13:27.370 --> 13:30.530 The lower you go the more jumpy it is but the slower pace. 13:30.530 --> 13:32.350 OK so up to you how you want to do it. 13:32.350 --> 13:38.080 I'm going to leave mine at 30 click render back and relax depending on how long it is. 13:38.110 --> 13:50.010 And let's check it in my desktop as my MP for DoubleClick and genius. 13:50.400 --> 13:56.650 It's not looping by that is how to do animation in Illustrator. 13:56.650 --> 14:02.360 Now there are lots of other things you could have done as our bubble blowing well exciting. 14:02.380 --> 14:06.350 No bots you know you have the tools now right. 14:06.380 --> 14:08.880 It could be moving lots of things can be moving around. 14:09.100 --> 14:15.070 You could use public Pepito you could use the like would fight two things you could do to your animation 14:15.390 --> 14:18.530 and just make sure that the sequence numbering is correct. 14:18.640 --> 14:22.340 And then once you get into Photoshop you can export the gif or in P4. 14:22.480 --> 14:22.870 All right. 14:22.870 --> 14:26.230 So it's the end and it is homework time. 14:26.370 --> 14:28.630 OK I want to show you something better than what I did. 14:28.830 --> 14:33.610 And you can use the well it's fine or something else would join in this class or anything you like. 14:33.610 --> 14:35.100 I'd love to see your animation. 14:35.100 --> 14:40.030 OK post it to me on the Web site here and do your projects and. 14:40.050 --> 14:40.270 Yeah. 14:40.270 --> 14:41.630 Or on social media. 14:42.070 --> 14:43.050 All right. 14:43.090 --> 14:47.250 I'd love to see it on Instagram and bring your own laptop and on Twitter. 14:47.260 --> 14:49.250 I'm Dan loves Adobe. 14:49.300 --> 14:50.270 All right friends. 14:50.440 --> 14:51.880 Let's get on to the next video.