Reactive dock animation

    In this After Effects tutorial, I’ll show you how to create this dock animation with just 2 keyframes! And how to use it as a transition!

    Domestika animation Courses:

    Use the code MANUEL_DOES_MOTION-10 for an extra 10% off of courses!

    ► Download the project file FOR FREE here:

    0:00 Intro
    0:24 Creating the app shape, setting up the gradient
    2:45 Animation courses
    3:39 Adding the scale expression
    5:18 Adjusting the gradient colours
    5:38 More app shapes
    6:04 Animating the dock
    6:39 Adding a cursor
    7:58 Turning it into a transition
    10:15 Outro

    ► Gradient Controller – After Effects Tutorial by MOBOX Graphics:

    Some of these links are affiliate links. By purchasing through this link I earn some money at NO extra cost to you. It’s a Great way to support my channel! Thanks!

    ► Software: Adobe After Effects 22 (I use the “Default” Workspace in my tutorials)
    ► I use music from @artlist:
    ► I use footage from @artgrid:

    If you have any further questions, let me know in the comments below. I do my best to answer all of them!

    ► Subscribe to my channel here:

    I am very curious how this tutorial inspired your work!
    Put the link in the comments below or even better: tag me on Instagram.
    ► @manueldoesmotion

    ► my website:
    ► behance:

    #aftereffectstutorial #animation #motiondesign


    Please enter your comment!
    Please enter your name here