AFX / AI Tutorial: Animate Line Icons/Paths

[@n10ae]

Hell yes, excellent workflow instruction for me...a newb to After Effects. Thanks!

[@armaganvideos]

You are welcome buddy, thanks for the comment!

[@annapeipina7423]

I´ve searched for this kind of tutorial for over 1 year! I tested so many complicated workarounds.... but actually this is gold! Thank you sharing it with us! :)

[@armaganvideos]

Thank you so much :)!

[@ahsanjaved7102]

hahahaha lol, I am too late in your channel Armagan. Because I just seen comments right now, people commented before 4 years 3 years. And the video is still seeing. love for you Armagan

[@philiphoting]

4:54 is the most important step in the video! Thx man

[@leavejoeyalone3270]

I'm currently in college studying Graphic Design. You're videos are a great help and really help me improve my Graphic Design.

[@a_boeg]

dont say your tutorials are trash, man:l every effort in live must be considered as a goal. that is that. in other hand, being objective i think your tutorial is great and it completes its objective that is to teach something, so great job, keep going, keep bringing quality content to the plataform. i hope theres peace in your mind now in 2020.

[@billmacp]

Thanks

[@EmpyreanLightASMR]

4:19 thank you for this, I got a real kick out of that. I always enjoy snooping when people show their computer folders and that was hilarious! GREAT tutorial as always.

[@armaganvideos]

+EmpyreanLightASMR Hah! I know, because I do the same in other people tutorials! Greetings man, ArmaganVideos.

[@kimberlywilliams9555]

I love this tutorial. Not only did it solve my issue but I laughed the whole time. Thank you! I subscribed because I enjoyed it so much!

[@acolburn23]

Awesome! Been working with trim paths a lot lately and love how easy it is.

[@123sreekar]

Your tutorials are not trash!

[@TheOpiumFields]

Thanks for the help! Very informative video with NO stupid home improvement music. Very to the point, with no gimmicks! Yay!

[@eagle_jsj]

I've been looking all over youtube for this EXACT video. I knew I could do something like this yet everyone else showed 'garbage' methods. Aha, thanks man.

[@xTwinVipersx]

No, You're tutorials are the best!!! Thank you.

[@armaganvideos]

+Nancy E Thank you Nancy!

[@ajayshewale5027]

Your tutorial is life saver for me..... thanks

[@Mister73C]

Thank you very much this was very helpful :) well done

[@ajinkyasawrikar5417]

Its not possible that your videos are trash ! They are dope (I really mean it) be positive man ;)

[@armaganvideos]

Haha thanks buddy, was just a little joke for the haters out there. Best Regards, ArmaganVideos.

[@armaganvideos]

Some are commenting under my most viewed videos, whichs is kind of okay I guess :p! Greetings, ArmaganVideos.

[@songorkhan]

I want to animate a "self drawing" (path trim effect) Circle, but when the Circle "builds up" it first fills the circle with a black, and THEN drawing the thin circle path around it. So it "fills" the circle during the effect, but the only thing i want, is the thin circle line to build up. (sorry for my bad english, I hope I could explained it good enough)

[@valac_42]

I always learn something new in these videos. Keep up the great work dude

[@adotornado-e4o]

Look who is back! :D Feels great to hear your epic voice again.

[@armaganvideos]

Hah thanks man, really motivating! I haven't been away though, Iam always reading every single comment. Greetings, ArmaganVideos.

[@adotornado-e4o]

+armaganvideos I'm pretty sure you don't have much time for youtube (since you are busy with the work and stuff) although you are putting the best quality videos whenever you do have time. Keep doing that and stay awesome! (sry for bad english btw)

[@armaganvideos]

+TornAdo Hey thanks buddy, really appreciate those nice words.. Iam always feeling really bad when I can't record anything, because I got so much other stuff to care about, but thanks for appreciating the quality! Best Greetings, ArnaganVideos.

[@Coconanatv]

nice tutorial! thank you!

[@blackroseconsulting1230]

this really saved me a lot of trouble and was exatly what i was looking for!

[@thelmahlatswayo3463]

This is an awesome straight to the point tutorial, thank you so much

[@armaganvideos]

You are welcome!

[@noahgrice]

tbh surprised people asked for this, it was really easy and its a technique ive been using for years ;)

[@skandiaart]

Hi noah

[@noahgrice]

aye xd

[@matheuscardosogomes]

Amazing tutorial man! Thanks a lot for sharing!

[@mertgemicioglu5346]

Your tutorials are not trash.

[@DhFragoso]

Hi , I'm from Brazil and I would say that I love your videos and your amazing voice !

[@armaganvideos]

+Dhiullian Designer Thank you buddy, really appreciate it! Greetings to Brazil, ArmaganVideos.

[@sircasino614]

4:53 I don't get the "create shapes from vector layer" option when I do this... did it change in 2021?

[@pm599hd]

Fact: i've discovered that in order to apply a trim paths effect, the stroke alignment of the layer should be centered and not internally

[@alaakantar944]

thank you man i finally find what i want translating lines to after effect thanks

[@123arskas]

DAMN !!! Loved the way you taught !!!

[@ismailmohamedmoneer7560]

this is awesome, this is pretty much easier than generating strokes and masks .. may you let me know how the fill works on this way?

[@adobeae_ar]

I have an illustrator graphic made up of all strokes. When imported into AE and converted to shape layers, all the strokes turn into filled shapes matching the thickness of the AI graphic's strokes. I want them to stay as strokes so I can utilize Trim paths. What am I missing here?

[@therisingsun07]

I figured out one thing, If you use the width or variable width profile for a stroked path, In AI it remains as the stroked path, but when you import it to afx it changes to fill. If you use a stroked path without using anything else like width tool or something, then it remains as stroke in afx when you import. I'm figuring out the reason behind this. I want the stroke to remain the same in afx even when the width tool is used in AI.

[@jakejakejakejakejakejake]

Love your work, bro! :D X

[@pepenero7286]

SEI UN FRATELLO!

[@juli3m0nst3r8]

If anyone is using Affinity and is trying to do flat design, just mimic it. I am doing his flat desk tutorial entirely in affinity designer, and while some things are different it looks okay. Just an FYI.

[@ahmedel-sabahy923]

awesome my friend >>>> plz more interested tutorial

[@Reciperack]

Great to see another video, thank you sir! Stay busy

[@armaganvideos]

Thanks man! Definitely going to stay busy!

[@JayBaggio]

thanks for this. When I use this shape layer created from vector as path for Element 3D (3D logo) nothing appears on screen. E3D doesn't seem to recognize it (it does work if I auto trace the same AI logo in AE). Do u know what's the problem?

[@alirezabahrani9828]

I loved it. thanks man🙏

[@Jay0Ve17]

Very Very Helpful!! Thank you man

[@armaganvideos]

+Joel Velasquez Thanks man, you are welcome.

[@luizalosch9268]

When importing my vector lines to after effects, even though I did not expand them, they do not appear as stroke but expanded... Anyone know how to fix it?

[@Trioptic3D]

Cool stuff bro

[@armaganvideos]

+Trioptic3D Thanks buddy!

[@SirYuri]

Great video!

[@cibertwin5356]

thanks so much. Your videos are very inspiring!!!!

[@Fizaxe]

Really nice! Now I can make my own animations! Thanks a lot!

[@armaganvideos]

+Fizaxe Awesome man, do it!

[@jackowsky3373]

That' great but I have a problem. How to animate rounded path? Because in this video you animated "rectangle: path. When I try to animate rounded one it cuts horizontaly.

[@sanicartoons5395]

i have learned something here, thanks

[@RGMda]

Great video! Is there a way to do this with the fill as well?

[@drugstoremarc2]

Thank you very much, man!! Amazing tutorial!!

[@Qkaable]

I have a quick question : Which version of AE are you using in this video ? I don't have option called "Create shapes from vector layer" I'm working on windows and AE CS5. Thanks in advance for your help and sorry for my English .

[@DazzyDude00]

Great Tut dude! What would you suggest to export it as to be used on the web? SWF?

[@armaganvideos]

+DazzyDude00 Thanks man! .svg / .gif / .png sequence (iterate through an array with the images in it = .gif). Greetings, ArmaganVideos.

[@JohnDrach]

Great vid. Thanks for sharing

[@illumizoldyck911]

which record screen program do you use ? :)

[@robertcapelluto8382]

Thanks a lot mate very easy to follow

[@armaganvideos]

+Robert Capelluto You are welcome! Glad you enjoyed it buddy!

[@guerrerohernandez90]

Hi, nice channel :) I've try to do the same as you've done, but with a layer with effects, and suddenly it loses all his propierties, the bg became grey, the stroke has no colors, and no fxs, like I've said, any solution? Thanks

[@InfiniteLightAura]

Hey man, great tutorial - it was exactly what I needed :) P.S What is the screen recording program you're using? that 60fps omg looks so GOOD

[@whoonga]

Sehr cooles Tutorial! Allgemein sind deine Videos qualitativ sehr hochwertig. Was ich gerne wissen würde ist, welches Mikrofon du benutzt und ob du deine Stimme nachbearbeitest.

[@armaganvideos]

Danke und danke! Habe derzeitig zwei Mikrophone: Rode NT1, Rode Procaster, werde wohl aber auf ein Neuman TLM 103 umsteigen, habe auch ein Channel Strip sowie das Scarlett 2i2 am Mikrophon hängen. Meine Stimme wird auch nachbearbeitet: Multi-Band Compressor und Frequenzen mit einem EQ rausschneiden. In dem Tutorial hab ich leider außerdem einen De-Esser mit falschen Einstellungen verwendet, wodurch mein "S" wie ein "th" klingt. Beste Grüße, ArmaganVideos.

[@alyagif.9111]

You have such a nice voice, sorry had to put it out there XD . It sounds cool but also verry soothing. Thanks for the tutorial it's verry helpfull!

[@armaganvideos]

+Alya T Hah thank you Alya, really appreciate it! You are welcome and Iam glad you enjoyed it. Greetings, ArmaganVideos.

[@alyagif.9111]

+armaganvideos No problem ^_^ 😊.

[@rawpower5419]

nice vid!! Thanks for the tips!

[@oliverdelarosa4790]

thanks a lot, Armagan

[@MitchieDBBC]

I have yet to test it out, seeing that this tutorial is a year old, I hope it still works. If it does, you will have made my life so much easier.

[@armaganvideos]

MitchieDBBC Still working like a charm!

[@MitchieDBBC]

ArmaganVideos Yeah, but what i just found out is that in order to create a gradient on the lines in thier ai file, they made path that looks like a stroke, but in reality is a fill. So i cant do this

[@redburner]

That was super helpful! Thank you so much.

[@moktadirjafran]

Your videos are very helpful.. Love...

[@omnipresentobserver4403]

Awesome video :)

[@armaganvideos]

+ii Darkside Thanks buddy!

[@omnipresentobserver4403]

+armaganvideos 👍👍💪

[@juliastadler240]

This video is awesome thank you so much, I learned a lot and exactly what I needed!!!

[@Nakudan12]

I love these tutorials, really helps clear the fog. Also could I do the same thing with Layers in Photoshop since I use that to create my logos and icons more than Illustrator.

[@armaganvideos]

Great that I could help, I'll see if I can cover up this request as well, thanks for the suggestion buddy! Greetings, ArmaganVideos.

[@Nakudan12]

+armaganvideos Thanks! That would be greatly appreciated!

[@douwepausma]

What render settings do you use?

[@Dali12345678]

Great tutorial! gotta ask is this possible to implement onto a website with a hover effect? first you have the static picture as a svg icon and then you use that same icon but animated in Ae as a svg.

[@armaganvideos]

You can animate .svg's with CSS. Should be easily possible!

[@cashkriscash]

Deine Videos sind richtig gut. Ich habe was selber gemacht und wollte fragen ob ich das irgendwo einsenden kann und du mir ein paar TIPPS geben könntest Wie ich es verbessern könnte.

[@armaganvideos]

Einfach hier als Screenshot posten. Grüße!

[@PrateekSinghal]

I really wanted to know how to use that animation in app icons

[@Payuti87]

A lot of times I don´t get the strokes when I go to Ai to AE, the strokes are rectangle with the fill, you know why?

[@honerzawita8024]

Thanks a lot.

[@armaganvideos]

+Honer Zawita Hey you are welcome man! #einsteinFTW

[@williandroid2011]

Thanks for sharing!

[@armaganvideos]

You are welcome!

[@MichaelWillfort]

Thank you for this tutorial, great teaching and a very pleasent voice...Thanks a lot! I am dreaming of animating custom designed patterns easily, like letting them grow. Goal: I paint my artwork on Paper to have the real art look, then fotograf them and make a png file. That one should easily grow along a path ... Do you have a simple solution? I know of Write on etc witch is hard when lines cross each other...

[@HaniSrocker]

thanks nice video keep uploading

[@armaganvideos]

+Behind_The_Dead You are welcome, keep watching :p! Greetings, ArmaganVideos.

[@EliWanket]

Thanks, Javier Bardem

[@armaganvideos]

Javier Bardem :D?

[@collinssapic8143]

can you show how to animate a splash screen logo. for. an Android App

[@tobiasf4782]

Thank you!

[@amsalik]

dear armagan, thank you very much for your tutorials ..... really appreciate these .. i just wanted to ask you you a simple question.... what plugins or software do you use to make your voice so nice.. i know you will be using a very good recording equipment but i am sure you are putting this base kind of touch with some software.. please can you tell ??

[@armaganvideos]

+Majid Khan Adobe Audition or FL Studio, really depends on what I want to achieve. But my mic and channel strip is pretty nice aswell. Greetings, ArmaganVideos.

[@amsalik]

thank you for your very quick reply ... **by base ** actually i meant BASS sorry for mis spelling. i have heard this heavy bass voices but could not achieve it in audition..

[@FishBoyBlue]

How does your mouse movements look so smooth?

[@armaganvideos]

60FPS awesomeness!

[@20MDM]

can you do a tutorial for Saber? Your version of an overview of that plugin and how to make the common effects with it. Maybe such a tutorial is unnecessary, I don't know.

[@MafiaBoss19821]

How did you start out learning all of this? Besides your own fiddling around with the program.

[@onepiecefanatics5739]

he said something about university, that's probably it

[@IdeaIQTheBlackLight]

It's cool.. thank you so much..

[@digitalwolfcro]

Nice!!! Can you please tell me the name of the wallpaper?

[@armaganvideos]

+Hanki Sketches I think its from OSX El Capitan (like from Apple).

[@AprexoArt]

Nice!

[@francescarose9024]

On Cs5 I cant convert the illustrator file into vectors, why?

[@ghostk3]

effective nice and simple :)

[@willesynning889]

Hi I love your videos! Can you make an easy to follow tutorial so I can learn the basics of After Effects? Keep up the good work man!

[@armaganvideos]

+Wille Synning Thanks buddy, there are already a lot of tutorials about that online and I hate just copying / redoing something that has already been done (Its like walking the same paths as others, you will always come to the same destination that way). I always like to go my own way. I hope that comparison makes sense in that context, hah!). But I'll see if I can somehow manage to show the basics, but differently (already got an idea). Greetings, ArmaganVideos.

[@propheccy]

the force is strong in this one.

[@armaganvideos]

May the force be with you my dear friend.

[@propheccy]

thanks mate! I have learned so much from this single video actually, it truly boggles the mind - With your tutorial, I have been able to aquire the skills to animate my company's logo and am working on different animations for presentations and website effects. I will send you a youtube link when the first video is online here so you can see just how powerful your videos are when it comes to conveying the essence of a program such as AE. I hardly ever subscribe youtube channels but yours is a goldmine of awesome teachings. keep up the great work my friend ! all the best from Vienna

[@armaganvideos]

Wow, what a beautiful comment man. Thanks for making my day buddy! Love it, I just love it, can't say anymore and I think nothing more is needed. So proud to read that! Greetings back from Hannover!

[@CommentCritic]

Found your channel while scavenging for CSGO team logos inspirations. Watched a few of your videos and I really love them. Your style of explanation is perfect. Subbed. :) PS: What fps were you recording this video in? I can see your mouse is ghosting.

[@armaganvideos]

Hey thanks buddy, welcome to my channel! I've recorded those videos in 50 or 60FPS, its not really ghosting. I enabled motion blur for a more smooth feel. Greetings, ArmaganVideos.

[@LuaNucci]

nice!

[@armaganvideos]

Thanks!

[@flovaproducciones4825]

Thanks... Excelent!

[@NuEnque]

What software are you using to capture your screen? Share the wealth please :)

[@JustANerd]

You can use OBS Studio. With some beginner tutorials you will find the right settings for your use case :)

[@Wise_Fusion]

thank you..

[@armaganvideos]

You are welcome!

[@JesseNovo]

Hey erstmal will ich dir sagen bin selbst in der Branche und feier alle deine Videos 👌 Ne Frage...Es gibt einen KZbinr namens "GreatScott!", der sich genauso anhört wie du. Ich habe mich schon immer gefragt ob du das bist. Kann das sein?

[@armaganvideos]

Haha! Hey buddy, danke dir! Nein ich bin nicht "GreatScott!", aber ich bin bei anderen, noch größeren Kanälen am Start, gutes Gelingen bei der Suche! Grüße, ArmaganVideos.

[@karctphouse1809]

Tnx Bro

[@PrateekSinghal]

DOPE.

[@vectorliquidoedfrabel2833]

move anchor point..i cant see it i my AF...window tap but,,,it doesnt exist...

[@armaganvideos]

You have to download it, its an extern plugin!

[@vectorliquidoedfrabel2833]

ohhh,,ok thank you,,,,,

[@Gummy_Thomas]

Amazing ... Beautiful logos ... Can you do for me and my team logo ?? (csgo)