{"id":95023,"date":"2017-09-29T07:00:49","date_gmt":"2017-09-29T12:00:49","guid":{"rendered":"https:\/\/www.premiumbeat.com\/blog\/?p=95023"},"modified":"2018-10-29T15:48:40","modified_gmt":"2018-10-29T20:48:40","slug":"create-facebook-ui-after-effects","status":"publish","type":"post","link":"https:\/\/www.premiumbeat.com\/blog\/create-facebook-ui-after-effects\/","title":{"rendered":"Create and Animate the Facebook UI in Adobe After Effects"},"content":{"rendered":"

Learn how to break down the elements of the Facebook user interface, and create your own custom story with your own posts.<\/h2>\n

Cover image via Shutterstock<\/a>.<\/em><\/p>\n

Maybe you’ve heard\u00a0that Facebook<\/strong> is the most popular social media site<\/strong> on the internet<\/strong>. That’s why we think it is important to be able to break the site down and recreate its UI<\/strong> for animation<\/strong>. You may have a\u00a0client<\/strong>\u00a0who wants to showcase their business<\/strong> on Facebook<\/strong>, or you may want to be creative<\/strong> with your social media bumper<\/strong>. Either way, this Adobe After Effects tutorial<\/strong> covers what you need to know when it comes to the UI<\/strong> of Facebook<\/strong>.<\/p>\n

Why Recreate The Facebook UI?<\/h3>\n

There are endless ways\u00a0to establish\u00a0full control of the user interface<\/strong>. Creating the Facebooks UI<\/strong> allows you to draw attention to specific elements, like a\u00a0call-to-action<\/strong>. You can craft a story from each animated<\/strong> post<\/strong>. On top of that, you can fully animate<\/strong> the<\/strong> UI<\/strong> and showcase an awesome motion graphics video<\/strong>. No more screenshots or video captures!<\/p>\n

What You Will Learn From This Adobe After Effects Tutorial<\/h3>\n

\"Create<\/p>\n

Whether you are new to\u00a0After Effects<\/strong>\u00a0or have been using it for some time, there are\u00a0several great<\/strong>\u00a0takeaways<\/strong>\u00a0from this\u00a0tutorial<\/strong>:<\/p>\n