Tutorials

Creating animated GIFs using Invision and Photoshop Part 2

The first part of this tutorial explained how to create an animated UI design for a mobile app using Invision and record the animation using ScreenFlow. The second part of this tutorial covers how to put the finishing touches on your presentation and the settings for exporting to a GIF using Photoshop. What we shall […]

Read more
Tutorials

Creating animated design GIFs using Invision and Photoshop Part1

In the tutorial series โ€œHow to create animated GIFs for UI design presentations” we looked at how firstly to create and export the animations from After Effects and save as GIF in Photoshop. This process is very time consuming but the results are really impressive. After Effects allows for unique, quality animations and greater creative […]

Read more
Tutorials

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

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 […]

Read more
Agency work, Getting started

Axure vs Balsamiq prototyping

Axure is used for designing interactive prototypes for websites and mobile applications. Similarly Balsamiq is a rapid wireframing tool for designing web and app mockups. I use both and wanted to share in this brief article a comparison between the two applications using examples from a case study.

Read more