I had made some micro interactions using After Effects. It is quite a process where you have to export it as a video, and then import to Photoshop and export it as a gif. What I dislike about this process is that if the page needs minor tweaking or updating, I would have to reimport to Photoshop and it repeats. So, in order to avoid that, I had make sure before exporting it as a video on After Effects, that there are no minor things that need to be fixed. However, mistakes happen and nobody is perfect, so there is really no way around it. It is a trial and error process.
Here are some of the gifs that I made.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBoSj_O5vOlIQFS_d-YgAPveSzIOgfEGMJbtxzCNnI4ap4Cd2z60WswPrtIiVy0YonWO7qcynDyOc8zRJkpGmq2vXhZw-6l9aAxjY8nQugKymV4j4fAyKS-a3IpwSPWpXTOlD0ScbGcJVE/s320/loading.gif) |
loading page |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPnMFbsSWVMmBwf5lrMireWrkS8320TesYAMJjwiTJFs23cwuel_-Tv5RZD6ZTgV4XcP-37oA_LM0enVy-Y6b0Cn9CvvJowyPOkV6dKH-oXXJ9tQZveOEG7drxVTYZ4DzvWFrJl3PDkOfu/s320/login.gif) |
landing page |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt2Y2_u-1KQAFwx9JzBz3a2YYtKmPBUQ_sN4vEbPQM66vIPJICb0pYXWwlH0icXRff3f306kuCfgmsDXWP-sw3UofTBT82dnnDaysTg-x_ZGhEjE8u58QJbX-hfQ6V00yNuDz6HmNslqPv/s320/MW01.gif) |
home page |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRbGC6SEoGxfJC6OdV-DcBoCVR32U2lMj57fLNYwxh_y1cS9_v_rSO-6LtjS8hD8Ohyphenhyphen5UJt1Dnss0gfMRjZvIiJxwHPGlvVFzNFcBYANiGHu6haaS3uBwBxYaM7-TZUwR0SSNP-KpHAOTk/s320/mcat.gif) |
men's menu |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfJABg_GfS8vnrt55tdm2XdxBxyQMwhP4ASzANSgVUUwHwm37PLUk-Qg2WwDvuCuUqy7CUdbpqEFBvD6Q8uHfFH23xXPUFKMyr09fGzWbqmACEgxQmm7tZoBsxFlDH6nRwVt5wfGotFeql/s320/wcat.gif) |
women's menu |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs4j-0YDwaEXbNm_rW3EYAC0S5rThTodMoDYOOC_XRpo5Oyq2WDHihDctbtF-j5SjhrdZY5MX6-V7QLYIVERO7kOOY6mUgcKOrPoi357ZKQ93mqD43OQtRReZjAfCnOwnw9XN9HcnmGMfe/s320/menu.gif) |
sidebar menu |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwNjY2wr7_QPq6RRjJnKka9H03Pt2t4VDLUtO5ImEVjI2hHPjURf40Oo8MV81-9pgzS7DxT8lYMSmo3WykZK5r0vMvn8_02-Kas4nxLPsQ9bVb2q_zifyxF1LuscLuWG0cT47dF57Od81N/s320/Untitled-29.gif) |
Items page |
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHlGVyTHLaeD1b6uVzKA1VvG88SHEmFqfaVk81u4IJ8nkuWunSX51Y4ohKcKimqTLPzHUqb0x2JdB1xH8UB6YJzHB1e34f9lr8rhgsAOAs069_lzUM2KHe7Ljg9D8fBpmmUm9ec7lH83i9/s320/item_01.gif) |
Item page |
Here is the link to my prototype in inVision for better view of the app I created.
0 comments