Around a year ago I published a Gotta Play article about PixelJunk Eden. It is a game that provided me with incredible amount of inspiration in my work, as well as hours of fun in my free time. A brainchild of Japan-based independent studio Q-Games and art director/DJ/multimedia artist Baiyon, Eden features possibly the most contemporary design I have ever seen in a video game.

Until yesterday, the game was exclusive to the PS3 platform, but now is available for all PC users through Steam. As a designer you owe it to yourself to check it out!

Check out and purchase Eden on Steam:
http://store.steampowered.com/app/105800/

Read my review of PixelJunk Eden here:
http://qubahq.com/2010/02/gotta-play-pixeljunk-eden/

For the first week, the game is offered at a 20% discount, bringing it to ridiculously low price of $7.99. You can also purchase the soundtrack. It’s well worth it.

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.

Hello everyone! Just another update on the state of things regarding new QubaHQ tutorials. As you can guess I have good news and bad news for you (and double good news for myself). Let’s start with the good ones.

New tutorials are on the way. This weekend I am planning to release a new text animator based preset, once again using After Effects’ built-in tools in an unexpected way. Originally I planned to release this preset as a part of larger, paid content, but after careful deliberation decided to throw you all another cool freebie. Follow my twitter for the updates on recording and release. Hopefully this time Camtasia will behave better than on the last recording session.

Now for the bad good other news: I have decided to stop including project files with my tutorials. There are multiple reasons for this decision, so let me just list a few.

Primum non nocere
This Latin phrase, meaning First do no harm is typically associated with medical practice, but I believe, should apply to the teachers, instructors, tutorial makers and all other manner of people sharing their knowledge. Recently I have been doing some research, trying to figure out how many people actually use the techniques I show in my tutorials and I was shocked to discover how many of my viewers don’t bother to take the projects even a step further. Most of them simply load up the supplied project file, change the text (some even don’t), render it out and proudly publish it to the world without a mention of where the content comes from.

The straw that broke the proverbial camel’s back came from a certain individual applying for a job in my studio with a portfolio containing rendered versions of project files from my tutorials (no credit given, of course).

My main goal with the QubaHQ tutorials is to encourage the learning process – to show new, cool and sometimes unexpected ways of using classic tools and drive the viewers towards their own experimentation. Providing them with ready-and-done project file encourages laziness, plagiarism and relying on one-button solutions. Even if it is just the minority of the viewers following such path – I don’t want to be a part of it. Want cool results – I provide the recipe – do the work yourself.

Money
Recently I have seen other people capitalizing on my work without as much as asking me for permission or crediting me. I have seen scripts based on my free expressions and tutorials sold around the net. I have seen templates built from my free source files (with minor modifications) offered and marketed for money. I guess it is all legal, since I release my stuff under Creative Commons license, but it does not mean it is right.

I fund this site from my own pocket as a purely non-profit venture. The money for hosting and bandwidth comes directly from my day job. Over a course of 1 year, that PayPal “Donate” button on the right has been clicked precisely one time. Thank you to the person who decided to make a donation – I am not sure if you would be comfortable mentioning you by name. The total amount of money that came to me costs the same as one copy of the script based on my stuff and would not be enough for a set of aforementioned templates.

For a while I was toying around with an idea of creating a premium, subscription-based system, where some special tutorials and project files would be only available to the paying customers, but I decided to drop it. As long as I can, I don’t want to treat anyone preferentially on this site. (I am kicking around some ideas for a product though).

Time
Recording a tutorial typically means sacrificing a weekend. Considering the fact that as a director and animator I already have many of my weekends busy with work, it is always a big question – should I take a well-deserved break or should I spend this time producing stuff I give away for free?

For some reason I do have this drive to share cool ideas with the community, so quite often I do opt to stay in and work on a tutorial. Dropping the time required to prepare project files will allow me to spend less time on the process, and perhaps do new content more often. I will also be able to stop using CS3. It has served me well over the years, but I think it is time to let it rest. Working with CS5 and CS5.5 is much faster – so again I will be able to cut few more hours off the process. Don’t worry though – any presets I release will be still compatible with CS3 and up.

Meanwhile… I point to weekend and I point to a new tutorial. That is all.