• Adobe After Effects

  create gradient along path.

  Posted by Wim Roegels on August 6, 2012 at 4:13 pm

  Hi,

  there are a couple of tutorials around, but unfortunatly I still have not found the right answer.

  AIM: I want to draw a mask and have a stroke for this mask, but with a gradient along (start black, end white) to use this gradient for a wipe later on.

  Can someone give me hint how to achive that? Do I have to buy a plugin?

  Thanks in advance.

  Lance Clayton replied 7 years, 3 months ago 4 Members · 3 Replies
• 3 Replies

• 

  Vishesh Arora

  August 6, 2012 at 7:24 pm

  Mr. Roegels, after trying some method I found the solution for you. Follow the steps below:
  1. Draw your mask.
  2. Apply Stroke effect.
  3. In Effects Control window, Go to Paint Style and choose ‘Reveal Original’ or “On Transparent’.
  4. Now apply Ramp Effect from Generate menu.
  5. This will give you a mask with gradient.

  Hope this may solve your problem 🙂

  I am a keen learner and am very keen on pursuing a career in the animation industry. My artistic skills are mostly self-
  taught. I have a deep knowledge base of Photoshop, Maya, Adobe Premiere, After Effects, Final Cut Pro and Sony Vegas.
• 

  Roland R. kahlenberg

  August 7, 2012 at 7:32 am

  Use a Shape Layer coupled with Gradient Stroke Shape Operator. Gradient Stroke allows for more than 2-colored gradients and a wee bit more precision with the start/end of the gradient. There is also the additional benefit that Shape Layers are vector imagery which can then be scaled as and when required, without impinging on pixelation issues. You may also combine other Shape Operators to create more interesting effects.

  HTH
  RoRK

  Intensive AE & Mocha Training in Singapore and Malaysia
  Adobe ACE/ACI (version 7) & Imagineer Systems Inc Approved Mocha Trainer
• 

  Lance Clayton

  January 30, 2019 at 1:45 am

  This is a pretty decent workaround if you actually want the grandient’s angle to follow a curved path.

  Essentially:

  1. Draw your path
  2. Use a 4 colour gradient ramp to generate the gradient points
  3a. Place those points in the right position to achieve the gradient look across the path.
  3b. Pickwhip/expression nulls to the 4 colour gradient ramp colour ‘positions’ property and copy paste the path of your source gradient curve, to the nulls position properties. This 3b option allows the nulls to move across the path taking the colours of the gradient with them.

  https://www.youtube.com/watch?v=NBk5XDBbsb4

  Some contents or functionalities here are not available due to your cookie preferences!

  This happens because the functionality/content marked as “Google Youtube” uses cookies that you choosed to keep disabled. In order to view this content or use this functionality, please enable cookies: click here to open your cookie preferences.

Reply to this Discussion! Login or Sign Up