Adobe After Effects Fundamentals 2

Working with Texts (6)

In this module, I will be learning about creating and editing text, formatting characters and paragraphs, and using the source text keyframe. Creating and editing texts is a simple start to manage the words or letter’s size, fill/stroke, or fonts. At the top left corner, you will see a “T” in the panel, which it will create a text for you and you can edit it by right panel. The text layers have a unique property called Source text. What it does is it allows you to keyframe text, which it’ll change the text over time. No other layer or asset has this property. By creating a text, you will hover over the disclosure triangle, of your text layer, clicking it and doing the same thing with text. You will see the source text and clicking the stopwatch next to it will bring up the keyframes. Instead of a diamond keyframe, it will add a square keyframe which is a hold keyframe. It is the only keyframe you can add while you’re working with source text and will hold it until you change its properties.

Working with Shapes (7)

In this module, I will be working on creating shapes with shape tools, using the pen tool, and creating shapes from paths and texts. There are two types of shapes, and that is Parametric and Bezier. Parametric means shapes created from the shape tool itself, located at the top left as a square, and Bezier means shapes created from the pen tool or a pasted path. With the shape tool, you can create different shapes by holding the icon and picking the desired shape. This goes the same with the pen tool, but this will help you create rather more irregular shapes. In the image above, you see a letter “R” along with the other shapes. That letter isn’t a regular text but a shape that is created from the text. To do this, you select the text layer, right click it, and clicking the “create shape from text” option. The same letter will appear as a shape layer. Creating shapes from paths is much more complex and it only applies from using photoshop or some other source. Nonetheless, when you open up an image, from photoshop for example, you copy the path of the image by clicking the layer and “marching ants” will appear around it. To copy it, hover over the path’s tab and at the bottom you click on the fifth icon to convert it into a work path. Once it is converted, ctrl/cmd C to copy the path and ,returning to After Effects, create a new shape layer and select the pen tool to actually add the shape to the layer. Open up shape, path, make sure that is active, and ctrl/cmd V to paste it. The shape you just copied from a different source will appear at the stage with current properties.

After Effects Fundamentals Part 1

Introducing After Effects (2)

In this module, I have been walkthrough a mini project (as projected above) and explaining about its layering. The layers shown can determine the objects location and their scaling. For example, the woman on the right is more larger than the woman on the left. Notice that the same woman’s head is above the text “Multiplane animation.” This means that this layer is above the text layer and giving more priority to be shown. If I moved the woman’s layer under the text layer, the text would block the woman’s head instead.

Starting a Project and Importing Assets (3)

In this module, I’ve been taught to organize the given assets in this project. By hovering the cursor over the assets panel and not clicking anything, you press the tilde key that is in the upper-hand corner of your keyboard. This will pull out the asset panel in full screen mode, which makes it easier to arrange the files. You can see the assets’s type of file as well. By using this, it is more convenient to make create a folder, that is located at the bottom left corner as the second icon, and putting the same files in one folder. This will create less confusion for beginners as it is more planned.

Creating Comps and Adding Assets to Comps (4)

In this module, I’ll be setting up new comps and then adding the necessary assets for the project. There are multiple ways to start a new comps but the most common way to begin is by hovering over the “composition” at the top left and clicking “new composition” as soon as you opened up After Effects in a blank state. This will bring up the composition settings as you can customize your desired comp. But if you already have a project that has been downloaded, you can go to “file,” located at the top left corner, and selected “open file” to open up the project as shown above for example. To add the assets, whether it is downloaded, you double click on the asset panel, where there’s nothing in there, to open up the files. You can select the acceptable files, or holding shift-key to select multiple files, and it will appear in the asset panel.

Modifying and Animating Layer Properties (5)

In this lesson, I have started on modifying and animating layer properties. I will soon be able to transform properties and as well as using the Bezier curves, to create paths for vector graphics. Once I’m done with this module, I’ll work on working with texts as my next assignment.

On the same module, I’ve been using the Bezier curves, shown above, to create bent paths and moving the blue rectangle. The anchor point, which is in the middle of the rectangle, is the starting point of the path. As I drag the blue timeline in the bottom, the rectangle will move with the path. I can change the path by clicking on the dotted squares (red means its selected and non-filled means not selected). A line would appear and can be dragged around for the desired position to create the curved motion path. The name Bezier comes from a Renault automobile engineer named Pierre Bezier. He didn’t invent the curve but popularized them when he used them to define the shape of a car body.

After Affects Progress 2

In this update, for what I have finished is adding music to shapes and layers. The last module I’ve done for this section is using shapes with track matte, which it makes the text to look like they’re part of one layer. The next thing I’m going to do is converting the audio with keyframes.

After Effects progress

Here’s my progress for last Friday

Right now, I’m in the part where I’ll transform a regular white square burst into an abstract shape to show translation. This will be done without the multiple use of layers and using the effect called reaper.

About Me

Hello, my name is Arleth Juarez

I’m a learning animator, artist, and a sculptor. It all started when I was in 3rd grade when I was obsessed with my art class at elementary school. I’ve always wanted to learn animation because the process of moving drawings/pictures is what interested me. I’m more into the old classic 2D style animation, but any other than that is alright with me.


In my blogs, I make posts about Animation I and II inside in my Animation Portfolio. Either my posts are completed tutorials or the process that leads to my current major projects. Each post roughly contains a brief summary to give background information behind the work. This concludes the daily progress posts of every Wednesday/Friday.

I’m looking forward to make fun and interesting projects with my class. While doing so, this will help me in the future and my career choices.

If you’re looking forward for more posts or projects that I’m working on, consider following me and let yourself notified on what I’m am doing. This may also help you if we have similar goals or interests.

Lessons 4-5

In this lesson, I’ve learned how to use multiple motion tweens on different layers and how to edit a property curve. While editing a curve from a layer, I used ease to create a more realistic motion for every block and the hand. Overall, I have made refinements in the motion tweening of the blocks to create a bouncing effect and the hand bumping the stack.

In lesson 5, I’ve used motion tweening and classic tweening as an more simple way to move objects from one location to another. In the beginning of the lesson, it teached me about layer parenting. As I connect the layers to create their relation, if the parent layer moves so does the child layer. The lesson also introduced a new tool such as Asset Warp Tool and taught me about deforming a symbol. In the end, I finished it off by setting auto synchronize dialogue to create a lip syncing to the monkey.

Bouncing Ball Animation

On this weekend, I watched the following tutorial videos in our classroom homepage to create a bouncing ball animation. The two videos demonstrates how to properly use one of the animation principles, squash and stretch, more effectively. It will also demonstrate my ability to use the onion skin feature in Animate CC.

Lessons 1-3

Lesson 1

In this lesson, I worked on crating a short animation with three separate pictures and animation effects. This lesson took me about two-three days to complete

Lesson 2

In this lesson, I worked on creating images that were one once simple shapes. Including adding more complex backgrounds to fit in the scheme of the advertisement. This took me about two-three days to complete.

Lesson 3

In the first half of this lesson, I worked on creating a more complex way of animation with more effects such as blur and using the alpha value. The second half of this lesson, I worked on into editing motions paths and using multiple layers on a single symbol. This lesson took me at least three days to fully complete.