_{Gif by @deveerei}

Here's the GIF link: https://media.giphy.com/media/26u8x2DeYtGAaihd6/giphy.gif
Here's my giphy.com channel: https://giphy.com/channel/deveereidyrespondo

I actually sent this to the private channel for Utopian moderators earlier before the contest was announced but this GIF image was never published in public or anywhere else.

_{Logo from Google Drive}

I updated the logo I used on the 'Bug Hunt' title Slide to the newest icon. The logo on the cannon is the very first Utopian.io logo, used to pay homepage.

That icon was used in one of my contributions: Flat UI Icons by @deveerei. Here's the icon in PNG:

I used Photoshop CS6 to make this GIF image. Using the Timeline function. This GIF was made layer by layer and the movements were manually edited and tweens were added for more frames.

Here's a snapshot of the workspace:

_{Screenshot of my Photoshop}

This GIF image has 54 frames in total:

This was the background that was used:

_{Screenshot of my Photoshop}

It's a blank layer with a Pattern Overlay:

_{Screenshot of my Photoshop}

These were the Bugs used:

_{Edited/Sourced from icons8.com}

This is the cannon I used:

_{Graphic by @deveerei}

Here's the banner that shows up in the end:

_{Screenshot from GIF image.}

The steps are simple but documenting it is hard. It's basically these:

• Duplicate Frame.
• Move Image.
• Apply Tween.

or

• Duplicate Frame.
• Make image visible/invisible.
• Apply Tween.

Just a combination of those two methods.

You can view the source file in PSD from my Google Drive.