Add Amazing Filters and Effects for Fun to Watch GIFs Using Adobe After Effects. Read on to Discover an Easy-to-Learn After Effects Alternative

How to Create After Effects Gifs

An easy yet powerful editor

Numerous effects to choose from

Detailed tutorials provided by the official channel

Try It Free Try It Free

GIFs have been around for quite some time but as the flow of content continues to plummet on popular social media platforms like Facebook or Instagram, the demand for GIFs would continue to increase.

Unfortunately, you won’t be able to make a gif in after effects directly, unless with the help of a plug-in like GIFGun.

Before moving forward, keep in mind that using Adobe Media Encoder is an easier method for compressing your exports rather than any third-party compressor.

In this article, you will find easy to follow methods using which you can create after effects GIFs within a matter of minutes.

In this article

01 [General Knowledge on GIF Animation](#Part 1)

02 [What Is the Difference Between After Effects Gifs’ Making and Photoshop Gifs’ Making?](#Part 2)

03 [How to Create After Effects Gifs](#Part 3)

Part 1 General Knowledge on GIF Animation

01What is a GIF?

The acronym GIF stands for Graphics Interchange Format and the file is created in bitmap image format. This was developed back in 1987 by a working in CompuServe.

This format was incredibly successful on the WEB due to benefits like smaller file sizes, broader support, and its easy compatibility with Operating Systems.

However, GIFs are much more suitable as simple graphics and logos rather than Live Action Videos with its palette limitation of 256 per image.

Creating a GIF is like looping an animation or animated elements. You can use these animated GIFs in banners to engage your audience or even create fun sharable content for your Facebook pages.

You can start by creating basic easy animations in Photoshop and then elevate them by using After Effects.

02Why create a GIF?

Here are a handful of things you can keep your eye on if you are just starting on making GIFs;

● Simple Product Demonstrations. With simple 3 to 4 step GIFs, you can briefly introduce steps on how to use a product.

● You can provide instructions in a short span of time.

● UX designers use GIFs to show the functioning of certain digital experiences.

● You can introduce GIFs on your page to keep followers engaged.

● You can display some amazing things on your website.

Part 2 Difference between making GIFs in After Effects and Photoshop

Creating GIFs in After Effects and Photoshop are both one in the same thing but the results may vary depending on which choice of tools and features suits you better.

Now, for those who are learning Photoshop and After Effects for the first time, to understand the difference in results between both these software lets familiarize you with their features in brief.

01What’s Similar?

Since both are designed by Adobe, there are bound to be similarities in the tools and interface they use. Both these software enables you to use layers of editing from the layer panel where you separate the blending or transform multiple layers. You can apply masks to these layers in different ways on both software.

02Groups (PS) and Nested (AE) Composition

In Photoshop, you can group layers together and apply styles, blends, and transformations together. However, in After Effects, this is called Nesting.

Both are in a way similar to each other but Nesting Comps give users more functionality as it interprets probable compositions during the nesting process.

Smart objects used in PS are also comparable to Nested Comps as you can apply filters over one while applying effects to the other.

03Vector and Shapes

You can use the Pen tool or Shape tool in both PS and AE that creates shape layers without losing any integrity. Both the applications support Bezier which lets you control curves between anchor points in PS and vertices in AE.

04Destructive Effects

After Effects does not provide you with destructive effects while in Photoshop you can apply non-destructive filters. You can also combine several layers to apply changes or distort your images but these permanent changes cannot be made in After Effects.

You will also notice that although there are several similarities, there are tools and features which are not shared between both applications. The types of tool categories would also vary. Like with After Effects, you can create paragraph and character styles that you can apply to texts.

Part 3 How to Create After Effects Gifs

After Effects harbors greater video editing capabilities rather than the basic animating options you can try on Photoshop. In creating a GIF, you would want to leverage the combination of tools offered on both After Effects and Photoshop.

Let’s first get into how you can create an animated video on After Effects and then convert it into an animated GIF in Photoshop.

01Animating in After Effects

Step 1: Open After Effects, go to ‘Composition’ and create ‘New Composition’. You will need to fill out the dimensions and specs for your project on the window that pops up. For example, 300x250 px at 30 fps and 6 sec duration.

Step 2: You can import assets by dragging and dropping, or by going to the ‘Project Panel’ in the After Effects Workspace as shown in the image.

Step 3: Now, you can begin animating your Assets. Drag them and add them to the ‘Composition’ panel or ‘Timeline’ panel. Placing them in either one will make them appear on both. Adjust the layers according to the topmost layer on the panel.

Dial down the scale of every animation to 0% so that can be animated in a growing sequence. Select the layer you wish to adjust and click on ‘Transform’. Click on ‘Scale’ to give that layer an active marker on the timeline. Set the scale to 0%.

You can now begin animating the first item by moving the current time indicator to 06f (the 6th frame on the 30fps timeline). Scale the item back to 100% and the marker will reappear.

Repeat this for the other items. Keep in mind that each item has a 06f space between them for later adjustability.

Your equation is now complete and all that is left to do is animate your CTA button. Adjust the position of the top layer on your CTA and set the current time indicator to start time on the button animation. Click on ‘position’ to set up a marker on your Timeline. Forward the 04f then nudge the button and reverse back to the original position so that it looks like a button clicking animation.

Your animation is now complete. Now go to ‘Composition’ and shorten the time in the ‘Duration’ panel.

Step 4: Go to Composition. Click on Pre-Render and a new selection will pop up. Now click on ‘Render’. Your output will be a .mov file.

If you find exporting gifs from After Effects too complicated, you can also upload and loop videos using Wondershare Filmora Video Editor which has plenty of other amazing video editing features you can drag and drop to create.

Wondershare Filmora - Best Video Editor for Mac/Windows

Try It Free Try It Free

5,481,435 people have downloaded it.

Build unique custom animations without breaking a sweat.

Focus on creating epic stories and leave the details to Filmora’s auto features.

Start a creative adventure with drag & drop effects and endless possibilities.

Filmora simplifies advanced features to save you time and effort.

Filmora cuts out repetition so you can move on to your next creative breakthrough.

02Converting Animation to GIF in Photoshop

Step 1: Create a new file in Photoshop with the same specs as you did in After Effects. Now go to ‘File’ > ‘Import’ > ‘Frames to Layers’ and import the saved .mov file.

Step 2: If you don’t automatically see the timeline, go to Windows > Timeline.

Step 3: Decide on how many loops you want in your animation. Once you are done with your GIF, go to ‘File’ > Export. Apply the Legacy Save for Web and choose the format for your GIF.

Step 4: In Export options, you can gain access to several presets to apply to your animated GIFs. The more color displayed in your GIF, the larger its size. You can use Dethering to smoothen gradients and shades. Looping is also turned off on Photoshop but you can apply looping from the ‘Options’ shown at the bottom of the menu.

Part 1 Ending Thoughts

● GIFs are a popular type of media that is quite trendy and easy to make using Adobe after effects gifs or Photoshop. They are called Graphics Interchange Format and are best used as simple graphic images.

● You require a combination of both Photoshop and After Effects, though both share similar interfaces, tools, and effects. You can group or nest compositions, apply filters or effects, and adjust vectors and shapes.

● After Effects is better than Photoshop in terms of creating videos, so you can first create a project in AE and then import the project onto PS after exporting after effects to gif. You can also use Filmora for the first step of this process.

Try It Free Try It Free

GIFs have been around for quite some time but as the flow of content continues to plummet on popular social media platforms like Facebook or Instagram, the demand for GIFs would continue to increase.

Unfortunately, you won’t be able to make a gif in after effects directly, unless with the help of a plug-in like GIFGun.

Before moving forward, keep in mind that using Adobe Media Encoder is an easier method for compressing your exports rather than any third-party compressor.

In this article, you will find easy to follow methods using which you can create after effects GIFs within a matter of minutes.

In this article

01 [General Knowledge on GIF Animation](#Part 1)

02 [What Is the Difference Between After Effects Gifs’ Making and Photoshop Gifs’ Making?](#Part 2)

03 [How to Create After Effects Gifs](#Part 3)

Part 1 General Knowledge on GIF Animation

01What is a GIF?

The acronym GIF stands for Graphics Interchange Format and the file is created in bitmap image format. This was developed back in 1987 by a working in CompuServe.

This format was incredibly successful on the WEB due to benefits like smaller file sizes, broader support, and its easy compatibility with Operating Systems.

However, GIFs are much more suitable as simple graphics and logos rather than Live Action Videos with its palette limitation of 256 per image.

Creating a GIF is like looping an animation or animated elements. You can use these animated GIFs in banners to engage your audience or even create fun sharable content for your Facebook pages.

You can start by creating basic easy animations in Photoshop and then elevate them by using After Effects.

02Why create a GIF?

Here are a handful of things you can keep your eye on if you are just starting on making GIFs;

● Simple Product Demonstrations. With simple 3 to 4 step GIFs, you can briefly introduce steps on how to use a product.

● You can provide instructions in a short span of time.

● UX designers use GIFs to show the functioning of certain digital experiences.

● You can introduce GIFs on your page to keep followers engaged.

● You can display some amazing things on your website.

Part 2 Difference between making GIFs in After Effects and Photoshop

Creating GIFs in After Effects and Photoshop are both one in the same thing but the results may vary depending on which choice of tools and features suits you better.

Now, for those who are learning Photoshop and After Effects for the first time, to understand the difference in results between both these software lets familiarize you with their features in brief.

01What’s Similar?

Since both are designed by Adobe, there are bound to be similarities in the tools and interface they use. Both these software enables you to use layers of editing from the layer panel where you separate the blending or transform multiple layers. You can apply masks to these layers in different ways on both software.

02Groups (PS) and Nested (AE) Composition

In Photoshop, you can group layers together and apply styles, blends, and transformations together. However, in After Effects, this is called Nesting.

Both are in a way similar to each other but Nesting Comps give users more functionality as it interprets probable compositions during the nesting process.

Smart objects used in PS are also comparable to Nested Comps as you can apply filters over one while applying effects to the other.

03Vector and Shapes

You can use the Pen tool or Shape tool in both PS and AE that creates shape layers without losing any integrity. Both the applications support Bezier which lets you control curves between anchor points in PS and vertices in AE.

04Destructive Effects

After Effects does not provide you with destructive effects while in Photoshop you can apply non-destructive filters. You can also combine several layers to apply changes or distort your images but these permanent changes cannot be made in After Effects.

You will also notice that although there are several similarities, there are tools and features which are not shared between both applications. The types of tool categories would also vary. Like with After Effects, you can create paragraph and character styles that you can apply to texts.

Part 3 How to Create After Effects Gifs

After Effects harbors greater video editing capabilities rather than the basic animating options you can try on Photoshop. In creating a GIF, you would want to leverage the combination of tools offered on both After Effects and Photoshop.

Let’s first get into how you can create an animated video on After Effects and then convert it into an animated GIF in Photoshop.

01Animating in After Effects

Step 1: Open After Effects, go to ‘Composition’ and create ‘New Composition’. You will need to fill out the dimensions and specs for your project on the window that pops up. For example, 300x250 px at 30 fps and 6 sec duration.

Step 2: You can import assets by dragging and dropping, or by going to the ‘Project Panel’ in the After Effects Workspace as shown in the image.

Step 3: Now, you can begin animating your Assets. Drag them and add them to the ‘Composition’ panel or ‘Timeline’ panel. Placing them in either one will make them appear on both. Adjust the layers according to the topmost layer on the panel.

Dial down the scale of every animation to 0% so that can be animated in a growing sequence. Select the layer you wish to adjust and click on ‘Transform’. Click on ‘Scale’ to give that layer an active marker on the timeline. Set the scale to 0%.

You can now begin animating the first item by moving the current time indicator to 06f (the 6th frame on the 30fps timeline). Scale the item back to 100% and the marker will reappear.

Repeat this for the other items. Keep in mind that each item has a 06f space between them for later adjustability.

Your equation is now complete and all that is left to do is animate your CTA button. Adjust the position of the top layer on your CTA and set the current time indicator to start time on the button animation. Click on ‘position’ to set up a marker on your Timeline. Forward the 04f then nudge the button and reverse back to the original position so that it looks like a button clicking animation.

Your animation is now complete. Now go to ‘Composition’ and shorten the time in the ‘Duration’ panel.

Step 4: Go to Composition. Click on Pre-Render and a new selection will pop up. Now click on ‘Render’. Your output will be a .mov file.

If you find exporting gifs from After Effects too complicated, you can also upload and loop videos using Wondershare Filmora Video Editor which has plenty of other amazing video editing features you can drag and drop to create.

Wondershare Filmora - Best Video Editor for Mac/Windows

Try It Free Try It Free

5,481,435 people have downloaded it.

Build unique custom animations without breaking a sweat.

Focus on creating epic stories and leave the details to Filmora’s auto features.

Start a creative adventure with drag & drop effects and endless possibilities.

Filmora simplifies advanced features to save you time and effort.

Filmora cuts out repetition so you can move on to your next creative breakthrough.

02Converting Animation to GIF in Photoshop

Step 1: Create a new file in Photoshop with the same specs as you did in After Effects. Now go to ‘File’ > ‘Import’ > ‘Frames to Layers’ and import the saved .mov file.

Step 2: If you don’t automatically see the timeline, go to Windows > Timeline.

Step 3: Decide on how many loops you want in your animation. Once you are done with your GIF, go to ‘File’ > Export. Apply the Legacy Save for Web and choose the format for your GIF.

Step 4: In Export options, you can gain access to several presets to apply to your animated GIFs. The more color displayed in your GIF, the larger its size. You can use Dethering to smoothen gradients and shades. Looping is also turned off on Photoshop but you can apply looping from the ‘Options’ shown at the bottom of the menu.

Part 1 Ending Thoughts

● GIFs are a popular type of media that is quite trendy and easy to make using Adobe after effects gifs or Photoshop. They are called Graphics Interchange Format and are best used as simple graphic images.

● You require a combination of both Photoshop and After Effects, though both share similar interfaces, tools, and effects. You can group or nest compositions, apply filters or effects, and adjust vectors and shapes.

● After Effects is better than Photoshop in terms of creating videos, so you can first create a project in AE and then import the project onto PS after exporting after effects to gif. You can also use Filmora for the first step of this process.

Try It Free Try It Free

GIFs have been around for quite some time but as the flow of content continues to plummet on popular social media platforms like Facebook or Instagram, the demand for GIFs would continue to increase.

Unfortunately, you won’t be able to make a gif in after effects directly, unless with the help of a plug-in like GIFGun.

Before moving forward, keep in mind that using Adobe Media Encoder is an easier method for compressing your exports rather than any third-party compressor.

In this article, you will find easy to follow methods using which you can create after effects GIFs within a matter of minutes.

In this article

01 [General Knowledge on GIF Animation](#Part 1)

02 [What Is the Difference Between After Effects Gifs’ Making and Photoshop Gifs’ Making?](#Part 2)

03 [How to Create After Effects Gifs](#Part 3)

Part 1 General Knowledge on GIF Animation

01What is a GIF?

The acronym GIF stands for Graphics Interchange Format and the file is created in bitmap image format. This was developed back in 1987 by a working in CompuServe.

This format was incredibly successful on the WEB due to benefits like smaller file sizes, broader support, and its easy compatibility with Operating Systems.

However, GIFs are much more suitable as simple graphics and logos rather than Live Action Videos with its palette limitation of 256 per image.

Creating a GIF is like looping an animation or animated elements. You can use these animated GIFs in banners to engage your audience or even create fun sharable content for your Facebook pages.

You can start by creating basic easy animations in Photoshop and then elevate them by using After Effects.

02Why create a GIF?

Here are a handful of things you can keep your eye on if you are just starting on making GIFs;

● Simple Product Demonstrations. With simple 3 to 4 step GIFs, you can briefly introduce steps on how to use a product.

● You can provide instructions in a short span of time.

● UX designers use GIFs to show the functioning of certain digital experiences.

● You can introduce GIFs on your page to keep followers engaged.

● You can display some amazing things on your website.

Part 2 Difference between making GIFs in After Effects and Photoshop

Creating GIFs in After Effects and Photoshop are both one in the same thing but the results may vary depending on which choice of tools and features suits you better.

Now, for those who are learning Photoshop and After Effects for the first time, to understand the difference in results between both these software lets familiarize you with their features in brief.

01What’s Similar?

Since both are designed by Adobe, there are bound to be similarities in the tools and interface they use. Both these software enables you to use layers of editing from the layer panel where you separate the blending or transform multiple layers. You can apply masks to these layers in different ways on both software.

02Groups (PS) and Nested (AE) Composition

In Photoshop, you can group layers together and apply styles, blends, and transformations together. However, in After Effects, this is called Nesting.

Both are in a way similar to each other but Nesting Comps give users more functionality as it interprets probable compositions during the nesting process.

Smart objects used in PS are also comparable to Nested Comps as you can apply filters over one while applying effects to the other.

03Vector and Shapes

You can use the Pen tool or Shape tool in both PS and AE that creates shape layers without losing any integrity. Both the applications support Bezier which lets you control curves between anchor points in PS and vertices in AE.

04Destructive Effects

After Effects does not provide you with destructive effects while in Photoshop you can apply non-destructive filters. You can also combine several layers to apply changes or distort your images but these permanent changes cannot be made in After Effects.

You will also notice that although there are several similarities, there are tools and features which are not shared between both applications. The types of tool categories would also vary. Like with After Effects, you can create paragraph and character styles that you can apply to texts.

Part 3 How to Create After Effects Gifs

After Effects harbors greater video editing capabilities rather than the basic animating options you can try on Photoshop. In creating a GIF, you would want to leverage the combination of tools offered on both After Effects and Photoshop.

Let’s first get into how you can create an animated video on After Effects and then convert it into an animated GIF in Photoshop.

01Animating in After Effects

Step 1: Open After Effects, go to ‘Composition’ and create ‘New Composition’. You will need to fill out the dimensions and specs for your project on the window that pops up. For example, 300x250 px at 30 fps and 6 sec duration.

Step 2: You can import assets by dragging and dropping, or by going to the ‘Project Panel’ in the After Effects Workspace as shown in the image.

Step 3: Now, you can begin animating your Assets. Drag them and add them to the ‘Composition’ panel or ‘Timeline’ panel. Placing them in either one will make them appear on both. Adjust the layers according to the topmost layer on the panel.

Dial down the scale of every animation to 0% so that can be animated in a growing sequence. Select the layer you wish to adjust and click on ‘Transform’. Click on ‘Scale’ to give that layer an active marker on the timeline. Set the scale to 0%.

You can now begin animating the first item by moving the current time indicator to 06f (the 6th frame on the 30fps timeline). Scale the item back to 100% and the marker will reappear.

Repeat this for the other items. Keep in mind that each item has a 06f space between them for later adjustability.

Your equation is now complete and all that is left to do is animate your CTA button. Adjust the position of the top layer on your CTA and set the current time indicator to start time on the button animation. Click on ‘position’ to set up a marker on your Timeline. Forward the 04f then nudge the button and reverse back to the original position so that it looks like a button clicking animation.

Your animation is now complete. Now go to ‘Composition’ and shorten the time in the ‘Duration’ panel.

Step 4: Go to Composition. Click on Pre-Render and a new selection will pop up. Now click on ‘Render’. Your output will be a .mov file.

If you find exporting gifs from After Effects too complicated, you can also upload and loop videos using Wondershare Filmora Video Editor which has plenty of other amazing video editing features you can drag and drop to create.

Wondershare Filmora - Best Video Editor for Mac/Windows

Try It Free Try It Free

5,481,435 people have downloaded it.

Build unique custom animations without breaking a sweat.

Focus on creating epic stories and leave the details to Filmora’s auto features.

Start a creative adventure with drag & drop effects and endless possibilities.

Filmora simplifies advanced features to save you time and effort.

Filmora cuts out repetition so you can move on to your next creative breakthrough.

02Converting Animation to GIF in Photoshop

Step 1: Create a new file in Photoshop with the same specs as you did in After Effects. Now go to ‘File’ > ‘Import’ > ‘Frames to Layers’ and import the saved .mov file.

Step 2: If you don’t automatically see the timeline, go to Windows > Timeline.

Step 3: Decide on how many loops you want in your animation. Once you are done with your GIF, go to ‘File’ > Export. Apply the Legacy Save for Web and choose the format for your GIF.

Step 4: In Export options, you can gain access to several presets to apply to your animated GIFs. The more color displayed in your GIF, the larger its size. You can use Dethering to smoothen gradients and shades. Looping is also turned off on Photoshop but you can apply looping from the ‘Options’ shown at the bottom of the menu.

Part 1 Ending Thoughts

● GIFs are a popular type of media that is quite trendy and easy to make using Adobe after effects gifs or Photoshop. They are called Graphics Interchange Format and are best used as simple graphic images.

● You require a combination of both Photoshop and After Effects, though both share similar interfaces, tools, and effects. You can group or nest compositions, apply filters or effects, and adjust vectors and shapes.

● After Effects is better than Photoshop in terms of creating videos, so you can first create a project in AE and then import the project onto PS after exporting after effects to gif. You can also use Filmora for the first step of this process.

Try It Free Try It Free

GIFs have been around for quite some time but as the flow of content continues to plummet on popular social media platforms like Facebook or Instagram, the demand for GIFs would continue to increase.

Unfortunately, you won’t be able to make a gif in after effects directly, unless with the help of a plug-in like GIFGun.

Before moving forward, keep in mind that using Adobe Media Encoder is an easier method for compressing your exports rather than any third-party compressor.

In this article, you will find easy to follow methods using which you can create after effects GIFs within a matter of minutes.

In this article

01 [General Knowledge on GIF Animation](#Part 1)

02 [What Is the Difference Between After Effects Gifs’ Making and Photoshop Gifs’ Making?](#Part 2)

03 [How to Create After Effects Gifs](#Part 3)

Part 1 General Knowledge on GIF Animation

01What is a GIF?

The acronym GIF stands for Graphics Interchange Format and the file is created in bitmap image format. This was developed back in 1987 by a working in CompuServe.

This format was incredibly successful on the WEB due to benefits like smaller file sizes, broader support, and its easy compatibility with Operating Systems.

However, GIFs are much more suitable as simple graphics and logos rather than Live Action Videos with its palette limitation of 256 per image.

Creating a GIF is like looping an animation or animated elements. You can use these animated GIFs in banners to engage your audience or even create fun sharable content for your Facebook pages.

You can start by creating basic easy animations in Photoshop and then elevate them by using After Effects.

02Why create a GIF?

Here are a handful of things you can keep your eye on if you are just starting on making GIFs;

● Simple Product Demonstrations. With simple 3 to 4 step GIFs, you can briefly introduce steps on how to use a product.

● You can provide instructions in a short span of time.

● UX designers use GIFs to show the functioning of certain digital experiences.

● You can introduce GIFs on your page to keep followers engaged.

● You can display some amazing things on your website.

Part 2 Difference between making GIFs in After Effects and Photoshop

Creating GIFs in After Effects and Photoshop are both one in the same thing but the results may vary depending on which choice of tools and features suits you better.

Now, for those who are learning Photoshop and After Effects for the first time, to understand the difference in results between both these software lets familiarize you with their features in brief.

01What’s Similar?

Since both are designed by Adobe, there are bound to be similarities in the tools and interface they use. Both these software enables you to use layers of editing from the layer panel where you separate the blending or transform multiple layers. You can apply masks to these layers in different ways on both software.

02Groups (PS) and Nested (AE) Composition

In Photoshop, you can group layers together and apply styles, blends, and transformations together. However, in After Effects, this is called Nesting.

Both are in a way similar to each other but Nesting Comps give users more functionality as it interprets probable compositions during the nesting process.

Smart objects used in PS are also comparable to Nested Comps as you can apply filters over one while applying effects to the other.

03Vector and Shapes

You can use the Pen tool or Shape tool in both PS and AE that creates shape layers without losing any integrity. Both the applications support Bezier which lets you control curves between anchor points in PS and vertices in AE.

04Destructive Effects

After Effects does not provide you with destructive effects while in Photoshop you can apply non-destructive filters. You can also combine several layers to apply changes or distort your images but these permanent changes cannot be made in After Effects.

You will also notice that although there are several similarities, there are tools and features which are not shared between both applications. The types of tool categories would also vary. Like with After Effects, you can create paragraph and character styles that you can apply to texts.

Part 3 How to Create After Effects Gifs

After Effects harbors greater video editing capabilities rather than the basic animating options you can try on Photoshop. In creating a GIF, you would want to leverage the combination of tools offered on both After Effects and Photoshop.

Let’s first get into how you can create an animated video on After Effects and then convert it into an animated GIF in Photoshop.

01Animating in After Effects

Step 1: Open After Effects, go to ‘Composition’ and create ‘New Composition’. You will need to fill out the dimensions and specs for your project on the window that pops up. For example, 300x250 px at 30 fps and 6 sec duration.

Step 2: You can import assets by dragging and dropping, or by going to the ‘Project Panel’ in the After Effects Workspace as shown in the image.

Step 3: Now, you can begin animating your Assets. Drag them and add them to the ‘Composition’ panel or ‘Timeline’ panel. Placing them in either one will make them appear on both. Adjust the layers according to the topmost layer on the panel.

Dial down the scale of every animation to 0% so that can be animated in a growing sequence. Select the layer you wish to adjust and click on ‘Transform’. Click on ‘Scale’ to give that layer an active marker on the timeline. Set the scale to 0%.

You can now begin animating the first item by moving the current time indicator to 06f (the 6th frame on the 30fps timeline). Scale the item back to 100% and the marker will reappear.

Repeat this for the other items. Keep in mind that each item has a 06f space between them for later adjustability.

Your equation is now complete and all that is left to do is animate your CTA button. Adjust the position of the top layer on your CTA and set the current time indicator to start time on the button animation. Click on ‘position’ to set up a marker on your Timeline. Forward the 04f then nudge the button and reverse back to the original position so that it looks like a button clicking animation.

Your animation is now complete. Now go to ‘Composition’ and shorten the time in the ‘Duration’ panel.

Step 4: Go to Composition. Click on Pre-Render and a new selection will pop up. Now click on ‘Render’. Your output will be a .mov file.

If you find exporting gifs from After Effects too complicated, you can also upload and loop videos using Wondershare Filmora Video Editor which has plenty of other amazing video editing features you can drag and drop to create.

Wondershare Filmora - Best Video Editor for Mac/Windows

Try It Free Try It Free

5,481,435 people have downloaded it.

Build unique custom animations without breaking a sweat.

Focus on creating epic stories and leave the details to Filmora’s auto features.

Start a creative adventure with drag & drop effects and endless possibilities.

Filmora simplifies advanced features to save you time and effort.

Filmora cuts out repetition so you can move on to your next creative breakthrough.

02Converting Animation to GIF in Photoshop

Step 1: Create a new file in Photoshop with the same specs as you did in After Effects. Now go to ‘File’ > ‘Import’ > ‘Frames to Layers’ and import the saved .mov file.

Step 2: If you don’t automatically see the timeline, go to Windows > Timeline.

Step 3: Decide on how many loops you want in your animation. Once you are done with your GIF, go to ‘File’ > Export. Apply the Legacy Save for Web and choose the format for your GIF.

Step 4: In Export options, you can gain access to several presets to apply to your animated GIFs. The more color displayed in your GIF, the larger its size. You can use Dethering to smoothen gradients and shades. Looping is also turned off on Photoshop but you can apply looping from the ‘Options’ shown at the bottom of the menu.

Part 1 Ending Thoughts

● GIFs are a popular type of media that is quite trendy and easy to make using Adobe after effects gifs or Photoshop. They are called Graphics Interchange Format and are best used as simple graphic images.

● You require a combination of both Photoshop and After Effects, though both share similar interfaces, tools, and effects. You can group or nest compositions, apply filters or effects, and adjust vectors and shapes.

● After Effects is better than Photoshop in terms of creating videos, so you can first create a project in AE and then import the project onto PS after exporting after effects to gif. You can also use Filmora for the first step of this process.

Tips & Tricks To Perfectly Use the Audio Mixer in Filmora

Have you seen those classic and outstanding videos of professional YouTubers? Yeah, they feel different from the videos we usually make. The reason mainly lies within the outclass audio quality of those videos.

And now, you might think it’s impossible to mess with the audio control without the support of a professional. But believe me; it’s much simpler than you think. In this brief guide, we’ll show you how to use the audio mixer of Filmora to fine-tune all of your videos skillfully.

But let’s first see what an audio mixer is.

Part 1: What is an audio mixer?

An audio mixer is a tool that gives you control over the audio quality of your videos. Using the audio mixer, you can easily give your video a cinematic feel by controlling different modes and levels.

And that’s not where it ends!!! This mixing console also allows you to mix, combine and balance audio from different sources. So control your audio and give your video that extra bit of depth.

To your surprise, you can access this excellent tool without cost using the world’s leading video editor, Filmora . Let’s see a brief intro of Wondershare Filmora, and then we’ll show you how to use the audio mixer of Filmora in a stepwise manner.

Free Download For Win 7 or later(64-bit)

Free Download For macOS 10.14 or later

Part 2: An easy-to-use audio mixer - Wondershare Filmora

Wondershare Filmora is one of the world’s leading video-editor and is no less than a blessing for all creators. Its stunning editing features like split screen, motion tracking, speed ramping, and many others allow you to take your video to the next level. Moreover, the massive arsenal of video effects and AI portraits gives you various choices.

What’s more, you can tweak the audio using auto synchronization, audio duckling, an audio visualizer, and even an audio mixer. Isn’t it fantastic? Now let’s move forward and see how we can sharpen our video with the audio mixer of Filmora in detail steps.

Part 3: Steps to effectively use the audio mixer in Filmora

Here are the steps you need to follow to use the audio mixer of Filmora effectively.

Step1Download & install

First, you must have a suitable version of Filmora installed on your device. Here are the steps to install the free version.

• Go to the official website of Filmora and hit the “Free Download” button. Filmora is available for Windows 11 and all the previous versions, as well as for macOS 10.14 to macOS 13

Free Download For Win 7 or later(64-bit)

Free Download For macOS 10.14 or later

• When the download finishes, follow the guidelines of the installation wizard to install Filmora on your computer.

Now let’s see how to prepare our video.

Step2Prepare your video

After you have installed the latest version of Filmora, you need to prepare your video for editing.

For this,

• Launch the Filmora on your computer and click the “New Project” button from the starting interface.

• Now let’s import our video. Click on the “Import Media” section or drag and drop your video/audio file here to import it.

• Once the media file has been imported, add it to the editing panel below with the drag-and-drop method. This is important to create a workspace for your video.

• Now it’s time to edit the video. Make all the editing you want with graphics and visuals to finalize your video before using the audio mixer. And once it’s done, we can move to the first-class audio mixer of Filmora.

Bonus Tip: Before using the audio mixer, ensure you have a headphone to see the changes you are making instead of relying on your desktop speaker.

Step3Start the audio mixer

To open up the audio mixer, click on the “audio mixer” icon on the toolbar below the preview window.

This is what your audio mixer will look like at the start.

Now we can start adjusting the audio settings. Let’s go with the audio levels first.

Step4Adjust the audio levels

To adjust the audio levels, look at the left side of the audio mixer. Here you’ll see two vertical bars, which are;

• The audio levels for the video clip.
• The audio levels for the sound and music in the music track.

You can adjust the icon up or down to make these channels louder or softer.

After the audio levels, let’s see how we can change the audio channels.

Free Download For Win 7 or later(64-bit)

Free Download For macOS 10.14 or later

Step5Adjust the audio channels

See those circles above the audio levels? These are for adjusting the audio channels.

• Rotate the knob-like icon in these circles to adjust the Audio channels’ pan/bounce control. This switches the sound between the left and right channels.
• On top of that, you can see these changes on the channel control panel.

To check the effect, let’s rotate the knob to the left. And to see the result hit the “Play” button on the bottom left corner of the audio mixer interface. Here’s how it looks.

Now it’s time to select the audio mode.

Step6Select the audio mode

The audio mixer of Filmora provides you with two audio mode options. These are;

● Stereo Mode

In the Stereo mode, you can pan from left to right and control your audio just like the knob of the audio channel.

● Surround Mode

You can pan from left to right and front to back in this mode by rotating the video or music icons. This provides you with complete control over the audio positions. But remember that this mode works best if your video is played with the surround sound system.

Once you have changed the audio mode, let’s look at the master levels.

Step7Adjust the master levels

On the very left of the window, you’ll find the Master levels.

This is where you can adjust the master section or all your audio files on your timeline.

• Just drag the master level slider upward and downwards, and you’ll notice the changes right away.

So done with the changes? Let’s preview them.

Free Download For Win 7 or later(64-bit)

Free Download For macOS 10.14 or later

Step8Preview your changes

After carefully making all the changes to your audio, preview it for the last time before going with them. The “Play” button is still there in the bottom left corner.

Perfect!!! No? Make the changes again until you are satisfied and then hit the “Apply” button on the bottom right corner to adjust these changes.

And here we are, done!!! Now you can easily surprise your friends with your master-like audio handling. Before we wind up our guide, we’ll answer some of the frequently asked questions about the audio mixer of Filmora. So let’s dive right into it.

Part 4: Hot FAQs about the audio mixer of Filmora

1.How important is an audio mixer in video editing?

An audio mixer is necessary if you want to create impressive videos. This master volume control allows you to deepen the audio effect and merge two audio sources to get the maximum out of them. This is why most content creators give grave importance to audio mixers during video editing.

2.Where can we find the audio mixer in Filmora?

Like other highly advanced editing tools, you can also find the audio mixer in Filmora. After you’ve placed your media file on the editing panel, the “audio mixer” icon appears on the toolbar under the preview channel.

3.Is the audio mixer of Filmora available for free?

Yes, you can freely use the audio mixer of Filmora as much as you want without any cost. And unlike many other free sound control tools, you get all the latest and advanced features like the preview tool with the audio mixer of Filmora.

Conclusion

Every top-ranked video contains the best-suited audio tracks with it. And the audio mixer of Filmora comes in handy whenever you want to tweak the audio settings of a video.

In this article, we’ve covered everything you need to know about using the audio mixer in Filmora.

Free Download For Win 7 or later(64-bit)

Free Download For macOS 10.14 or later

Free Download For macOS 10.14 or later

Part 2: An easy-to-use audio mixer - Wondershare Filmora

Wondershare Filmora is one of the world’s leading video-editor and is no less than a blessing for all creators. Its stunning editing features like split screen, motion tracking, speed ramping, and many others allow you to take your video to the next level. Moreover, the massive arsenal of video effects and AI portraits gives you various choices.

What’s more, you can tweak the audio using auto synchronization, audio duckling, an audio visualizer, and even an audio mixer. Isn’t it fantastic? Now let’s move forward and see how we can sharpen our video with the audio mixer of Filmora in detail steps.

Part 3: Steps to effectively use the audio mixer in Filmora

Here are the steps you need to follow to use the audio mixer of Filmora effectively.

Step1Download & install

First, you must have a suitable version of Filmora installed on your device. Here are the steps to install the free version.

• Go to the official website of Filmora and hit the “Free Download” button. Filmora is available for Windows 11 and all the previous versions, as well as for macOS 10.14 to macOS 13

Free Download For Win 7 or later(64-bit)

Free Download For macOS 10.14 or later

• When the download finishes, follow the guidelines of the installation wizard to install Filmora on your computer.

Now let’s see how to prepare our video.

Step2Prepare your video

After you have installed the latest version of Filmora, you need to prepare your video for editing.

For this,

• Launch the Filmora on your computer and click the “New Project” button from the starting interface.

• Now let’s import our video. Click on the “Import Media” section or drag and drop your video/audio file here to import it.

• Once the media file has been imported, add it to the editing panel below with the drag-and-drop method. This is important to create a workspace for your video.

• Now it’s time to edit the video. Make all the editing you want with graphics and visuals to finalize your video before using the audio mixer. And once it’s done, we can move to the first-class audio mixer of Filmora.

Bonus Tip: Before using the audio mixer, ensure you have a headphone to see the changes you are making instead of relying on your desktop speaker.

Step3Start the audio mixer

To open up the audio mixer, click on the “audio mixer” icon on the toolbar below the preview window.

This is what your audio mixer will look like at the start.

Now we can start adjusting the audio settings. Let’s go with the audio levels first.

Step4Adjust the audio levels

To adjust the audio levels, look at the left side of the audio mixer. Here you’ll see two vertical bars, which are;

• The audio levels for the video clip.
• The audio levels for the sound and music in the music track.

You can adjust the icon up or down to make these channels louder or softer.

After the audio levels, let’s see how we can change the audio channels.

Free Download For Win 7 or later(64-bit)

Free Download For macOS 10.14 or later

Step5Adjust the audio channels

See those circles above the audio levels? These are for adjusting the audio channels.

• Rotate the knob-like icon in these circles to adjust the Audio channels’ pan/bounce control. This switches the sound between the left and right channels.
• On top of that, you can see these changes on the channel control panel.

To check the effect, let’s rotate the knob to the left. And to see the result hit the “Play” button on the bottom left corner of the audio mixer interface. Here’s how it looks.

Now it’s time to select the audio mode.

Step6Select the audio mode

The audio mixer of Filmora provides you with two audio mode options. These are;

● Stereo Mode

In the Stereo mode, you can pan from left to right and control your audio just like the knob of the audio channel.

● Surround Mode

You can pan from left to right and front to back in this mode by rotating the video or music icons. This provides you with complete control over the audio positions. But remember that this mode works best if your video is played with the surround sound system.

Once you have changed the audio mode, let’s look at the master levels.

Step7Adjust the master levels

On the very left of the window, you’ll find the Master levels.

This is where you can adjust the master section or all your audio files on your timeline.

• Just drag the master level slider upward and downwards, and you’ll notice the changes right away.

So done with the changes? Let’s preview them.

Free Download For Win 7 or later(64-bit)

Free Download For macOS 10.14 or later

Step8Preview your changes

After carefully making all the changes to your audio, preview it for the last time before going with them. The “Play” button is still there in the bottom left corner.

Perfect!!! No? Make the changes again until you are satisfied and then hit the “Apply” button on the bottom right corner to adjust these changes.

And here we are, done!!! Now you can easily surprise your friends with your master-like audio handling. Before we wind up our guide, we’ll answer some of the frequently asked questions about the audio mixer of Filmora. So let’s dive right into it.

Part 4: Hot FAQs about the audio mixer of Filmora

1.How important is an audio mixer in video editing?

An audio mixer is necessary if you want to create impressive videos. This master volume control allows you to deepen the audio effect and merge two audio sources to get the maximum out of them. This is why most content creators give grave importance to audio mixers during video editing.

2.Where can we find the audio mixer in Filmora?

Like other highly advanced editing tools, you can also find the audio mixer in Filmora. After you’ve placed your media file on the editing panel, the “audio mixer” icon appears on the toolbar under the preview channel.

3.Is the audio mixer of Filmora available for free?

Yes, you can freely use the audio mixer of Filmora as much as you want without any cost. And unlike many other free sound control tools, you get all the latest and advanced features like the preview tool with the audio mixer of Filmora.

Conclusion

Every top-ranked video contains the best-suited audio tracks with it. And the audio mixer of Filmora comes in handy whenever you want to tweak the audio settings of a video.

In this article, we’ve covered everything you need to know about using the audio mixer in Filmora.

Free Download For Win 7 or later(64-bit)

Free Download For macOS 10.14 or later

2 Ways to Fade in Text in Premiere Pro

Every video is unappealing until you edit the video properly. Editing videos not only means trimming out unnecessary parts but also adding effects and animations. There are certain effects and transitions that are commonly used in most videos. Fade in effect is widely used in texts, objects, as well as clips. Fade in effect is very eye-soothing that does not distract the audience from the overall video content.

Fade in effect is available in all video editors. Among video editors, Adobe Premiere Pro is one of the best professional video editors. However, the learning curve of Premiere Pro is steep and hence, you have to know the exact steps to add fade in text Premiere Pro. We will illustrate how to apply fade in text effect Pro as well as add fade in and fade out transition effects in Premiere Pro. We will also state an alternative way to fade in texts in your videos.

Part 1. Fade in text in Premiere Pro with Opacity option

If you have added any text or any graphical object in your video on Premiere Pro, you can apply fade in effect to your text and object easily. When you add fade in effect to your text or object, they slowly appear on the screen which is very soothing to watch instead of sudden and abrupt appearance. Here are the steps on how to fade text in Premiere Pro.

Step1 You must have your video clip as well as text clip on the Timeline of Premiere Pro. Make sure that you add text from Essential Graphics panel. Select the text clip from the Timeline to proceed.

Step2 Go to Effect Controls and click on Text option to expand it. Click on Opacity option from the dropdown menu.

Step3 Put the timeline cursor at the beginning of the selected text clip. Thereafter, make the Opacity value to zero. Click on Stopwatch icon beside Opacity to add a keyframe.

Step4 Put the timeline cursor at that point in the clip where you want the text to appear completely. Now make the Opacity value to 100. Click on Stopwatch to add a keyframe here.

Step5 Play the video to watch the fade in effect on your selected text. You can move the keyframes to speed up or slow down fade in effect.

Part 2. Make fade in or out with transition effects

If you have multiple video clips or scenes, you should add fade in and fade out transition effects so that the transition from one clip to another or one scene to another is smooth. The fade in or fade out effect for video clips look similar to fade text Premiere Pro. In fact, you can use the steps of how to fade in text in Premiere Pro to get the job done. But there is an easier way available with Video Transitions option. Here are the steps on how to apply fade in or out effect on your video clips in Premiere Pro.

Step1 You should have multiple video clips added to Timeline. Select the video clip to which you want to apply Fade in effect.

Step2 Go to Effects panel and click on Video Transitions option.

Step3 Click on Dissolve and from the dropdown list, drag and drop Film Dissolve to the beginning of the selected video clip for fade in effect.

Step4 Click on the added effect on Timeline to adjust speed, duration, and alignment of the effect.

Step5 Play the video to ensure that the effect looks perfect. Therefore, go to File> Share> Export File to save the video.

You can place the transition at the end of the video for fading out effect. Instead of Film Dissolve, you can use Crossfade or Dip to Black effect for fade in and fade out effect on video clips.

Part 3. Alternative way to fade in text in videos

If you do not have Adobe Premiere Pro or you find the steps difficult to fade in text in videos using Premiere Pro, we recommend Wondershare Filmora . Filmora is a professional video editor that is available for Windows as well as Mac users. There is a wide range of video effects available in Filmora in comparison to Premiere Pro. Most importantly, Filmora is super easy and intuitive to use, and even amateur users can use it comfortably. Here are the steps to fade in text in videos using Filmora.

Free Download For Win 7 or later(64-bit)

Free Download For macOS 10.14 or later

Step1 Download and install Filmora . Launch Filmora and click on New Project option.

Step2 Import the video clip under Project Media folder. Drag and drop the video clip to Timeline.

Step3 Go to Titles located at the top and drag and drop any title style on Timeline. Double-click on the Title clip on Timeline and type in your required text in the Viewer. You can stretch the Title clip to extend its duration as per your requirement.

Step4 Double-click on Title clip again on the Timeline and go to Text> Animation tab located at the top-left corner. Scroll down to go to Fade1 option and double-click Fade1 to apply it to your text.

Step5 You can go to settings by clicking on Advanced button and adjust parameters such as speed and duration of the fade effect for better visibility.

Step6 Once you are done, play the video and thereafter, click on Export to save the video on your hard drive.

Conclusion

We have stated the steps on how to fade text in Premiere Pro. You can use the same steps to apply the effect to graphical objects. We have also illustrated how to apply fade in and fade out effects between video clips and scenes using transition effects. If you are looking for an alternative and easier way to fade in texts in your videos, we recommend Wondershare Filmora .

Free Download For macOS 10.14 or later

Step1 Download and install Filmora . Launch Filmora and click on New Project option.

Step2 Import the video clip under Project Media folder. Drag and drop the video clip to Timeline.

Step3 Go to Titles located at the top and drag and drop any title style on Timeline. Double-click on the Title clip on Timeline and type in your required text in the Viewer. You can stretch the Title clip to extend its duration as per your requirement.

Step4 Double-click on Title clip again on the Timeline and go to Text> Animation tab located at the top-left corner. Scroll down to go to Fade1 option and double-click Fade1 to apply it to your text.

Step5 You can go to settings by clicking on Advanced button and adjust parameters such as speed and duration of the fade effect for better visibility.

Step6 Once you are done, play the video and thereafter, click on Export to save the video on your hard drive.

Conclusion

We have stated the steps on how to fade text in Premiere Pro. You can use the same steps to apply the effect to graphical objects. We have also illustrated how to apply fade in and fade out effects between video clips and scenes using transition effects. If you are looking for an alternative and easier way to fade in texts in your videos, we recommend Wondershare Filmora .

Text Animation Intro Tutorial in Filmora

Preparation

What you need to prepare:

• A computer (Windows or macOS)
• Your video materials.
• Filmora video editor

Free Download Free Download

Step 1

Download and Install the Filmora video editor . Then, click on New Project once the program starts.

Step 2

Go to Titles and drag the Default Title to the Timeline. Then, double-click on the Default Title clip to open its settings. Here, type in your text → change the text color to Black → click OK → take a snapshot.

Step 3

Double-click on the Default Title once more and simply change the text color to anything other than black this time. Then, click OK and take another snapshot. After this, delete the Default Title from the Timeline.

Step 4

Next, go to Sample Color and drag the White color to the Timeline. Increase the White Color clip’s duration to 10 seconds by dragging the tail of the clip to the right.

Step 5

For the next step, you need to download a simple Vignette png image . Then, import the Vignette image into Filmora. Go to My Media and click on Import Media. Import it and drag the image to the Timeline. Then, move that clip to Track 3.

Step 6

Drop the Black snapshot you took earlier to Track 2. Double-click on it, go to Animation, and apply these settings. After this, move the Playhead to the end of the clip and change the X-axis value to “-800”.

Step 7

Go to Effects and drag the Square Blur effect to Track 4 on the Timeline. Increase its duration to match the other clips. Then, click on the effect and change its Size bar value to 4. Click OK.

Step 8

Place the Playhead at the beginning of the clip. Go to My Media and drag the Black snapshot to Track 5. Double-click on it → go to Animation and change the settings to look like this. Then, move the Playhead to 9 seconds. Here, change the X-axis to “150” and the Scale to 75%.

Step 9

Now, place the Playhead at the starting point and drag the colored snapshot in Track 6. Double-click on it and change the Scale to 50%. Then, move the Playhead to 9 seconds again and change the Scale to 75%. Click OK.

Step 10

Go to Sample Color and drag “Gradient 4” to Track 7 on the Timeline. Double-click on it → go to the Video tab → change the Blending Mode to Overlay → decrease the Opacity to 25%. Click OK.

Step 11

Drag a Default Title to Track 8 and double-click on it to open its Advanced settings. From here, delete the yellow text clip located under the video. Then, insert a Line shape.

Step 12

Increase the Line’s length to be almost as long as the screen. Then adjust its position until half of the Line is visible on the screen. Like this.

Step 13

Copy this Default Title and paste it into Track 9. Open its Advanced settings and change the Line color to something different than the previous one. Then, move it to the other side of the screen, slightly above the previous line. Click OK.

Step 14

Now, select the Default Title on Track 9, double-click it, and go to the Animation tab. Move the Playhead at the starting point of the Timeline and add a keyframe. Then, move the Playhead to the end of the clip. Drag the X-axis position to the right until the Line shape moves all the way to the right side of the screen.

Do the same for the Default Title on Track 8. But this time, drag the X-axis position toward the other side. When you’re done, press OK.

Step 15

Go to the Effects tab → drag the Luma Sharp effect to Track 10. Click it and change its Intensity to 10.

Step 16

You’re all done. Click on the Render button to render all the clips and finally preview your creation. Congratulations on creating a text animation intro in Filmora.

Summary

What you’ve learned:

• Create a unique text animation intro in Filmora
• Animate text and titles
• How to add and animate different shapes in Filmora
• Edit the advanced settings of elements in the Filmora video editor

Free Download Free Download

What you need to prepare:

• A computer (Windows or macOS)
• Your video materials.
• Filmora video editor

Free Download Free Download

Step 1

Download and Install the Filmora video editor . Then, click on New Project once the program starts.

Step 2

Go to Titles and drag the Default Title to the Timeline. Then, double-click on the Default Title clip to open its settings. Here, type in your text → change the text color to Black → click OK → take a snapshot.

Step 3

Double-click on the Default Title once more and simply change the text color to anything other than black this time. Then, click OK and take another snapshot. After this, delete the Default Title from the Timeline.

Step 4

Next, go to Sample Color and drag the White color to the Timeline. Increase the White Color clip’s duration to 10 seconds by dragging the tail of the clip to the right.

Step 5

For the next step, you need to download a simple Vignette png image . Then, import the Vignette image into Filmora. Go to My Media and click on Import Media. Import it and drag the image to the Timeline. Then, move that clip to Track 3.

Step 6

Drop the Black snapshot you took earlier to Track 2. Double-click on it, go to Animation, and apply these settings. After this, move the Playhead to the end of the clip and change the X-axis value to “-800”.

Step 7

Go to Effects and drag the Square Blur effect to Track 4 on the Timeline. Increase its duration to match the other clips. Then, click on the effect and change its Size bar value to 4. Click OK.

Step 8

Place the Playhead at the beginning of the clip. Go to My Media and drag the Black snapshot to Track 5. Double-click on it → go to Animation and change the settings to look like this. Then, move the Playhead to 9 seconds. Here, change the X-axis to “150” and the Scale to 75%.

Step 9

Now, place the Playhead at the starting point and drag the colored snapshot in Track 6. Double-click on it and change the Scale to 50%. Then, move the Playhead to 9 seconds again and change the Scale to 75%. Click OK.

Step 10

Go to Sample Color and drag “Gradient 4” to Track 7 on the Timeline. Double-click on it → go to the Video tab → change the Blending Mode to Overlay → decrease the Opacity to 25%. Click OK.

Step 11

Drag a Default Title to Track 8 and double-click on it to open its Advanced settings. From here, delete the yellow text clip located under the video. Then, insert a Line shape.

Step 12

Increase the Line’s length to be almost as long as the screen. Then adjust its position until half of the Line is visible on the screen. Like this.

Step 13

Copy this Default Title and paste it into Track 9. Open its Advanced settings and change the Line color to something different than the previous one. Then, move it to the other side of the screen, slightly above the previous line. Click OK.

Step 14

Now, select the Default Title on Track 9, double-click it, and go to the Animation tab. Move the Playhead at the starting point of the Timeline and add a keyframe. Then, move the Playhead to the end of the clip. Drag the X-axis position to the right until the Line shape moves all the way to the right side of the screen.

Do the same for the Default Title on Track 8. But this time, drag the X-axis position toward the other side. When you’re done, press OK.

Step 15

Go to the Effects tab → drag the Luma Sharp effect to Track 10. Click it and change its Intensity to 10.

Step 16

You’re all done. Click on the Render button to render all the clips and finally preview your creation. Congratulations on creating a text animation intro in Filmora.

Summary

What you’ve learned:

• Create a unique text animation intro in Filmora
• Animate text and titles
• How to add and animate different shapes in Filmora
• Edit the advanced settings of elements in the Filmora video editor

Free Download Free Download

What you need to prepare:

• A computer (Windows or macOS)
• Your video materials.
• Filmora video editor

Free Download Free Download

Step 1

Download and Install the Filmora video editor . Then, click on New Project once the program starts.

Step 2

Go to Titles and drag the Default Title to the Timeline. Then, double-click on the Default Title clip to open its settings. Here, type in your text → change the text color to Black → click OK → take a snapshot.

Step 3

Double-click on the Default Title once more and simply change the text color to anything other than black this time. Then, click OK and take another snapshot. After this, delete the Default Title from the Timeline.

Step 4

Next, go to Sample Color and drag the White color to the Timeline. Increase the White Color clip’s duration to 10 seconds by dragging the tail of the clip to the right.

Step 5

For the next step, you need to download a simple Vignette png image . Then, import the Vignette image into Filmora. Go to My Media and click on Import Media. Import it and drag the image to the Timeline. Then, move that clip to Track 3.

Step 6

Drop the Black snapshot you took earlier to Track 2. Double-click on it, go to Animation, and apply these settings. After this, move the Playhead to the end of the clip and change the X-axis value to “-800”.

Step 7

Go to Effects and drag the Square Blur effect to Track 4 on the Timeline. Increase its duration to match the other clips. Then, click on the effect and change its Size bar value to 4. Click OK.

Step 8

Place the Playhead at the beginning of the clip. Go to My Media and drag the Black snapshot to Track 5. Double-click on it → go to Animation and change the settings to look like this. Then, move the Playhead to 9 seconds. Here, change the X-axis to “150” and the Scale to 75%.

Step 9

Now, place the Playhead at the starting point and drag the colored snapshot in Track 6. Double-click on it and change the Scale to 50%. Then, move the Playhead to 9 seconds again and change the Scale to 75%. Click OK.

Step 10

Go to Sample Color and drag “Gradient 4” to Track 7 on the Timeline. Double-click on it → go to the Video tab → change the Blending Mode to Overlay → decrease the Opacity to 25%. Click OK.

Step 11

Drag a Default Title to Track 8 and double-click on it to open its Advanced settings. From here, delete the yellow text clip located under the video. Then, insert a Line shape.

Step 12

Increase the Line’s length to be almost as long as the screen. Then adjust its position until half of the Line is visible on the screen. Like this.

Step 13

Copy this Default Title and paste it into Track 9. Open its Advanced settings and change the Line color to something different than the previous one. Then, move it to the other side of the screen, slightly above the previous line. Click OK.

Step 14

Now, select the Default Title on Track 9, double-click it, and go to the Animation tab. Move the Playhead at the starting point of the Timeline and add a keyframe. Then, move the Playhead to the end of the clip. Drag the X-axis position to the right until the Line shape moves all the way to the right side of the screen.

Do the same for the Default Title on Track 8. But this time, drag the X-axis position toward the other side. When you’re done, press OK.

Step 15

Go to the Effects tab → drag the Luma Sharp effect to Track 10. Click it and change its Intensity to 10.

Step 16

You’re all done. Click on the Render button to render all the clips and finally preview your creation. Congratulations on creating a text animation intro in Filmora.

Summary

What you’ve learned:

• Create a unique text animation intro in Filmora
• Animate text and titles
• How to add and animate different shapes in Filmora
• Edit the advanced settings of elements in the Filmora video editor

Free Download Free Download

What you need to prepare:

• A computer (Windows or macOS)
• Your video materials.
• Filmora video editor

Free Download Free Download

Step 1

Download and Install the Filmora video editor . Then, click on New Project once the program starts.

Step 2

Go to Titles and drag the Default Title to the Timeline. Then, double-click on the Default Title clip to open its settings. Here, type in your text → change the text color to Black → click OK → take a snapshot.

Step 3

Double-click on the Default Title once more and simply change the text color to anything other than black this time. Then, click OK and take another snapshot. After this, delete the Default Title from the Timeline.

Step 4

Next, go to Sample Color and drag the White color to the Timeline. Increase the White Color clip’s duration to 10 seconds by dragging the tail of the clip to the right.

Step 5

For the next step, you need to download a simple Vignette png image . Then, import the Vignette image into Filmora. Go to My Media and click on Import Media. Import it and drag the image to the Timeline. Then, move that clip to Track 3.

Step 6

Drop the Black snapshot you took earlier to Track 2. Double-click on it, go to Animation, and apply these settings. After this, move the Playhead to the end of the clip and change the X-axis value to “-800”.

Step 7

Go to Effects and drag the Square Blur effect to Track 4 on the Timeline. Increase its duration to match the other clips. Then, click on the effect and change its Size bar value to 4. Click OK.

Step 8

Place the Playhead at the beginning of the clip. Go to My Media and drag the Black snapshot to Track 5. Double-click on it → go to Animation and change the settings to look like this. Then, move the Playhead to 9 seconds. Here, change the X-axis to “150” and the Scale to 75%.

Step 9

Now, place the Playhead at the starting point and drag the colored snapshot in Track 6. Double-click on it and change the Scale to 50%. Then, move the Playhead to 9 seconds again and change the Scale to 75%. Click OK.

Step 10

Go to Sample Color and drag “Gradient 4” to Track 7 on the Timeline. Double-click on it → go to the Video tab → change the Blending Mode to Overlay → decrease the Opacity to 25%. Click OK.

Step 11

Drag a Default Title to Track 8 and double-click on it to open its Advanced settings. From here, delete the yellow text clip located under the video. Then, insert a Line shape.

Step 12

Increase the Line’s length to be almost as long as the screen. Then adjust its position until half of the Line is visible on the screen. Like this.

Step 13

Copy this Default Title and paste it into Track 9. Open its Advanced settings and change the Line color to something different than the previous one. Then, move it to the other side of the screen, slightly above the previous line. Click OK.

Step 14

Now, select the Default Title on Track 9, double-click it, and go to the Animation tab. Move the Playhead at the starting point of the Timeline and add a keyframe. Then, move the Playhead to the end of the clip. Drag the X-axis position to the right until the Line shape moves all the way to the right side of the screen.

Do the same for the Default Title on Track 8. But this time, drag the X-axis position toward the other side. When you’re done, press OK.

Step 15

Go to the Effects tab → drag the Luma Sharp effect to Track 10. Click it and change its Intensity to 10.

Step 16

You’re all done. Click on the Render button to render all the clips and finally preview your creation. Congratulations on creating a text animation intro in Filmora.

Summary

What you’ve learned:

• Create a unique text animation intro in Filmora
• Animate text and titles
• How to add and animate different shapes in Filmora
• Edit the advanced settings of elements in the Filmora video editor

Free Download Free Download

Also read: