• Skip to primary navigation
  • Skip to content
  • Skip to primary sidebar
  • Skip to footer
EDUCBA

EDUCBA

MENUMENU
  • Resources
        • Design Basic

          • 3D Graphics Software
          • Photoshop vs InDesign
        • Resources Images
        • Graphics Editing

          • Career In Designing
          • How to Use Adobe Illustrator
        • Resources Images 12
        • Others

          • Resources (A-Z)
          • 3D Animation
          • Video Editing
          • Design Engineering
          • View All
  • Free Courses
  • All Courses
        • Certification Courses

          Design Course 1
        • All in One Bundle

          All-in-One-Design-Bundle
        • Maya Course

          Maya-Training
        • Others

          • Photoshop Course
          • Unreal Engine Course
          • Unity Course
          • DaVinci Resolve Course
          • Pro Tools Course
          • View All
  • 280+ Courses All in One Bundle
  • Login

Shape Layers in After Effects

Home » Design » Blog » Visual Effects » Shape Layers in After Effects

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

Start Your Free Design Course

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

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

We have different types of sections here in this working space. We have some tools in 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.

Popular Course in this category
Cyber Week Sale
VFX Training (13 Courses) 13 Online Courses | 185+ Hours | Verifiable Certificate of Completion | Lifetime Access
4.5 (1,067 ratings)
Course Price

View Course

Related Courses
Film Editing Training (9 Courses)NewBlueFX Tutorial (1 Courses, 4+ Projects)Pixelan VFX Tutorial (1 Courses, 7+ Projects)

Shape Layer in After Effects 1-3

Step 3: 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 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 rectangle shape tool, you can make any shape for your learning from here, click on 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 form Fill option which is present on tool panel at 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 layer section, we have two properties of shape layer that are 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 size option.

Shape Layer in After Effects 1-17

Step 13: If you want to change the height and width of 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 then click on Add button here and choose Stroke to apply a stroke or Fill for apply fill to your shape.

Shape Layer in After Effects 1-21

Step 16: Now you can make any change in 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 in 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 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 and it becomes quite simple for you to use these shape layers in your project for making 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. Steps for Creating 2D Animation in After Effects
  4. Keyboard Shortcut Keys for After Effects

All in One Design Bundle (280+ Courses, 100+ projects)

280+ Online Courses

100+ projects

2000+ Hours

Verifiable Certificates

Lifetime Access

Learn More

0 Shares
Share
Tweet
Share
Reader Interactions
Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar
Design & Creativity Tutorials
  • Visual Effects
    • Puppet Tool in After Effects
    • Shape Layers in After Effects
    • Text in After Effects
    • Export in After Effects
    • Motion Blur in After Effects
    • 3D Effects in After Effects
    • Blur in After Effects
    • Background in After Effects
    • 2D After Effects Animation
    • Pen Tool in After Effects
    • Logo Animation in After Effects
    • Animation in After Effects
    • Adding Keyframes in After Effects
    • Drop Shadow in After Effects
    • KeyFrames in After Effects
    • Track Matte in After Effects
    • Color Correction in After Effects
    • Mask in After Effects
    • 3D Text in After Effects
    • Text Animation in After Effects
    • VFX Softwares
    • Transparent Background in After Effects
    • Blending Modes in After Effects
    • What is Adobe Creative Cloud?
    • Adobe Premiere vs After Effects
    • After Effect Vs Cinema 4D
    • What is Adobe Premiere Pro
    • VFX vs CGI
    • What is VFX?
    • After Effect Alternatives
  • Design Basic (29+)
  • Design Engineering (32+)
  • Game Development (7+)
  • 3D Animation (67+)
  • Audio Editing (3+)
  • Graphics Editing (116+)
  • Video Editing (11+)
Design & Creativity Courses
  • VFX Training
  • Film Editing Training
  • NewBlueFX Tutorial
  • Pixelan VFX Tutorial
Footer
About Us
  • Who is EDUCBA?
  • Sign Up
  •  
Free Courses
  • Free Course Graphic Design
  • Free Course Photoshop
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
  • Melodyne Tutorial
  • After Effects Course
  • 3D Max Course
  • Houdini Training Course
Resources
  • Resources (A To Z)
  • Design Basic
  • Design Engineering
Apps
  • iPhone & iPad
  • Android
Support
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions

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

EDUCBA
Free Design Course

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

By continuing above step, you agree to our Terms of Use and Privacy Policy.
*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

By continuing above step, you agree to our Terms of Use and Privacy Policy.
*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

By continuing above step, you agree to our Terms of Use and Privacy Policy.
*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

By continuing above step, you agree to our Terms of Use and Privacy Policy.
*Please provide your correct email id. Login details for this Free course will be emailed to you
EDUCBA

By continuing above step, you agree to our Terms of Use and Privacy Policy.
*Please provide your correct email id. Login details for this Free course will be emailed to you
EDUCBA Login

Forgot Password?

Let’s Get Started
Please provide your Email ID
Email ID is incorrect

Limited Period Offer - All in One Design Bundle (280+ Courses, 100+ projects) View More

Limited Period Offer - Limited Period Offer - All in One Design Bundle (280+ Courses, 100+ projects) View More