Adobe After Effects: how to get started?

Originally posted in https://blog.liip.ch/archive/2017/03/14/adobe-after-effects.html

Animation with After Effects

Animations greatly improve the overall user experience of an app. They also bring different benefits to the user. In my last blog post about the SwiftAlps Conference, I wrote about the 12 basic principles of animations in design (see the slides in the blogpost). During the conference, we used CAEmitterLayer from Core Animation to insert a snow background effect.

Adobe After Effect is another option to build animations. After Effects is a powerful tool that is used to create digital visual effects and motion graphics. This tool is mainly used in film and television production although is also popular to create UI/UX animation among designers.

Adobe After Effects Logo

The main difference between After Effects and Swift

When it comes to design complex animations, After Effects is the way to go. Being able to craft an animation in real-time with visual feedback is easier than coding an animation in Swift and having to compile each time to see the results.

For custom animations such as animating the characters of a logo or animating the path of an icon then I would recommend doing it first with After Effects and then importing the animation int your app. If the animations are simple such as moving a layer of changing its alpha value then I’d just user your languages animation properties.

The most important advantage is visual feedback. Having visual feedback you can easily tweak and iterate an animation to achieve the expected desire. Then as we will explain in a future blog post, this animation can now easily be imported to be used in your app projects.

Furthermore, another important advantage is that After Effects is very popular among designers and animators, that said there are many online tutorial and youtube videos with examples of probably what you are trying to achieve.

Playing with After Effects

To get me started I watched the following. They are two video-tutorial that explain how to animate a company logo step-by-step. They have some good basic knowledge explanations that help me understand the basics of how to start. Continue reading “Adobe After Effects: how to get started?”

2 Books that Website Designers must read

“Internet Marketing: An hour a day” and “Don’t make me think” are 2 books that every website designer and developer should read.

 

Internet Marketing: An hour a day

If you’ve been seeking a practical, day-by-day, do-it-yourself plan for success in your Internet marketing, this is the book for you. The latest in the very popular Hour a Day series, this book gives you step-by-step instruction and clear action plans for all crucial aspects of successful internet marketing:  SEO, website optimization, integration of social media and blogs, and pay-per-click strategies.  Above all, it shows you how to use analytics effectively, so you can track and understand your results, then course-correct as you need.

  • Provides step-by-step instruction to help you design, implement, and measure an internet marketing strategy
  • Uses the empowering and winning approach that has made the books in the Hour a Day series top sellers
  • Breaks down intimidating topics into approachable, hour-a-day tasks
  • Covers key topics in step-by-step detail, including SEO, website optimization and usability, analytics, blog integration, social media, and pay-per-click strategies
  • Offers expert guidance from an experienced and well-known internet marketer, Matt Bailey

Drive targeted traffic to your site, keep them there, and convert them into happy customers with this refreshingly practical, roll-up-your-sleeves guide!

http://books.google.com/books?id=WB1OZRVeFBUC

 

Don’t make me think

Five years and more than 100,000 copies after it was first published, it’s hard to imagine anyone working in Web design who hasn’t read Steve Krug’s “instant classic” on Web usability, but people are still discovering it every day.  In this second edition, Steve adds three new chapters in the same style as the original: wry and entertaining, yet loaded with insights and practical advice for novice and veteran alike.  Don’t be surprised if it completely changes the way you think about Web design.

http://books.google.com/books?id=g1QBFJxB_eEC

 

I just finished reading Internet Marketing: An hour a day and I have really enjoyed, it explains the basics that every webmaster should know about website design if they want their websites to appear on the search engines.

I also recommend Don’t make me think which I have read a couple of years ago but still have good information about design.