EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login
Home Design Design Tutorials After Effects Tutorial Shape Layers 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

Shape Layers in After Effects

By Preeti PrajapatiPreeti Prajapati

Shape Layers in After Effects

Introduction to Shape Layers in After Effects

Adobe After Effect is a software of versatility used for Video Editing, Image Editing, Masking, Animating any object, etc. Adobe After Effect has many different types of command and tools for making it’s working easy. The shape layer is one of them. Generally, in Adobe After Effects, we work in layers like other adobe software, so when we draw any basic shape, it becomes a layer. We use these shapes layer in different manners. Here you will see some of them for making your project effective and attractive.

Adding Shape Layers in Adobe After Effects

The shape layer is a very basic and important term of adobe software, and it makes our working easy. Let’s start our tutorial for the shape layer in an interesting way.

Step 1: This is the user interface of Adobe After effect software, and works in this software are quite simple as other adobe software.

adobe software

Start Your Free Design Course

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

We have different types of sections here in this working space. We have some tools in the tool panel at the top of the work area, Project Window for opening composition at the left corner of the work area, Layer section with Timeline section at the bottom of the work area and Composition window at the middle of the work area.

Step 2: First of all, we will make a New Composition. For creating New Composition, click on the New Composition tab, which is present in the Composition window area.

New Composition

Or click on the tab of Create a new Composition which is present on the project window of this software.

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)

Shape Layer in After Effects 1-3

Step 3: The composition Setting dialog box will open; choose your desired setting for your composition. I will choose the default setting for my composition; click on OK of this dialog box to apply the setting for your composition.

Composition Setting

Step 4: These are the basic shape of adobe after effect, and when we work with them without any background image, they form a shape layer, but if we work with them on any background image, the shape will work as a mask for that image.

Shape Layer in After Effects 1-5

Step 5: Now, I will teach you about the shape layer with the rectangle shape tool; you can make any shape for your learning from here; click on the rectangle tool to activate the rectangle command from these shape tools and draw a rectangle to draw a rectangle. Place your cursor on the work area and drag it at your desired size.

Shape Layer in After Effects 1-6

You can change the color of this shape layer from the Fill option, which is present on the tool panel at the top of the work area.

Shape Layer in After Effects 1-7

Step 6: Click on the color box, a dialog box of the color panel will open. Choose your desired color and press Ok from the OK tab of this box.

Shape Fill Color

Click on the Fill option to off the fill form the shape.

Shape Layer in After Effects 1-9

Step 7: Fill dialog box will open; choose none from here.

Shape Layer in After Effects 1-10

Step 8: You can also apply Gradient from this dialog box; click on the linear-gradient option for your shape and press on the OK tab.

Shape Layer in After Effects 1-11

You can also apply the radial gradient to your shape. For that, click on the Radial Gradient option and press on the OK tab.

Shape Layer in After Effects 1-12

Step 9: You can choose the Stroke color from here.

Stroke color

Step 10: Click on this icon, a dialog box of the color panel will open; choose your desired stroke color from here and press on the OK tab to apply this color to the stroke of your shape.

Shape Layer in After Effects 1-14

Step 11: Here in the layer section, we have two properties of the shape layer: Contents and Transform.

Shape Layer in After Effects 1-15

Step 12: Click on the arrow icon of the Contents option and again click on the arrow icon of the Rectangle 1 option, basic properties of the rectangle will open; you can set Fill and Stroke from here also.

Shape Layer in After Effects 1-16

For changing the actual size of this shape, click on the arrow icon of Rectangle Path 1. Here we have the size option to change the size of shape by changing the data of the size option.

Shape Layer in After Effects 1-17

Step 13: If you want to change the height and width of the shape separately, click on this chain-link icon; now, you can change both parameters separately.

Shape Layer in After Effects 1-18

Step 14: You can On or Off Fill and Stroke of shape from here.

Shape Layer in After Effects 1-19

Also, click on the Stroke option and press the delete button from the keyboard for no stroke in your shape.

Shape Layer in After Effects 1-20

Step 15: If you again want to add a stroke or Fill to your shape, click on Add button here and choose Stroke to apply a stroke or Fill to fill your shape.

Shape Layer in After Effects 1-21

Step 16: Now, you can make any change in the Fill or stroke option.

Shape Layer in After Effects 1-22

Step 17: You can also take shape layer with this method, right-click on layer section, go to New in a drop-down list and again a drop-down list will open, click on the Shape layer option.

Shape layer option

Here you can see by taking the shape layer by this method; we have nothing in the Content option of this shape layer because there is no arrow icon.

Shape Layer in After Effects 1-24

Step 18: For adding shape to this content, click on the Add button icon and take your desired shape from here.

Shape Layer in After Effects 1-25

I will take the Ellipse command from here as my shape layer.

Ellipse command

Step 19: You can see the other property of shape is not shown here; you can add each and every property according to your requirement. I want to add fill in my shape, so I will click on Add button icon and choose Fill from here.

Adding Fill in the shape

Like, Fill you can choose the number of properties from here for your shape. You can also animate the properties of a shape layer for making your project more attractive by simple animation methods.

Conclusion

Now you are very familiar with shape layers in adobe after effect after this tutorial. It becomes quite simple for you to use these shape layers in your project to make your project captivated for the viewers. Having knowledge about shape layers enhances your quality of work and gives it a realistic view.

Recommended Articles

This is a guide to Shape Layers in After Effects. Here we discuss the introduction along with steps for adding shape layers in adobe after effect software. You may also look at the following articles to learn more –

  1. Introduction to Top 6 After Effects Tools
  2. Where is the Track Matte located?
  3. Rain in After Effects | Methods
  4. Guide to After Effects Transitions
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