1
00:00:00,390 --> 00:00:01,540
Hey, everyone, and welcome back.

2
00:00:01,560 --> 00:00:07,680
So we are going to get into actually animating this a bit more, applying things like physics to it.

3
00:00:08,280 --> 00:00:13,740
One thing I just want to stress is when you're working with animations like this, they are time consuming.

4
00:00:13,770 --> 00:00:20,310
I mean, you can spend hours and hours perfecting these types of things and you need to really gauge

5
00:00:20,310 --> 00:00:21,990
whether that's worth it for you.

6
00:00:22,650 --> 00:00:29,340
This, like may not be worth it for a version one of your product, but it's really cool once you actually

7
00:00:29,340 --> 00:00:30,300
have something like this.

8
00:00:30,480 --> 00:00:34,710
So be very mindful of your time in relation to what you're doing.

9
00:00:34,740 --> 00:00:38,460
Like you can create crazy quick animations doing something like this.

10
00:00:38,970 --> 00:00:44,130
You can go ahead and create some very simple animations that don't take much time.

11
00:00:44,310 --> 00:00:49,620
Like if you want to show like a slider or like a loader, like you can easily show like a loader going

12
00:00:49,620 --> 00:00:53,970
from zero to one hundred percent, creating something in motion.

13
00:00:54,240 --> 00:01:01,050
And it wouldn't take you that much time in comparison to like making like bouncing balls and other more

14
00:01:01,050 --> 00:01:02,900
complex animations.

15
00:01:03,120 --> 00:01:09,600
So just keep that in mind when you are trying to figure out what you want to build in terms of an animation

16
00:01:09,870 --> 00:01:12,960
and just take into account the time it's going to take.

17
00:01:13,470 --> 00:01:17,580
You don't want to go down that rabbit hole and not actually deliver anything.

18
00:01:18,480 --> 00:01:19,250
Let's jump right in.

19
00:01:19,260 --> 00:01:22,500
So I have my notification bubble over here selected.

20
00:01:22,500 --> 00:01:24,480
I'm going to go into FEG motion.

21
00:01:27,800 --> 00:01:33,110
There it is, so I think we have some pretty good timing right now, so it's going to jump up and down.

22
00:01:34,370 --> 00:01:36,260
Now, what we can do is we can keep on like.

23
00:01:37,930 --> 00:01:42,420
We can make this animation a bit shorter now.

24
00:01:45,150 --> 00:01:46,410
And let's just see how that looks.

25
00:01:47,400 --> 00:01:48,720
Start from zero.

26
00:01:50,600 --> 00:01:51,380
I like it.

27
00:01:51,420 --> 00:01:55,130
OK, and then when it comes back down, it's going to just stop at like nine.

28
00:01:56,320 --> 00:01:57,970
Let's just strike that over.

29
00:02:02,790 --> 00:02:07,020
So that pause at the top was a little awkward.

30
00:02:10,280 --> 00:02:13,610
OK, we can even bring in drop just a bit more.

31
00:02:15,610 --> 00:02:18,340
OK, so we have our basic drop here.

32
00:02:19,360 --> 00:02:25,600
Now, what I want to do is we're going to have to work with like just with in height as well.

33
00:02:26,350 --> 00:02:27,430
Best way to do this.

34
00:02:27,430 --> 00:02:30,880
So if we were to start at, say, like one.

35
00:02:34,210 --> 00:02:37,990
And before we get there with our with maybe will.

36
00:02:46,760 --> 00:02:47,930
So what that looks like.

37
00:02:49,730 --> 00:02:53,630
So we probably so 17 is our normal with.

38
00:03:00,830 --> 00:03:02,090
So we can.

39
00:03:05,600 --> 00:03:11,450
This is my only gripe with fake motion is like I can drag a multiple keyframes and it's such a pain

40
00:03:11,870 --> 00:03:14,440
to actually get that to work properly.

41
00:03:16,550 --> 00:03:29,330
So this can be at 17 and this will not be a linear we'll just do it in and out and see what happens.

42
00:03:29,360 --> 00:03:30,560
So it's going to boom.

43
00:03:33,020 --> 00:03:34,430
So I wanted to.

44
00:03:36,540 --> 00:03:44,280
Let me see what's going on, so it's going to go to 17, so this is obviously like you just need to

45
00:03:44,280 --> 00:03:47,900
figure out what's going to work for you.

46
00:04:11,860 --> 00:04:14,410
Our height needs to be different as well.

47
00:04:14,800 --> 00:04:18,220
We will drop down to 15.

48
00:04:20,560 --> 00:04:21,550
I think that's fine.

49
00:04:22,780 --> 00:04:23,680
So 15.

50
00:04:29,890 --> 00:04:32,380
And then when it's going up.

51
00:04:39,730 --> 00:04:45,470
We are going to have another keyframe here, so I'm just going to show you how to get this started.

52
00:04:45,820 --> 00:04:50,340
So for our height, we are probably going to so it was at 17.

53
00:04:50,350 --> 00:04:53,520
Now we can kind of just go to like maybe 18.

54
00:04:53,920 --> 00:04:55,570
So it's like a gradual thing.

55
00:04:56,080 --> 00:04:59,890
So, um, you see how that starts to come together.

56
00:05:02,920 --> 00:05:04,450
So I squish.

57
00:05:06,710 --> 00:05:10,430
So that squishes a little too much over there, so.

58
00:05:11,790 --> 00:05:13,320
Squish.

59
00:05:15,470 --> 00:05:23,750
And really, that's where we're going to start seeing some more change so we can bring things in a little

60
00:05:23,750 --> 00:05:24,380
bit more.

61
00:05:31,310 --> 00:05:37,190
And that looks pretty nice and like, right when we get to that top we want to do is actually so let

62
00:05:37,190 --> 00:05:44,840
me just change that and then we want to do is when we get to this top portion, we want our width and

63
00:05:44,870 --> 00:05:47,950
our our height to just return back to normal.

64
00:05:47,960 --> 00:05:49,340
So we're at 17 here.

65
00:05:50,540 --> 00:05:55,310
I think we are at 17 here as well, so that's good, we can actually drag that.

66
00:05:56,880 --> 00:05:58,470
That's just going to stay there.

67
00:05:59,130 --> 00:06:01,170
We want our height to go back to normal.

68
00:06:02,720 --> 00:06:08,240
So we're going to go back to 17, we want to make that is in a..

69
00:06:09,970 --> 00:06:12,490
So we're going to be like, boom.

70
00:06:14,020 --> 00:06:20,470
And then drop, and when we drop, that's when we we go back to squishing it a bit, so.

71
00:06:21,940 --> 00:06:23,900
Look at that, it's actually really cool.

72
00:06:24,190 --> 00:06:27,240
So let's go ahead and do that again.

73
00:06:29,100 --> 00:06:31,680
So when we get to the top.

74
00:06:34,220 --> 00:06:35,080
We're going to do.

75
00:06:36,280 --> 00:06:38,050
So that's when the drop happens.

76
00:06:39,690 --> 00:06:46,860
Right there, so I'm just going to set this key frame over here, I'm going to set this high key frame,

77
00:06:46,860 --> 00:06:50,160
so it's just going to persist at 17 across these blue line.

78
00:06:50,170 --> 00:06:52,290
So the ball is staying normal.

79
00:06:52,500 --> 00:06:59,100
Now, what's going to happen is so let's just put it over around here so it matches when that drop is

80
00:06:59,100 --> 00:07:01,830
going to start happening and then.

81
00:07:03,810 --> 00:07:10,470
We can start messing with the heights now, the height is going to stretch again.

82
00:07:18,630 --> 00:07:21,480
And when it hits there, it's going to shrink.

83
00:07:23,360 --> 00:07:26,060
So let's do an easy in and out.

84
00:07:26,350 --> 00:07:26,930
Sorry.

85
00:07:30,110 --> 00:07:32,930
This is where it should probably be, so.

86
00:07:35,660 --> 00:07:40,610
Do you see how it gradually picks up speed from the top as it's going downward?

87
00:07:41,830 --> 00:07:48,190
So it's picking up speed we can even like if we wanted to, we can even make it skinnier.

88
00:07:53,440 --> 00:07:56,800
Let's do it in and out, beautiful.

89
00:07:57,920 --> 00:08:08,360
So it's going to shrink and then when it gets to there, it's going to be kind of instantaneous.

90
00:08:08,580 --> 00:08:15,830
You know, at the top when we got to the top, we gradually got from like something that was more skinnier

91
00:08:16,220 --> 00:08:20,870
to something that was much more normal over here.

92
00:08:20,930 --> 00:08:23,220
So what do we get from 17?

93
00:08:23,240 --> 00:08:24,500
What do we have over here?

94
00:08:24,710 --> 00:08:28,520
So we're at 18 in height, like we could have been 19 in height.

95
00:08:44,990 --> 00:08:53,300
So when we're out there, we can just go to the top and once we hit that bottom, I want to start to

96
00:08:53,300 --> 00:08:58,010
actually assign actually, so I'm just going to boom, boom.

97
00:08:58,040 --> 00:09:02,110
So those are going to stay stagnant and we're going to hit that bottom really hard.

98
00:09:04,820 --> 00:09:06,440
And let's see what it looks like.

99
00:09:06,470 --> 00:09:08,090
So we're going to go back to 17.

100
00:09:11,520 --> 00:09:12,570
17.

101
00:09:16,390 --> 00:09:20,140
You can do it in an hour just so it's a little smoother.

102
00:09:26,540 --> 00:09:27,560
And let's see what that looks like.

103
00:09:31,190 --> 00:09:41,450
So one thing you're noticing that is missing is when we do get here are with should actually be like

104
00:09:41,450 --> 00:09:42,200
15.

105
00:09:44,090 --> 00:09:50,380
I'm sorry, are with shouldn't be 50, are with should be something like 19, oh.

106
00:09:55,000 --> 00:10:00,070
So it's squished and the height should be something like 15.

107
00:10:05,580 --> 00:10:08,590
So this is just basically kind of getting you started.

108
00:10:08,850 --> 00:10:15,270
You can tell that I'm going to leave this animation for everyone and you can just see that jump the

109
00:10:15,660 --> 00:10:16,500
squish.

110
00:10:21,500 --> 00:10:22,670
Losing momentum.

111
00:10:24,050 --> 00:10:26,910
And everything going back to normal.

112
00:10:26,930 --> 00:10:34,760
Hold briefly, then everything gaining momentum, engines spiraling downwards really quickly, much

113
00:10:34,760 --> 00:10:36,580
more faster than it went upwards.

114
00:10:37,160 --> 00:10:39,830
And when it hits the ground, squish.

115
00:10:39,980 --> 00:10:43,280
So you can just kind of copy this and gradually go lower.

116
00:10:43,310 --> 00:10:49,720
You don't have to what you can do now, you can just kind of hold this and kind of loop a gift together.

117
00:10:50,150 --> 00:10:55,060
What I would do next is you can either export it a success or a JSON file.

118
00:10:55,310 --> 00:11:02,060
What I usually do is I go and I click render and you can choose whatever format you choose, give and

119
00:11:02,060 --> 00:11:04,250
the framework and enable the loop.

120
00:11:04,250 --> 00:11:07,090
And you can set any transparency color if you want.

121
00:11:07,100 --> 00:11:13,040
If I have my frame with no transparency and then once you render it, it will actually take some time

122
00:11:13,040 --> 00:11:19,220
to render in the background there's a little percentage and it'll give you an actual link where you

123
00:11:19,220 --> 00:11:20,200
can go and download it.

124
00:11:20,540 --> 00:11:22,670
So that's it for how to use fake motion.

125
00:11:22,670 --> 00:11:25,100
I mean, you can make some really awesome animations.

126
00:11:25,100 --> 00:11:25,820
As you can see.

127
00:11:26,090 --> 00:11:28,940
Here's our render just plain out really nicely.

128
00:11:29,270 --> 00:11:34,430
And once you get that gif, all you have to do is drag and drop that right into your file and you have

129
00:11:34,430 --> 00:11:36,020
a gift that you can use.

130
00:11:36,620 --> 00:11:43,720
Put it inside a frame and you can use it as an overlay if you need to for a la carte and anything else.

131
00:11:44,030 --> 00:11:48,830
So that's how you make an easy animation with information.