Digital Portfolio

Phase 4

This tutorial will teach you how to add some style to your digital portfolio but in no way is this as good as it gets. I fully expect something much more creative out of each of you when you present your final projects in June. (Besides, we'll be using dynamic content by then. But that's another tutorial...)

1 – Lets begin by animating the first title.

2 – Play around with Easing, Custom Easing, and the length of the Timeline to get the effect you like. After fiddling around I decided the setting I liked best was an Easing value of 100 on the first Keyframe and -100 on the Keyframe on Frame 60. But like I said, pick what you like.

3 – Repeat for the Images title (using the same settings for continuity).

4 – Okay, I got that out of my system. Now, back to functionality. We still have a button that doesn't do anything, right? Fixing the LARGE button offers a chance to learn a few new tricks, so hang on and lets get on with the show.

5 – Let's begin to make an animated mask. (You can use any shape you like.)

6 – Repeat on a few other Layers

7 – It's up to you how many Layers you want to try. I chose 7 and edited the final shapes until the Stage was covered.

8 – Create a bit of variety in the animation and add a Stop Action.

Note:  The animated mask can be an artistic statement in itself. Take some pride in making yours interesting. I just threw this example together as I went without a lot of thought in the process. And no, you don't have to make a different one for each image. Even I'm not that crazy. We'll use copies of this mask on the other images.

9 – Now we need to create the reverse mask. Click and Shift-Click to select all the Layers (except the Actions Layer), Option-Drag copies of the Frames, and Right-Click and select Reverse Frames. Add some variety and add a Behavior to direct the Playhead back to the main Timeline.

10 –

11 –

12 –

13 –

14 –

15 –

16 –

17 –

18 –

19 –

20 –

Mac Lab | Digital Art | 3D Design & Animation | Multimedia Production | Tutorials | Students | FAQ | Blog

Just some text to prop the page open. Just some text to prop the page open. Just some text to prop the page open. Just some text to prop the page open. Just some text to prop the page open.