EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login
Home Design Design Tutorials After Effects Tutorial Background in After Effects
Secondary Sidebar
After Effects Tutorial
  • Effects
    • Crop in After Effects
    • Color Grading in After Effects
    • Text Effects in After Effects
    • After Effects Templates
    • After Effects Bounce Expression
    • Time Remapping After Effects
    • After Effects Gradient
    • After Effect Font
    • After Effects Duplicate Composition
    • After Effects Expressions List
    • After Effects Green Screen
    • After Effects Loop Composition
    • Drop Shadow in After Effects
    • Background in After Effects
    • Blur in After Effects
    • After Effects Freeze Frame
    • After Effects Move Anchor Point
    • After effects?Quicktime
    • 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
    • After Effects 3D Objects
    • 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
    • Ripple 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
    • After Effects Motion Tracking
    • After Effect Kinetic Typography
    • Cut Clips in After Effects
    • Lower third after effect
    • Masking Layers in Adobe After Effects
  • 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
    • After Effect Hologram
    • 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

Background in After Effects

By Preeti PrajapatiPreeti Prajapati

Background in After Effects

Introduction to Background in After Effects

Adobe After effect was initially developed by 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 as 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 a 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:

  • This is the user interface of adobe after effect software. We have a different section in our user interface: 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.

Start Your Free Design Course

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

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 the 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.

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 the 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 to the 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 the 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 the Start Color option of the gradient parameter to change the color at the center.

start color option

Step 11: Again, double click on the End color option of the 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 the 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 the Color correction option. Go to the Effect option at the top of the work area, then go to the Color correction option and click on the 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 gradient colour parameters, click on the Reset tab of the gradient color parameter box.

rest parameter

Step 23: Now, we will animate our background. Right-click on this section, then go to the 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 the 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 the 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 a 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 mouse’s left button 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.

All in One Design Bundle(280+ Courses, 100+ projects)
AutoCADHoudiniAdobe Premiere ProPhotoshop
SolidworksVFX Visual EffectsCorelDrawUnreal Engine
Price
View Courses
280+ Online Courses | 100+ projects | 2000+ Hours | Verifiable Certificates | Lifetime Access
4.6 (64,868 ratings)

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. Principles of Animation
  2. Animation in Flash
  3. Eraser Tool in Photoshop
  4. Methods for Creating Rain Effects
Popular Course in this category
After Effects Training (3 Courses, 3+ Projects)
  3 Online Courses |  3 Hands-on Projects |  25+ Hours |  Verifiable Certificate of Completion
4.5
Price

View Course

Related Courses

Adobe Premiere Pro Tutorial (4 Courses, 7+ Projects)4.9
All in One Design Bundle (280+ Courses, 100+ projects)4.8
0 Shares
Share
Tweet
Share
Primary Sidebar
Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Live Classes
  • 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

ISO 10004:2018 & ISO 9001:2015 Certified

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

EDUCBA
Free Design Course

Banner Creation, Object Selection, Sky Replacement, Advance Filters & others

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

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA Login

Forgot Password?

By signing up, you agree to our Terms of Use and Privacy Policy.

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

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA

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

By signing up, you agree to our Terms of Use and Privacy Policy.

Let’s Get Started

By signing up, you agree to our Terms of Use and Privacy Policy.

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

Loading . . .
Quiz
Question:

Answer:

Quiz Result
Total QuestionsCorrect AnswersWrong AnswersPercentage

Explore 1000+ varieties of Mock tests View more