How To Create Animated Arrows In After Effects (easiest method - no clickbait!)

  Рет қаралды 176,485

VIDEO MARK

VIDEO MARK

Күн бұрын

Пікірлер
@neil_lich
@neil_lich Жыл бұрын
If you're trying to center the anchor point and using a Mac whose keyboard doesn't have a home button: Step 1: Select “Layer” in your top menu. Step 2: Select “Transform” from the dropdown menu. Step 3: Select “Center Anchor Point in Layer Content”
@videomarknet
@videomarknet Жыл бұрын
good point! Thank you.
@jackcampbell1394
@jackcampbell1394 Жыл бұрын
OR cmd double click the anchor point tool
@ruangjarak9827
@ruangjarak9827 Жыл бұрын
@@jackcampbell1394 im always doing it this way, quick and easier
@northbysud-ouestcharcuteri7475
@northbysud-ouestcharcuteri7475 4 ай бұрын
for me I had to do fn alt and home rather than ctrl, not a mac, just a computer being weird! Anyway, thought I'd comment in case anyone else was stuck! Great tutorial, you've saved my bacon on a animation with a tight deadline!
@videomarknet
@videomarknet 4 ай бұрын
@northbysud-ouestcharcuteri7475 thanks for adding context.
@LookingForTheTop
@LookingForTheTop 2 жыл бұрын
Dude I just want to thank you, I've seen many tutorials on how to animate an arrow and I always thought it was so silly that something so simple was complicated, but your tutorial is short and effective, perfect!
@videomarknet
@videomarknet 2 жыл бұрын
thank you :)
@Peacemaker336
@Peacemaker336 2 ай бұрын
This is by far the best method I've seen. Wasted a lot of time with other complicated methods. Thanks for sharing
@LiamFowler-v2n
@LiamFowler-v2n Жыл бұрын
Has anyone else had the problem of after pasting the line's path the triangle does not match?
@Walid.Hammas
@Walid.Hammas 11 ай бұрын
The same problem
@Walid.Hammas
@Walid.Hammas 11 ай бұрын
Did you got the solution ?
@deepakroshan7548
@deepakroshan7548 9 ай бұрын
Create a Key Frame before pasting the path, the path will be pasted after that don't forget to auto-orient, there are some changes we have to make in the path it is not perfect to the line sometimes. Hope this is helpful😇
@Alan-vu3wp
@Alan-vu3wp 9 ай бұрын
I had the same issue, then I tried the keyboard shortcut to get the position option to appear, press "p" then paste . . . hopefully that works for people.
@jolien200
@jolien200 8 ай бұрын
For me the issue was that I scaled the path to be bigger and thus the path copied was smaller. To avoid this do not scale (or do any transformations with the path) and then apply the arrow head. Precompose both layers together and then you can do the transformations you like
@Inconspicuousadventure
@Inconspicuousadventure Ай бұрын
For anyone having issues(and I am slightly new to after effects), I figured it out after messing with it for an hour. You have to copy the path settings from the line, but I had to click and create a keyframe for the path first before it would effectively copy the settings. Then, make sure when you make the triangle you right click the shape, click transform and then click auto orient, because it is off by default. Then press "p" to pull up your position and then paste it in. Hopefully that helps anyone struggling to paste the path settings; first create a keyframe for the line path and then copy it.
@winord-ua
@winord-ua 9 ай бұрын
Hello, good tutorial, but if i want a png file to be a arrow head, what should i do?
@videomarknet
@videomarknet 9 ай бұрын
just the png file instead of the arrow head shape as seen here 2:40 ....paste the position into the PNG position ...rather than the shape position I'm using here.
@winord-ua
@winord-ua 9 ай бұрын
@@videomarknet It's didn't work for me. But i create a null path for this, and it's works :D
@KerryMAllen
@KerryMAllen Жыл бұрын
Excellent method. Just found out this works perfectly even if you're converting an illustrator file into shape layers. After effects was even nice enough to automatically separate the arrowhead from the path automatically.
@srikkanth-tech
@srikkanth-tech Жыл бұрын
Nice explaination,, I did shadowing your tutorial and could accomplish it.. I had some problem with the arrow going faster than the path... i had to adjust the key frames a bit but it worked nicely.
@emmacarmichael6027
@emmacarmichael6027 Жыл бұрын
Thank you so much! So glad I discovered you early on learning After effects, I will just go straight to your channel and search from here on in! Simple, clear instructions, good pace. I appreciate you!
@videomarknet
@videomarknet Жыл бұрын
thanks, Emma! That's exactly what it's made for. Quick progress for beginners. If you have any specific ideas feel free to suggest in the comments as well.
@rizzo-films
@rizzo-films 9 ай бұрын
Nice! The only thing I would say in support of using the pickwhip is if you need to edit the path or trim paths value over time, make tweaks, i.e. a client wants you to move something or a designer sends you updated designs or any number of changes you'll have to make gradually, if it's pickwhipped then you just need to change the values on the line, those changes are reflected on the arrow and you don't have to keep copying and pasting the path every time you need to make a change.
@jamierosen8594
@jamierosen8594 Жыл бұрын
How do I do this if I want the arrow to go in a perfect circle (Like along the ellipse path)?
@Sethlfr
@Sethlfr 3 ай бұрын
thank you so much ! i was looking for this tutorial and stumbled upon one that said "easy" but bro was so fast and used so many parameters i was LOST
@GoChopsticks
@GoChopsticks 7 ай бұрын
OMG this is the easiest method with the clearest explanation I came across so far !
@videomarknet
@videomarknet 7 ай бұрын
thanks, Team Chopsticks!
@GoChopsticks
@GoChopsticks 5 ай бұрын
@@videomarknet sorry I have a noob question. How to make this path into a dotted line? Thank you in advance.
@videomarknet
@videomarknet 5 ай бұрын
@@GoChopsticks I have a very similar tutorial where I add a dash line it's under the stroke properties (Dashes) as seen here kzbin.info/www/bejne/fouvZ6OaaqiApbcsi=8EOV8JTH60N7x1Cb&t=195
@michb6074
@michb6074 2 жыл бұрын
I hope you get a lot of views. This is so much easier than other tutorials. I had older iMac and just decide to create animated graphic with photoshop and Illustrator. Thanks. AE 2020 version worked too.
@videomarknet
@videomarknet 2 жыл бұрын
Thanks Mich
@michb6074
@michb6074 2 жыл бұрын
@@videomarknet I imported SWF file and animation is not showing. Should I just import FLA file to AF? Is that why not many people use Animate? So hard to convert to gif. It has option to convert but nothing works from animate.
@videomarknet
@videomarknet 2 жыл бұрын
@@michb6074 best workflow to create GIFs is doing that in Photoshop ...sounds weird but that's your best bet. When I need animated GIFs I do that in Photoshop
@michb6074
@michb6074 2 жыл бұрын
@@videomarknet Thanks. Just realized Photoshop doesn't open SWF file. One more question, How can I change fill color to transparent in AF 2020 version? I figured it out before and I can't find it. Your video is 2022 AF I believe.
@kayonji
@kayonji Жыл бұрын
Dude, thank you so much for the clear tutorial. People tend to overcomplicate when it comes to After Effects, but you went straight to what mattered. I am going to subscribe to your channel :)
@videomarknet
@videomarknet Жыл бұрын
Thanks, Kayo! Appreciate it.
@beaking101
@beaking101 Жыл бұрын
dude I know its been a year but this is life saver for my chinese tutorials
@videomarknet
@videomarknet Жыл бұрын
thank you. Glad it's helpful. Greetings to China.
@tkwolik
@tkwolik 11 ай бұрын
Thank you! Yes this is so much easier than other tuts I've seen.
@Tomasrrb
@Tomasrrb 2 жыл бұрын
Man, i had to change the animation so I came back, re-watched the tutorial and went in again. Did everything but now my path is moving faster than the arrowhead and I have no idea why, considering I did the exact same thing as the last time :(
@videomarknet
@videomarknet 2 жыл бұрын
you can line up the paths in case they are offset ...just hit the U-key to show keyframes when the layer is selected ...then you can compare the keyframes on the path and the arrowhead
@Genius_Artist12
@Genius_Artist12 6 ай бұрын
Hey man!!! thanks for the help. I was searching and I got no of videos but they're all complicated. I subscribed your channel. I hope you will keep it making more easy thanks again. A lot of love from Pakistan
@videomarknet
@videomarknet 6 ай бұрын
thanks, much appreciated!
@kickheavy8982
@kickheavy8982 Жыл бұрын
Quick and handy! So much simpler than the other methods here on youtube
@officialuze
@officialuze 7 ай бұрын
Thank you so much for this, but can you explain why I can’t make my line smoother, it’s just a path like as if I am using navigator or gps
@videomarknet
@videomarknet 7 ай бұрын
when using the pen tool click and drag to get bezier handles for smooth paths. If you just click it will create a corner point. To smooth an existing corner point use the convrert vertex tool (looks like a triangle or chevron) which is also where the pen tool is just click and hold to see the other tools.
@allwynchristopher7912
@allwynchristopher7912 2 ай бұрын
Great made our life easy, Thanks for your time and this wonderful tutorial.
@coffeetime1001
@coffeetime1001 2 күн бұрын
NO EXPRESSION. LOL. Love it! Thank you!
@muratz1
@muratz1 8 ай бұрын
Thanks for this nice tutorial. However you have to delete, copy and paste from the beginning whenever you want to make any change on your path. The other (add a null tracing path) method does not require to make any change whenever you revise your path. In special cases like preparing templates or cooperative works we may need that a little harder way.
@videomarknet
@videomarknet 8 ай бұрын
Yes ...and as stated in dozens of comments...the title says EASIEST method. Not BEST method. I could go ahead and show you the most complex and versatile rig...but a) no one would watch it and b) most people need a quick solution. So yes this solution is not super flexible...because it's EASY.
@Trabasi
@Trabasi 2 жыл бұрын
When copying the path and paste it on the arrow head, for some reason the arrowhead and the line don't align. The position and the timing of it just doesn't sync. Any hidden buttons that you pressed?
@videomarknet
@videomarknet 2 жыл бұрын
hm actually it's exactly the process demonstrated in the tutorial. Nothing else. Maybe some settings on your end are different?
@Trabasi
@Trabasi 2 жыл бұрын
@@videomarknet What I found out was that the arrow head had more key frames than the line. They're probably necessary as they turn around the arrow head, but that makes it hard to sync it up with the line. Tried some other things but I found an other effect to replace. Thanks for your reply.
@vallejosalyssa2926
@vallejosalyssa2926 2 жыл бұрын
@@Trabasi Can I ask how you fixed the problem? I am also encountering the same problem now.
@Trabasi
@Trabasi 2 жыл бұрын
@@vallejosalyssa2926 I did know of a solution, but I havent used this technique in a while.. So I can't tell you right now. Might update you on this if I ever encounter this again.
@pre-dawnraid9037
@pre-dawnraid9037 Жыл бұрын
Make sure your playhead is aligned exactly (synced) over the shape's line path STARTING POINT. So shape 1 and shape 2 key frame paths should start at the same point on the timeline.
@FromNothing
@FromNothing Ай бұрын
Nice! Is there a way that I can save this as a backgroundless video and import it Adobe Premiere?
@videomarknet
@videomarknet Ай бұрын
you can export as WebM. There's not many compressed video formats that support transparency anymore. Unfortunately that requires installing a plug-in in After Effects afaik.
@videomarknet
@videomarknet Ай бұрын
For short sequences you can use a trick, create a dynamik link composition pass it over from Premiere Pro to After Effects and put it in there. Dynamic Link however has never been the most stable workflow.
@FromNothing
@FromNothing Ай бұрын
@@videomarknet Thank you for your response! What about saving it as a GIF?
@videomarknet
@videomarknet Ай бұрын
@FromNothing my personal workflow for GIFs is exporting lossless video then processing in Photoshop as I have more control for GIFs there. You can export directly from After Effects. There's also plugins like GifGun for better results.
@FromNothing
@FromNothing Ай бұрын
@@videomarknet Thanks!
@TinyTorgue
@TinyTorgue Жыл бұрын
Any way to have additional keyframes using this method to speed up/slow down the arrowheads? I've got 2 arrows going different completely separate paths and need them to intersect at a common point at the same time, but as it is right now one arrives and passes way earlier than the other.
@videomarknet
@videomarknet Жыл бұрын
Since this is meant to be the easiest method, when I want to have more control over the animation I would probably use a different approach. At some point expressions still make sense. It's just a matter of how far you want to take it and how much control you need.
@TinyTorgue
@TinyTorgue Жыл бұрын
@@videomarknet Fair enough, still a great easy method that'll do the job. Actually, I just realized I can probably nest the layers and just manually manipulate the timings. Great tutorial!
@i_need_a_name4977
@i_need_a_name4977 Ай бұрын
It would save me literal Hours of work if I knew this earlier. Better late than never.
@jeffreygraham8580
@jeffreygraham8580 12 күн бұрын
I’m trying to do this with an arrow on a slant and I’m not getting any closer
@sajidahnaf
@sajidahnaf 2 жыл бұрын
doesn't seem to work for me for some reason. the arrow head and line doesn't sync. though I have to admit that I am a complete noob in the ways of after effect
@videomarknet
@videomarknet 2 жыл бұрын
try to follow each step one by one. Compare settings, values etc. if they match
@kokyutos
@kokyutos 3 ай бұрын
I find the solution to the problem of the arrow and line out of sync, you need to hit the U key to see all the keyframes from both shapes, then just drag the last keyframe of the arrow shape to the same last keyframe of the line shape, and thats it!
@smoshi2884
@smoshi2884 6 ай бұрын
hi man, thanks for sharing this useful tutorial. I did as you said in this video and now I have a problem with my project. I have two shape paths, one shape is regular and the other shape is the same but flipped horizontally. when I want to apply this animation to the second shape's path (flipped one) the positions points that come to arrow shape is not flipped as the main shape, I would be thankful if you can help me fix this out.
@videomarknet
@videomarknet 6 ай бұрын
Hey, thanks for describing your problem. Right away I would assume your properties are flipped so the best thing is probably to pre-compose that flipped asset and perform the steps on that new composition.
@PAHADIBABAJI
@PAHADIBABAJI Жыл бұрын
not so flexible expression can make it more flexible to reuse again and again and also it can be in one layer to simply copy one layer and paste then change only path .
@videomarknet
@videomarknet Жыл бұрын
read it with me...'EASIEST method"....not 'most flexible' or 'reusable'. I can put expression together that you probably never heard of before after using AE for 20 years...but no one would search that and it would get like 5 views.
@PAHADIBABAJI
@PAHADIBABAJI Жыл бұрын
@@videomarknet sorry for that but I am searching for reusable that's why really sorry sir and great respect ❤️❤️
@michaelore4786
@michaelore4786 Жыл бұрын
Thank you so much for this, easy, straight forward, and to the point. Appreciate the help
@videomarknet
@videomarknet Жыл бұрын
thanks, Michael!
@ARCHIPLUSINTERNATIONAL
@ARCHIPLUSINTERNATIONAL 11 ай бұрын
this is very very useful and super simpler than the expression!! thank you very much!
@BilalYousaf-bt5gl
@BilalYousaf-bt5gl 4 ай бұрын
The simplest solution is that When you Copy the Path Just stay in it and add trim path inside it.Then you will get same anchor pounts along path
@derek-yap
@derek-yap 2 ай бұрын
Excellent tutorial!
@KapDx
@KapDx 3 ай бұрын
Dude I love you, you've saved me, Subscribed you mate.
@videomarknet
@videomarknet 3 ай бұрын
thanks for your support.
@muhammadfahmifachrurrozy1210
@muhammadfahmifachrurrozy1210 2 жыл бұрын
Dude you so awesome !!! i am so appreciated !!! you help me to do some project wich used after effect, thanks you so much!!
@videomarknet
@videomarknet 2 жыл бұрын
thank you, Muhammad!
@danielazahalka4871
@danielazahalka4871 Жыл бұрын
OMG I have been doing this the hard way all this time. Thank you!
@videomarknet
@videomarknet Жыл бұрын
Yep because the KZbin algorithm is not always pushing the right content. But thanks for checking out my content.
@TheEclecticChef-f7f
@TheEclecticChef-f7f 3 ай бұрын
This is great and well explained and concise thank you. No filllers etc. One question; my first foray into After Effects so maybe doing something wrong. Just doing a straight horizontal line, for some reason my triangle is offset an inch or two verticall?
@videomarknet
@videomarknet 3 ай бұрын
Keep an eye on the pivot/anchor point of each asset (line and arrowhead). That's usually the reason for offset positions. Also make sure to paste into the right parameter (path). Best advice usually, since the tutorial is very short, start over and follow step by step, pause with each step to double check. It will work. Thanks for checking out my channel.
@TheEclecticChef-f7f
@TheEclecticChef-f7f 3 ай бұрын
@@videomarknet Will do thanks for the super quick reply. I usually cannot abide watching these tutorials, so much fluff. I feel confident after subscribing I'll be able to add AE to my arsenal quickly. The reverse path helped a lot.
@TheEclecticChef-f7f
@TheEclecticChef-f7f 3 ай бұрын
@@videomarknet Ok I almmost got what I wanted which is two horizontal arrows spreading out from center with a countup # between them. I finally got the right line/arrow working as per above. I figured I'd save time and copied the left line and then offset it on X-axis using position to put it on the right side of the center. Then I reversed the path. So now I have line expanding to the left with arrow pointing left pushed by it. I have a line expanding to the right as I desired. I thought now all I'd have to do is copy the left arrow and then copy the path from the new left line but that didn't work. Is there any other setting I need to add to the duplicated arrow to make it travel with the right line now?
@videomarknet
@videomarknet 3 ай бұрын
@@TheEclecticChef-f7f ultimately you can create one ...and then just precompose and mirror that composition. That would probably be the easiest thing to do now. Remember this is supposed to be a quick method with limited control. Anything beyond that would still require some parenting and expressions. But when both sides are identical (just different directions) precomposing might be a good idea.
@TheEclecticChef-f7f
@TheEclecticChef-f7f 3 ай бұрын
@@videomarknet Thanks, I got it to work with both sides. Super helpful, saved the day! :)
@Tomasrrb
@Tomasrrb 2 жыл бұрын
M8 I feel so stupid. I've followed your instructions to the letter and yet, I cannot make the triangle move. I have copied the path by using command+C and then i got to position and click command+V and absolutely nothing happens. What am I doing wrong?
@videomarknet
@videomarknet 2 жыл бұрын
maybe you did draw the arrow into the same shape layer ...in the video you can see it's 2 seperate shape layers. When you paste position in the same shape layer it ....well...shares the same position...nothing happens. Uncheck the first shape layer (the path) before drawing the arrow head (the second path) ...that will create a new seperate shape layer
@Tomasrrb
@Tomasrrb 2 жыл бұрын
@@videomarknet it was this exactly. First time using after effects, silly mistake. Thankfully we noobs have you helping us! Thanks man
@videomarknet
@videomarknet 2 жыл бұрын
@@Tomasrrb thanks, Tomás!
@TheEclecticChef-f7f
@TheEclecticChef-f7f 3 ай бұрын
Another interesting difference for me; I copy and paste the path to the arrow, the motion is in the opposite direction so I need to move them manually?
@videomarknet
@videomarknet 3 ай бұрын
There's a little icon next to the path 'reverse path direction'. It depends on the order of how you actually created the path. AE doesn't know which direction you intended initially so you might have to adjust the path direction.
@jasonk9770
@jasonk9770 2 жыл бұрын
Wow. I just used the null along path/pickwhip method to animate an arrow. This is so much easier. Subbed.
@videomarknet
@videomarknet 2 жыл бұрын
thanks, Jason!
@tylerfrazier8262
@tylerfrazier8262 2 жыл бұрын
Thanks for simplifying! Wasted a lot of time before I came across your video.
@videomarknet
@videomarknet 2 жыл бұрын
thanks, Tyler!
@NebMotion
@NebMotion Жыл бұрын
your tutorials are great, subbed
@videomarknet
@videomarknet Жыл бұрын
thank you
@88LoneWolf01
@88LoneWolf01 Ай бұрын
Thank you very much! Every time i try to paste the path on the arrow nothing seems to happen. the path keeps appearing outside of the arrow shape.
@videomarknet
@videomarknet Ай бұрын
try to replicate each step exactly as shown. Make sure nothing is checked or unchecked compared to the tutorial. When you follow each step exactly as shown, it will work.
@88LoneWolf01
@88LoneWolf01 Ай бұрын
@@videomarknet i did but unfortunately it adds the path to the outside of the shape. thank u anyways though
@RideWithMe80
@RideWithMe80 7 күн бұрын
I keep getting the offset of the arrow when paste in the position, and yes I have the anchor centered to the arrow.
@videomarknet
@videomarknet 7 күн бұрын
sounds like the path anchor point could be offset. When it doesn't work just start over again and compare the settings usually iti should line up perfectly.
@johnleighdesigns
@johnleighdesigns 2 жыл бұрын
great this is just what i was looking for! Wonder how you might go about adding 2 arrowheads one on each end to have a line where each arrowhead moves on x axis on left and right to show a width or widen or measure concept - would you just duplicate and flip? many thanks!
@videomarknet
@videomarknet 2 жыл бұрын
If you want to utilize the same technique, I would just precompose everything, duplicate and mirror from same origin.
@johnleighdesigns
@johnleighdesigns 2 жыл бұрын
@@videomarknet i always forget about precomposing/grouping - I was just fiddling around with duplicated layers and awkward reversing paths rotating and should have done exactly as you just said! thanks so much
@fouziabaig007
@fouziabaig007 7 ай бұрын
Very awesome trick without expression, I have use your trick in my project thank you
@videomarknet
@videomarknet 7 ай бұрын
Wonderful. Glad it was helpful. Thanks for the comment!
@giovannidigitalart
@giovannidigitalart Жыл бұрын
An elegant solution! Thanks!
@draxxuchiha949
@draxxuchiha949 Жыл бұрын
best tutorial ever on this topic 🥳
@videomarknet
@videomarknet Жыл бұрын
thanks, Draxx!
@rabby85
@rabby85 Жыл бұрын
It's just life saving. So many thanks
@videomarknet
@videomarknet Жыл бұрын
thank you
@amaledits7155
@amaledits7155 2 ай бұрын
I want multiple arrows moving in same path like dash. Is there a way to do that with out duplicating the arrow
@videomarknet
@videomarknet 2 ай бұрын
yes just add the 'echo' effect to the arrowhead and adjust the echo time and numbers.
@ravib6107
@ravib6107 Жыл бұрын
My man. on point. loved it
@videomarknet
@videomarknet Жыл бұрын
thanks, Ravi!
@dandelatv
@dandelatv Жыл бұрын
Thank you very much for this tutorial easy and not confusing.
@bubalontv9482
@bubalontv9482 7 ай бұрын
for example when you say copy that I don't know how to copy the path. I got stuck there. 0:57
@videomarknet
@videomarknet 7 ай бұрын
Just hit the shortcut Ctrl/Cmd + C after you clicked on 'Path'
@videomarknet
@videomarknet 7 ай бұрын
copy (Ctrl + C) should be a very common concept to....copy
@darkgiro5622
@darkgiro5622 2 жыл бұрын
thank you man, you helped me a lot with my school project
@videomarknet
@videomarknet 2 жыл бұрын
sure thing. Good luck with your project.
@bubalontv9482
@bubalontv9482 7 ай бұрын
1:15 You want to create a key frame ? How do I create a key frame ? I got stock there again. 1:15 How do you create a key frame ? can you explain that part please again with more details
@videomarknet
@videomarknet 7 ай бұрын
When you click the little stopwatch the first time it will activate keyframing and create a first keyframe right away (it will then turn blue).
@videomarknet
@videomarknet 7 ай бұрын
Either click the stopwatch to activate keyframing. If done already click the diamond shape next to it to create a keyframe
@UrantiabookfilmsOrg8
@UrantiabookfilmsOrg8 5 ай бұрын
Absolutely excellent. Thank you!
@jackcampbell1394
@jackcampbell1394 Жыл бұрын
This is great but I'm having trouble making changes afterwards. The only way I can figure out how to move the animated arrow after the fact, is to delete the original path and draw a new one and then copy that path to the position of the triangle. Do you have a better method for relocating the arrow?
@videomarknet
@videomarknet Жыл бұрын
yes as this is the 'easiest' method, it's definitely the most flexible one. In order to tweak the path afterwards, I'd choose a different approach which would need a tutorial o it's own. Again that's why this tutorial is titled 'easiest' method and not 'smartest' method.
@jackcampbell1394
@jackcampbell1394 Жыл бұрын
I figured it out. You just have to link the path (shape layer 1) as the parent of the arrow head(shape layer 2). Then any position changes to the path bring the arrow head with it, while preserving the animation. Or you can link them both to a common parent layer and move that.@@videomarknet
@yassinebroco601
@yassinebroco601 4 ай бұрын
thank you that was so helpful ❤
@yashvivora4039
@yashvivora4039 5 ай бұрын
This is so helpful, thankyou!
@jackieh3888
@jackieh3888 Жыл бұрын
Super helpful thanks Mark!
@videomarknet
@videomarknet Жыл бұрын
thanks, Jackie!
@RapidBlindfolds
@RapidBlindfolds 11 ай бұрын
arrow key at 1:44 doesn't seem to work in my AE. it just distorts the edges rather than adding more or less
@videomarknet
@videomarknet 11 ай бұрын
keep the mouse pressed when using the arrow keys. Also what am I supposed to respond to 'doesn't work'.
@sophieleighfisher
@sophieleighfisher Жыл бұрын
You are Literally the Best! Thank you so much!!! Sophie
@videomarknet
@videomarknet Жыл бұрын
thanks, Sophie!
@cmscss
@cmscss 3 ай бұрын
If you have to change the shape of the original path, does the arrow path update as well?
@videomarknet
@videomarknet 3 ай бұрын
@@cmscss not with this technique. It's meant to be the easiest way to create this. For such a rig (update path) you'd need a slightly different approach.
@thesuperheronoob
@thesuperheronoob 2 ай бұрын
how to pest path
@himalay7
@himalay7 2 жыл бұрын
damn, I had been using so complicated methods in the past, thank you! Now I can also easily turn it into a precomp and use just import in other project :)
@himalay7
@himalay7 2 жыл бұрын
However, one problem I am facing is when I copy path from the line shape layer to the position property of arrow head layer, the key frames generated in the arrowhead layer don't align well with trim path start and end position of the line layer. The arrow head is slower than the line, and I have to manually adjust the key frame so that the start and end position is same.
@henriquergarcia
@henriquergarcia 6 ай бұрын
Thank you from BR man!!! Very simple!
@videomarknet
@videomarknet 6 ай бұрын
thanks, Henrique!
@studentofthegame05
@studentofthegame05 3 ай бұрын
Yo! Having an issue where the arrowhead isn't following the path... copied and pasted toe path into position and it's not following?
@videomarknet
@videomarknet 3 ай бұрын
unfortunately it's impossible to troubleshoot 'not working' comments. I have no idea what's not working on your end. Best advice I can give you is to start over and replicate every single step, compare each parameter, selection, icon etc. it's a short tutorial...it will definitely work.
@williamvargas4179
@williamvargas4179 2 жыл бұрын
awesome tutorial, thanks for sharing bro!! Seamless explanation
@videomarknet
@videomarknet 2 жыл бұрын
thanks, William!
@jeremycowan2696
@jeremycowan2696 2 жыл бұрын
My man. This is precisely what I needed and yes, simple!
@jeremycowan2696
@jeremycowan2696 2 жыл бұрын
I will only say that, I imported my paths from Illustrator, and for some reason, when I pasted my path to the position of the arrow head, it didn't snap to the actual position of the path in the composition. Rather, it moved it off canvas but still following the curves. It just set it's starting point way off. Also, I tried doing this to nested "contents" within a layer and had trouble. Does this only work well with paths and elements created directly in AE?
@videomarknet
@videomarknet 2 жыл бұрын
@@jeremycowan2696 Paths copy pasted from Illustrator have their own center point. When you create a shape layer from the menu, add a path from the 'add' menu and paste the Illustrator path there it will not offset the path anymore.
@DanielGerona-b2n
@DanielGerona-b2n 10 ай бұрын
What is the home key on a mac laptop? Not sure how to center the centerpoint on the arrow
@videomarknet
@videomarknet 10 ай бұрын
I'm not a mac user but as far as I remember the equivalent is cmnd+ left/right arrow ...or ....fn+left/right arrow
@christine3071
@christine3071 Жыл бұрын
0:57. I tried to copy the path and paste it on the second shape layer. It did not work.
@videomarknet
@videomarknet Жыл бұрын
Did you copy the path first as demonstrated 0:57? I pressed CTRL/CMD + C to copy. Did you click / highlight the according values (Path and Position as demonstrated)?
@christine3071
@christine3071 Жыл бұрын
@@videomarknet I used cmd c, then I tried cmd shift c, I copied the path as you showed, then cmd v to paste on shape 2’s path. (I also tried on the position). I tried different variations of copying and pasting. But I couldn’t get it to work. I wish this step could have been broken down a bit more as somehow I’m missing something that you did. Perhaps one of my settings in Preferences may be off? Anyways I reviewed this step about a dozen times and it still wouldnt work
@videomarknet
@videomarknet Жыл бұрын
@@christine3071 It's a pretty straightforward step actually so I'm not sure how much further it could be broken down. Maybe the problem is somewhere else. Have you tried a new blank project?
@gamingdesk9440
@gamingdesk9440 Ай бұрын
Thank you so much for this
@constantadi
@constantadi 2 жыл бұрын
lovely, straight to the point. thanks!
@portvrgeiss
@portvrgeiss 4 ай бұрын
thank you so much mark.
@videomarknet
@videomarknet 4 ай бұрын
thanks, Porter!
@formatjpg
@formatjpg Жыл бұрын
path : Layer > Transform > Center Anchor Point in Layer Content
@ukuleo99
@ukuleo99 11 ай бұрын
How do you animate the path? When I do this method, the line is not animated
@videomarknet
@videomarknet 11 ай бұрын
It's always an option to start over again. It's a 4 minute tutorial. All I can tell you is ...follow each step demonstrated in the video.
@ukuleo99
@ukuleo99 11 ай бұрын
@@videomarknet Yea no, it doesn't work. It just makes a static line. Doesn't move when I play it back
@raw_pc
@raw_pc Жыл бұрын
Perfect explanation. Subscribed! 👍
@videomarknet
@videomarknet Жыл бұрын
thank you
@markepstein8460
@markepstein8460 Жыл бұрын
300,000 chumps, more like it!! thanks dude!
@krokodilpil8335
@krokodilpil8335 Жыл бұрын
Nice. Might use this method.
@personaltomato7131
@personaltomato7131 Жыл бұрын
You're the BEST! THANK YOU!
@ahmedmounir6327
@ahmedmounir6327 5 ай бұрын
grat one! so simple thank you
@nicolasvillarruel4208
@nicolasvillarruel4208 2 жыл бұрын
Underrated. Thank you.
@videomarknet
@videomarknet 2 жыл бұрын
Thanks, Nicolas!
@sentastudio
@sentastudio Жыл бұрын
Amazing tutorial.
@edgarspavlovics3540
@edgarspavlovics3540 9 ай бұрын
When I paste the path, the motion is much shorter than that of the original path. The arrow head moves much faster, what did I do wrong?
@videomarknet
@videomarknet 9 ай бұрын
just drag the second keyframe to match the timeline position of the original keyframe.
@videomarknet
@videomarknet 9 ай бұрын
since no keyframes are set just yet the time span defaults to 2 seconds (60 frames) if your trim path animation is longer you have to adjust the endframe to match. In my case I did operate within 60 frames so it matched automatically.
@stevenweii
@stevenweii Жыл бұрын
it's strange that when you copy the path at the first there was no keyframes with that path, but when you paste on Position of arrow, there appears keyframes, can you please explain this??
@videomarknet
@videomarknet Жыл бұрын
I don't know the technical process behind it, but that's what AE does when you paste path information into the position value.
@marpandz8483
@marpandz8483 2 жыл бұрын
Subscribed for this hahaha you should do more of this
@gregoryphipps2321
@gregoryphipps2321 Жыл бұрын
This is the easiest solution I have found, but when I wrote the steps out to make sure I didn't leave anything out, it came to 16, including a couple notes. That's a lot of points of potential failure and it speaks to how silly it is that something seemingly so basic should require this many steps. That's on AE, not you, btw. And I'm still facing two issues. 1. arrowhead is visible before line starts moving, and. 2. at the last keyframe the arrowhead turns upside down. I checked the alignment of the keyframes and they match, but for some reason when I choose a longer length for the line drawing (like 4 seconds), it seems to put the pasted keyframes in a 2 second window, so I have to stretch them to match the original four second length.
@videomarknet
@videomarknet Жыл бұрын
Well since we're disecting details on atomic level here obviously....let me reiterate what exactly I said ...quote '2 or 3 clicks, couple of steps' ....you could of course go ahead and count every single thing you do to get there ....including turning on your computer, the monitor and firing up After Effects and end up at 72 'steps' ...OR ...you could understand it as 'relevant steps' which is a) creating a trim path and b) pasting that arrowhead onto that path. Then we're much closer to what I actually said. To answer your question ....in order to keep these tutorials as short as possible I have to assume some basics are clear ...like work area, trim path etc. ...I've had people complain about tutorials of 90 seconds (yes 1,5 minutes!) being way too long for their taste. So explaining every little thing along the way didn't work as good as actually targetting specific tasks (like animate an arrow).
@laurabrown1775
@laurabrown1775 Жыл бұрын
Thank you! So simple.
@videomarknet
@videomarknet Жыл бұрын
thanks, Laura.
@simplysurfing
@simplysurfing Жыл бұрын
May i ask.....what processor....GPU card and how much ram your using to do these projects ?
@videomarknet
@videomarknet Жыл бұрын
I personally am on a high-end PC (2 x 2080Ti GPUs) since I create 3D animations for product advertising for a living. But these techniques are very simple and don't require a lot of processing power. Should work fine on a standard PC even laptop or macbook
@BayWeli
@BayWeli 2 жыл бұрын
This is awesome! Thank you so much for sharing. Very helpful 😊
@DemandMarketingltd
@DemandMarketingltd Жыл бұрын
Yassssss, thank you my man 🙌
@videomarknet
@videomarknet Жыл бұрын
Let's goooo!
@persimmonswillis4320
@persimmonswillis4320 10 ай бұрын
why my arrow did not connect to the end of the of the path. Tq
@videomarknet
@videomarknet 10 ай бұрын
I have absolutely no idea
@christiancarruthers635
@christiancarruthers635 Жыл бұрын
excellent tutorial
@xmatias9
@xmatias9 Жыл бұрын
Thanks you so much, new sub for sure, you're amazing
@videomarknet
@videomarknet Жыл бұрын
thanks, Matias
@baldusfilm5148
@baldusfilm5148 7 ай бұрын
Brilliant! Thanks a lot :D
@videomarknet
@videomarknet 7 ай бұрын
pleasure, Baldusfilms! thanks for the comment
@ttemidayoo
@ttemidayoo Жыл бұрын
Hi, Help me out, I pasted the Path but i did not see any keyframes
@videomarknet
@videomarknet Жыл бұрын
not sure. Did you copy it properly first? Did you select the right property to paste it into?
@ahmetyasintatar
@ahmetyasintatar Жыл бұрын
Dude, copy "path" with the clock symbol.
3 Arrow Animation Techniques in After Effects | Tutorial
9:59
Manuel does Motion
Рет қаралды 28 М.
How to Create Animated Rising Arrows in After Effects Tutorial
9:32
Every team from the Bracket Buster! Who ya got? 😏
0:53
FailArmy Shorts
Рет қаралды 13 МЛН
#behindthescenes @CrissaJackson
0:11
Happy Kelli
Рет қаралды 27 МЛН
Air Sigma Girl #sigma
0:32
Jin and Hattie
Рет қаралды 45 МЛН
How To Create Animated Arrows In After Effects
4:53
Motion Array Tutorials
Рет қаралды 507 М.
The Forbidden Way Of Making a Game
7:51
Joon
Рет қаралды 69 М.
Hyper Realistic Map Effect - After Effects Tutorial
7:37
TomsProject
Рет қаралды 85 М.
Crazy Trim Paths Tricks in After Effects | Tutorial
9:21
Manuel does Motion
Рет қаралды 385 М.
Animate an Arrow on ONE LAYER | After Effects Tutorial & Free Preset
28:19
Animation Explained
Рет қаралды 15 М.
Tap into the FULL POWER of trim paths
29:26
MotionXP
Рет қаралды 150 М.
Swiping Arrow Animation - Adobe After Effects Tutorial
4:03
Edit in Minutes - Quick Tutorials
Рет қаралды 46 М.
Every team from the Bracket Buster! Who ya got? 😏
0:53
FailArmy Shorts
Рет қаралды 13 МЛН