Add arrowhead to shape layer using trim paths & expressions?

Hi,
I am trying to use expressions to attach an arrowhead to a shape layer.
I'm using the 'trim paths' effect on the shape layer to grow a stroke over time (using the start/end/offset features).
I would like to attach an arrowhead to the tip of the stroke, using an expression to animate it dynamically (e.g. the arrowhead follows the stroke when animated using the start/end/offset values)
I've attached a basic project file if anyone can help?
94_shapelayerarrowhead.zip
Thanks for your time, any help appreciated
Tim

The easiest way to do this is to use a stroked path to reveal the shape layer, then copy and paste the path to the position property of the arrowhead. Auto orient the arrowhead to the path and adjust the timing of both the stroke and the arrowhead position to match them up.
Using trim path makes it more difficult to adjust timing than using start and end for stroke and I can't think of an automatic way to match the timing with an expression.
Another option would be to pre-compose your arrowhead layer after you've used the path for position, then use time remapping to adjust the timing. This may be the easiest solution if you have a lot of timing changes to follow.

Similar Messages

  • How do I use "Trim Paths" after "Create Shapes from Vector Layer" on a strokes only layer?

    Hello,
    Adobe After Effects CC
    2014.0.2
    Version 13.0.2.3
    I have imported an illustrator file that was created in Illustrator CC 18.0.0. The file contains the outline of a logo. It is the logo with the fill set to none and the stroke set to 1px.
    I drag the logo_strokes.ai file onto the composition, right click, and click Create Shapes from Vector Layer.
    A new layer is created and in the Contents "drop down", a Fill 1 layer is created.
    When I select the Contents "drop down" and click Add / Trim Paths, a Trim Paths 1 layer is created.
    When I animate Trim Paths 1, it appears to animate the Fill layer, not the stroke.
    How do I get it to animate just the stroke, and not show a fill at all?
    Thank you.

    Thanks,
    I am reading and watching tutorials. Still stuck on that one point.
    Here are the images of the After Effects layers. The illustrator layer is the top layer.

  • Animated Trim Paths cannot render out - bug or else???

      Hello everyone!
    I have encounted a huge problem with the exporting (rendering out) all contents of the Composition in After Effects CC.
    My workflow outline:
    1) Created a Composition of 1920x1080 size.
    2) Created a Solid Layer of 3840x2160 size.
    4) Animated Scale and Position of the Solid Layer over duration of the Composition.
    3) Created a Shape layer containing the Shape 1 using the Pen Tool. The Shape 1 is just an unclosed path from point A to point B
    with the Stroke of 20 px width  and no Fill applied.
    4) Made my Solid Layer as the Parent of the Shape Layer.
    5) Added  a Trim Paths to my Shape 1 in the Shape Layer (containing Stroke 1) and animated End over the Composition duration.
    I have also animated  the Stroke Width from 20 to 30 px.
              The Composition is playing back perfectly in Composition window inside After Effects CC:
    Animated Line is going from point A to B while the Solid Layer changing position and scale all right!
    6) Rendered the Composition out (using Render Que as well as Media Encorder CC) into a movie file.
    When I play the resulting file I cannot see my animated Shape 1 Stroke (Trim Paths) in the Exported (Rendered out) Movie file:
    no Animated Line is present while the Solid Layer changing position and scale...
    However I can see the Solid Layer animation (Scale and Position) in the Movie file.
    Why the animation can be seen in the Composition playback inside the AE CC but I cannot export it?
    What am I doing wrong?
    Thank you very much in advance for your advice!

    to
    Just the recent update to my post:
    1) I have just opened this project in Mac OSX environment (Lion 10.7.5) and found the same issue:
    the animated path is missing in the rendered .MOV uncompressed while clearly visible and playable in
    the Composition window of After Effects....
    2) I have just also created an absolutely new project and a composition from scratch following my own workflow from
    my the very first post and it the newly created project is working all right with the animated path showing in the rendered file as it is showing in
    the Composition window... 
    But the problem still remains with the first weird project:
    what is so wrong with the project and composition  to screw up the After Effects proper functioning?
    I would also highly appreciate if someone from Adobe team can have a look at my mistical project...

  • Effect Stylize Add Arrowheads Simple Improvement to Dialog

    In the 'Add Arrowheads' dialog a very useful improvement that must be incredibly easy to implement would be a single button to allow the user to "swap" the arrowhead specified from the Start to the End.
    A better option would be to have the path start/end styles present as a visual dropdown rather than being accessed only by repeated clicking the arrows.
    I frequently find that when I apply arrowheads they are at the opposite end to where I expected them to be. I can't find a 'reverse path' option so a simple button to flip which end of the path the arrowhead is applied would be useful.
    Currently the user has to click as many as 28 times to perform this simple action. If I have style #14 selected for the End of the path and #0 selected for the Start and this results in the arrowhead at the wrong end to flip this style I have to click back to #0 (no text field entry or dropdown which would be WAY better) then click to #14 at the other end.

    Not a complete solution. If the path has a brush applied then the brush is reversed, too.
    Illustrator's arrowheads have been stuck in beta for years. I doubt they will ever be what anyone* calls "done".
    *Except, of course, Adobe. They think something is "done" if they can add it as a feature on the box.

  • Is it possible to access to the path property of a shape layer by AEGP API?

    Hi everyone! I recently started depeloping AE plug-in and trying to access to the path of shapes on the layer from AEGP API. Sorry in advance if my question has been already asked by someone before, but I couldn't find exact answer to my question so let me ask.
    In a composition, I have a shape layer and the shape layer has a vector shape depicted by the pen tool. The constitution of the layer looks like below.
    Apparently, those streams of the layer like Anchor Point, Position, and Scale can be accessed by AEGP_GetNewLayerStream. However, I have no idea how I can get the pointer to the Shape 1 and get the Path from it because the these valuse are not categolized into any AEGP_LayerStream types.
    Very similar question was asked in the following link and the it was advised to use MaskOutlineSuite, PathQuerySuite, and PathDataSuite, although these suites are for making effect plugins, not for AEGP plugins, so I am not sure if they can be used here.
    http://forums.adobe.com/thread/1068528
    So would someone kindly enlighten me about this??
    Thank you very much.

    hi hagmas! welcome to the forum, where there are plenty of existing answers
    but never for exactly what you seek.
    first off, every suite who's functions name start with AEGP, were actually
    created for AEGP's plug-ins use, but most of them (including the suites you
    mentioned) can also be used in effects. (and not as you thought, the other
    way around)
    the shape layer's stream indeed are not indexed, and that's because then
    are added dynamically by the user and can be re-ordered.
    look into the "dynamic stream suite", using which, you'll get the first
    stream of the shape layer, and start navigating though there by getting the
    stream name, type, parent group ect...
    you'll eventually find the "content" group, and in it the "shape" groups,
    and in them the... you get the picture.
    yes, it's somewhat tedious, but since nothing in these gourps order is
    pre-determined or guaranteed, there's no other way to go (that i know of).

  • How can I feather the vector mask (path) of a shape layer in CS6?

    How can I feather the vector mask, i.e. path of a shape layer in CS6?
    The corresponding slider in the properties pallette is alway grayed out and unmovable for me when dealing with shape layers. Is there a trick to it, or ist it really not possible at all? (In CS5 you can feather any vector mask via the mask pallette, although the mask's behavior is most of the times quiet buggy after doing so.)
    Or is there any other way to non-destructably blur a shape in CS6? (I know I can create a smart object and use a blur filter on it, but that's not really what i'm after.)
    Thanks in advance for any help on this.
    Reiz

    Start from the beginning
    - Select the Rectangle Tool - go to Options Bar, ensure 'Shape' options is on from the the Pick a Tool Mode drop down list.
    - Draw Rect. This should create a vector Shape Layer.
    - Select it in the Layers Panel: The Properties Panel then should highlight the Density and Feather options.
    What happens here when you drag the Feather slider? On my end it feathers the vector shape as a whole.
    If you need further masking capabilities, then apply a Layer Mask to the Shape and proceed with the Properties Panel Density/Feather options.
    h

  • Can one select the path of a shape layer?

    I previously have created a "route" on a map using the stroke filter which allows me to select the path and then copy it into the anchor point of the map so I can make the map move with the stroke.
    I was wondering if this is possible using shape layers. I know I can create the route using an open shape on a shape layer, but I'm not able to select the "open shape" to paste this into the anchor point as above. Is it possible to select the "open shape" to use it in this manor.
    Sorry if I'm not clear.
    Thanks in advance.
    John Rich

    The After Effects CC (12.2) update makes creating Bezier paths easier and more obvious.
    option for creating shape layers based on Bezier paths:
    When a shape tool (Rectangle, Rounded Rectangle, Polygon, Star, or Ellipse tool) is active, you can use the new Bezier Path option in the Tools panel to create a new shape based on a Bezier path, as opposed to the default of creating a new shape based on a parametric path. Holding the Alt (Windows) or Option (Mac OS) key while drawing a shape causes the opposite behavior—i.e., if the Bezier Path option is enabled, holding the Alt or Option key causes the shape tool to create a parametric path; if the Bezier Path option is disabled, holding the Alt or Option key causes the shape tool to create a Bezier path.
    command for converting a parametric shape layer path to a Bezier path:
    You can convert a parametric path to a Bezier path after the parametric path has already been created by context-clicking (right-clicking or Control-clicking on Mac OS) the property group for the parametric path (e.g., Rectangle Path 1) and choosing the Convert To Bezier Path command from the context menu. If the parametric path is animated (keyframed), the converted Bezier path is a static path based on the parametric path at the current time; keyframes are lost.
    IMPORTANT: When you use the Convert To Bezier Path command to convert a parametric shape path to a Bezier shape path, the Bezier path that is created does not animate well (i.e., interpolation between paths behaves strangely and unpredictably). This is related to path direction and how transformations are stored. For now, you should not use these converted paths for animated paths (interpolation between paths); but, if you do want to try, you may be able to work around the issues by reversing the path before conversion.

  • Mask one path within a shape layer

    Hi I'm having trouble which something which is probably extremely basic..
    I've brought in a comp from Illustrator, created shapes from Vector Layers and now I am attempting to mask 1 path within the Shape Layer.
    When I attempt to mask the path it masks the whole layer... Can anybody help me with this?
    Cheers in advance,
    Shaun
    Ae CS6

    Apply a Merge oprator and draw your path within the shape group. Otherwise duplicate the layer, delete the other items and use a mask. Several ways to go about this...
    Mylenium

  • How to add shape layer in Adobe After Effects Cs2 ???

    How to add shape layer in Adobe After Effects Cs2 ???

    You upgrade. You're too early for shape layers.

  • How do I move or copy a shape layer's path to another layer?

    i'm looking how to apply an existing vector shape from a layer to another, before it was simple as hell just by alt + drag 'n drop from a layer to another.
    But now this command doesn't work anymore ? so how i can do it ? i need to simply apply a vector clipping mask to a bitmap layer or a group or just apply a shape to another vector layer (not the blending option)
    why it's not anymore possible ? it was simple and easy since CS1 or 2 why have you changed that ?

    It's unclear to me from your keyboard shortcuts whether you are on Windows or Mac, so here are the keyboard shortcuts for both platforms:
    Command-drag (Mac)/Ctrl-drag (Win) the shape layer thumbnail to move the shape path to another layer.
    Command-Option-drag (Mac)/Ctrl-Alt-drag (Win) the shape layer thumbnail to copy the shape path to another layer.
    We had to make this slight change since there is no longer a separate vector mask thumbnail on shape layers.
    For non-shape layers with a separate vector mask, the old keyboard shortcuts should still work for moving/copying the vector mask.

  • Created path and used trim but the line appears from the wrong side?

    Hey,
    I've created a rectangle by using the pen tool, then applied a stroke to it. I've then added "trim paths" and the end value at 0seconds is 0% and then at 5 seconds its at 100% however the line appears from the wrong side of the screen, basically it's reversed, yet the reverse path symbol is not ticked.
    The line is meant to appear from left to right of the screen with a 2px stroke, which will then have a mask applied to show a large black box appear from this line and fill the rest of the screen up.
    Anyone able to help me at all?
    Thank you.

    If you animated the start then animate the end. Simple as that.

  • Is there a way to add an outline to a shape made using brush tool with Actionscript 3.0?

    I'm animating a character. I've made body parts by making a rectangle, removing the line outline, then adding extra sides by holding the Alt key and dragging out to make the shape I desire. I prefer not to make all the shapes I make into symbols because I want to 'Shape Tween' certain parts. One thing I do want however is an outline on that shape, but not the 'Line tool' type of line if that makes sense? An outline that is made by another shape by use of code! Can this be done?

    Have you tried the ink bottle tool (click and hold the Paint Bucket and you should see it)?
    Note that you can't reference objects through code that you can't refer to. You may be able to dig through the display list and find the Shape and apply code to it, but I think that Shapes get combined and composited in ways you might not expect. In addition, you may find that Shapes get replaced while animating.

  • LACK OF FULL PEN TOOL FUNCTIONALITY WHEN CREATING A SHAPE LAYER

    Hello, I'm going through Chris Meyer's video course on being an AE apprentice and have spent over an hour on the following issue.
    Here is what I know.
    I know I am trying to create a shape layer, not a mask, to create a frame to surround the video of the green field on the attached screenshot.  Therefore, I pressed "F2" to make sure I am doing so.
    I want to define the borders of this picture frame by using the pen tool to draw a path on the layer entitled "Windy Peak".
    I have highlighted that layer in my timeline.
    This video was pasted on to a placeholder shape that I had created using Command Option "/" on my Mac.
    I do have limited use of the pen tool, because it displays properly when I hover it above the borders of the video to be framed.
    But I lack access to the toolbar controls I want to complete my assignment.
    For example, I would like to create a gradient to define the internal coloration of this frame, but I have no use of the eyedropper when I click on the Color Picker.
    Also, I am unable to access or manipulate any of the standard fill or stroke options for use of my pen.
    This is what I know.  
    Thanks for your help!   Matt
    Message was edited by: Matt Dubuque to add the fact that the video had been pasted on to a placeholder shape image by pressing Command Option "/" on my Mac.

    Thanks for pitching in Todd and Rick, I appreciate it very much.
    As previously stated, I do have use of the pen tool, but it only has limited functionality as demonstrated by the path I created on the green meadow.  My Tools Panel remains activated .
    My core problem remains that I am unable to adjust the fill or stroke settings for my pen.
    I have tried changing and resetting various work spaces and this has not helped.
    I'm scratching my head here.
    Matt

  • Possible BUG: duplicating a shape layer only duplicates previously selected points - PS CS6

    Unless PS has been updated to make this a feature, i may have found a bug. Now (in CS6 vs. previous versions) when you duplicate a shape layer, if you had previously selected specific points of the shape (for example with the direct selection tool) only those points will be duplicated in the new layer. This is true no matter what tool you are currently using.
    What I did was make a rounded-corner rectangle shape -> then direct selected all points on one side to stretch the rectangle without distorting the rounded corners -> then switched to the move tool so no points were selected anymore and only the layer was selected-> duplicate layer (with the intention of duplicating the whole shape). what i got was just the rounded corners on a new layer.
    It seems the only way to duplicate the shape layer in its entirety is to go back with the direct select tool -> select ALL points of the whole shape -> change to move tool -> dupe layer.
    If that's the intended new functionality, it's a bummer because if you intend to only duplicate certain points, you can already do that while using the direct select tool. Using the move tool, it shows no direct selections and therefore you should be able to duplicate the whole layer.
    Maybe I have some weird default option checked that I'm not familiar with? This is not how any previous versions of PS worked and will add friction to my workflow if this is new.

    Yes, this is an issue with CS6 and the first release of CC.  You have to make sure you deselect all nodes in a path, or you will get the result you describe.  I believe Adobe has made some corrections and improvement in the use of shape layers that will hopefully be released soon.  However, if you're sticking with CS6, you've got to make sure to deselect on Win the esp key works great.

  • Shape layer questions

    I’m a web designer that’s used to using Illustrator for all my work. Recently many of my new jobs want me to work in Photoshop, so I’m getting back up to speed with it. I have a  few nagging issues that I haven’t been able to figure out:
    With the direct selection tool, how do I select a small shape that’s overlapping a larger shape? For example, a small line on top of a large rectangle. When I try to do this Photoshop automatically makes me select the larger shape in the background. I have to zoom in super close and individually shift-select each corner of the smaller shape before I can move/transform/whatever it. This gets tedious and slow real fast!
    Recently in a document I’m working in, whenver I make a new shape it automatically adds a bunch of layer styles like drop shadow, stroke, etc. These styles aren’t turned on, but it adds unecessary styles to my layers and my client is very strict about recieving only super clean .psd’s.
    How do I make a line that is truly 1px stoke width? My lines seem to always start out as fuzzy 2px worms until I zoom in and surgically make them 1px. Again, what a waste of time! is there some sort of antialiasing setting that I need to turn off?
    Thanks!

    1. With smaller shapes that are difficult to select, try selecting their layer first. If you are not sure which layer, switch to the Move tool (V), hold Ctrl and click on the small shape. With the default behavior in Photoshop you should be able to select the layer and then use the Direct selection tool to select points on the vector path of the small shape. If you want to just move the entire shape when its the only path on a layer, aside form using the Path Selection tool (black arrow), you can just use the Move tool (V) to change the position of the layer. If you have to deal with a lot of shape layers that you just want to click and move, enable the Auto Select for the Move tool in the Properties bar. Then holding Ctrl while using the tool will toggle to its non - Auto Select mode.
    2.On the Tool's property bar under the main menu, make sure the chain button is not pressed then click on the Style swatch or arrow to the right of the chain button to open the style swatch popup and from its menu there choose No Style. Next shape layer you make will not have the current style automatically applied. 
    3. I'm using CS5 on a pc and creating 1 px straight line with the Line tool is buggy with its alignment to grid. The Line Tool draws lines in Shape mode as rectangle vector paths. The difference between the Rectangle Tool and the Line tool is that the Line tool aside from having a Weight attribute, it draws the rectangles starting from the middle if its side. In order to snap it to grid you have to set the grid in the settings to Gridline every 1 pix and Subdivisions 2. If properly working this is supposed to solve your problem if you enable snap to grid and draw your lines starting in the middle of a pixel. The problem is that this doesn't work properly with the Line Tool which does not snap perfectly to the grid. The work around is to draw your lines with the Line Tool in Fill Pixels mode which has an Anti-aliasing option that you can turn off.
    Another alternative for drawing lines on raster layers without anti-aliasing is to use the Pencil tool and hold Shift while dragging with it. The Pencil Tool in Photoshop is the same as the Brush tool but without anti-aliasing. I think more proper name would be non - anti-alised brush.

Maybe you are looking for