Cinematic 3D Stroke Logo Intro in After Effects | Tutorial

17,000+ AE & PR Templates: bit.ly/UnlimitedAETemplates - Stand out from the crowd and create the best 3D Logo animation out there. In this After Effects tutorial, we're going to take any logo and turn it into a 3D Stroke Animation. By using the Vegas effect, you can create an outline of any logo. Then by duplicating, you'll make a 3D Intro. Lastly, we'll use creative camera angles to create a cinematic scene in After Effects.
► Get This Tutorial's Project File & Follow Along:
www.sonduckfilm.com/tutorials...
► Free 100 Template Pack from us for AE & Premiere here:
www.sonduckfilm.com/tutorials...
► 17,000+ Templates For After Effects and Premiere Pro: bit.ly/UnlimitedAETemplates
Save time and produce amazing work with our Extension panel that allows you to preview templates in After Effects and Premiere. Then quickly change your template within seconds to fit your needs!
► Check out all of SonduckFilm Individual packs here:
www.sonduckfilm.com/
Expression Used:
x = value[0] + (index-1)*0;
y = value[1] + (index-1)*0;
z = value[2] + (index-1)*3;
[x, y, z];
#SonduckFilm #AfterEffects #motiongraphics
Timecode:
0:00 Intro - Smash that like button!
0:19 Step 1 - Turn Your Logo into A Stroke
1:40 Step 2 - Make Your Logo 3D
3:10 17,000+ Templates
3:32 Step 3 - Logo Shadow
4:35 Step 4 - Camera & Animation
5:51 Step 5 - Different Angles
6:40 Step 6 - Final Logo Exit
7:55 Outro - Subscribe for More!

[@SonduckFilm]

Please hit the Like button - It truly helps! :)
► 17,000+ Templates For AE & Premiere: bit.ly/UnlimitedAETemplates
► Free 100 AE & Premiere Template Pack: www.sonduckfilm.com/tutorials/duck-pack/

[@joelclark1840]

This worked out so well for my project. I has Illustrator layers that I animated manually (lots of lines) but the 3d aspect took so little time. My only change was that when I zoomed in on small parts of the animation, I has to change the script to increment the z position by "1" instead of "3" to avoid seeing the spacing.

[@miguelnarvaezhob622]

bro u r crazy af dropping this hard tutorials, ty so muchhhh

[@JonathanAyers]

This is absolutely fantastic!

[@jufxrq]

so niceeeee thank you for this tutoriel I did this with my friend's logo it works so wellll love it !

[@gibboireland]

Super video - immediately subbing. Many thanks!

[@dblackledge4393]

Great stuff. Going to try this out on the works logo.

[@ruminobeats]

I always thought I needed a 3d software to make a so perfect animation.
Thank you for all your life-saving tutorials !
You can't know how much this channel is helpful to the designers community.
Always be creating ! 🙏🏾

[@SonduckFilm]

I'm still learning all the time and I am amazed what can be created just in AE.
Thank you! Keep up the excellent work.

[@travelandmusic6245]

me too this is cool.....

[@mr.y7351]

WOWW AMAIZIMG!!!!

[@SreekanthGudesa]

absolutely amazing. thanks for such a nice video....

[@Laketexomaliving]

Cant wait to try this one

[@albertdzade4289]

Great piece Josh. I always learn from you

[@SonduckFilm]

Thank you!

[@macjonald]

Wowowowow! This was one amazing tutorial!

[@SurrealEtc]

this is fire bro. Thanks

[@user18501]

Thank you for the great tutorial! Please keep posting new tutorials

[@makochris9336]

Super Cool!!

[@stephenbradleyent.3323]

Amazing!!To the point, and coherent!

[@marcovasquez3263]

Thank you so much bro

[@pyrography]

Thank you Josh🙏

[@golden_trident]

Simple, but tasty. Thanks :)

[@thiagobryan1958]

Thanks!! ❤

[@wasimsuperb]

Great sir 3d camera, light animation is my favourite please make more I. These as we can learn it like you.. Thanks

[@Dgaming_gamer]

I love this video so much ❤

[@CRIMELAB357]

This is f⬜️⬜️⬜️⬜️⬜️⬜️ awesome!

[@prathameshgaikwad7550]

Easy to understand.

[@texturastylist]

lov it

[@movietrailer4113]

👉Wowwwww. AMAZING. Creative. Let`s go

[@TheNamesRein]

thanks

[@ApieceOfwish]

Awesome ☆

[@sohastar4206]

very good

[@kevinbrianthomas1]

I'm about to do my own version of this one here.

[@pravesh_mangar]

cool😍

[@andrewk7911]

Super

[@kehindesuleiman5738]

This is really nice Josh. You forgot to teach us an easier way to change the logo in case we would like to change the logo in future. Thanks once again for sharing.

[@SonduckFilm]

No problem! If I remember correctly, I precomposed the logo. So you can swap in your logo within that composition. Might need to apply the fill effect again.

[@loveesther4061]

Always grateful for your tutorial- Thanks. A|effect expressions seem tricky. any help for future use/reference?

[@srikeshpillai]

🔥🔥🔥🔥

[@hitecrcdusa]

Awesome tutorial! I'm using this to create a 3D version of my company's logo and am wondering how to remove the rounded corners? Is that possible?

[@crendonio123]

Josh have you been hitting the gym? Looking great bro!

[@SonduckFilm]

Thanks brother! Yes sir!

[@chinaahpek]

probably still too advanced for me as I am still a beginner to AE and Premiere. But it is nice to see what I can aim to achieve in the future

[@vevilyna]

This is such an amazing tutorial that you make! but, may I ask why my logo animation looks so blurry? I've made the magnifecto fit up to 100% and the resolution is 100%, I'm so confused.

[@sebastienfrey9312]

hello! amazing tuto! how do ii do when it's already a a stike logo (already just a lign)? now it appears vith an empty space inside my lign? thanw so much

[@mashudali8482]

Subsctibed - can this stuff be done in Fusion, Da Vinci Resolve?

[@jaysonfontela5761]

💖💖💖

[@clamentgms3709]

is it possible to make the Vegas stroke Inner or outside of the logo path instead of centre?

[@tinorhein7829]

Great tutorial! But I have one question ... what could be the reason that my outlines always have coarse structures (even if the logo is noticeably larger in AI).

[@astefanabdholla3712]

❤️❤️❤️❤️

[@Flo-sj2pb]

What do we have to do for replace by our logo ?

[@bilahhakim]

how about executing original logo that has other colours than white at the end ? cause my logo is not only white

[@lex_lg]

Offtop: why you guys using rgb channels with different layers to add "chromatic aberrations" effect. Can i use one adjustment layer with one of the distortion effects and 3d glasses (with the same layer in options)? It's wrong? :)

[@acadvideoart]

Do you know how to make a screensaver, credits from the beginning of the film "Konstantin-the Lord of Darkness 2005"?? Thank you in advance!

[@Runningl8te]

This is really really cool. However, is there a way to make the Vegas effect behave like an inner stroke instead of an outer stroke? It would help maintain proportions and spacing in the logo.

[@justinfigiel6363]

I've run into this too. I found that using generate stroke, instead of Vegas, for the animation works just as well.

[@trattface]

would there be a way to add a fill to it?

[@munenenjogu6440]

can i use thiswith a colored logo

[@chiggedycheckyoself]

I'm an absolute beginner, but wouldn't extruding the one layer work just as well as duplicating it 27 times?

[@namekpictures6915]

After adding the code the logo shifts out of the screen is there a fix

[@EmergingGraphic]

Could you tell me please when i zoom it, It gone faded.

[@Flo-sj2pb]

I need help ! When I create a new angle of view, switching is not working, When I change the point of view, both scenes have the same point of view, there is no cut

[@complay8239]

why i can't put the background?

[@ninjacat23nd94]

will this work on after effect version 2019

[@eidrefaieh8960]

the expression in AE says that is Z in not defined

[@LucaNestola_FILM]

Great BUT...
When the camera moves closer to the object, detail level is quite low and it has that "slices look".
I even tried to duplicate the pre-composed logo layer more than the indicated times, but still the same.
Full disclosure, I am new to the AE world, but it seems that the same issue is visible in the sample created in the tutorial.
Not sure this can be used in a professional production. Unless I am missing something of course.

[@nicktasteless360]

not sure why my scene 1 and 2 does not look like yours. The scene 2 seems to be starting from the start instead of continuing from scene 1.

[@sebastienfrey9312]

my mogo mooks actually when you went throught Vegas..

[@TR360O]

Great tutorial! The only problem I've been running into is when increasing the width in Vegas to 15 the edges of the logo get cut off. Does anyone know how to fix this?

[@anasosama7558]

mine gets super blurry

[@jakegilbert4803]

Hello, I’m looking to buy your biggest package and got a quick question. Would I need a laptop, or would I be able to download everything to my iPad? Sorry if this is a stupid question

[@SonduckFilm]

Hi Jake, I just replied to your message on Instagram :)

[@Xandercorp]

I think you can achieve a better version of this with the 3D extrusion via C4D renderer nowadays. Might look better if you up the render detail prolly.

[@SonduckFilm]

Yes, I always feel iffy about doing 3D stuff in AE, because you can usually get better results in real 3D software.

[@Xandercorp]

Have some faith, Adobe seems to be trying to move us to using assortments of apps, so you extrude in AI then send to Substance then send to AE. But I hear you, you'd have more options with a 3D dedicated app... Also more buttons tho :D

[@tccreationyt8402]

how to underneath?

[@user-yr3db5jg8l]

why my background doesnt turn black after precompose?

[@sotografik]

Hi, can anyone help me figure out why it's so pixelated. In program, but also on the export. It doesn't look clean.
Thank you!

[@puthunwaidyaratne9504]

Do you still have this issue?

[@anasosama7558]

I do

[@anasosama7558]

when i increase the width in VEGAS effect the logo becomes blur, why ?

[@javearcleare567]

i'm getting an expression error, even though i copied the code.

[@KeyIntelMedia]

If the angle is too low you can see through the top layer.. any suggestions on fixing this? Or should I go to Blender :)

[@JRZflicks]

Why do I get a black background on my logo when I try adding a solid behind underneath all the duplicate layers?

[@vbrownemail]

I feel your pain...same thing happend to me

[@JRZflicks]

@@vbrownemail Bummer. For some reason when I deleted a few of the layer copies the black background went away. He said 27 copies in the video, so I deleted a like 3 or 4 and it went away. But that's not ideal because what if I want to make it thicker by adding more copies?

[@vbrownemail]

@@JRZflicks Thanks...tried it and it worked like a charm!!!

[@xxrelaxbrotherxx]

thats a lot of step for a beginner

[@moaaxali]

Animating the camera Y by time=5 doesn't work, it seems you skipped the animation step there.

[@anasosama7558]

So which number is correct one?

[@adraur9670]

nice, but maked to fast

[@banglabeastfr]

There is something you didn't explain clearly.

[@wanjosentertainment5878]

and i thought i kipped mathematics🤣🤣🤣🤣🤣
x = value[0] + (index-1)*0;
y = value[1] + (index-1)*0;
z = value[2] + (index-1)*3;
[x, y, z];

[@user-pw5es2dq2w]

آسِالُكِ بّالُلُُه الُجْلُيَلُ الُجْبّارَ انَ تْنَقًذَنَا قًبّلُ انَ نَمٌوَتْ مٌنَ شِدِتْ الُجْوَْع انَيَ انَتٌْخيَكِ انَيَ دٌِخلُةِ ْعلُى الُلُُه تْمٌ ْعلُيَكِ انَيَ فَيَ وَجُْهك انَـيَ اخـتْكِ انَـيَ اتْرَجْـاكِ اتْـوَسِـلُ الُـيَـكِ انَـقًـذَنَا لُـوَجُْـه الُـلُُـه. يَــشِــُهدِ الُــلُــُه يَاٌخـيَ انَ مٌنَ الُــصّــبّاحُ حُـتْا الُـانَ يَــحُــرَمٌ ْعـــلُيَـنَـا الاكل غير الماء ( (آنيِ آتٍرجُآك وآتٍوسلّ آلّيِك يِآآخيِ آن تٍقرآ رسآلّتٍيِ هًذٍآ گٍآمٌلّهً وولّآتٍتٍرگٍهًآ بدون ماتقراها اخي اول گٍلّآمٌيِ آنآآقسمٌ ببآآلّلّهً علّى گٍتٍآب آلّلّهً آنيِ لّآآگٍذٍب علّيِگٍ ولّآآنصِب ولّآآحًتٍآلّ آنيِ بنتٍ يِمٌنيِهً نآدحًيِن مٌن تٍعزُ آنآوآسرتٍيِ وعلّيِنآآجُآربيِتٍ آلّشهًرب13آلّفُ يِمٌنيِ وآلّآن علّيِنآ42آلّف حًق3شهًور وصِآحًب البيتٍ مٌن آلّنآس آلّيِ مٌآتٍرحًمٌ والله يااخي انه يجي كل يوم يبهدلناويتكلم عليناويريد ان يطردنا من البيت للشارع لانناماقدرناندفعله الاجارومايروح إلئ بعدمانبكي ورجعوتكلموعليه الناس ومهلنالاخرهذا الاسبوع وإذامادفعناله حلف يمين بالله انه بيخرجناإلئ الشارع بدون رحمه واحنااسره ايتام فقراء مشردين من بلادنا بسبب هذا الحرب ولانجدقوت يومنا وعايشين اناوامي واخوتي سغار والدنا متوفي الله يرحمه ومامعنااحدفي هذاالدنيا يقف بجنبنا في هذا الضروف القاسيه ومامعي اخوان كبار اناالكبيره في اخوتي ولكن انابنت لااستطيع مثلك ان اروح اشتغل بين الرجال واصرف علئ اسرتي والله ثم والله يااخي انناقدلنايومين محرومين من لقمت العيش ومعي اخوان سغار انظركيف حالتهم اقسم بالله يااخي انهم خرجومن البيت للشارع وشافو الجيران ياكلو راحووقفوعندبابهم لجل يعطوهم ولوخبزه يابسه يسدوبها جوعهم والله الذي له ملك السموات والارض انهم غلقو الباب وطردوهم ورجعويبكوايموتومن الجوع مااحدرحمهم وعطانهم لقمت عيش والان لومااحد ساعدنا بحق كيلو دقيق اقسم بالله اننا انموت من الجوع فيااخي انادخيله علئ الله ثم عليك واريدمنك المساعده لوجه الله انشدك بالله وبمحمد رسول الله يامن تحب الخير واتساعدني ولو ب500ريال يمني ان تراسلي واتساب علئ هذا الرقم00967739638035وتطلب اسم بطاقتي وترسلي ولاتتاخر وايعوضك الله بكل خير فيااخي انت رجال إذاشفت اسرتك جاوعين تعمل المستحيل من اجل تامن لهم الاكل ولكن انابنت عيني بصيره ويدي قصيره ليس لي اب مثلك يمسح دمعتي ويحميني من الذل والأهانات وأخواني سغار شوف كيف حالتهم وساعدناوأنقذناقبل ان يطردونا في ألشارع نتبهدل او نموت من الجوع انااقسم بالله الذي رفع سبع سموات بلاعمدوبسط الأرض ومهداني لاأكذب عليك بحرف من هذا ألرساله واني ماطلبتك إلئ من ضيق ومن قسوت الضروف والحال الذي احنافيه واناوسرتي نسالك بالله لولك مقدره علئ مساعدتنا لاتتاخر عليناالله يحفضكم ويرزقكم……..

[@artyartemis5752]

After effects must give us Camera Crane or Camera Morph like in Cinema 4d you place different Cameras with different angles
and then there is Master camera which link to those camera and then that master camera follows those camera angles n create smooth movement.

[@boriskuznetsov9900]

Very cool stuff, the only thing, I would suggest this expression for position:
[position[0], position[1], thisLayer.index];

[@mehakswami7834]

you are teaching me more than school ever could 🫶

[@wasimsuperb]

Great sir 3d camera, light animation is my favourite please make more I. These as we can learn it like you.. Thanks

[@SonduckFilm]

Will do my best!