Introduction to Crop in After Effects
Adobe After Effects is an animation and video editing software and, in this article, we are going to learn how to crop our composition depending on the area of interest. There are obvious benefits of cropping as if there are empty spaces it would take more time for rendering the output. But if we crop then it will reduce both the render times and the file size. Another option to remove parts is to do masking which will keep the file size the same but removes just the part that you do not want to show. Apart from that you can also add crop effects so let’s see the crop in action.
How to Use Crop in After Effects?
Step 1: Let us first familiarize ourselves with the interface before starting to get a better understanding. At the top is the menu bar like File, Edit, etc. and each has its own submenu. Next, just below it, we have a tool panel and their properties. On the left side, there is a project panel that consists of the project files and effects control panel which shows the effects applied on a particular layer. Then there is the composition panel which shows the preview of the animation or video. At the top right, we have various layout presets which will arrange according to the type of work. We can even create our own custom layout. At the right, there are various sections used to edit the video. At the bottom, there is layers and timeline panel which is used to add media and add animation keyframes.
Step 2: I have opened an existing composition. If you have an existing composition then you can open from File -> Open Project. If you do not have an existing comp then you can create a new composition and start from fresh. What we are looking in this article is how to use the crop functionality so we have opened an existing composition.
Step 3: Now following is the dimensions of the composition which are in the desktop format. We will look at the first method of cropping in which we will make a mobile version of this desktop version. For this we need to crop and adjust couple of things.
Step 4: Go to the character panel and decrease the font of the text so it fits in the mobile version. You can either click on the pixels field if you know a specific number or you can drag on the number if you want to eyeball and get the proper size.
Step 5: There is a button called Region of Interest beside the resolution selector click that and then drag the area which you want to keep in the composition panel.
Step 6: Drag the area you want to keep in the comp.
Step 7: After finalizing the area go to Composition menu -> Crop Comp to Region of Interest.
Step 8: This will resize your comp appropriately.
Step 9: Now if you want to check what are the original dimensions of your comp go to Composition -> Composition Settings or press Ctrl + K.
Step 10: We can see the width and height. If you want to adjust the comp size then drag the width and height by keeping preview on.
Step 11: Now we have adjusted the width of 1080 px and height of 1920 px. This will convert the desktop composition to a mobile composition.
Step 12: Now suppose if you do not want to crop the actual comp but you want to part of the animation or video to create a stylistic or cinematic effect. Let us start with a new composition this time. Double click on the Project panel to import the footage or you can go to File -> Import -> File.
Step 13: After importing the footage we will create a new comp from the selection as shown or you can drag the video in the layers panel which will create a comp.
Step 14: I have changed the name of the comp to Cinematic mountain by right click on the comp name and rename or just hit enter. Similarly, I have changed the name of the layer to Mountain.
Step 15: To add the effect go to Effects -> Stylize -> Motion Tile. This will activate the Effects control panel.
Step 16: If the Effects control panel is not shown then go to Window -> Effects Control.
Step 17: Now to output height and change the value to 70. This step will hide the strip at top and bottom and give us a cinematic effect. We can even play with Tile center to get the proper view.
Step 19: To increase the efficiency we will to crop functionality on the x and y-axis of this sample file shown. To do that we will make a pre compose.
Step 20: Right-click on the axis and select pre compose.
Step 21: Make sure adjust composition is selected and it will create a new comp.
Step 22: Next we will crop the region of interest.
Step 23: We will also trim the comp to the work area.
Step 24: As we can see that the x and y-axis are converted into a comp. You might need to adjust the position of the axis if they are not properly aligned.
- Use quick shortcuts like “a” for anchor, “p” for the position, etc which you can find keyboard shortcuts in help menu
- Change the preview resolutions for faster previews. If you keep it to full then depending on your resolutions it would take some time to render so you can keep it to thirds or quarter for better performance while previewing.
- Organizing the Project panel can be helpful as you can create a folder according to the type of media you are using which is helpful to find your kinds of stuff.
In this article, we have learned to crop area of interest in Adobe After Effects and apart from that, we have also seen how to apply stylistic effects to get the crop without actually changing the size of the comp. The overall crop is pretty useful to if you have heavy comps and needed some optimizations.
This is a guide to Crop in After Effects. Here we discuss the introduction, how to crop in after effect in a step by step manner. You can also go through our other related articles to learn more –