Parallax Scrolling in Adobe XD



Learn how to build a parallax scrolling effect into your Adobe XD prototypes, without worrying about CSS animations or writing a single line of code!

Adobe XD Prototype created in the tutorial:
https://xd.adobe.com/view/cc2d5dda-cb27-4d7a-a4a1-d4dc113147b7-997e

LEARN FROM US:
Build Rock Solid Foundations with our New 12 Weeks long Graphic Design Starter Bootcamp:
https://yesimadesigner.com/courses/starter-bootcamp/

NEWSLETTER:
https://yesimadesigner.com/creative-resources/

READ OUR BLOG
https://yesimadesigner.com/blog/

FOLLOW US
https://www.instagram.com/yes_im_a_designer/

PODCAST
https://yesimadesigner.com/podcast/
Apple – https://podcasts.apple.com/gb/podcast/yes-im-a-designer-podcast/id1462185547
Spotify – https://open.spotify.com/show/2vdeYhJimT7CXTVc09zfoA

BECOME OUR MEMBER:
https://www.youtube.com/channel/UCT_of6HCtVZFpnnnLUeAGYA/join

ADOBE CREATIVE CLOUD
If you don’t have a Creative Cloud subscription yet, you can subscribe to it here.
https://clk.tradedoubler.com/click?p(265883)a(2929456)g(22913796)url(https://www.adobe.com/creativecloud/plans.html
(*We are partners to Adobe. If you purchase through this link you also support our channel.)

Chapters:
0:00 Intro
0:32 Inspiration and Information
1:05 Starting Artboard
2:06 Sticky Menu
3:56 Intro Animation
7:25 Auto Animate
11:00 Parallax Animation
15:28 How to present to a client
16:30 Adding more Parallax Animation
18:40 Timelapse Workflow
19:42 Sticky Menu / Navigation
22:00 Working with Components

Duration: 00:23:08

source