Similarly to my 2005 piece entitled Demographix, AE64 is a tribute to the demoscene and to the legacy of world’s most popular microcomputer: Commodore 64.

While this video was created using the typical contemporary arsenal of tools (mainly After Effects and Cinema 4D), it conforms to most of the basic graphical limitations of the C64 such as a limited 16-color palette, low resolution, use of the overscan area etc. To maintain the spirit of the demo, I also created most of the effects using various scripts and code snippets, procedurally automating many of the tasks typically animated using keyframes.

The idea for this video (or, if you prefer, a “wild demo”) came to me a few weeks ago, during the 7DX demoparty. Seeing how this nearly 30 year old system still has people coding for it, developing new tools and techniques as well as actively participating in various demo competitions – really stroke a note of nostalgia in me. I remembered my first C64, countless hours of games, graphic programs, chip tunes… I even recall creating some zine with my friends and printing it on a noisy dot matrix printer. (To be technically correct, my first computer was an Atari 65XE, but for the sake of the story, let’s ignore it.)

For the soundtrack of this piece I chose “Katana Blaster (Constantly Playing Mix)” from the album “Impostor Nostalgia” by Big Giant Circles. The piece was composed by Mick Gordon and since I pretty much had it playing on a loop for several weeks now, I simply had to use it. The song manages to beautifully mix the classic chip tune sounds with contemporary electronic vibes and dubstep rhythm – and Mick was kind enough to give me the rights to use it for this video.

To learn more about Mick Gordon and his music, visit his site at: mick-gordon.com.

If you ever owned a C64, I am sure you will enjoy this piece. Happy new year!

Concept, Design, Animation & Scripting: Quba Michalski
Music: Mick Gordon
Tools: After Effects, Cinema 4D

This video can also be viewed on YouTube

I would like to invite you to visit http://motiongraphs.qubahq.com/ – an online version of an exhibition by Quba Michalski, celebrating over a decade of his work in the field of motion design. Throughout this period Quba created several hundred of videos ranging from small independent pieces to massive visual extravaganzas for some of the world’s most well-known brands. MotionGraphs gives you a rare chance to gaze into the inner workings of his projects and examine in detail the way these selected works were constructed.

Each of the graphs in the exhibition is a visual representation of a single project, rendered using Adobe After Effects flowchart mode. Within the graphs, each box represents a single layer – be it a piece of video, a graphic, effect, camera, light or a simple null helper object. The arrows direct the flow of compositions and demonstrate how these elements nest within and feed one another, producing the final look of the piece.

Just like the projects themselves, each graph has its own style and character. Some are beautifully simple and elegant, while others create a tangled mess of hundreds of elements connected by almost incomprehensible web of interdependencies. On a more personal level, the structures of each graph tell a story of a journey the project went through. The simplest graphs were created when the artist followed a basic, brilliant idea. The tall, symmetrical and repetitive ones were created during less exciting periods. If you see crazy, messy sections full of connections – you can be sure the project went through many changes and patches.

Even the naming conventions change from one project to another. Some are strict and proper. Others – full of silly wordplay and inside jokes. On the most frustrating ones, you will undoubtedly be able to spot the artist cursing through the layer naming, trying to vent his frustrations at a misbehaving element.

Running on Microsoft’s Deep Zoom technology, the page will allow you to smoothly zoom in/out and navigate through the massive graphic using your mouse (scrollwheel works too).

The graphs in the project represent a small selection of works by Quba Michalski. You may view the videos themselves all around this site (qubahq.com). The work is best viewed in fullscreen/presentation mode. You can typically activate it by pressing F11 in PC browsers and Shift-Command-F on Mac, followed by clicking the full-screen button in the lower-right corner of the graphic above. My apologies for the process being so convoluted – I am a motion designer, not a web coder :)

Please, enjoy the show

About three months ago, some post production guys from The Mill decided to troll the Internet with videos of fake UFO sightings over London. I decided to join in on the fun and released a short YouTube video under a fake persona, “documenting” another sighting in Istanbul. Within several weeks, the video climbed up to 10,000 views – by far surpassing any view count I had on any other clips and tutorials uploaded to YouTube. It has also been “verified” by several “UFO authorities” and featured in magazines and UFO sighting websites around the world.

In this tutorial I will teach you how to create your own UFO troll video using After Effects and Mocha – a process that should take you no longer than 30 minutes from the moment you grab a camera, to the time you are ready for upload.

Running time: 31min
Difficulty: Extremely Easy
Required tools: After Effects, Mocha

Original troll video:

Tutorial:

I would like to encourage everyone watching this tutorial to make their own UFO sighting clip and publish it on YouTube. Let’s see if you can beat my 10,5K record, and how long will it take :) Post the links to your UFOs in the comments below – let’s freak out some of “the believers” with a global UFO invasion!

You may download the tutorial video as MPEG-4 from its Vimeo page. The tutorial can also be watched at YouTube.

This work is licensed under a Creative Commons Attribution 3.0 License.

I remember the first time John from Motionworks shown me a beta version of MovieType. Pretty cool – I remember saying – I’m sure it will be useful to the people who do lots of 3D text, but not really something I would use in my projects.

While I was certainly impressed with both the idea and the implementation of MovieType, I really did not think I’d ever have any need for it. My motion pieces rarely, if ever, use 3D typography. I may throw an After Effects 3D text layer here and there, but that’s pretty much it.

And then came the Morhipo.com gig.

The deadline was tight, the advertisement’s content was not fully finalized. Changes to the timing, featured products and celebrity photos were delivered several times a day, as the agency struggled to get the finalized content locked down and approved by the client. To make things even more interesting, I had two more projects in the final stages of development at the very same time.

I could have said: Screw it, I’ll drop in the text in AE, throw some gradients on it and call it a day. Unfortunately, that’s not how I roll.

Now let me be very clear about something: I am no expert in 3D. I know what the software is capable of and how to get there, but I am terribly slow with execution. Typically, I prefer to work with a 3D artist or operator, guiding the development of the project, rather than a full hands-on experience. This time however, I did not have a choice. It was early evening, my 3D guy went AWOL, there was no time to find a new one, and I had to have all typography ready by the morning.

Getting the base geometry was as easy as loading up a path from Illustrator, dropping it inside MovieType Extrude object and tweaking the values till I got the desired thickness and bevel size. Camera was even easier – a simple preset, tweaked a tiny bit to look and time just right.

Next came the shaders. Gold and silver are always a pain to set up and render properly – too many reflections and they start looking like plastic. Too much saturation – and gold turns into orange. Too little gloss and everything becomes dull and rubbery. With the help of MovieType though, I was able to load up library shaders and within just a few minutes tweak them to look exactly how I wanted.

After that all I had to do is drop some light presets, adjust them and add a few extra ones for a good measure. I also used the MovieType Reflective Sky object with some noise shaders to make sure the reflections on the surface of the text are exciting enough.

Not only was I able to finish the project on time – I even got a few solid hours of sleep that night!

Don’t get me wrong here. The final ad is no piece of art – it will not win any awards or be featured in motion design festivals. It is however, a solid piece of advertising, created on an impossible deadline while matching and even exceeding client’s expectations. I call that a success.

On an extra note: MovieType was also used to create the little black plexiglass boxes I placed the products on. It’s truly a very versatile product and after having it save me from delays I felt I owe it to the Motionworks team to do this little write-up and recommend it to all motion designers. You truly never know when it may come in handy – take it from a non-believer :)

For more info about MovieType, check http://www.motionworks.com.au/2011/08/movietype/.

I just got the word that my reel is featured in the latest issue of Computer Arts magazine (#193, October 2011). It is a great opportunity for all those of you who are too busy (or lazy) to click a link, to be finally able to view this fine piece of edit.

Simply head out of your home, go to the nearest kiosk, newsstand or bookstore, purchase the new issue, go back home and view the reel from the DVD that comes with the mag. If you happen to be living outside of Europe, you may need to do a special order or travel a few thousand miles, too :) Alternatively, you can always get the digital edition, available for Adobe AIR, iOS, Android and Windows 7 phone – though I am not sure if these include the DVD contents.

More details of what else is included in this issue of CA can be found here: http://www.computerarts.co.uk/shop/magazines/computer-arts/october-2011-193. The page features the summary of all the main articles as well as the links to purchase both physical and digital edition.

Ever since my first Commodore 64, I have been an avid follower of the demoscene. For many years groups like Fairlight, Kewlers, The Black Lotus, Orange, Farbrausch and more recently ASD (Andromeda Software Development) have been pushing the art of realtime graphics into new extremes.

While entertaining to watch however, demos usually had a tendency to lack in the art direction department. The would excel in cool visual effects, pumping more and more graphics at better framerates and higher resolutions – but being primarily created by coders, not artists, the majority were more of a technical showcase rather than an artistic pursuit. In the recent years, the new breed of demos started emerging – one where art and code truly go hand in hand. One that can easily rival the amazing vfx and motion design pieces from the world renown motion design directors.

I would like to share with you one of such pieces: Spin by a Greek demo group Andromeda Software Development, a 1st place winner at Assembly 2011.

You may watch it below via YouTube, or download the code and run it yourself.

If you are new to the demoscene, but the video arose your interest, a good place to start would be the archives of scene.org. In there you will find years worth of demos as well as the information about the latest competitions (and their results). Another good starting point could be AssemblyTV – the official YouTube channel of possibly most well-known demo party (competition).

It is my pleasure to publicly announce that as of today I have changed my official status into Creative Free Agent and I am available for work with all interested parties. For all business inquiries you may contact me directly – the details can be found on the About page of this site.

It took me a while to figure out how to properly title myself and my services. Freelance Director? Motion Design Artist for Hire? Unassociated Writer/Art/Creative/Director? Truth be told, looking back at the past decade, it is much easier to list the things I did not do than all the roles I assumed on all the projects.

I developed concepts, plans and ideas for major TV, cinema, web, multimedia and viral campaigns. I wrote scripts and scenarios as well as did re-writes on existing ones. I pitched and sold the ideas and projects to agencies, creatives, producers, clients, marketing specialists and CEOs.

I storyboarded, art and creative-directed projects. I animated, photographed, directed live shots, stop motion, slow motion, green screen, tilt-shift and any other technique you can think of. I created 2D, 2.5D, 3D (stereoscopic included) content myself as well as supervised teams of various sizes in creating it.

I filmed, edited, composited, created vfx, sfx, music, created interfaces, scripted code, developed techniques and styles, trained teams and individuals, developed systems and pipelines, contributed to industry standard software development – you name it.

The projects I worked on range from independent to commercial, abstract to narrative, artistic to realistic. I worked on overnight express solo jobs as well as on massive projects, directing dozens of people over the course of several months.

I created 2-second pieces with a single graphic element as well as 5 minute long 3D extravaganzas. I worked with small clients and world’s largest corporations, with small studios and biggest agencies, with production companies and with post houses. How else can I sum all these up in a title?

If you need someone to take your brand, product, concept, scenario or project and deliver a completely new level of advertisement – I am the creative free agent, and I want you to work with me.

In this tutorial I will demonstrate the use of a new free preset from QubaHQ.com – Floaties. Floaties is a text animator based fake particle simulator allowing you to create floating specs of dust, glitters, bokeh-style out of focus abstract backgrounds and other visual elements. It attempts to emulate some of the basic behavior found in Trapcode Particular, providing limited, but free alternative to that popular plugin (as long as you are going for a certain visual style).

Running time: 51min
Difficulty: Easy
Required tools: After Effects

Music used in the preview video is a fragment of Borrel by Jukka Koops a.k.a. Sumo Lounge. Check his other works at: jukkakoops.com

Preview video:

Tutorial:

I would like to thank three of the beta testers for their input on the development of this preset: Riccardo Albertini (Rocket Panda), Derya Öztürk (Yader) and John Dickinson.

I would also want to express my thanks to the generosity of the recent donators to the QubaHQ tutorials. You make this show possible!

If you would like to contribute to the development of new presets or localizations for the Floaties preset, please contact me via e-mail. It can be found on the About page of my site.

Download the files associated with this tutorial below:

• QubaHQ Floaties (main preset and 6 examples)
  Compatible with After Effects CS3 and above, localized for English language
  http://downloads.qubahq.com/tutorials/QubaHQ_Floaties.zip

You may download the tutorial video as MPEG-4 from its Vimeo page. The tutorial can also be watched at YouTube.

This work is licensed under a Creative Commons Attribution 3.0 License.

Not too long ago, these were referred to as simply “cool animated gifs”. These days they go by much more artsy name of Cinemagraphs.

In the picture: ZX Spectrum microcomputer, an Italian analogue sound mixer and a National TV set. Only TV still works. Image brought to life in After Effects.

PS. Yea, I just realized these are called Cinemagraphs, not Cinegraphs. Corrected the spelling throughout the post.

This preset and tutorial have been inspired by true events …or to be precise – they are based on a project I did a short while ago.

In this tutorial I will show you how to quickly simulate stop motion aesthetic using my After Effects Stop Motion Kit. This collection of presets will allow you to easily add subtle imperfections to the movement of objects in your scene, emulating animator errors that are a staple of stop motion animation. Using 6 different expression sets, you will be able to apply and control glitches in movement, rotation and timing of your objects as well as simulate changes in camera position and exposure.

Running time: 37min
Difficulty: Easy
Required tools: After Effects

Preview video:

Tutorial:

Note: For some reason, Camtasia was quite uncooperative today and refused to capture the preview animations at a proper framerate. They should be played back at ~10fps, but show the video shows only 1-2 frames a second. The actual live result is much better!

Download the files associated with this tutorial below:

• QubaHQ Stop Motion Kit (presets and sample project)
  http://downloads.qubahq.com/tutorials/QubaHQ_StopMotionKit.zip

You may download the tutorial video as MPEG-4 from its Vimeo page. The preview video can also be watched at YouTube.

This work is licensed under a Creative Commons Attribution 3.0 License.