Creating a cool 3D website animation in After Effects with Element 3D - Tutorial

Поделиться
HTML-код
  • Опубликовано: 18 окт 2024
  • In this video tutorial we’ll consider development and animation of 3D site in After Effects, with the help of plugin Element 3D.
    Tutorial Project Files
    ► www.dropbox.co...
    Over 3000 most popular Seamless Transitions for Premiere Pro
    ► Full version: motionbro.com/...
    ► Free version: motionbro.com/...
    Over 2300 Seamless Transitions for After Effects
    ► Full version: motionbro.com/...
    ► Free version: motionbro.com/...
    More than 10000 presets for motion design
    ► motionbro.com/...
    Free Motion Bro plugin
    ► motionbro.com/...
    How to use Motion Bro
    ► motionbro.com/...
    #AfterEffectsTutorial #Element3D #videolancer

Комментарии • 129

  • @thevideolancer
    @thevideolancer  5 лет назад +3

    Friends! For your convenience, I added a project files with the final result. Free download here ► gum.co/e3dsite

  • @sandeepmates
    @sandeepmates 5 лет назад +9

    Amazing although quite tough for me to understand, 3D Website animation, since i use only FCP but this is the new trend soon to be followed. Great Tutorial. oh yeah Subscribed and will check what can be bought. Thanks

  • @ebeba
    @ebeba 5 лет назад +11

    This one is really epic!

  • @WeLoveBuzzYT
    @WeLoveBuzzYT 5 лет назад +6

    Thank you
    this is really amazing.

  • @sandyly
    @sandyly 5 лет назад +13

    The secret is in the element 3d plughin, selection of 1 and 2 with the shift.

  • @jasoor09
    @jasoor09 5 лет назад +1

    @videolancer
    you are awesome! free scripts, free presets, free transitions and free and free and free..... much more
    Realy love u bro :) keep it up plz

  • @apnajakatayy
    @apnajakatayy 5 лет назад +8

    Good work brother.
    Kindly make a tutorial on 2d explainer video

  • @ebazzcom
    @ebazzcom 5 лет назад +3

    очень круто! все в стиле MotionBro. спасибо большое!

  • @Arri.
    @Arri. 5 лет назад +1

    Absolute amazing tutorial thumbs up ))

  • @Balconatube
    @Balconatube 5 лет назад

    Absolutely Epic
    Thank you very much

  • @ELPECOZO
    @ELPECOZO 4 года назад

    Exquisite Tutorial YOU are the man!!!! Thank you!!!

  • @00RaiserRock
    @00RaiserRock 5 лет назад +3

    May I know how you make the 3D camera wiggle a little bit at the beginning of the video? It feels like a real person holding a camera. I really love that!

    • @thevideolancer
      @thevideolancer  5 лет назад +3

      Hi! In the description there is a link to this After Effects project and you can study it in detail.

    • @00RaiserRock
      @00RaiserRock 5 лет назад

      @@thevideolancer noted. Thanks!

  • @Jesicapam454
    @Jesicapam454 5 лет назад +2

    this is so great, thnx

  • @HyperActive94
    @HyperActive94 4 года назад

    lovely tutorial thanks for teaching :)

  • @aim__freakz8499
    @aim__freakz8499 4 года назад

    this is really nice!

  • @GATUK1773R
    @GATUK1773R 5 лет назад +2

    cuando veo esto lloro, en 2015 descargue 25 GB de librerías originales, básicas y premiun de 3 D element de un canal árabe y me robaron la computadora y el back up que hice 😞😭😭😭😭

  • @jumaelahmed9995
    @jumaelahmed9995 3 года назад

    i was looking for this content

  • @Punovv
    @Punovv 5 лет назад +1

    Круто! Спасибо за тутор! )

    • @gkropp819
      @gkropp819 5 лет назад

      Николай Владимирович тож типо рашн мен

  • @guysegev3455
    @guysegev3455 5 лет назад +1

    Hi, amazing tutorial, how much time does it take to create it

  • @JadilB
    @JadilB 5 лет назад +1

    Wow... thank you sir can you do 3d Hologram please

  • @CapitalFinanceiro
    @CapitalFinanceiro 3 года назад

    BRO, I LOVE YOU?

  • @dalerpulatov8831
    @dalerpulatov8831 3 года назад +1

    Cool 😎 broo

  • @ibrahimalmouyad
    @ibrahimalmouyad 5 лет назад

    Amazing ... Tutorial

  • @MrDenicinho
    @MrDenicinho 5 лет назад +3

    спасибо, знатно я помучался!)

  • @prateekgarg9995
    @prateekgarg9995 5 лет назад

    This is so fucking good❤️ Hat’s off to u sir......

  • @StarAlislam
    @StarAlislam 2 года назад

    u r good thanks

  • @thevideolancer
    @thevideolancer  5 лет назад

    So... Who found my secret and got $100?! Watch here: ruclips.net/video/D30h9ouGZtY/видео.html
    P.S. For some reason, this hash tag #howtogethundredusdfromvideolancer is not working now. Does not find the right video in the YT search: (
    The "secret" video here: ruclips.net/video/PjCoQjmlYto/видео.html

  • @YuperSoutuber
    @YuperSoutuber 5 лет назад +1

    hi does your elements pack have 3d typography and 3d logo reveals?

  • @michaelastorga7363
    @michaelastorga7363 4 года назад

    Is there a specific element 3D plug in you recommend I was think about video co pilot

  • @nikhilkumar4892
    @nikhilkumar4892 5 лет назад

    Awesome👍

  • @YouKayAgwu
    @YouKayAgwu 5 лет назад

    Wow. Nice.

  • @luthfimaulana5866
    @luthfimaulana5866 5 лет назад

    cool bro

  • @GtaonlineEasyboost
    @GtaonlineEasyboost 5 лет назад +1

    please, make turor "how to make cool 3d boxes for your product"

  • @aim__freakz8499
    @aim__freakz8499 4 года назад +3

    at 3:38 i don't get a preview of the custom layer. If i press ok and see everything in Ae, i got the texture. I'd like to have the preview textured in Element. idk what i did wrong. I did everything exact like you did. Except my element doesn't have the option to make the sampling layer to first frame

    • @cihaneyinlioglu7565
      @cihaneyinlioglu7565 4 года назад

      did you solve the problem

    • @aim__freakz8499
      @aim__freakz8499 4 года назад

      @@cihaneyinlioglu7565 no :/ haven't used ae in a while. Changed to blender :D ae is a joke to blender^^ at least at most points :D

    • @VideoLanxer
      @VideoLanxer 2 года назад

      @3:24, I am not getting the "Sampling layer parameter" in my AE. Can you help ?
      Image is here-
      drive.google.com/file/d/1NvwMM3RSJ0Pgo8-s75UKoyiYX6RekfDG/view?usp=sharing

    • @aim__freakz8499
      @aim__freakz8499 2 года назад +1

      @@VideoLanxer tbh i haven't used ae in over half a year bc my laptop broke down :/
      i started using blender and i'd recommend you to do it in blender. it should be quite easy :)

  • @ddmdd1111
    @ddmdd1111 2 года назад

    If I dont have (( sampling Layer )) in ( Custom Texture Map ) how can I use the masks as a texture ? Help me please

  • @bestchannel5654
    @bestchannel5654 3 года назад +1

    Sir,can I get handy seamless transition for free?

    • @welovedukmi
      @welovedukmi 3 года назад

      you have to pay for it in order to get it.

  • @msjstudioo
    @msjstudioo 3 года назад

    Hi Dear,
    My system creates the GPU issue then I use copilot element 3D. My system has an intel graphics card 5500.
    How I can fix this issue?

    • @VideoLanxer
      @VideoLanxer 2 года назад

      I had the same issue and AE is not supported there. You need to switch

  • @poosht
    @poosht 4 года назад +2

    Any chance I can just pay you to create one of these as an intro for my channel?

  • @christovicky1848
    @christovicky1848 5 лет назад

    Wow ( this is new one )

  • @zejlund
    @zejlund 5 лет назад

    Hey, i don't have the "sampling layer" option under my "custom texture maps" Is there something i can do? Because my textures in Element wont show up

    • @thevideolancer
      @thevideolancer  5 лет назад +1

      If I'm not mistaken, this option appeared in the version of Element 3D 2.2.2.

    • @zejlund
      @zejlund 5 лет назад

      @@thevideolancer Ahh okay, maybe mine i outdated, thanks a lot, great tutorial btw!

  • @frenkycha5849
    @frenkycha5849 3 года назад

    Work for hire also ????

  • @univonedesign2453
    @univonedesign2453 5 лет назад

    Hola, tengo una duda! Al momento de realizar el logo 3d con element cuando le doy ok no aparece el logo en la capa, es super raro, lo intente varias veces y nada, la capa queda igual como la cree y el archivo 3d nunca me aparece en la capa sólo cuando me meto a setup, sabes que está sucediendo ?

  • @AKVisuals
    @AKVisuals 5 лет назад +1

    The final render shown here has the youtube search bar also extruded inward, which isn't shown through the tutorial. Is this the secret? To make us "Search" for a secret which is the extruded "search" bar ? Lol i'm hopeless

    • @thevideolancer
      @thevideolancer  5 лет назад +1

      The part with the extruded search bar, I did after finished recording this video tutorial. I believe that in order to make such extrusion, there is no need to make additional explanations. However, you can download the project files and see how it is done: gum.co/e3dsite

    • @IdeaGamingHorizonIGH
      @IdeaGamingHorizonIGH 5 лет назад +1

      I think this is the winner

    • @AKVisuals
      @AKVisuals 5 лет назад

      @@IdeaGamingHorizonIGH nah i don't think so lol

    • @IdeaGamingHorizonIGH
      @IdeaGamingHorizonIGH 5 лет назад +1

      @@AKVisuals The winner was announced, you almost got it tho you should've searched the hastag, aw man so close!

    • @AKVisuals
      @AKVisuals 5 лет назад

      @@IdeaGamingHorizonIGH yeah ikr :/ anyways congrats to the winner

  • @ParadoxAMV
    @ParadoxAMV 4 года назад

    i dont know why, but show level panels 1 i have no left masks panels in element .......

  • @anthonyobata5756
    @anthonyobata5756 2 года назад

    I want to see how to create 3d video advert for website using KineMaster not after effects

  • @AlternatyvaORG
    @AlternatyvaORG 5 лет назад

    custom texture maps no item sampling layer(((((((

  • @KrsChnXIX
    @KrsChnXIX 3 года назад

    Hi any reason why on my end following 3:38 when trying to put the custom layer shot level 1 in diffuse, it doesn't shows up, just plane white masked bevel, any idea why?

    • @thevideolancer
      @thevideolancer  3 года назад

      Perhaps I misunderstood what the problem is, but check if the duration of the precomposition with the texture is sufficient.

    • @KrsChnXIX
      @KrsChnXIX 3 года назад

      @@thevideolancer Like when you try to apply the texture to the material it just doesn't show, material is still color grey.

    • @thevideolancer
      @thevideolancer  3 года назад

      @@KrsChnXIX Please send me your After Effects project file to mail@videolancer.net. I'll try to figure it out.

    • @KrsChnXIX
      @KrsChnXIX 3 года назад

      @@thevideolancer Thanks for your help mate, I'll try to send it to you

    • @VideoLanxer
      @VideoLanxer 2 года назад

      @@thevideolancer sent you.

  • @DeadbatteryVT1300
    @DeadbatteryVT1300 5 лет назад

    this is great but my images did not line up correctly with my mask in element?

    • @thevideolancer
      @thevideolancer  5 лет назад +1

      Can you send a screenshot so that I understand the problem visually?

    • @DeadbatteryVT1300
      @DeadbatteryVT1300 5 лет назад

      @@thevideolancer I think I managed to get them to line up properly. I ll work on it again and let you know if I still have problems. Thanks for the reply !

  • @kamsus701
    @kamsus701 5 лет назад

    спасибо, лайк. а подписка уже...

  • @yashsuthar9456
    @yashsuthar9456 Год назад

    white textre in elements how set up

  • @tarunkumar1035
    @tarunkumar1035 2 года назад +1

    Bro Android phone this 3D effect possible ??????????????🥵🥵🥵🥵🤔🙄

  • @ibrahimahmed3316
    @ibrahimahmed3316 2 года назад

    how to learn element 3d ?

  • @pixoloanimation8895
    @pixoloanimation8895 4 года назад +4

    element 3d is way too expensive on top buying after effects. Wish there was a way to do it in after effect alone.

  • @icepirate07
    @icepirate07 4 года назад

    I don't know how but when i am dragging my screen shots into the composition as in 1:30 my compositions are switching the images. Composition level 1 is showing second part of the website and level 2 is showing 1 st half.

  • @kurubo_
    @kurubo_ 3 года назад

    For me the texture don't load :'(

  • @luqmanzain1655
    @luqmanzain1655 5 лет назад

    how to get the option VIDEOCOPILOT -> ELEMENT ??

    • @thevideolancer
      @thevideolancer  5 лет назад

      This is a third-party plugin: www.videocopilot.net/products/element2/

  • @usamaqadri6699
    @usamaqadri6699 5 лет назад

    i dont have option of "first frame" under custom texture mapps...please help me

    • @thevideolancer
      @thevideolancer  5 лет назад

      It seems this option appeared in Element 3D 2.2

  • @michalflashovsky6566
    @michalflashovsky6566 5 лет назад

    is videolancer the secret?

  • @professor1915
    @professor1915 4 года назад

    3:38 pls someone help me, my "Custom Layer 1 " is not appearing and it's a black screen (my graphics card is already updated)

    • @thevideolancer
      @thevideolancer  4 года назад

      Try moving the time indicator to the frame where the content of the custom layer will be displayed, then return to the plugin settings.

    • @cihaneyinlioglu7565
      @cihaneyinlioglu7565 4 года назад

      did you solve the problem

    • @viktorgretski
      @viktorgretski 2 года назад

      I have the same problem, did you solve it?

  • @Sabbirhossan_E
    @Sabbirhossan_E 4 года назад

    The secret is in the element 3d move

  • @luthfimaulana5866
    @luthfimaulana5866 5 лет назад

    how to video copilot element?

  • @vinnu6792
    @vinnu6792 3 года назад

    Thanks for this video. But it is so frustrating. Your explanation is too fast and not able to understand sometimes which key you are pressing. Beginners can't understand anything.

  • @adam-sz7zl
    @adam-sz7zl 4 года назад

    Very difficult

  • @quangle6641
    @quangle6641 2 года назад

    I am do not work with video, video of you training do not good :(

  • @manansharma4432
    @manansharma4432 3 года назад

    i cant see 3:23 thing

  • @ibrahimalmouyad
    @ibrahimalmouyad 5 лет назад

    " Hello World " in time 12:13.866 I think this is the secret

  • @afriquemodel2375
    @afriquemodel2375 5 лет назад

    je comprend pas ce tuto il explique tres vite , et il a des options que je n'ai pas ;;;;

  • @jesperjee
    @jesperjee Год назад +1

    Yeah this is just too hard

  • @Widnezz
    @Widnezz 5 лет назад

    Why do i feel like these comments are fake?

  • @RosieSapphireMusic
    @RosieSapphireMusic 4 года назад

    If I could say anything about this tutorial that noticeably bothers me, it's his almost complete lack of his use of the word "the".

    • @thevideolancer
      @thevideolancer  4 года назад

      Hi! To my shame, I know English very poorly. Therefore, part of the text was translated using Google translator. In new videos, I try to improve this.

    • @rogueedits1422
      @rogueedits1422 3 года назад +1

      @@thevideolancer no need, this was amazing, honestly it doesn’t matter for this one was amazing!

  • @rainvast8982
    @rainvast8982 5 лет назад

    there's no secret 😏

  • @Zaborchik
    @Zaborchik 4 года назад

    Спасибо человеку который перевел на русский язык

  • @SebHaugeto
    @SebHaugeto 5 лет назад

    Are you an AI?

  • @Kentrosaurus
    @Kentrosaurus 4 года назад

    dude you talk like the tutorial guy of little big planet!

  • @VideoLanxer
    @VideoLanxer 2 года назад

    Would anyone want me to create it for their website? (Paid)

  • @Mal0wens
    @Mal0wens 4 года назад

    Phenomenal. Thank you!

  • @professor1915
    @professor1915 4 года назад

    3:38 pls someone help me, my "Custom Layer 1 " is not appearing and it's a black screen (my graphics card is already updated)

  • @professor1915
    @professor1915 4 года назад

    3:38 pls someone help me, my "Custom Layer 1 " is not appearing and it's a black screen (my graphics card is already updated)

  • @professor1915
    @professor1915 4 года назад

    3:38 pls someone help me, my "Custom Layer 1 " is not appearing and it's a black screen (my graphics card is already updated)

  • @professor1915
    @professor1915 4 года назад

    3:38 pls someone help me, my "Custom Layer 1 " is not appearing and it's a black screen (my graphics card is already updated)