• Adobe After Effects

  After Effects – Rounded Rectangle

  Posted by David Mac on May 26, 2018 at 12:31 pm

  Hi guys.
  I have some questions about making rounded lower third.

  1. I want make lower third like this gif image :

  https://images.creativecow.net/u/327877/comp.gif

  I tried different ways but I did not get any results. as you know when you want animate rounded rectangle, the rounded get distort

  2. After animate From right point , i want scale it from left point to right for make circle like before.

  thanks ❤

  Roei Tzoref replied 8 years, 3 months ago 4 Members · 8 Replies
• 8 Replies

• 

  Kalleheikki Kannisto

  May 26, 2018 at 4:17 pm

  If you use a shape layer, use the Rectangle Path properties rather than the Transform properties. Set the roundness to 100, unlink the x width and height and adjust width. To keep left edge in place adjust position x coordinate by adding half of the width.

  Kalleheikki Kannisto
  Senior Graphic Designer
• 

  Roei Tzoref

  May 26, 2018 at 4:55 pm

  to elaborate on what K Suggested, use an expressing by linking the size to the position and add “/2” like this:
  

  Roei Tzoref
  2D/VFX Generalist & Instructor
  ♫ AeBlues Tutorials ♫
  http://www.tzoref.com
• 

  David Mac

  May 26, 2018 at 5:51 pm

  Thanks guys. it work.
  1. and now , how to trim it for transorm it to circle like Trim Path? start to end
  2. and how to resize it from Right to left ?
• 

  Roei Tzoref

  May 26, 2018 at 6:18 pm

  [David Mac] “and now , how to trim it for transorm it to circle like Trim Path? start to end”

  not sure exactly what you mean. trim path works best for stroke and not a fill. so you can leave the stroke color and add a trim path and see if that’s what you want

  [David Mac] “2. and how to resize it from Right to left ?”
  /-2

  Roei Tzoref
  2D/VFX Generalist & Instructor
  ♫ AeBlues Tutorials ♫
  http://www.tzoref.com
• 

  David Mac

  May 26, 2018 at 7:18 pm

  thanks for reply.
  i want create animation like this with Rounded Rectangle shape (not stroke):

  
• 

  Roei Tzoref

  May 26, 2018 at 7:39 pm

  oh James Bond. why didn’t you say so?

  actually the most efficient way is probably using trim path and a stroke.

  create a path with the pen tool, use stroke and round caps and set animation for:
  end 0.1% (keyframe) until 100% (keyframe) – that will be the stroke drawing.
  then set animation to the start parameter – 0% (keyframe) to 99.9% (keyframe)

  

  you could also pull this off with several other ways, but this to me looks like the easiest way.

  Roei Tzoref
  2D/VFX Generalist & Instructor
  ♫ AeBlues Tutorials ♫
  http://www.tzoref.com
• 

  Steve Bentley

  May 26, 2018 at 11:58 pm

  Actually that’s Touchstone’s logo. James Bond was just a wandering dot
• 

  Roei Tzoref

  May 27, 2018 at 6:13 am

  I see. I think there was a movie company with something like that “orion”

  Roei Tzoref
  2D/VFX Generalist & Instructor
  ♫ AeBlues Tutorials ♫
  http://www.tzoref.com

Reply to this Discussion! Login or Sign Up