CINXE.COM

<!DOCTYPE HTML> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Animation projects by Tazi</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <meta name="keywords" content="graphic design, animation, graphic designer, website design, projects, custom graphics, graphic artist, goggo101, tazi, art, freelance, designer, digital, animated gif, 2d animation, MP4, social media, after effects, digital artist, gif sticker, giphy Melbourne, Tazi Design,"> <meta name="description" content="Animation projects, designed and created by Tazi"> <meta name="author" content="Tazi Web & Graphic Designer"> <meta name="web_author" content="www.tazi.com.au"> <meta name="date" content="June 2017"> <meta name="robots" content="all" > <meta name = "viewport" content = "user-scalable=1, initial-scale=1.0, maximum-scale=1.5, width=device-width" > <meta name="apple-mobile-web-app-capable" content="yes"> <meta property="og:title" content="Animation projects by Tazi" /> <meta property="og:type" content="website" /> <meta property="og:url" content="http://www.tazi.com.au" /> <meta property="og:image" content="images/og-logo.png" /> <meta property="og:description" content="Animation projects, designed and created by Tazi" /> <meta name="msvalidate.01" content="850D234BE89DD950B7BF4A73F9F37E94" />  <link href="/favicon.ico?" rel="shortcut icon"> <link href="/apple-icon.png" rel="apple-touch-icon"> <link href="css/tazi.css?v=123" rel="stylesheet" type="text/css" media="all"> <link href="css/print.css" rel="stylesheet" type="text/css" media="print"> <link href="css/menu.css" rel="stylesheet" type="text/css" media="all"> <link href="css/form.css" rel="stylesheet" type="text/css" media="all"> <link href="css/font-awesome.css" rel="stylesheet" type="text/css" media="all"> <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700" rel="stylesheet"> <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> <link rel="stylesheet" type="text/css" href="css/lightbox.css" media="screen" /> <script src="js/lightbox.js"></script> <script src="js/lightbox-function.js"></script> <style> [data-sr] {visibility: hidden;}</style> <script> $(window).scroll(function(){ if ($(window).scrollTop() >= 300) { $('#nav').addClass('fixed-header'); } else { $('#nav').removeClass('fixed-header'); } }); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-MYCHEVP6S7"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-MYCHEVP6S7'); </script> </head> <body id="portfolio" > <div class="navigation"> <div id="nav-side"> <div id="cssmenu"> <ul>  <li class="index" title="Home Page"><a href="/">Home</a></li>  <li class="about" title="About"><a href="about">About</a> <ul> <li><a href="about">About</a></li> <li><a href="expertise">Expertise</a></li> <li><a href="testimonials">Testimonials</a> </li> </ul></li>  <li class="portfolio" title="Portfolio"><a href="web">Portfolio</a> <ul> <li><a href="websites">Web Design</a></li> <li><a href="print">Graphic Design</a></li> <li><a href="infographics">Infographics</a></li> <li><a href="illustration">Illustration</a></li> <li><a href="brand">Branding</a></li> <li><a href="email">Email</a></li> <li><a href="social">Social Media</a> </li> <li><a href="animation">Animation</a> </li>  </ul></li>  <li class="artwork" title="Artwork"><a href="https://www.tazi.graphics/about/" target="_blank">Artwork</a></li>  <li class="blog" title="Art & Design Blog"><a href="/blog/">Blog</a></li>  <li class="contact" title="Say Hello"><a href="mailto:hello@tazi.com.au">Say Hello</a></li> </ul> </div> <script src="js/doubletaptogo.js"></script> <script> $( function(){ if( window.innerWidth > 480 ) { $( '#nav li:has(ul)' ).doubleTapToGo(); } }); </script></div> </div> <input type="checkbox" id="nav-trigger" class="nav-trigger" /> <label for="nav-trigger"></label> <div id="wrapper" >  <div id="headWrapper"> <div id="head"> <div id="logo"><a href="/"><img src="images/logo.png" title="Tazi Web Design" alt="Tazi Web Design" ></a></div> <div id="logo-print"><img src="images/logo-print.png" title="Tazi Logo" alt="Tazi Logo" ></div> <div id="navWrapper"> <div id="nav"> <div id="cssmenu"> <ul>  <li class="index" title="Home Page"><a href="/">Home</a></li>  <li class="about" title="About"><a href="about">About</a> <ul> <li><a href="about">About</a></li> <li><a href="expertise">Expertise</a></li> <li><a href="testimonials">Testimonials</a> </li> </ul></li>  <li class="portfolio" title="Portfolio"><a href="web">Portfolio</a> <ul> <li><a href="websites">Web Design</a></li> <li><a href="print">Graphic Design</a></li> <li><a href="infographics">Infographics</a></li> <li><a href="illustration">Illustration</a></li> <li><a href="brand">Branding</a></li> <li><a href="email">Email</a></li> <li><a href="social">Social Media</a> </li> <li><a href="animation">Animation</a> </li>  </ul></li>  <li class="artwork" title="Artwork"><a href="https://www.tazi.graphics/about/" target="_blank">Artwork</a></li>  <li class="blog" title="Art & Design Blog"><a href="/blog/">Blog</a></li>  <li class="contact" title="Say Hello"><a href="mailto:hello@tazi.com.au">Say Hello</a></li> </ul> </div> <script src="js/doubletaptogo.js"></script> <script> $( function(){ if( window.innerWidth > 480 ) { $( '#nav li:has(ul)' ).doubleTapToGo(); } }); </script></div> </div> </div> </div>   <div id="topWrapper"> <div id='pagePanel' data-sr="enter left"> <h1>Animation</h1> <h2>Animated GIFs & MP4s for Web & Social Media</h2> </div> </div>  <div id="angleWrapperRt"> <div id="contentWrapper" > <div id="content" class="rotateRt"> <div id="col-left"><div class="divider" data-sr="enter top"></div> <div class="side-menu" data-sr="enter top"> <ul > <li><a href="websites">Web Design</a></li> <li><a href="print">Graphic Design</a> </li> <li><a href="infographics">Infographics</a> </li> <li><a href="illustration">Illustration</a> </li> <li><a href="brand">Branding</a> </li> <li><a href="email">Email</a> </li> <li><a href="social">Social</a> </li> <li><a href="animation">Animation</a> </li>  </ul> </div></div> <div id="col-right"> <div id="tazi"> <iframe width="100%" height="535" src="https://www.youtube.com/embed/_vo5pjpUAKE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> <div id="xmas19"> <iframe width="100%" height="550" src="https://www.youtube.com/embed/PgH8ya3xhdM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> <div id="gallery"> <a href="images/animation/heart-ani.gif" data-imagelightbox='f'> <div class="gallery-img"><img src="images/animation/heart.png" alt="Heart doodle animation" title="Heart doodle animation" class="gallery-image"/><div class="overlay-g"> <div class="overlay-g-txt">Animation created in Adobe After Effects</br>Click to view animated GIF </div> </div> </div></a> <a href="images/animation/love-what-you-do-ani.gif" data-imagelightbox='f'> <div class="gallery-img"><img src="images/animation/love-what-you-do.jpg" alt="Love what you do animation" title="Love what you do animation" class="gallery-image"/><div class="overlay-g"> <div class="overlay-g-txt">Animation created in Adobe After Effects</br>Click to view animated GIF </div> </div> </div></a> <a href="images/animation/tazi-xmas-ani.gif" data-imagelightbox='f'> <div class="gallery-img"><img src="images/animation/tazi-xmas.jpg" alt="Xmas Animation" title="Xmas Animation" class="gallery-image"/><div class="overlay-g"> <div class="overlay-g-txt">Animation created in Adobe Flash</br>Click to view animated GIF </div> </div> </div></a>  <a href="images/animation/merry-xmas-ani.gif" data-imagelightbox='f'> <div class="gallery-img"><img src="images/animation/merry-xmas.png" alt="#merryxmas animation" title="#merryxmas animation" class="gallery-image"/><div class="overlay-g"> <div class="overlay-g-txt">Animation created in Adobe After Effects</br>Click to view animated GIF </div> </div> </div></a>    <a href="images/animation/hello-weekend-ani.gif" data-imagelightbox='f'> <div class="gallery-img"><img src="images/animation/hello-weekend.png" alt="Hello Weekend Animation" title="Hello Weekend Animation" class="gallery-image"/><div class="overlay-g"> <div class="overlay-g-txt">Click to view animated GIF </div> </div> </div></a> </div> <p><a href="https://giphy.com/channel/taziart" target="_blank">Visit my giphy channel ></a></p> </div> </div> </div> </div> <div style="clear: both; height: 0;" ></div> </div>  <div id="footerWrapper"> <div id="footer"> <div id="footer-social" data-sr="enter left"> <a href="https://www.facebook.com/tazi.graphics/" target="_blank" title="Facebook"><i class='icon-facebook'></i></a> <a href="https://www.instagram.com/tazi.graphics/" target="_blank" title="Instagram"><i class='icon-instagram'></i></a> <a href="https://www.pinterest.com.au/tazigraphics/" target="_blank" title="Pinterest"><i class='icon-pinterest'></i></a><a href="https://www.youtube.com/channel/UCagDXftguqKTg_dJ3SiKR7g/videos" target="_blank" title="YouTube"><i class='icon-youtube'></i></a> <a href="https://www.linkedin.com/in/glynniso" target="_blank" title="LinkedIn"><i class='icon-linkedin'></i></a> <a href="../blog" title="Tazi Art & Design Blog"><i class='icon-bookmark'></i></a> <a href="mailto:hello@tazi.com.au" title="Say Hello"><i class='icon-envelope-alt'></i></a> </div> <div id="footer-txt" data-sr="enter right"> <a href="/">All images and content © 2025 Tazi Design</a> | <a href="/expertise">Web Designer</a> | <a href="/print">Graphic Designer</a> | <a href="/web">Digital Designer</a> | <a href="mailto:hello@tazi.com.au">hello@tazi.com.au</a> </div> </div> </div>  <script src="js/scrollReveal.js"></script> <script type="text/javascript"> (function($) { if( window.innerWidth > 767 ) { 'use strict'; window.sr= new scrollReveal({ reset: true, move: '50px', mobile: true }); } else if( window.innerWidth < 767 ) { //do not display on small mobiles like iphone 4 and 5 'use strict'; window.sr= new scrollReveal({ reset: true, move: '50px', mobile: false }); } })(); </script>  <script> function setActive() { aObj = document.getElementById('col-left').getElementsByTagName('a'); for(i=0;i<aObj.length;i++) { if(document.location.href.indexOf(aObj[i].href)>=0) { aObj[i].className='current'; } } } window.onload = setActive; </script> </body> </html>