Animating Your User Interface | Xd Animation Challenge
CHALLENGE: Add motion to your user interface to create some extra interested on your app or website.
Get your starter files here: https://adobe.ly/3L8dS66
Adobe Stock Resources: https://adobe.ly/3x0rtZz
Join your host Ruben Cespedes each afternoon at 2:00pm PT to learn how to approach each challenge using Xd. Get your questions answered, see what the community is creating and get feedback on your work!
Join us LIVE on Behance: https://www.behance.net/live/adobelive
00:00 Start
00:37 Introduction
02:10 Setting up the animation
03:54 Prototyping with auto animate
06:22 Importing video
07:10 Editing video
10:40 Adding lotti animations
16:40 Prototyping the home screen
18:40 Creating a hover state
21:12 Prototyping it all together
Subscribe to Adobe Creative Cloud: https://www.youtube.com/AdobeCreativeCloud?sub_confirmation=1
Try Adobe Photoshop: https://www.adobe.com/products/photoshop.html
Download Adobe Express: https://adobe.ly/3rDM7M8
Learn More: https://www.adobe.com/products/photoshop/explore.html?sdid=H822XMCW&mv=social&mv2=ownsoc-org
About Adobe Creative Cloud:
Adobe Creative Cloud gives you the world's best creative apps so you can turn your brightest ideas into your greatest work across your desktop and mobile devices.
Connect with Adobe Creative Cloud:
Twitter: https://twitter.com/creativecloud
LinkedIn: https://www.linkedin.com/showcase/adobe-creative-cloud/
Facebook: https://www.facebook.com/adobecreativecloud
Instagram: https://www.instagram.com/adobecreativecloud/
#CreativeCloud #Adobe #AdobeXD
Animating Your User Interface | Xd Animation Challenge
Animating Your User Interface | Xd Animation Challenge
CHALLENGE: Add motion to your user interface to create some extra interested on your app or website.
Get your starter files here: https://adobe.ly/3L8dS66
Adobe Stock Resources: https://adobe.ly/3x0rtZz
Join your host Ruben Cespedes each afternoon at 2:00pm PT to learn how to approach each challenge using Xd. Get your questions answered, see what the community is creating and get feedback on your work!
Join us LIVE on Behance: https://www.behance.net/live/adobelive
00:00 Start
00:37 Introduction
02:10 Setting up the animation
03:54 Prototyping with auto animate
06:22 Importing video
07:10 Editing video
10:40 Adding lotti animations
16:40 Prototyping the home screen
18:40 Creating a hover state
21:12 Prototyping it all together
Subscribe to Adobe Creative Cloud: https://www.youtube.com/AdobeCreativeCloud?sub_confirmation=1
Try Adobe Photoshop: https://www.adobe.com/products/photoshop.html
Download Adobe Express: https://adobe.ly/3rDM7M8
Learn More: https://www.adobe.com/products/photoshop/explore.html?sdid=H822XMCW&mv=social&mv2=ownsoc-org
About Adobe Creative Cloud:
Adobe Creative Cloud gives you the world's best creative apps so you can turn your brightest ideas into your greatest work across your desktop and mobile devices.
Connect with Adobe Creative Cloud:
Twitter: https://twitter.com/creativecloud
LinkedIn: https://www.linkedin.com/showcase/adobe-creative-cloud/
Facebook: https://www.facebook.com/adobecreativecloud
Instagram: https://www.instagram.com/adobecreativecloud/
#CreativeCloud #Adobe #AdobeXD
Animating Your User Interface | Xd Animation Challenge
Adobe Live Schedule
Stay connected with Adobe Live.
- INFO
CHALLENGE: Add motion to your user interface to create some extra interested on your app or website.
Get your starter files here: https://adobe.ly/3L8dS66
Adobe Stock Resources: https://adobe.ly/3x0rtZz
Join your host Ruben Cespedes each afternoon at 2:00pm PT to learn how to approach each challenge using Xd. Get your questions answered, see what the community is creating and get feedback on your work!
Join us LIVE on Behance: https://www.behance.net/live/adobelive
00:00 Start
00:37 Introduction
02:10 Setting up the animation
03:54 Prototyping with auto animate
06:22 Importing video
07:10 Editing video
10:40 Adding lotti animations
16:40 Prototyping the home screen
18:40 Creating a hover state
21:12 Prototyping it all together
Subscribe to Adobe Creative Cloud: https://www.youtube.com/AdobeCreativeCloud?sub_confirmation=1
Try Adobe Photoshop: https://www.adobe.com/products/photoshop.html
Download Adobe Express: https://adobe.ly/3rDM7M8
Learn More: https://www.adobe.com/products/photoshop/explore.html?sdid=H822XMCW&mv=social&mv2=ownsoc-org
About Adobe Creative Cloud:
Adobe Creative Cloud gives you the world's best creative apps so you can turn your brightest ideas into your greatest work across your desktop and mobile devices.
Connect with Adobe Creative Cloud:
Twitter: https://twitter.com/creativecloud
LinkedIn: https://www.linkedin.com/showcase/adobe-creative-cloud/
Facebook: https://www.facebook.com/adobecreativecloud
Instagram: https://www.instagram.com/adobecreativecloud/
#CreativeCloud #Adobe #AdobeXD
Animating Your User Interface | Xd Animation Challenge
Featured in Stream
- Ruben CespedesAllentown, PA, USA
Tools & Resources
Adobe XD
View GalleryDownload NowAdobe XDDownload Now