EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login

Background in After Effects

By Preeti PrajapatiPreeti Prajapati

Home » Design » Design Tutorials » After Effects Tutorial » Background in After Effects

Background in After Effects

Introduction to Background in After Effects

Adobe After Affect initially developed by the members of the company of Science and Art Effect and later it was hired by Adobe systems. After Effect as its name shows is used in different types of editing of photography work, cinematography work, etc. It has a wide range of work areas that is video editing, photo editing, animation work, etc. The background is the basic part of the Adobe After Effect software and by managing background in after effect we can make very effective projects. We can edit, mask and animate our background according to our use. Here I will show you how to edit and animate your adobe after effect background.

Editing and Animating Background in After Effects

Here I will teach you about background in adobe after effect software in a very simple and interesting way. Let’s start our tutorial for editing background in steps by steps manner:

Start Your Free Design Course

3D animation, modelling, simulation, game development & others

  • This is the user interface of adobe after effect software. We have a different section in our user interface that is composition area, layer area, keyframe area, tool panel, etc.

adobe interface

Step 1: We will take a new composition as our background. For that click on New composition which is present in the work area.

new compostion (Background in After Effects)

Step 2: Or Click on this tab to create a new composition.

New Composition (Background in After Effects)

Step 3: A dialog box will be open to the composition setting.

compostion box (Background in After Effects)

Step 4: Here you can set some parameter of composition that is the name of the composition, size of composition, the color of composition, duration of the animation, and then click on the ok tab to apply the settings. I will take the default parameter here for my composition.

Popular Course in this category
After Effects Training (1 Courses, 3+ Projects)1 Online Courses | 3 Hands-on Projects | 20+ Hours | Verifiable Certificate of Completion | Lifetime Access
4.5 (2,813 ratings)
Course Price

View Course

Related Courses
Adobe Premiere Pro Tutorial (2 Courses, 7+ Projects)All in One Design Bundle (280+ Courses, 100+ projects)

set parameter 1 (Background in After Effects)

Step 5: Now we will edit our background with a gradient fill. For gradient fill right click on this area then go to new and click on solid, to create a new solid layer.

new solid layer (Background in After Effects)

Step 6: A solid layer will be found over our composition layer.

composition layer

Step 7: Go to Effect option on the top of the work area, go to Generate on the drop-down list and click on the Gradient Ramp to apply a gradient on background.

effect option

Step 8: Choose Radial Ramp from here to give radial ram in your background you can choose Linear as well according to your choice.

radial ramp

Step 9: By holding and dragging this circular plus icon you can change the radius of the radial gradient or change the parameter of End of Ramp option manually for changing the radius.

change radius

Step 10: You can also change the color of the gradient. Double click on Start Color option of the gradient parameter to change the color at the center.

start color option

Step 11: Again double click on End color option of gradient parameter to change the color of the outer color of the gradient.

outer color of the gradient

Step 12: This is the final gradient color on our background.

final gradient color

Step 13: Now you can apply multicolor as the gradient in your background, go to Effect option at the top of the work area then go to Generate and click on 4-Color Gradient.

multi color gradient

Step 14: Here you can set all the 4 colors according to you.

set 4 color

Step 15: For changing a particular color double click on that color icon and choose the color.

changing a color

Step 16: Now increase the parameter of the Blend option for giving smoothness in your gradient colors of the background.

blend option

Step 17: You can also set the color by Color correction option. Go to Effect option at the top of the work area then go to Color correction option and click on Curve option.

curve option

  • Now a curve will be generated in this section.

Curve graph

Step 18: By changing the curve shape you can change the colors in the gradient.

curve shape color

Step 19: Or you can change any particular color and choose the color from here.

color change option

Step 20: And change the shape of that color curve to change the proportion of that color in the gradient.

change color curve

Step 21: You can set the Opacity of the gradient according to you by changing the data of the Opacity option.

set opacity

Step 22: If you want to reset parameters of gradient color then click on the Reset tab of gradient color parameter box.

rest parameter

Step 23: Now we will animate our background. Right-click on this section then go to New option and click on solid.

animate background

Step 24: Choose the color of the solid layer as we did in the previous steps.

layer background

Step 25: Now take a rectangle tool from the tool panel at the top of the work area draw a rectangle as I draw.

rectangle tool

Step 26: You can change the color of the rectangle from the Fill option at the tool panel section.

rectangle color

Step 27: I will choose a light pink color from here as my rectangle color.

colored rectangle

Step 28: Now I will rotate the rectangle from rotation property of the rectangle at some angle.

rotate rectangle

Step 29: Now click on Add tab at the layer section of shape layer 1 and click on Repeater from here.

repeater option

Step 30: Now increase the number of copies and click on the small arrow icon of the rectangle layer then click on Copies option and increase the number of copies from here.

copy rectangle

Step 31: And increase the value of X- position of the repeater.

increase position

Step 32: Change the value of the Y position for setting the repeater in the right position.

change y position (Background in After Effects)

Step 33: Now change the value of the X position of the Transform parameter to cover the repeaters whole background.

value of the X position

Step 34: Now we will animate the position of the repeater. Click on the clock icon of the position to generate a keyframe for animation.

animate position (Background in After Effects)

Step 35: Now set the play head of the animation keyframe at 2 sec and change the value of the position so that we can generate moving appearance for the animation of our background.

keyframe 2sec (Background in After Effects)

Step 36: Drag the play head at the starting point with the left button of the mouse and press the spacebar from the keyboard to play the animation.

keyboard play animation (Background in After Effects)

  • In this way, you can animate your background in different ways and make it more and more effective for your project. You can change the background of the video also and give it according to you. We will see it in the next tutorial.

Conclusion

Here with me, you learned how to edit and animate background in After Effect software. After having good knowledge of background editing you can easily make the background for your project in After Effect with your own effects and give it a very effective view for making it eye-catching for the viewer.

Recommended Articles

This is a guide to Background in After Effects. Here we discuss the steps to edit and animate the background in after effects. You can also go through our other related articles to learn more-

  1. Transparent Background in After Effects
  2. Remove White Background in Illustrator
  3. Remove Background In Illustrator
  4. Background Eraser Tool in Photoshop
  5. Principles of Animation
  6. Animation in Flash
  7. Eraser Tool in Photoshop
  8. Methods for Creating Rain Effects

After Effects Training (1 Courses, 3+ Projects)

1 Online Courses

3 Hands-on Projects

20+ Hours

Verifiable Certificate of Completion

Lifetime Access

Learn More

0 Shares
Share
Tweet
Share
Primary Sidebar
After Effects Tutorial
  • Effects
    • Crop in After Effects
    • Text Effects in After Effects
    • Drop Shadow in After Effects
    • Background in After Effects
    • Blur in After Effects
    • Text in After Effects
    • Motion Blur in After Effects
    • Mask in After Effects
    • Color Correction in After Effects
    • Blending Modes in After Effects
    • Track Matte in After Effects
    • Transparent Background in After Effects
    • Slow Motion in After Effects
    • Animation in After Effects
    • Text Animation in After Effects
    • Logo Animation in After Effects
    • 2D After Effects Animation
    • 3D Effects in After Effects
    • 3D Text in After Effects
    • Shape Layers in After Effects
    • Export in After Effects
    • Morphing in After Effects
    • Twitch in After Effects
    • Snowfall in After Effects
    • Rain in After Effects
    • Masking Layers in After Effects
    • Group Layers in After Effects
    • Glitch Effect in After Effects
    • Composition in After Effects
    • After Effects Transitions
    • Typography in After Effects
    • Slider Control After Effects
    • Motion Graphics in After Effects
    • Wiggle in After Effects
    • After Effects Portable
    • Wiggle Expression in After Effects
    • Keylight in After Effects
    • Rotoscoping in After Effects
    • After Effects Render
    • After Effects Expressions
    • After Effects Presets
    • Duik After Effects
    • After Effects Split Clip
    • Trapcode in After Effects
    • Plexus After Effects
    • Logo Reveal After Effects
    • Mocha in After Effects
    • Twixtor in After Effects
    • Lens Flare in After Effects
    • After Effects Particles
    • After Effects Timeline
    • After Effects Tracking
    • Camera Tracking in After Effects
    • After Effects Repeater
    • After Effects Cartoon
    • After Effects Loop Expression
    • After Effects Optical Flares
    • Glow in After Effects
    • After Effects GIF
  • Basic
    • What is After Effects
    • After Effects Versions
    • After Effects Software
    • After Effects Shortcuts
    • Adobe After Effects Plugins
    • How to Use After Effects
  • After Effects Tools
    • After Effects Tools
    • Pen Tool in After Effects
    • Puppet Tool in After Effects
    • KeyFrames in After Effects
    • Adding Keyframes in After Effects

Related Courses

After Effects Training Course

Adobe Premiere Pro Training Course

Design Training Course

Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

© 2020 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA Login

Forgot Password?

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you
Book Your One Instructor : One Learner Free Class

Let’s Get Started

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you
EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

Special Offer - After Effects Training (1 Courses, 3+ Projects) Learn More