<center>![Utopian-Bug-Hunting-Gif.gif](https://media.giphy.com/media/xUOxf0XF9gBPDnH5Pq/giphy.gif)
<sub>Gif by @deveerei</sub></center>

Here's the GIF link: <code>https://media.giphy.com/media/xUOxf0XF9gBPDnH5Pq/giphy.gif</code>
Here's the GIF page in giphy: <code>https://giphy.com/gifs/opensource-utopian-utopiangif-xUOxf0XF9gBPDnH5Pq?status=200</code>
Here's my giphy.com channel: <code>https://giphy.com/channel/deveereidyrespondo</code>

It's the categories tiles remade and animated. It looks simple but there are many frames and steps to make this one. I didn't just do a screenshot of it as a whole. I took a screenshot of each tile so that I can animate it (simple animation - opacity changes from opaque to transparent). Then added the Utopian logo and type at the end. Font used on type is Orator STD.

I used the Utopian.io Magenta Logo for this:

<center>![Utopian-io Logo magenta.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1511672282/ua3thapxbme7j8wymkgx.png)
<sub>Logo from [Google Drive](https://drive.google.com/drive/folders/1mtiVMXss2PZsgUggM0MZ92mNcoK5cL3y)</sub></center>

I used Photoshop CS6 to make this GIF image. Using the Timeline function. This GIF was made layer by layer with animations added through making things visible/invisible by changing the layer's opacity.

Here's a snapshot of the workspace:

<center>![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1511672329/ymsikzhptm8tj76gdpzk.png)
<sub>Screenshot of my Photoshop</sub></center>

This GIF image has 83 frames in total:

<center>
![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1511671831/hdy33tajuudbcnyyayzc.png)
![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1511671846/ini4znfg8wfpfp9pmvkd.png)
![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1511671856/ggxbyzqir4nfvxewfdlj.png)
![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1511672359/mfwlwm8mtcmn1r69nne2.png)
![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1511672373/kbbcst2oy1lijb7xuvhq.png)
</center>

***

## <center> You can view the source file in PSD from [my Google Drive](https://drive.google.com/file/d/1vSZhAaL2Su32IxkaTbXF492uRvZ-ZwDZ/view?usp=sharing). </center> <h2>

***

<center>[Contest Details Here!](https://steemit.com/utopian-io/@utopian-io/utopian-is-having-a-gif-contest-and-you-re-encouraged-to-participate)</center>

<br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@deveerei/utopian-io-gif-contest-categorize">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>