How to create a cool motion blur for UI design presentations

This tutorial is about how to add motion blur to your UI design compositions so as to make swift movement look realistic and polished for your mobile app or website design. If you have not read the article on how to make animated GIFs you might want to take a look at this tutorial. This article will touch on the process I use briefly but its main focus is to explain how to apply motion blur to your application presentation.

Continue reading

How to create animated GIFs for UI design presentations: Part 1

Weather app animated GIF

Weather app animated GIF

You may have seen really cool animated GIFs that design professionals are using to present UI design on Behance, Dribble and other design communities platforms and wondered how did they created them. What is fast becoming one of the best ways of illustrating gestures and animations in mobile apps, animated GIFs offer a little more over traditional storyboards and static screenshots. In Part 1 of the series, I show how to create the animated GIF above. The second part will explain how to export your files properly and optimize into a GIF. Download of project file is also available. The third and final tutorial breaks down the transitions and animations more fully. Continue reading