Channel: Yes I'm a Designer

Category: Education

Tags: how to animate in adobe xdadobe xdapp designmotion design in adobe xdxd tutorialwebsite parallaxadobe xd animation tutorialparallax animationweb design parallaxgraphic designadobe xd webdesign tutorialdigital designweb designhow to do parallaxautoanimate in adobe xdparallax in adobe xduiauto animate tips & tricksui designadobe xd web design animationparallax design tipsparallax scrolling in adobe xdadobe xd tutorialux design

Description: 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: 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: yesimadesigner.com/courses/starter-bootcamp NEWSLETTER: yesimadesigner.com/creative-resources READ OUR BLOG yesimadesigner.com/blog FOLLOW US instagram.com/yes_im_a_designer PODCAST yesimadesigner.com/podcast Apple - podcasts.apple.com/gb/podcast/yes-im-a-designer-podcast/id1462185547 Spotify - open.spotify.com/show/2vdeYhJimT7CXTVc09zfoA BECOME OUR MEMBER: 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. 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