Doing everything we can to make you a better motion graphic designer.

Archive for the ‘Articles’ Category

« Older Entries |

How to be a Motion Designer and get paid

Wednesday, November 11th, 2009

Category: Articles, Web links

Nick Campbell from Greyscale Gorilla made a great presentation at MGFest titled “How to be a Motion Designer and get paid“. He covers such topics as:

  • What classes should I take?
  • How do I market myself?
  • I’m about to graduate. How do I get my first job?
  • Do I need school?
  • I’m the best at my job… Now what?
  • How do I learn the skills necessary to become an artist?

How to Be A Motion Designer and GET PAID from Nick Campbell on Vimeo.



Digieffects Camera Mapper

Wednesday, September 30th, 2009

Category: Articles

I used this new plug-in called Digieffects Camera Mapper on my latest motion graphics project. “The Camera Mapper plugin allows you to isolate one or several objects in your footage, project these objects on a separate layer and pull that layer out of the background, creating the visual illusion of the object floating in front of the original footage.”

Key Features:

  • Realistically create the illusion that a still image is fully dimensional moving footage.
  • Subtly change the perspective of a shot, or animate it over time.
  • Can be combined with 3D tracking to add or alter elements in a scene.
  • Now you can step back in time and get another chance to move the camera.
  • Allows you to stay in After Effects when working with fully dimensional models

I know it sounds complicated, but once you check out this tutorial it should become straight forward.  If you have any questions please leave a comment below.



Shadowbox.js Flash media and Google Analytics

Wednesday, July 8th, 2009

Category: Articles

One breakthrough that I made when developing my new website was the ability to track when Shadowbox.js was initiated to view an FLV file. Traditionally the standalone JW FLV Media Player that Shadowbox.js utilizes can call the flashvar “callback” with the value “analytics”. Unfortunately it looks like this flashvar is no longer supported and if it was it would not work because Shadowbox.js uses AJAX to load its player and content.

The premise of the solution comes from Google’s Analytics Help article: How do I track files (such as PDF, AVI, or WMV) that are downloaded from my site? The solution is to place a piece of JavaScript code within the HTML link’s <a> tag. Here is an example that relates to calling Shadowbox.js content from a website:

<a href="myvideo.mp4" rel="shadowbox;width=640;height=480;" onclick="javascript: pageTracker._trackPageview('/videos/myvideo');">Click here to play my video</a>

Here is the breakdown of what is happening: the video myvideo.mp4 is being called to play in my Shadowbox player at a resolution of 640×480. An onclick JavaScript is also being called at the same time telling Google Analytics to track the page view for the category “videos” for the item “myvideo”. The category does not have to be named “videos” however you will want to choose a name that helps keep things organized because this is what will come up in your Google Analytics Top Content Report.

One last note is that you need to place your Google Analytics Tracking code at the top of your page within your <body> tag and not at the bottom. This is necessary because the tracking code needs to be initiated before the onclick Javascript links can work.

Written by Jeff McIntosh



Demystifying After Effects Render Settings

Tuesday, May 26th, 2009

Category: Articles

A lot of new After Effects users and sadly even seasoned users get hung up when it comes to rendering their videos. The most common mistake that I have seen people make when rendering their videos is choosing the “Animation” compression type when outputting a QuickTime video file. This results in ridiculously huge file with an unnecessary level of detail. This blunder is soon followed by another when the inexperienced user tries their hand at the AVI output setting. More frustration overcomes the user when they experience a tremendous loss to the level of quality in their video, long render times and large files. When it comes to rendering videos for the playback or further video editing leave the “Animation” and “AVI” outputs to the pros.

Rendering High Quality Video for Further Encoding

The Quick-Time “Photo – JPG” compression type is what you should be using if you are archiving source files from AE, rendering video to import into your video editor or rendering video to later encode into video playback format like WMV, MP4 or MPEG. “Photo – JPG” compression can create relatively small video files without sacrificing much of the the quality of the video. That is why “Photo – JPG” is the compression type of chose when it comes to stock video clips bought over the web. The quality is superb and the file size is manageable.

Two things you should keep in mind when it comes to the settings for these two compression types. One is compressor depth and the other is compressor quality. The depth is the bit-depth of color. For “Photo – JPG” you want to keep this on Color. Compressor quality is something to be noted when using “Photo – JPG” because it determines overall compression quality. It is a good practice to keep this marker somewhere on “High” (If you choose “Best” you are going to be left with a very large file.)

Rendering High Quality Video for Easy Distribution and Playback

It is common to render a video straight from After Effects into a playable file that is good for the web or universal distribution. On a Windows machine or on a Mac equipped with Flip4Mac, Window Media Video (WMV) is a good choice if the viewers will be Windows based. A general set of WMV export settings are as follows: WMV Standard, One pass, constant bit rate (CBR), Quality of 80 and a Bit rate of 2000 Kbps  SD, 3000 Kbps for WS-SD and 5000 Kbps for 720p.

Another common form of distribution is the Flash Video (FLV) file format. A general set of export settings for this file format are as follows: Max data rate 650-2000 Kbps, On2 VP6 video codec (Sorenson Spark is a less desirable alternative) and a frame rate “Same as Source”.

Lastly one of my favorite formats to render video in is xH.264. This produces a very high quality video that that is small in file size. At times this can be a very complex format to use because of all the setting variations, so stick with the factory presets if you are unsure. Here are some general settings I like to use: NTSC, CBR of 2Mbps, Progressive field order, square pixels and “main” profile with a level of 3.0.

Written by Jeff McIntosh



Becoming A Freelance Motion Graphic Designer

Wednesday, February 25th, 2009

Category: Articles

Harry J Frank from Graymachine.com wrote an insightful article titled “Becoming A Freelance Motion Graphic Designer“. It covers such topics as:

  • Visualize Your Competition, and Strive to Be Better
  • There’s Always Going to be Someone Better Than You
  • Know How to Drum Up Work
  • Be Ready for Any Opportunity
  • Know When to Make the Switch
  • It’s All About the Reel


5 Sites for Royalty Free Music

Tuesday, October 21st, 2008

Category: Articles

1. Stockmusic.net
A great stock music site with some nice features like “find more like this” links, embedded flash music preview players, and one click download available demos. Tracks sell for $29.95.

2. Revostock
A growing collection of stock music and sound effects. The site offers rollover music previews, extended license options and in depth file specifications. Tracks sell for $10-40 depending on the licensing agreement you choose.

3. Narrator Tracks
A nicely composed collection of stock music in a user friendly format with well written descriptions. Tracks sell for $34.95.

4. The Music Bakery
A well categorized collection of stock music and effects available in different audio formats and lengths. The tracks sell for $34-47.

5. The Beat Suite
An expanding site of music beats that are well categorized and easy to preview with embedded flash players. The tracks sell for $20-60.

Written by Jeff McIntosh



9 Places for After Effects Tutorials

Monday, October 13th, 2008

Category: Articles

1. Ayato@web
Ayato Fujii from Japan is the producer of this fantastic resource and has provided over 50 exceptional After Effects tutorials with step-by-step instruction, screen shots and video previews. A moderate understanding of After Effects is required to complete these tutorials and many of them require third party plug-ins from Trapcode and Red Giant Software.

2. VideoCopilot
Andrew Kramer from the USA is the producer and host of over 70 After Effects all screen-casted for easy reference. Andrew has kindly included the sources files for most of the tutorials however some of them require third party plug-ins or rely on other visual effects software.

3. Layers
The fine people at the Adobe Layers magazine have been posting an assortment of After Effects tutorials and have a collection of about 30 now. The tutorials come as either screen-casts or written documents and will inspire both the begginner and intermediate. Tutorials for CS4 are becoming more prominent on the site and of course the integration of Illustrator and Photoshop are showcased as well.

4. Pixel2Life
This is a portal for an assortment of different tutorials provided by many different designers. The site boasts around 100 tutorials ranging from animation, text effects, video correction and audio. With so much to choose from it is a good starting place for anyone looking for tutorials.

5. CGArena
Despite only having 9 tutorials, CGArena is a diamond in the ruff. It holds many interesting tutorials created by different designers in screen-cast and written form. Some even include the source files so check it out and you might find something you like.

6. Graymachine
Harry J Frank is a After Effects and scripting wizard and has provided almost 2 dozen tutorials that look at the finer details of the program and the third party plug-ins we know and love.

7. Rhys Works
Rhys Enniks is an up and coming designer from the UK who is producing some one of a kind After Effects tutorials. His collection consists of a dozen or so screen-casts and most them rely heavily on the Trapcode Particular plug-in. His tutorilas are getting literally tens of thousands of hits and his site is defiantly worth the click.

8. Designer Today
This is my second least favorite site out of the collection because it lacks thumbnails showing the effect making the site very difficult to navigate. Its collection of over 150 tutorials seems impressive, but once you drill down inside of them you start to realize that a lot of them are outdated. Learn at your own risk.

9. Creative COW
My least favorite place for After Effects tutorials is Creative COW. Its endless pages with poorly designed thumbnails, oddly shaped advertisements, unnecessary text, red coloured headings and blue coloured links make me run for the hills whenever looking for a specific tutorial.

Written by Jeff McIntosh



The Video Stock Battle

Friday, October 3rd, 2008

Category: Articles

As a video stock contributor and buyer I tend to lurk around a number of different sites to see which one has the perfect video at the perfect price. The three sites I use are iStockphoto.com, Revostock.com and Pond5.com. I know for myself I contribute the same content on all three sites. However many people don’t realize this but the content is not priced the same. Take for example one of my most popular downloaded files the “Old Fashioned Leader”. On iStock this full resolution video sells for $63.20 (40 credits), on Revostock it sells for $25 (25 credits) and on Pond5 it sells for $20. What is even more interesting is how little I make from iStock than Pond5 or Revostock. The most iStock has ever paid me for a single download of this file is $8.80. Istock is only paying me 7.1% of the sale whereas Revostock is paying out 45% and Pond5 50%.

Is there an effective way in searching all the sites to make sure you cannot get the same clip somewhere else cheaper? I wish there was! I make it easy for the savvy consumer because I have used the same user name on all three sites “shiftback”. However it is not always that easy. For example I found this HD clip on Pond5 selling for $25 and a similar SD clip (actually not as nice) selling on iStock for $63.20. I wonder if there is a lot more overlap than I think?

I hope to have more information on this atrocity later and if you have any insights to share please do so.



Choosing the Perfect Computer

Saturday, September 20th, 2008

Category: Articles

It is very important to have a well tuned computer when working with high end motion graphics and video production work. Every part of your setup needs to be configured to provide maximum speed and power. I currently run a Mac Pro workstation and I have done what I can to increase performance.

Fast Processors and Lots of Cores
Computers today come with fast processors and multiple cores. When looking for a workhorse of a station it is best to find one with a fast processor and lots of cores. Currently Intel Xeon processors are rated to be very fast and an eight core processor is ahead of its game.

RAM
If you have a lot of cores, you will need a lot of RAM. After Effects can render files quickly by utilizing each core in your computer, however each core needs a minimum of 500MB of RAM to complete its job successfully. For example if you have a eight core machine you would need 4GB of RAM just for multi-processor rendering, plus more RAM for the OS and applications running.

Graphics Card
You want a graphics card that is fast, powerful and with a lot of memory. I think it is standard to find cards with 512MB of on-board memory. After Effects uses OpenGL for faster screen render times so make sure your card is supported by Adobe to make the most out of your system. Here is the compatibility chart.

Hard Drives
As for hard drives this can be very important because they are usually the slowest component of your work-flow. When rendering AE is reading and writing from your hard drives. This is why I like to keep one for reading (source drive) and one for writing (render drive). Currently I am using one fast Raptor drive for my OS and programs, one fast Raptor drive for my renders, one standard drive for personal files, one RAID 0 for my digital assets.

Operating System
Mac OS X is a great operating system and works well with the Adobe Production Suite. If you are working on a PC you might want to keep your workstation from being connected directly to the Internet. From my experience little peices of software from the Internet tend to get hijack your OS no matter how careful you are. The safest way to go would be to not have your computer exposed online at all.

Written by Jeff McIntosh



6 Tools of My Success

Thursday, September 18th, 2008

Category: Articles

1. VoIP Communications Service
I run most of my telecommunications through my cellphone because I am always on the run and I need to keep my contacts mobile. Overtime I was finding that I was spending a lot of money on daytime minutes and long distance calls. It also does not help that I live in Canada and the rates here are very high. A colleague of mine introduced me to a VoIP service that gives you calling to anywhere in North America for only a penny or two a minute. The great thing about it is that you can use your existing landline or cellphone to take advantage of this service. The company is Link2Voip and what happens is you phone a local number, it comes back to you as a busy signal and you hang up. A few seconds later your phone rings and you are given a dial tone to make your call. When parried with an unlimited incoming call cellphone plan you are unstoppable! This has saved me a ton of money and I have told many people about this service.

2. Blackberry Curve
The cellphone I had been using for the last couple of years was not ideal for business in the least. It had no Internet access and its text messaging capabilities were minimal. I had waited and waited for the iPhone to make its way up to Canada, but I could not wait any longer. Before the dawn of the 3G iPhone hitting the stream I thought more about what I needed a phone for and I soon realized the iPhone was not going to suit me well. I needed a phone that I could text, email and phone people quickly and easily whether I was running from one appointment to another, driving in my car or at my desk with a headset on. I wanted a phone with immediate response and the Blackberry Curve has been my lifesaver time and time again. For anyone who is looking for a professional communications device, look no further than Rim’s Blackberry lineup.

3. Switching To A Mac Pro Workstation
As a motion graphic designer who works with high definition video production and effects, having a Mac was a no brainer. I needed a system that could perform under the most demanding conditions. OS X is a rock solid operating system and it runs all my professional programs with ease. Other Apple honorable mentions include the Mail, Dashboard, and the Finder.

4. Website Presence
The only “face” I have is my website and it is the first thing most of my potential client sees. When it comes to the design industry, looks are everything. The more proficient and professional your website looks the easier the sale. Clients don’t have time to sort through oddly designed pages, artistic fluff and poorly designed navigation. You want your site to be clean, clear and concise. No extras. No gadgets. No gizmos. You would not show up to a job interview with your kids, a baseball hat collection or video files that did not work! So why would your website be any different? Well constructed websites have given me an advantage over my competitors and has made me stand out in the industry.

5. Google AdSense
I never thought search engine advertising would be so simple, inexpensive and profitable until I tried it. Google is a master at selling ad space and I need to give them mad props for driving new clients to my site. I spend about $30 a month on this service and I only pay when someone visits my site.

6. Craigslist
Craigslist is my secret ninja for finding new work. I snoop through a couple of different job categories and I find amazing opportunities for motion graphics work. Try lurking around from time to time yourself and I am sure you will find something useful.

Written by Jeff McIntosh