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!

Пікірлер: 103

  • @SonduckFilm
    @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/

  • @miguelnarvaezhob622
    @miguelnarvaezhob6224 ай бұрын

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

  • @joelclark1840
    @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.

  • @ruminobeats
    @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

    @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

    @travelandmusic6245

    Жыл бұрын

    me too this is cool.....

  • @albertdzade4289
    @albertdzade4289 Жыл бұрын

    Great piece Josh. I always learn from you

  • @SonduckFilm

    @SonduckFilm

    Жыл бұрын

    Thank you!

  • @gibboireland
    @gibboireland Жыл бұрын

    Super video - immediately subbing. Many thanks!

  • @mr.y7351
    @mr.y7351 Жыл бұрын

    WOWW AMAIZIMG!!!!

  • @JonathanAyers
    @JonathanAyers Жыл бұрын

    This is absolutely fantastic!

  • @makochris9336
    @makochris9336 Жыл бұрын

    Super Cool!!

  • @jufxrq
    @jufxrq5 ай бұрын

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

  • @golden_trident
    @golden_trident7 ай бұрын

    Simple, but tasty. Thanks :)

  • @SurrealEtc
    @SurrealEtc Жыл бұрын

    this is fire bro. Thanks

  • @SreekanthGudesa
    @SreekanthGudesa Жыл бұрын

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

  • @macjonald
    @macjonald Жыл бұрын

    Wowowowow! This was one amazing tutorial!

  • @thiagobryan1958
    @thiagobryan19588 ай бұрын

    Thanks!! ❤

  • @user18501
    @user18501 Жыл бұрын

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

  • @yannickvalery7560
    @yannickvalery756023 күн бұрын

    i got an awesome result after doing this on a first try wow bro you are so amazing

  • @stephenbradleyent.3323
    @stephenbradleyent.3323 Жыл бұрын

    Amazing!!To the point, and coherent!

  • @movietrailer4113
    @movietrailer4113 Жыл бұрын

    👉Wowwwww. AMAZING. Creative. Let`s go

  • @dblackledge4393
    @dblackledge4393 Жыл бұрын

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

  • @marcovasquez3263
    @marcovasquez3263 Жыл бұрын

    Thank you so much bro

  • @pyrography
    @pyrography9 ай бұрын

    Thank you Josh🙏

  • @texturastylist
    @texturastylist Жыл бұрын

    lov it

  • @Laketexomaliving
    @Laketexomaliving10 ай бұрын

    Cant wait to try this one

  • @TheNamesRein
    @TheNamesRein2 ай бұрын

    thanks

  • @CRIMELAB357
    @CRIMELAB357 Жыл бұрын

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

  • @wasimsuperb
    @wasimsuperb Жыл бұрын

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

  • @SonduckFilm

    @SonduckFilm

    Жыл бұрын

    Will do my best!

  • @pravesh_mangar
    @pravesh_mangar Жыл бұрын

    cool😍

  • @Dgaming_gamer
    @Dgaming_gamer10 ай бұрын

    I love this video so much ❤

  • @kehindesuleiman5738
    @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

    @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.

  • @prathameshgaikwad7550
    @prathameshgaikwad7550 Жыл бұрын

    Easy to understand.

  • @ApieceOfwish
    @ApieceOfwish10 ай бұрын

    Awesome ☆

  • @sohastar4206
    @sohastar4206 Жыл бұрын

    very good

  • @andrewk7911
    @andrewk7911 Жыл бұрын

    Super

  • @srikeshpillai
    @srikeshpillai Жыл бұрын

    🔥🔥🔥🔥

  • @loveesther4061
    @loveesther4061 Жыл бұрын

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

  • @hitecrcdusa
    @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?

  • @kevinbrianthomas1
    @kevinbrianthomas1 Жыл бұрын

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

  • @vevilyna
    @vevilyna9 ай бұрын

    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
    @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

  • @crendonio123
    @crendonio123 Жыл бұрын

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

  • @SonduckFilm

    @SonduckFilm

    Жыл бұрын

    Thanks brother! Yes sir!

  • @chinaahpek
    @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

  • @Runningl8te
    @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

    @justinfigiel6363

    Жыл бұрын

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

  • @mashudali8482
    @mashudali8482 Жыл бұрын

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

  • @tinorhein7829
    @tinorhein78295 ай бұрын

    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).

  • @clamentgms3709
    @clamentgms370911 ай бұрын

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

  • @lex_lg
    @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? :)

  • @jaysonfontela5761
    @jaysonfontela5761 Жыл бұрын

    💖💖💖

  • @astefanabdholla3712
    @astefanabdholla3712 Жыл бұрын

    ❤️❤️❤️❤️

  • @acadvideoart
    @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!

  • @bilahhakim
    @bilahhakim Жыл бұрын

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

  • @Flo-sj2pb
    @Flo-sj2pb Жыл бұрын

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

  • @TR360O
    @TR360O4 ай бұрын

    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

    @anasosama7558

    Ай бұрын

    mine gets super blurry

  • @chiggedycheckyoself
    @chiggedycheckyoself8 ай бұрын

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

  • @jakegilbert4803
    @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

    @SonduckFilm

    Жыл бұрын

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

  • @trattface
    @trattface Жыл бұрын

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

  • @LucaNestola_FILM
    @LucaNestola_FILM4 ай бұрын

    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.

  • @munenenjogu6440
    @munenenjogu6440 Жыл бұрын

    can i use thiswith a colored logo

  • @Flo-sj2pb
    @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

  • @ninjacat23nd94
    @ninjacat23nd942 ай бұрын

    will this work on after effect version 2019

  • @namekpictures6915
    @namekpictures6915 Жыл бұрын

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

  • @EmergingGraphic
    @EmergingGraphic Жыл бұрын

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

  • @sotografik
    @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

    @puthunwaidyaratne9504

    6 ай бұрын

    Do you still have this issue?

  • @anasosama7558

    @anasosama7558

    Ай бұрын

    I do

  • @nicktasteless360
    @nicktasteless3607 ай бұрын

    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.

  • @complay8239
    @complay8239 Жыл бұрын

    why i can't put the background?

  • @anasosama7558
    @anasosama7558Ай бұрын

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

  • @user-yr3db5jg8l
    @user-yr3db5jg8l2 ай бұрын

    why my background doesnt turn black after precompose?

  • @Xandercorp
    @Xandercorp4 ай бұрын

    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

    @SonduckFilm

    4 ай бұрын

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

  • @Xandercorp

    @Xandercorp

    4 ай бұрын

    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

  • @eidrefaieh8960
    @eidrefaieh89608 ай бұрын

    the expression in AE says that is Z in not defined

  • @sebastienfrey9312
    @sebastienfrey9312 Жыл бұрын

    my mogo mooks actually when you went throught Vegas..

  • @JRZflicks
    @JRZflicks Жыл бұрын

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

  • @vbrownemail

    @vbrownemail

    Жыл бұрын

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

  • @JRZflicks

    @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

    @vbrownemail

    Жыл бұрын

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

  • @KeyIntelMedia
    @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 :)

  • @tccreationyt8402
    @tccreationyt8402Ай бұрын

    how to underneath?

  • @javearcleare567
    @javearcleare5675 ай бұрын

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

  • @xxrelaxbrotherxx
    @xxrelaxbrotherxx9 ай бұрын

    thats a lot of step for a beginner

  • @moaaxali
    @moaaxali8 ай бұрын

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

  • @anasosama7558

    @anasosama7558

    Ай бұрын

    So which number is correct one?

  • @adraur9670
    @adraur96704 ай бұрын

    nice, but maked to fast

  • @banglabeastfr
    @banglabeastfr Жыл бұрын

    There is something you didn't explain clearly.

  • @wanjosentertainment5878
    @wanjosentertainment587810 ай бұрын

    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
    @user-pw5es2dq2w Жыл бұрын

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

  • @artyartemis5752
    @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
    @boriskuznetsov9900 Жыл бұрын

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

  • @mehakswami7834
    @mehakswami783411 ай бұрын

    you are teaching me more than school ever could 🫶

  • @wasimsuperb
    @wasimsuperb Жыл бұрын

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

Келесі