Transform your Photoshop Mockups into animated prototypes with Atomic
If you also find that Photoshop mockups is good but it lacks a bit of interaction, I suggest you to discover Atomic, a free web service that lets you easily add the page changes and interactions to your Photoshop mockups (or Sketch).
Better understand the interactions with Atomic
Atomic is a free service positioning himself just after the “Photoshop” in your workflow. Insert your PSD, and the interface will let you freely place and animate your different layers through the creation of dynamic zones.
This way, you can simply describe the interactions provided to your customers if they are a bit confused by simple static models.
First step
As often, the first step is creating the account (free and not even asking to validate his email, I really encourage you to take the plunge and test the service). Once done, you are facing your dashboard, which already includes some projects that you can edit and modify.
The interface is nothing original, and it is a good thing. We are not really lost, the options and tools being always there where you expect: layers and tools on the left, on the right tool options.
The only gripe would be to limit the position of the tool “interaction” (the last in the left list), I would have put more high because it is surely the most useful.
Change page, make a menu or move a panel, the animations are really very simple and quick to implement. Once done, you are free to test your creation with the bottom right menu, and share it with your team or customer. You can see this example test a prototype of departure.
It will be even possible to allow comments on pages so that your customers can give opinion page by page.
But I still think it is impossible to add a little text explanation next to different pages, to put forward the features and the essential points of the models. This point remains about even trivial and maybe replaced by the comment system.
