Animating with the Timeline Tool

7 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$69.99
List Price:  $99.99
You save:  $30
€64.82
List Price:  €92.61
You save:  €27.78
£55.75
List Price:  £79.64
You save:  £23.89
CA$95.67
List Price:  CA$136.67
You save:  CA$41
A$105.86
List Price:  A$151.24
You save:  A$45.37
S$94.70
List Price:  S$135.29
You save:  S$40.59
HK$546.72
List Price:  HK$781.06
You save:  HK$234.34
CHF 63.51
List Price:  CHF 90.74
You save:  CHF 27.22
NOK kr756.09
List Price:  NOK kr1,080.17
You save:  NOK kr324.08
DKK kr483.66
List Price:  DKK kr690.98
You save:  DKK kr207.31
NZ$116.24
List Price:  NZ$166.07
You save:  NZ$49.82
د.إ257.06
List Price:  د.إ367.25
You save:  د.إ110.18
৳8,184.61
List Price:  ৳11,692.81
You save:  ৳3,508.19
₹5,845.20
List Price:  ₹8,350.65
You save:  ₹2,505.44
RM330.31
List Price:  RM471.90
You save:  RM141.58
₦104,423.68
List Price:  ₦149,183.08
You save:  ₦44,759.40
₨19,463.92
List Price:  ₨27,806.80
You save:  ₨8,342.87
฿2,565.83
List Price:  ฿3,665.63
You save:  ฿1,099.80
₺2,257.71
List Price:  ₺3,225.44
You save:  ₺967.73
B$360.94
List Price:  B$515.65
You save:  B$154.71
R1,287.99
List Price:  R1,840.06
You save:  R552.07
Лв126.81
List Price:  Лв181.17
You save:  Лв54.35
₩95,704.32
List Price:  ₩136,726.31
You save:  ₩41,021.99
₪259.82
List Price:  ₪371.20
You save:  ₪111.37
₱4,043.91
List Price:  ₱5,777.27
You save:  ₱1,733.35
¥10,948.60
List Price:  ¥15,641.53
You save:  ¥4,692.93
MX$1,174.48
List Price:  MX$1,677.91
You save:  MX$503.42
QR255.13
List Price:  QR364.49
You save:  QR109.35
P950.42
List Price:  P1,357.81
You save:  P407.38
KSh9,133.69
List Price:  KSh13,048.69
You save:  KSh3,915
E£3,278.83
List Price:  E£4,684.25
You save:  E£1,405.41
ብር4,017.07
List Price:  ብር5,738.92
You save:  ብር1,721.84
Kz58,375.85
List Price:  Kz83,397.65
You save:  Kz25,021.80
CLP$64,738.65
List Price:  CLP$92,487.75
You save:  CLP$27,749.10
CN¥506.34
List Price:  CN¥723.38
You save:  CN¥217.03
RD$4,071.75
List Price:  RD$5,817.04
You save:  RD$1,745.28
DA9,401.76
List Price:  DA13,431.66
You save:  DA4,029.90
FJ$157.21
List Price:  FJ$224.60
You save:  FJ$67.38
Q543.50
List Price:  Q776.46
You save:  Q232.96
GY$14,642.77
List Price:  GY$20,919.14
You save:  GY$6,276.37
ISK kr9,755.90
List Price:  ISK kr13,937.60
You save:  ISK kr4,181.70
DH702.55
List Price:  DH1,003.69
You save:  DH301.13
L1,243.38
List Price:  L1,776.34
You save:  L532.95
ден3,995.02
List Price:  ден5,707.42
You save:  ден1,712.39
MOP$562.80
List Price:  MOP$804.03
You save:  MOP$241.23
N$1,285.58
List Price:  N$1,836.62
You save:  N$551.04
C$2,575.01
List Price:  C$3,678.75
You save:  C$1,103.73
रु9,348.21
List Price:  रु13,355.17
You save:  रु4,006.95
S/259.92
List Price:  S/371.34
You save:  S/111.41
K271.44
List Price:  K387.79
You save:  K116.35
SAR262.48
List Price:  SAR374.99
You save:  SAR112.50
ZK1,799.51
List Price:  ZK2,570.84
You save:  ZK771.33
L322.59
List Price:  L460.87
You save:  L138.27
Kč1,603.70
List Price:  Kč2,291.10
You save:  Kč687.39
Ft25,046.65
List Price:  Ft35,782.47
You save:  Ft10,735.81
SEK kr759.74
List Price:  SEK kr1,085.39
You save:  SEK kr325.65
ARS$61,888.08
List Price:  ARS$88,415.34
You save:  ARS$26,527.25
Bs483.35
List Price:  Bs690.53
You save:  Bs207.18
COP$271,323.12
List Price:  COP$387,621.07
You save:  COP$116,297.95
₡35,845.23
List Price:  ₡51,209.67
You save:  ₡15,364.43
L1,728.98
List Price:  L2,470.08
You save:  L741.10
₲525,197.80
List Price:  ₲750,314.73
You save:  ₲225,116.93
$U2,696.53
List Price:  $U3,852.35
You save:  $U1,155.82
zł276.95
List Price:  zł395.67
You save:  zł118.71
Already have an account? Log In

Transcript

In this next video, I'm going to show you guys how to make everything move. So Photoshop has a tool called timeline, which is what allows you to animate your illustration. You can get to that tool by going up here to window. And scrolling down until you see a timeline, you can click on timeline. This opens this window here at the bottom. And there's a button in the middle that says Create frame animation.

There's this drop down arrow next to it. So in case for some reason, yours says Create Video Timeline, make sure you click on Create frame animation. And then you can click in the center button. It opens up a square over here that looks like like a layer. And this is going to be our first frame. So the concept behind what we're doing now is basically a frame by frame animation or a stop motion animation.

This is the type of thing Animation where in each frame, there's a little movement. And so it looks like it's a film that that flows. But really, it's just a lot of little photos put together. Just to explain the difference between layers and frames. When I say layer, I mean these guys over here on the right, in the Layers panel, when I say frame, I mean, these guys here at the bottom, in the timeline panel, what we're doing is we're creating our friends down here, from our layers over here. So the way that works is that each frame will display the layers over here that are activated or visible.

I think this will make a little more sense once we start doing it. So let's get started. Let's start by making all the layers invisible by clicking the i button next to each one of them. Now you can activate the layers that you do Want to appear in this first frame, which is going to be your static group, your background if you have one, and your frame one layer, so I'm going to turn on my eyes and my freckles just so they're not going to move, I'm just going to leave them there. And then I'll open up my hair folder. And I'll make sure frame one is visible.

This is a, what you see here, in this center image is what will be shown in your first frame down here. To create our second frame, we'll come down here to the timeline panel and click on this button right here. It's called duplicate selected frames. If you click this button, it's going to duplicate your first frame, it'll look exactly the same. The idea now is to change what you see in this spring so that it's different from the first frame. So what we're going to do is Make our frame one layer invisible and make our frame to layer visible.

When we change from frame one to frame two down here, you'll see that there's already some movement happening. The next steps are basically the same. We'll duplicate our last frame down here. Now we'll make our frame two layer invisible and make our frame three layer visible. And then we'll do the same for frame four. We'll make a new frame down here, make our three frame invisible and make four visible.

Now we have all of the frames that we that we created 1234 Remember, these are the basic steps. If you have less frames or more frames, you just do the same thing for each frame that you may have. So if you have six frame you will do this stuff six different times. If you have only two friends, which is totally fine, you'll just do it twice. Now I'm going to explain timing, first thing I usually do is to make the loop infinite. This means that they give full play forever in a loop, which is what we ideally want a gift to do.

Down here, you can see where it says once. This is it'll only play these forms Warframes once and then it'll stop. So you're gonna click where it says once. And so like forever, you'll see that each frame down here has a little number that says zero sec. This is how fast your frames are going to move to zero sec means zero seconds, and that's obviously very fast. So view your animation, you can click the play button down here.

So let's do that and see how our animation works. You'll see that's very, very fast. It can work if you want to have something that really fast. If it's hair, it looks fine, it looks kind of fun. But there are ways that you can make it slower so that it fits more of the style that you would like to have. You can test out different speeds and see what fits best for your gift.

So I'll show you how you can do that. You can either change the speed of all of your frames at once at the same time, or you can change them one at a time. So select them all at once, you can click on the first frame, hold down Shift, and then click the last frame, you can see that they turn a lighter gray and that means that they're selected. With all of your frame selected. If you change the speed of just one of them, it will apply to all of them. So you can do that by clicking where it says zero seconds on on any of these friends.

And you'll see that there are a lot of options. no delay in this case means zero seconds. So there are certain sites 0.1 seconds, 0.2 0.51 second, two seconds, and so on. Let's choose one second, just so you guys can see the difference from zero seconds to one seconds and how big of a difference that actually is. So select once I can click play, see how much slower that is from our zero seconds for before, choose values that aren't on this list by choosing other, a box will pop up that says set frame delay. And then you can choose whatever value you want.

I often use 0.3 seconds that's not on the original list, but it tends to work for me and for the gifts that I like to make. So such as 0.3 and click OK. So if I press play, that's a pretty nice speed. So I would suggest you guys play around with these values a bit and see What fits best for your gift. If you want it really fast, you want to really slow someone to go ahead and leave my frames as 0.3 seconds. I think that's a speed that works for me and I like it so that we can go on to the next video where I'll show you how to export your gift in a few different formats.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.