Dynamic Animated Background - After Effects Tutorial

Sdílet
Vložit
  • čas přidán 29. 07. 2024
  • Check out Skillshare for a 2-month premium subscription free!
    ✖ skl.sh/moboxgraphics6
    To download this project file, consider becoming a sponsor on Patreon!
    / mobox
    Music: www.epidemicsound.com/referra...
    00:00:00 - Video Intro
    00:00:55 - Jumping into After Effects
    00:01:51 - Building a Time Displacement Map
    00:03:43 - Create an Animated Element
    00:06:05 - Create a grid with Motion Tile
    00:09:00 - Aligning the Displacement Map
    00:10:40 - Looping the animation
    00:11:28 - Making the final adjustments
    00:12:55 - Testing alternate shapes
    In this After Effects motion graphic tutorial we are going to be taking a look at how to make an Animated Background with the Time Displacement function coupled with the motion tile and mosaic effects in After Effects 2018. This is used to create a background video loop animation. The time displacement feature helps create a dynamic motion and an easy setup to test different shape morphs or movements.
    www.MOBOXGRAPHICS.com
    × Project Files - / dynamic-animated-19579675
    × Twitter - / moboxgraphics
    × Instagram - / moboxgraphics
    × Facebook - / moboxgraphics
    × Discord - / discord
    --------------------------------
    Our Gear:
    www.amazon.com/shop/moboxgrap...
    × Keyboard - Logitech G513 - amzn.to/2lNgyjq
    × Mouse - Logitech G402 - amzn.to/2lLYshJ
    × Microphone - Rode NT-USB - amzn.to/2lgudyZ
    × CPU - Intel i7 8700k @ 4.88GHz - amzn.to/2jQbfza
    × CPU Cooler - Corsair H100i v2 - amzn.to/2jOB2Yv
    × Motherboard - ASUS TUF Z370-PRO - amzn.to/2lNlfd3
    × GPU - Gigabyte GTX 1080 - Discontinued
    × RAM - 64GB G.Skill 3200 DDR4
    × Storage - 3 x 1TB Samsung SSD
    × Sound Card - ASUS Xonar DGX HD
    ---------------------------------
    Contributors:
    Mike Ridolfi × @MikeInHD
    Eli Prenten × @Twistereli
    Music: / moboxmusic
    Motion v2 Tool: www.mtmograph.com/motion/
    Adobe After Effects 2018 (AE 2018) is a digital visual effects, motion graphics, and compositing application developed by Adobe Systems and used in the post-production process of filmmaking and television production. Among other things, After Effects can be used for keying, tracking, compositing, and animation. It also functions as a very basic non-linear editor, audio editor, and media transcoder.
    CINEMA 4D is a 3D modeling, animation, motion graphic and rendering application developed by MAXON Computer GmbH in Germany. It is capable of procedural and polygonal/subd modeling, animating, lighting, texturing, rendering, and common features found in 3D modeling applications.
    #AfterEffects #Mograph #tutorial #loop #mobox

Komentáře • 101

  • @moboxgraphics
    @moboxgraphics  Před 5 lety +5

    Be one of the first 500 people to sign up with this link and get a free 2-month subscription to Skillshare!
    ✖ skl.sh/moboxgraphics

  • @raccoon.443
    @raccoon.443 Před 5 lety +2

    I've been looking for this kind of tutorial for a client for ages. I love you

  • @religood
    @religood Před 6 lety

    small tips like Center Anchor point is already a life saver to me! Thanks for the full tutorial ! Looking forward to more background animations

  • @Zal3wa
    @Zal3wa Před 4 lety

    That was exactly what I was searching for. Thank you so much!

  • @2AMAnimation
    @2AMAnimation Před 6 lety +4

    Thank you very much for this tip, definitely use that sometimes. :)

  • @chrishuber1474
    @chrishuber1474 Před 5 lety

    great tutorial, many thanks for the inspiration!

  • @Adahop
    @Adahop Před 6 lety +3

    Great tips! I might have to use this!

    • @Adahop
      @Adahop Před 3 lety

      @@lilstapler4112 😉

  • @AB-mv1mb
    @AB-mv1mb Před 6 lety +19

    that's supercool i am gonna integrate it into tracked footage for sci-fi scan effect

  • @LillianaCastro
    @LillianaCastro Před 4 lety

    super cool and thanks for the helpful tutorial!

  • @TheMhankel
    @TheMhankel Před 6 lety

    This is great! Thank you!

  • @alexd.3127
    @alexd.3127 Před 6 lety

    Thank you for the tutorial!

  • @darilgonzalez3924
    @darilgonzalez3924 Před 4 lety

    Amazing! Thank you very much man!

  • @bathnophienoya6196
    @bathnophienoya6196 Před 6 lety +1

    ohh my.. you save my life many thanks Mike :D

  • @Grabster
    @Grabster Před 6 lety

    I uploaded a video that has a stock video footage. I'm taking it down and redoing the background completely with this. This channel is everything i need for my After effect skills. YOU FRICKING ROCK!

  • @OniArtz
    @OniArtz Před 6 lety

    Thanks for the tip, your channel is super cool and it has helped me a lot, I'm with an open composition now and I was in need of creativity, you saved me at the right time, respect for your work!

  • @narjismirza7537
    @narjismirza7537 Před 5 lety +4

    Help, @MOBOX, you need to tell us a solution for "masks and effects ", we dont have source for Time displacement effect. I tried pre composing the grey layer, it doesn't work. Any other effect for the dynamic effect?? reply soon.

  • @rambo8599
    @rambo8599 Před 6 lety

    thankyou so much

  • @soundchecked123
    @soundchecked123 Před 6 lety

    Thanks for the guide ! u have my sub

  • @dmnskt
    @dmnskt Před 6 lety +1

    Btw, you can center up anchor point and center up in the composition using "Cntrl+Home" and "Alt+Cntrl+Home" hotkeys

  • @ronykhan6743
    @ronykhan6743 Před 5 lety

    just wow thank you so much....!

  • @rulalpha6477
    @rulalpha6477 Před 5 lety

    Good info here

  • @Armbrecht
    @Armbrecht Před 5 lety +2

    When I use my time displacement adjustment layer, elements start to vanish after 8-9 seconds. I did EXACTLY the same but somehow I am unable to fix this problem. Someone able to help me?

  • @madballdesign
    @madballdesign Před 5 lety +44

    10:12 yep, something wrong with your adjustment layer, because you made it hidden..LOL

  • @Pulkz
    @Pulkz Před 6 lety

    Oh my god your Intro is so MHMMMM so gud

  • @Mtranilyasg
    @Mtranilyasg Před 3 měsíci

    thank you brother

  • @imbasit995
    @imbasit995 Před 6 lety

    That centering anchor point setting was an epic find, been using AE for a year now never knew about it!

  • @user-ix1io2pl2i
    @user-ix1io2pl2i Před 4 lety

    like a channel vibe~

  • @optimusprashant
    @optimusprashant Před 5 lety

    How you did that colour thing as it show after intro, is it 4-Gradient with masking with dots

  • @imexebs8837
    @imexebs8837 Před 6 lety

    can you tell me the music in background?

  • @NekoSensei
    @NekoSensei Před 6 lety +1

    U time displacement is different from mine (Ae cc 2015)

  • @cajschloerike
    @cajschloerike Před 6 lety +2

    Hey I'm a little comment and just wanted to say thanks :D

  • @motipolsky3514
    @motipolsky3514 Před 4 lety

    dude this random anchor tip saved my life..

  • @ManojParnapalli
    @ManojParnapalli Před 5 lety

    can you tell me how to do it in cs6 because it is not working in cs6

  • @egr0ck
    @egr0ck Před 5 lety +5

    Нow else can you do it on CC 2017, if there is no “Effects and Masks” - option for Time Displacement

    • @roswell851
      @roswell851 Před 5 lety

      Youli Chang
      5 месяцев назад
      if someone who does not have the "Effect and masks"option for the Time displacement!! pre-comp the grey solid then you don't need masks option ^^

  • @Nerowinger619
    @Nerowinger619 Před 6 lety +4

    Great Tutorial!
    I dont have the "Effects and Masks"-Option for the Time Displacement. Is there another way to achieve the effect?
    Sorry im very new to AE.
    Thank you!

    • @Matrakei
      @Matrakei Před 5 lety

      i have the same problem

    • @youlichang3956
      @youlichang3956 Před 5 lety

      I have the same problem ... Did you Figure it out??

    • @Nerowinger619
      @Nerowinger619 Před 5 lety

      @@youlichang3956 no sorry. sadly i didnt. :(

  • @nikj1178
    @nikj1178 Před 6 lety +3

    Legit did everything the same as you with those dots, but they dissapear at the end with anything above 0 second displacement...

  • @Niallphillips
    @Niallphillips Před 6 lety

    What is that music at the start?

  • @user-cc4vn8wi5p
    @user-cc4vn8wi5p Před 4 lety +1

    How colorize a circles ?

  • @alexjohnson1604
    @alexjohnson1604 Před 5 lety

    Hey! I'm new to AE - Is there any way to make the gaps between the tiles smaller so that the shapes are touching? Great vid btw!

    • @archil3264
      @archil3264 Před 2 lety

      you can make shape layer composition smaller and it will work

  • @amalmp2712
    @amalmp2712 Před 6 lety +3

    U mised to check the visibility eye on 10:15 lol.....😂🤘

  • @Suver7
    @Suver7 Před 5 lety

    handsome!

  • @constantinosschinas4503

    if you used a transform effect (not scaling from timeline), time displacement would accept it.

  • @loathed_4319
    @loathed_4319 Před 6 lety

    Yo m8 i need the intro song title!!!

  • @SavantAudiosurf
    @SavantAudiosurf Před 6 lety

    I have Adobe after effects CC 2015. If I become a patreon, will the files work on my version?

  • @SirBalls
    @SirBalls Před 5 lety

    Tutorial on your intro?

  • @mekurukitodesign
    @mekurukitodesign Před 5 lety +1

    there is no "source" option when you choose "Effect & Mask"
    im using after effect cc 2017

  • @marsinternational70
    @marsinternational70 Před 6 lety

    please tell me the song name

  • @pp7800
    @pp7800 Před 5 lety

    Glow is missing )))put it upon the adjustment it is gonna make your composition much more better)))

  • @hopeveqiu6640
    @hopeveqiu6640 Před 4 lety

    why my time displacement doesn't work and I don't have the option to choose source T-T

  • @faizmuhammad6176
    @faizmuhammad6176 Před 5 lety +4

    8:47 I don't have that effect & mask drop down menu

  • @Grabster
    @Grabster Před 6 lety +1

    0:26 How did you add the gradient to the dots?

    • @Grabster
      @Grabster Před 6 lety +1

      Never mind, i got it. Just applied Gradient Ramp to the shape layer

    • @moboxgraphics
      @moboxgraphics  Před 6 lety +1

      I added a new shape layer > Effect > Gradient Ramp
      Then I placed it below the dot layer > Set an Alpha luminescence matte

    • @Grabster
      @Grabster Před 6 lety +1

      I actually added a Gradient ramp on top of the dots pre-comp and it worked as well. Thanks btw 👌 really love this stuff

    • @kyoaguilar
      @kyoaguilar Před 6 lety +1

      Was looking for this answer!! Thanks :D

  • @noahgold7182
    @noahgold7182 Před 5 lety +2

    for what ever reason the time displacement is having no effect any suggestions?

    • @TulioRochaa
      @TulioRochaa Před 4 lety

      Pre comp the solid gray layer, making sure u selected to move all stuff into the composition (second option). When u apply the time displacement on adjusment layer, choose this new composition where u used to choose the solid gray, adjust the fps on time displacement to whatever u selected on your composition (mine's 25)... And adjust the "max time of displacement", here 50 was ok. But u may prefer another value (maybe 30, 40, etc)

    • @stephen8215
      @stephen8215 Před 4 lety

      @@TulioRochaa This doesn't do anything different

  • @JuanIGN95
    @JuanIGN95 Před 5 lety

    Guys where is the tutorial of the 3d motion in the example?

  • @imexebs8837
    @imexebs8837 Před 6 lety +1

    what is the intro music ?

    • @_screm
      @_screm Před 5 lety

      Then I Go - damma beatz

  • @ReeceConrad
    @ReeceConrad Před 6 lety +1

    Nice work. Thanks for the creative idea. Also, your outlook settings are out of date :P

    • @moboxgraphics
      @moboxgraphics  Před 6 lety

      I know, totally lame and annoying notifications!

  • @youlichang3956
    @youlichang3956 Před 5 lety +7

    if someone who does not have the "Effect and masks"option for the Time displacement!! pre-comp the grey solid then you don't need masks option ^^

  • @obaidulmohsin
    @obaidulmohsin Před 5 lety

    👌🏻

  • @lacenaepronta
    @lacenaepronta Před 4 lety

    can't fix the mosaic into the shapes....:-(

  • @techdoc7161
    @techdoc7161 Před 4 lety

    at 6:30 you just need change the size of the shape from the content > Ellipse 1 > Ellipse Path 1 > Size
    :) Changing that many key frames is too boring and too difficult

  • @cauealvarenga1945
    @cauealvarenga1945 Před 6 lety

    you could have used transform to scale, instead of precomping

    • @moboxgraphics
      @moboxgraphics  Před 6 lety

      I wanted to retain the ability to modify the shape and object animation, if that makes sense?

    • @cauealvarenga1945
      @cauealvarenga1945 Před 6 lety

      i was referring to the fractal noise

  • @fadop3156
    @fadop3156 Před 6 lety +26

    16:32 thats not family friendly :D

    • @donsknots6510
      @donsknots6510 Před 5 lety

      lol, had to watch twice. Now I see it.

    • @Mediacy1
      @Mediacy1 Před 5 lety

      i see y

    • @michalbotor
      @michalbotor Před 5 lety

      what's wrong with a shuriken in your background?? ;)

  • @FilipeRibeiroND
    @FilipeRibeiroND Před 5 lety

    16:34

  • @ashurane2496
    @ashurane2496 Před 6 lety +7

    Update the thumbnail buddy. Bc it has c4d logo on it

  • @79sketches
    @79sketches Před 6 lety

    adjustment layer was just turned off (eye button) no biggies!

  • @PeterSather
    @PeterSather Před 5 lety

    The walls that you run into with the visibility of the dots and the align tool are testament to how nonsensical and frustrating after effects can be. This program feels like juggling cold spaghetti :

  • @peryaful
    @peryaful Před 3 lety

    That's absolutely not what I respected when saw the preview of tutorial !!! WHY Cheating?