I have to confess that I spend invest a lot of my time in keeping up with the huge number of fantastic tutorials available these days. I’m addicted. Vodafone will be happy to hear that as I’m almost always going over my monthly data limit.

One of the things that really interests me is motion graphics so any chance that I get to fire up After Effects  and Cinema 4D is welcomed.

However .. I recently went to attempt a small job that a Cinema 4D render would have been ideal for. Upon opening Cinema I realised that I actually had no idea how to do it. This was very strange as I was certain that I did know how to do it because I had seen a tutorial somewhere.

This quickly brought me to the realisation that, though I had been investing my time in watching these fantastic tutorials … I hadn’t actually been following along. I hadn’t been using the tools. It was theory vs practice and I wasn’t doing the doing.

So with that revelation I decided that I would follow along and complete at least one tutorial per week  then take that work and put my own spin on it.

The first one I attempted was the fabulous ‘Cascading Text tutorial’ from the Nick (HE is the gorilla) at www.greyscalegorilla.com

Here is my render of Nick’s tutorial.

And here’s the same technique in a completely different setting.

All in all – I highly recommend you putting aside a bit more time and working your way through the amazing tutorials that these talented people are kindly sharing.

Check out the links in the sidebar to some great Motion Graphics resources.

For some reason, copying and pasting between Illustrator and After Effects hadn’t been working for me. Perhaps I had changed an option somewhere.

Turns out it was a really easy fix. So for all those that haven’t had any luck with copy and paste from Illustrator to After Effects (CS4 at least) it’s as easy as changing the following:

Preferences > File Handling and Clipboard > Clipboard on Quit

Then enable the Copy As > AICB checkbox, and then enable the Preserve Paths checkbox.

Click here to play the game. (1MB)

Sometimes you get a Flash interactive project that is just great fun to work on … this was one of them.

While working at Martian Design I had the opportunity to develop a series of Flash based games for the mintshot.co.nz website. This was one of my favourites. The goal of the game was to disarm a bomb and save your prize from exploding. If you saved it, you won it.

Read more

Quick tip: Fireworks 9 slice symbols

by Markos on February 19, 2010

It’s no secret that I’m a big fan of Adobe Fireworks and just recently I was reminded why.

I was putting together a small job for a client who needed to put the finishing touches onto his website. He has a video trading website and one of the requirements when listing videos for sale is to include a censorship rating. We have about 9 common labels ranging from G through to R .. and in typical fashion the artwork available was pretty poor and needed to be redeveloped. Read more

Site Launch: Creative Space

by Markos on January 25, 2010

Like so many businesses, Creative Space had a web site that simply didn’t reflect the nature and quality of their work. Until now that is.

Creative Space are a Tauranga based architectural studio who had outgrown their previous web site. They needed a new look to aid in a marketing campaign and it needed to be very clean and very sharp .. just like their work.

Read more

3d viewer with Flash CS4 and Cinema 4D

by Markos on January 21, 2010

Sometimes you want to be able to show an object in 3d on the web. If you are looking for a high quality render then the best way that I know is to use pre-rendered footage and import that into flash. Sure it’s not a true 3d environment but the end result is very convincing. Let me show you how I made the example here.

Read more

Quick Tip: Activating jQuery from Flash

by Markos on January 13, 2010

Calling a javascript function from within Flash is pretty simple. Here’s how you can use it to run some jQuery effects .

I used this technique when creating the Snowberrybeauty.com website. With this website the background was entirely done in flash with the HTML elements stacked over the top.

For the homepage of the site I hid most of the HTML elements with CSS … then just before the Flash intro has finished playing, I called the javascript function below. This faded in the HTML elements just as the intro came to a stop.

Here’s what you need.

1. In your web page set up a javascript function to fade in the desired elements.

function showHtmlElements(){
$('#element1').fadeIn(1000);
$('#element2').fadeIn(1000);
}

2. In flash, when you want to activate the function, just use some simple actionscript like this.

getURL("javascript:showHtmlElements();")

That’s all there is to it. Easy.

Site Launch: Snowberry Beauty

by Markos on January 7, 2010

Snowberry Beauty is a fantastic looking site and it’s made all the more impressive by adding animation to key components with jQuery.

Snowberry Beauty originally had their website designed and built entirely in flash. The only problem was that it was horrendously difficult to manage and their original flash developer was no longer available.

They were in a bit of a bind so I suggested that they rebuild their website with HTML, that way any web developer worth his salt should be able to maintain it. It would also be more searchable and quite simple to develop an administration interface so that they could add new items and articles as required.

They were very particular about the look of the site, and rightfully so as I am guessing they paid a fair amount for it originally, so what about all the gorgeous animation that was done in flash? Well … We can do that in HTML these days. Enter jQuery.

I was the sole developer on this project it presented a number of challenges. I like challenges and two of them I will mention here were the animation and the custom typeface. Read more

Most businesses could really benefit from a solid email marketing solution. It’s an extremely handy tool to have in your arsenal and its so effective and affordable that you just can’t ignore it.

I’ve talked to a lot of people who agree that email marketing should be really beneficial to their business. Many of them have given it a go by trying to use Outlook to handle their email marketing. While you can technically send a stack load of email to people with Outlook let me tell you why it’s a very bad idea and complete waste of time and money. Read more

Site Relaunch: Accommodation Te Puna

by Markos on December 23, 2009

Accommodation Tepuna website developed in wordpress with thesis

About two years ago I designed and built a nice looking web site for a local motel and holiday park, Accommodation Te Puna. It was Pauline’s (owner) first foray into the internet and the site served her well over that time. But times change and with some more exposure to the internet, Pauline wanted to start putting a bit more time into her website and use it to generate more leads.

Pauline contacted me a couple of weeks ago to make some changes. She’d just been talking to a chap all about search engine optimisation and marketing as well as social media and networks and she wanted to make some changes to her website so she could be a bit more proactive in these areas. Read how redeveloping Pauline’s website helps to generate more leads.