<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Pixel Art &#187; Motion Graphics</title>
	<atom:link href="http://www.thepixelart.com/category/motion/motion-graphics-motion/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.thepixelart.com</link>
	<description></description>
	<lastBuildDate>Fri, 26 Mar 2010 14:03:59 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>10 Best Software for Visual Performance Artist</title>
		<link>http://www.thepixelart.com/best-software-for-visual-performance-artist/</link>
		<comments>http://www.thepixelart.com/best-software-for-visual-performance-artist/#comments</comments>
		<pubDate>Mon, 14 Dec 2009 14:45:13 +0000</pubDate>
		<dc:creator>Editorial Team</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Motion]]></category>
		<category><![CDATA[Motion Graphics]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[access]]></category>
		<category><![CDATA[advantage]]></category>
		<category><![CDATA[ArkaOS]]></category>
		<category><![CDATA[ATI]]></category>
		<category><![CDATA[Automated]]></category>
		<category><![CDATA[Avenue]]></category>
		<category><![CDATA[Channel]]></category>
		<category><![CDATA[Composer]]></category>
		<category><![CDATA[control]]></category>
		<category><![CDATA[CPU]]></category>
		<category><![CDATA[Creation]]></category>
		<category><![CDATA[discount]]></category>
		<category><![CDATA[download]]></category>
		<category><![CDATA[engine]]></category>
		<category><![CDATA[fall]]></category>
		<category><![CDATA[feel]]></category>
		<category><![CDATA[flexibility]]></category>
		<category><![CDATA[FreeFrame]]></category>
		<category><![CDATA[GeForce]]></category>
		<category><![CDATA[Grand]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[input]]></category>
		<category><![CDATA[Intel]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[LFO]]></category>
		<category><![CDATA[license]]></category>
		<category><![CDATA[Live]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[Mac OS]]></category>
		<category><![CDATA[Mac OSX]]></category>
		<category><![CDATA[Mac-only VJ]]></category>
		<category><![CDATA[manipulation]]></category>
		<category><![CDATA[MIDI]]></category>
		<category><![CDATA[Mixing]]></category>
		<category><![CDATA[Modul]]></category>
		<category><![CDATA[need]]></category>
		<category><![CDATA[NVIDIA]]></category>
		<category><![CDATA[output]]></category>
		<category><![CDATA[price]]></category>
		<category><![CDATA[publisher]]></category>
		<category><![CDATA[Quartz]]></category>
		<category><![CDATA[QuickTime]]></category>
		<category><![CDATA[Radeon]]></category>
		<category><![CDATA[RAM]]></category>
		<category><![CDATA[regard]]></category>
		<category><![CDATA[Resolume]]></category>
		<category><![CDATA[runtime]]></category>
		<category><![CDATA[Screen]]></category>
		<category><![CDATA[setup]]></category>
		<category><![CDATA[shipping]]></category>
		<category><![CDATA[SMS]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[solution]]></category>
		<category><![CDATA[studio]]></category>
		<category><![CDATA[support]]></category>
		<category><![CDATA[Text]]></category>
		<category><![CDATA[trial]]></category>
		<category><![CDATA[VDMX]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[vj]]></category>
		<category><![CDATA[VJamm]]></category>
		<category><![CDATA[VRAM]]></category>
		<category><![CDATA[VVVV]]></category>

		<guid isPermaLink="false">http://www.thepixelart.com/?p=386</guid>
		<description><![CDATA[The task of selecting software for live audio-visual performances can become overwhelming, given the wide variety of solutions that are available. So read on here to get the taste of some of the best VJ software that is available in the market today, including free ones right at the end. ]]></description>
			<content:encoded><![CDATA[<p><img src='http://www.thepixelart.com/wp-content/plugins/simple-post-thumbnails/timthumb.php?src=/wp-content/thumbnails/386.jpg&amp;w=132&amp;h=132&amp;zc=1&amp;ft=jpg' alt='post thumbnail' /></p>
<p>The task of selecting software for live audio-visual performances can become overwhelming, given the wide variety of solutions that are available. As is true of choosing anything, you need to understand what you need. You then take a look at what is available. Once again as with most other products, there are features offered that you may not comprehend completely. Your selection depends on your own skills and experience in the profession too. This can be especially tough for someone who is just starting out in this domain, or trying to get things done in such software for the first time, because you may not even be sure of what you need exactly. A good starting point is to take a look at what is available. And hence what are presented here are the best ones according to the professionals. So read on here to get the taste of some of the <strong>best VJ software</strong> that is available in the market today, including free ones right at the end. </p>
<p><span id="more-386"></span></p>
<h3>VJamm</h3>
<p> <a href="http://www.vjamm.com/"><img src="http://www.thepixelart.com/images/vjsoftware/VJamm.jpg" alt="VJamm" width="550" height="308" border="0" /></a></p>
<p>
 <a href="http://www.vjamm.com/">VJamm</a> made by Camart Ltd., described by the software publisher as a “piano for sound and vision.” It comes in two primary variants, VJamm (£50) and the VJamm Pro (£299). The professional version carry a number of advanced features, including support for higher resolution clips &#8211; 2048&#215;2048, (while VJamm supports only up to 720&#215;576), support for more file types (“.mov”, “.swf”, “.3ds”), better media import methods (Live Text creation and SMS to screen) and the ability to record a particular composition for later use. The Pro edition also allows the purchaser access to VJamm’s development program, which in turn is one of the reasons why the latest versions have a lot of intuitive features – driven by inputs from VJ’s who have used VJamm in the field. </p>
<p>
 Providing a comprehensive audio-visual solution, VJamm is reputed among VJ’s as having one of the most accurate time-bases which make it highly suitable for professional presentations – clip stretching and other clip calisthenics. Other attractive features include a responsive cross-fade module, a range of on-the-fly clip controls (like soft edge luma key, opacity, etc.), support for up to 16 layers of video with individual controls for each, and more. </p>
<p>
 There are add-ons that can be downloaded such as VJamm Blueprint which is an intuitive tool for creating attractive visual improvisations on-the-fly. The great thing about the add-ons is that you don’t have to purchase them – they are available for free to download, and will work as long as you use the registration key that is provided during purchase of VJamm/Pro – the publisher’s promise “you pay only once.” </p>
<p>
 But VJamm is for Windows PCs only. Minimum requirements: 1GHz CPU, 256 MB RAM, Windows XP with an Open GL graphics card. Free <a href="http://www.vjamm.com/download/VJammDownload.php?url=vjammlatestdemo.exe">demo</a> version is also available.</p>
<h3>AVmixer Pro</h3>
<p> <a href="http://www.neuromixer.com/product-avmixer.php"><img src="http://www.thepixelart.com/images/vjsoftware/AVmixer.jpg" alt="AVmixer Pro" width="550" height="308" border="0" /></a></p>
<p>
 A good choice for starters, Neuromixer’s <a href="http://www.neuromixer.com/product-avmixer.php">AVmixer Pro</a> fits somewhere midway between VJamm and VJamm Pro. Although it does not have the support for as many live external video streams, it does come with a fairly complete set of features and so is an ideal solution for a beginning to intermediate level VJ. At $89, it is much cheaper than the VJamm Pro, and certainly a better buy than the VJamm. And unlike VJamm it is also available for Mac OS X.</p>
<p>
 The interface is attractive as well as intuitive. You can view the layers side by side for individual manipulation, and most of the functions, including a playback speed slider (range from 8% to 800%). With a little tinkering and some practice, you’ll very quickly find yourself sub-consciously rolling the mouse-over to the right place at the right time. It has a pretty standard list of advanced features including support for all major file types, MIDI support, support for FreeFrame effects and A/V mixing. The internal sequencer and the ability to assign specific audio channels to specific effects or to blends, makes it somewhat better VJamm. </p>
<p>
 As mentioned above, for Windows and Mac OSX users. Requires 512 MB RAM and QuickTime software installed prior to AVmixer Pro installation. Don’t forget to take advantage of the 30-day <a href="http://www.neuromixer.com/download.php">trial</a>.</p>
<h3>
 Resolume</h3>
<p> <a href="http://www.resolume.com/"><img src="http://www.thepixelart.com/images/vjsoftware/Resolume.jpg" alt="" width="550" height="308" border="0" /></a></p>
<p>
 For Mac as well as PC users, <a href="http://www.resolume.com/">Resolume Avenue 3</a> is a great software for VJ`s, supporting up to 3 video layers. If you know to use Adobe Flash or use Flash for creating visuals then Resolume’s is for you. It can play Flash animations including AS2 and AS3 scripting. And when it comes to scripting you know how powerful it can be. It is probably a bit over-priced (€ 299.00) when compared to the VJamm Pro. But has the support for over a many external video streams and has relatively simplest user interface – overall it has a less cluttered feel. If you like to work on fewer layers, but would like far more video streams then this can be a good choice. Another important feature of this software is video mapping. If you have worked with much code based real-time graphics processing application like VVVV then you will know how hard it is to map a video on any physical object. But when it comes to Resolume with few clicks you can map the video onto any object or surface. Not only that you can even project on multiple surfaces or objects.</p>
<p>
 Although it does not have an SMS-to-Screen feature or an internal sequencer, it still comes with the ability to assign Audio input channels to effects and blends, as well as advanced LFO features – in addition to the standard LFO syncs to Audio/BPM (which available with VJamm Pro and AVmixer Pro), there is the ability to manually adjust the LFO wave and LFO assignment to mixing channels/effects. </p>
<p>
 You can watch the Resolume introduction video from Bill Holland at <a href="http://www.gearwire.com/resolume-intro.html">Gearwire</a>. This software is available as a trial <a href="http://www.resolume.com/download/">download</a> as well as a 50% discount for an <a href="http://www.resolume.com/shop/educational.php">educational license</a>. It requires at least 1GB of RAM with ATI Radeon 9600 or better OR NVIDIA GeForce FX 5200 or better.</p>
<h3>
 ArkaOS Grand VJ</h3>
<p><a href="http://www.arkaos.net/product/index.php?catid=1&amp;pid=1001&amp;iid=42"><img src="http://www.thepixelart.com/images/vjsoftware/ArkaOS.jpg" alt="ArkaOS Grand VJ" width="550" height="308" border="0" /></a></p>
<p>
 With an 8 Channel solution, <a href="http://www.arkaos.net/product/index.php?catid=1&amp;pid=1001&amp;iid=42">ArkaOS Grand VJ</a> (priced at €279) is comparable to the other heavyweights we have seen. So it is midway in terms of layering and video mixing capabilities. It does support most of the Automated Mixing and LFO capabilities, in a way similar to Resolume’s Avenue. Thus it clearly has the advantage over VJamm Pro in this regard, but falls behind in the numbers of layers (8 vs. 16). Whereas its advantage over Avenue is in these very layers (8 vs. 3) it does fall behind in the ability to support external video streams or clips (8 vs. over a hundred). So it really may boil down to your need for the additional layers at a slightly lower price. </p>
<p>
 Otherwise the feature-set is pretty standard and comparable to the other options: FreeFrame effects, MIDI support, and supports both Live Text Creation and SMS to Screen; like VJamm Pro you can save your compositions/performances. </p>
<p>
 <a href="http://www.arkaos.net/product/index.php?catid=1&amp;pid=1001&amp;type=download">Download</a> and give it a try, but seriously consider paying the shipping for the boxed version because it comes with a 2.8GB DVD of clips from various <a href="http://www.arkaos.net/highlights/detail.php?id=37">VJ artists</a>. 1 GB RAM recommended, XP/Mac OSX 10.4 or higher, NVIDIA GeForce FX 5200/ATI Radeon 9200/Intel GMA 950 or higher, and Quicktime+Flashplayer pre-installed.</p>
<h3>
 VDMX</h3>
<p> <a href="http://www.vidvox.net/"><img src="http://www.thepixelart.com/images/vjsoftware/vdmx.jpg" alt="VDMX" width="550" height="307" border="0" /></a></p>
<p>
 One of the most popular VJ software for the Mac platform is <a href="http://www.vidvox.net/">VDMX</a>. Able to any number of input clips and up to 4 external video input sources, the VDMX comes fully-loaded with all the bells and whistles that are customarily expected from a professional VJ package. What makes VDMX stand out though is its insistence on a real-time paradigm, that grants access at runtime to advanced video/graphics manipulation functions. This access is provided by the user interface that displays the relevant graphs on the main screen itself – changing parameters can be done quickly on-the-fly and it’s as easy as adjusting the graphs with the mouse (which in turn will affect the internal engine; the rendering engine runs at runtime). This allows you the flexibility of trying out things spontaneously and be brilliantly creative. As the publisher’s point out “VDMX’s workflow is designed to let you treat your studio like an instrument.” </p>
<p>
 Indeed the interface, with its signal processing/video manipulation functions does give it a studio feel. The right half of the interface is completely dedicate to such “studio” functions. VDMX replaces the basic timeline paradigm that is so standard in VJ software today with their innovative take on the real-time studio feel. However, and it must be said, for the non-professional the interface can be a little over-whelming; and even for the professional there is a little bit of a cluttered feel (make sure you have a fairly large screen to make it easier for yourself) and it can take a while to get used to the new paradigm. </p>
<p>
 Another important feature of VDMX and advantage being a Mac OS X application is that it can import Quartz Composer Composition and control it in real-time using VDMX controls. It also can use Quartz Composer Patches as plug-ins. And when it comes to Quartz Composer, you how innovative and creative it can be. </p>
<p>
 At $300 it is a better deal than some of the software we have already discussed, and it has a variety of add-ons for streamlining the interface and the rendering pipeline. You can save a particular setup (i.e. interface &amp; rendering-pipeline combination) and load whichever setup is most desirable for your current activity.</p>
<p>The <a href="http://www.vidvox.net/download/vdmx5.php">trial</a> version only has saving disabled. Requires 1GHz or better CPU, Mac OSX 10.5.0/QuickTime 7.0.4 up, 512 MB RAM, and PCI Express or Intel Graphics Processor with at least 64 MB VRAM and OpenGL. </p>
</p>
<h3>
 Modul8</h3>
<p> <a href="http://www.modul8.ch/"><img src="http://www.thepixelart.com/images/vjsoftware/Modul8.jpg" alt="Modul8" width="550" height="308" border="0" /></a></p>
<p>
 Another fairly popular Mac-only VJ solution is <a href="http://www.modul8.ch/">Modul8</a>. Although priced in the same range as some of the software we have discussed here (@ €299; <a href="http://www.modul8.ch/index.php?c=buy&amp;p=infoedu">educational</a> version @ €199), it does give you two licenses – possibly the freedom to maintain a Desktop and Laptop version at the same time. The interface does a lot by way of access to necessary functions and somehow feels a little bit better than a lot of competitors. This is partly because of the large preview screen as well as a fairly big (but not overwhelming) set of controls along the large left-pane. </p>
<p>
 Support for 10-layer video results in a rich composite output stream. Naturally each layer can be adjusted individually and in real-time, including the filters. And the rendering engine is optimized to run fairly fast – once again providing you with a flexibility that will enhance your creativity. Most features are pretty standard or are available as <a href="http://www.modul8.ch/index.php?c=newen&amp;p=newen8">add-ons</a>, such as sequencing and SMS-to-screen, the only thing that is lacking is the output options – For example there is no support DV/DMX output. Once you spend a little time bringing up the software up to your needs, you can be on your way. During that initial phase of discovery, another key thing is making the controls more flexible. Here, Modul8 easily outdoes everyone else, associating a keyboard stroke to a certain control is as easy as selecting the control (clicking) simultaneously with the desired key. In just a few minutes (or seconds, if you are one of those key-whizzes and know exactly what combinations will work for you) you can have an easy control set exactly customized to your needs. </p>
<p>
 The latest version if 2.6 and it comes with full FreeFrame and MIDI support (in fact MIDI signals can be configured to control the interface in a way similar to key-strokes) as well as for CoreImage filters; requires a 1GHz CPU, with Mac OSX 10.4.8/QuickTime 7.3.1 or higher, 1 GB RAM and AGP/PCI-Express Graphics with 64 MB VRAM; and the demo version is available <a href="http://www.garagecube.com/download/Modul8Demo.zip">here</a>.</p>
<h3>VVVV</h3>
<p><a href="http://vvvv.org"><img src="http://www.thepixelart.com/images/vjsoftware/vvvv.jpg" width="550" height="307" /></a></p>
<p>A PC-based tool, <a href="http://vvvv.org">VVVV</a> is described by publisher as a “toolkit for real time video synthesis.” One of its most important features is its ability to simultaneously handle/manipulate a large number of objects. They call this feature spreading, i.e. spreading different parameter values across the large set of objects. This makes it easy for someone looking to use a large number of objects at the same time, and make behave in a certain way in real-time. VJs will appreciate the feeling of power that will inevitably strike them when they use “spreading.”</p>
<p>However, if you are a not so techie person, at first glance at the sheer number of options can overwhelm you. This is not to say that this is a big negative – the available functionality is certainly one of the things going for VVVV; but because of this large set of functions some time should have been spent improving interface design. </p>
<p>Professional VJs who like to tinker with every aspect of their A/V presentation will of course get over the interface hitches, and will love the Visual Programming Interface offered by VVVV, and the best thing is that prototyping and development takes place at runtime/real-time unlike other software that may implement these as separate modes or cycles. It is a great tool for 2D &amp; 3D modeling and much more than VJ software, it is actually even a shoo-in for scientific applications. This makes it well-worth the €500 price tag, and best of all, VVVV is free for non-commercial use. </p>
<p>VVVV will handle as many as channels, layers and effects as your hardware can support, thus not applying any limitation of its own. While there is standard MIDI &amp; FreeFrame support, VVVV does not have support for automated mixing.</p>
<h3>MXWendler</h3>
<p><a href="http://www.mxwendler.net"><img src="http://www.thepixelart.com/images/vjsoftware/mxwendler.jpg" width="550" height="308" alt="MXWendler" /></a></p>
<p>Device+Context, the publishers, intend to offer <a href="http://www.mxwendler.net">MXWendler</a> as a comprehensive solution for anyone looking for powerful A/V rendering and manipulation services. This naturally includes corporations in addition to artists. Apart from Stage Designer which is MXWendler’s software piece, the publishers also offer <a href="http://www.mxwendler.net/Mediaserver-Hardware.75.0.html">FXServer</a> which is optimized to work well with the software. The hardware and software are pricey (hardware available at a €350 rental basis and an unquoted buying price; software is in excess of €850) and obviously the complete solution is not meant for a normal VJ. For the VJ there is the option of licensing the software on a monthly basis (@ 10% of list price) or take advantage of a 20% discount (only if you make less than 25000 €/year) to buy a Stage Designer Entropy Pack (3 options included; €850) or Stage Designer Eventdriver Pack (all options included; €2450). Go <a href="http://www.mxwendler.net/Buying-and-Renting-MXWendler.71.0.html">here</a> for more pricing information.</p>
<p> MXWendler supports 10 layer video editing, 4 external video streams, with a maximum of 24 clips loadable simultaneously: each individually controllable. Its sleek interface makes it a joy to work with, and there is never any sense of clutter or incomprehension while working with it. Most features that come in other packages are standard on MXWendler and this is not surprising given how expensive it is (exceptions: no automated mixing, no SMS-to-Screen, no DV output, and most importantly NO FREEFRAME SUPPORT). The design philosophy is similar to VVVV, with a single real-time system and an output correction engine ensures that real-time multi-screen output is seamlessly achieved. You can view “<a href="http://vimeo.com/5595869">555 KUBIK</a>” installation to get a glimpse of its power.</p>
<p>The software is optimized for NVIDIA graphics cards (ATI is also supported). It works with 1 GB RAM (4GB recommended), 512 MB VRAM, and Mac OS X 10.4/Windows XP or later. There is no trial version. </p>
<h3><strong>Salvation</strong></h3>
<p><a href="http://www.harrisondigitalmedia.com"><img src="http://www.thepixelart.com/images/vjsoftware/Salvation.jpg" width="550" height="308" /></a></p>
<p>Harrison Digital Media’s <a href="http://www.harrisondigitalmedia.com">Salvation</a> is a Mac and PC based video processing and visual programming tool. It allows you to mix and manipulate as many video layers and effect as your hardware will allow. It comes with a GLSL pixel programming interface that can be used to create a host of unique effects – along with the multiple layers and individual manipulation of each, this promises practically limitless creativity on the part of the VJ. However, strangely, the output capabilities of that VJ will be somewhat limited because Salvation neither comes with DV output nor DMX. This is a severe limitation for software priced at $500.</p>
<p>The multiple windowing approach to the user interface, in turn, makes the software little confusing and cumbersome to use. But simplicity lies in its visual programming environment. Everything else is what you would expect from a professional software in this price bracket – FreeFrame &amp; MIDI support, full LFO and automated mixing options, and SMS-to-Screen+Live-Text-Creation, among others.</p>
<p> <P>They also have a video mixer called Salvation MX and it has 2 video channels (A and B; each can be manipulated) with the output being a composite. Salvation MX is available for an additional $49.99.</p>
<p>Salvation requires a 1GHz CPU, 256 MB RAM, OpenGL 2.0 Graphics card, and at least Windows XP. Trial version is available for 60 days. </p>
<h3>Aestesis Electronika</h3>
<p><a href="http://aestesis.eu/"><img src="http://www.thepixelart.com/images/vjsoftware/elektronika.jpg" alt="Aestesis Electronika" width="550" height="308" border="0" /></a></p>
<p>
 The above mentioned options are great, but there are those of us out there who would just like to be able to do things for fun, as an enthusiast, without shelling out $ (or €). For their consideration there is the free <a href="http://aestesis.eu/">Aestesis Electronika</a> (for PC only) – although not in the big league by any means, it still offers a pretty decent set of features, including FreeFrame &amp; MIDI support, the ability to select from up to 30 clips at a time, along with customization options. A rear view offers up the reverse side of your console/deck and there you can connect a number of A/V virtual wires to get the effects that you desire. If you’re a beginner, start here and work your way up. Check out the basic documentation and tips on the <a href="http://aestesis.net/wiki/index.php?title=Main_Page">wiki</a>. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.thepixelart.com/best-software-for-visual-performance-artist/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create a Rhythmic Seismograph in After Effects</title>
		<link>http://www.thepixelart.com/create-rhythmic-seismograph-after-effects/</link>
		<comments>http://www.thepixelart.com/create-rhythmic-seismograph-after-effects/#comments</comments>
		<pubDate>Sat, 12 Dec 2009 09:59:02 +0000</pubDate>
		<dc:creator>Vailancio Rodrigues</dc:creator>
				<category><![CDATA[Motion]]></category>
		<category><![CDATA[Motion Graphics]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[3d animation & visual effects]]></category>
		<category><![CDATA[3d animation and visual effects]]></category>
		<category><![CDATA[3d animation computer programs]]></category>
		<category><![CDATA[3d animation learning]]></category>
		<category><![CDATA[3d computer animation]]></category>
		<category><![CDATA[3d render]]></category>
		<category><![CDATA[3d rendering]]></category>
		<category><![CDATA[accelerometer seismograph]]></category>
		<category><![CDATA[animator training]]></category>
		<category><![CDATA[cgi computer animation]]></category>
		<category><![CDATA[cgi visual effects]]></category>
		<category><![CDATA[computer animation business]]></category>
		<category><![CDATA[computer animation education]]></category>
		<category><![CDATA[computer animation training]]></category>
		<category><![CDATA[earthquake animation]]></category>
		<category><![CDATA[earthquakes animation]]></category>
		<category><![CDATA[free after effects plugins]]></category>
		<category><![CDATA[john milne seismograph]]></category>
		<category><![CDATA[milne seismograph]]></category>
		<category><![CDATA[nomis seismograph]]></category>
		<category><![CDATA[pendulum seismograph]]></category>
		<category><![CDATA[seismac]]></category>
		<category><![CDATA[seismograph]]></category>
		<category><![CDATA[seismograph earthquake]]></category>
		<category><![CDATA[tsunami animation]]></category>
		<category><![CDATA[visual effects artist]]></category>

		<guid isPermaLink="false">http://www.thepixelart.com/?p=390</guid>
		<description><![CDATA[Using only the tools available in After Effects, you will learn how to create audio reactive seismograph. Also you will learn to sync it to rhythm of music using a free After Effects preset. There are lots of ways to do this, some requiring lot of scripting. This is the one of the easiest way to do it in After Effects without any third-party plug-ins.]]></description>
			<content:encoded><![CDATA[<p><img src='http://www.thepixelart.com/wp-content/plugins/simple-post-thumbnails/timthumb.php?src=/wp-content/thumbnails/390.jpg&amp;w=132&amp;h=132&amp;zc=1&amp;ft=jpg' alt='post thumbnail' /></p>
<p>Using only the tools available in After Effects, you will learn how to create a audio reactive seismograph. Also you will learn to sync  it to rhythm of music using a free After Effects preset. There are lots of ways to do this, some requiring  lot of scripting. This is the one of the easiest way to do it in After Effects  without any third-party plug-ins. But we would like suggest you to use 3D software,  if you have one to do such complex motion graphics. It will give you more  control and you will finish it much faster than creating it in After Effects. But for  now let us start with After Effects.</p>
<p> <span id="more-390"></span><br />
<h3>Preview</h3>
<!-- ProPlayer by Isa Goksu --><div name="mediaspace" id="mediaspace"><div class="pro-player-container" width="500px" height="310px"><div id="pro-player-390pp-single-4c8a6d8e9cd01"></div></div></div><script type="text/javascript" charset="utf-8">var flashvars = {width: "500",height: "310",autostart: "false",repeat: "false",backcolor: "111111",frontcolor: "cccccc",lightcolor: "66cc00",stretching: "fill",enablejs: "true",mute: "false",skin: "http://www.thepixelart.com/wp-content/plugins/proplayer/players/skins/default.swf",plugins: "",javascriptid: "390pp-single-4c8a6d8e9cd01",image: "",file: 'http://www.thepixelart.com/wp-content/plugins/proplayer/playlist-controller.php?pp_playlist_id=390pp-single-4c8a6d8e9cd01&sid=1284140430'};var params = {wmode: "transparent",allowfullscreen: "true",allowscriptaccess: "always",allownetworking: "all"};var attributes = {id: "obj-pro-player-390pp-single-4c8a6d8e9cd01",name: "obj-pro-player-390pp-single-4c8a6d8e9cd01"};swfobject.embedSWF("http://www.thepixelart.com/wp-content/plugins/proplayer/players/player.swf", "pro-player-390pp-single-4c8a6d8e9cd01", "500", "310", "9.0.0", false, flashvars, params, attributes);</script>
<h2>Step 1</h2>
<p>Create a new composition “<strong>Time</strong>” of time equal to your audio track. Create a  new solid and add two slider controls to it. Name the first one “<strong>Time  Multiplier</strong>” and the second “<strong>Output Time</strong>”.</p>
<p><img width=297 height=132 src="http://www.thepixelart.com/images/seismograph/seis-0084.png"></p>
<h2>Step 2</h2>
<p>Add this little expression to the “<strong>Output Time</strong>”. Set the value of  Time Multiplier to 20, only for this tutorial. You can adjust it later  according to your requirement. To get expression input box hold ALT key and  click on the stopwatch icon. You can use pick whip tool instead of typing it.</p>
<p><i>effect(&quot;Time Multiplier&quot;)(&quot;Slider&quot;)*time</i></p>
<p><img width=550 height=145 src="http://www.thepixelart.com/images/seismograph/seis-0085.png"></p>
<h2>Step 3</h2>
<p>Create a new composition with the name “<strong>Paper</strong>” and of size <strong>2000*1000</strong>.  </p>
<p><img width=520 height=469 src="http://www.thepixelart.com/images/seismograph/seis-0087.png"></p>
<h2>Step 4</h2>
<p>Create a white solid “paper” of composition size. Add grid and fractal noise  effect to it. Set the values as shown in the screenshot to give it a look of a  graph paper. Or you can skip this step by using premade paper texture. Using  premade graph paper texture (JPEG, PSD, PNG) you can render it much faster.  Fractal noise effect uses lot of CPU power. And you will be duplicating the  paper layer many times and to render it, will take lot of time. So it’s better  to use premade texture. Just import your image file and add the expression and  that’s it. Only see that edges blend with each other. But the best option would be to use a looped video composition of graph paper moving. </p>
<p><img width=301 height=302 src="http://www.thepixelart.com/images/seismograph/seis-0088.png"></p>
<p><img width=298 height=306 src="http://www.thepixelart.com/images/seismograph/seis-0083.png"></p>
<h2>Step 5</h2>
<p>Create a new camera and place it below the layer. &nbsp;<i>Layer-&gt;New-&gt;Camera</i></p>
<p><img width=550 height=400 src="http://www.thepixelart.com/images/seismograph/seis-0089.png"></p>
<h2>Step 6</h2>
<p>Select the solid layer “paper” and press P to get the position parameters.  Now add this expression to the position. &nbsp;</p>
<p><i>temp = (index-1)*2000;</i></p>
<p><i>value+(0,0,temp)</i></p>
<p><img width=544 height=106 src="http://www.thepixelart.com/images/seismograph/seis-0090.png"></p>
<p>Now every time you duplicate the layer, the next layer will automatically  will be positioned at +2000. 2000 is value of width of this composition.  Thinking why duplicate layer and why not create a layer of size you need. Doing  it this way gives you flexibility. The length of “paper” depends on the speed  at which it is moving and the total time of the audio track. So in case you  replace the audio track, you just need to duplicate the “paper” layer to fill  the blank space. You will understand it more once we animate the camera. Make  sure that the camera layer is placed under the paper layer.</p>
<p><img width=503 height=175 src="http://www.thepixelart.com/images/seismograph/seis-0091.png"></p>
<h2>Step 7</h2>
<p>Select the camera layer and add this expression to the anchor point and  position.</p>
<p><i>x = comp(&quot;Time&quot;).layer(&quot;White Solid  2&quot;).effect(&quot;Output Time&quot;)(&quot;Slider&quot;);</i></p>
<p><i>value+[x, 0,0]</i></p>
<p><img width=550 height=125 src="http://www.thepixelart.com/images/seismograph/seis-0092.png"></p>
<p>Camera will now move from left to right.</p>
<p><img width=541 height=246 src="http://www.thepixelart.com/images/seismograph/seis-0094.png"></p>
<h2>Step 8</h2>
<p>Create a new composition “<strong>Graph</strong>”. Add the audio track to this  composition. You can view the waveform by pressing “LL” on keyboard.  &nbsp;Convert audio to keyframe. This automatically creates a new layer with  keyframes of all the audio channels in it.</p>
<p><img width=520 height=469 src="http://www.thepixelart.com/images/seismograph/seis-0068.png"></p>
<p><img width=550 height=267 src="http://www.thepixelart.com/images/seismograph/seis-0069.png"></p>
<p>Choose “both channels” and add this little expression to slider control. The  values depend upon your audio track. Add this expression to the slider</p>
<p><i>linear(value,5,70,0,150)</i></p>
<p>It will map the values from 5 to 70 to 0 to 150. You can choose the value according  to the amplitude of your audio track. Use graphical keyframe editor to see the  values.</p>
<p><img width=550 height=161 src="http://www.thepixelart.com/images/seismograph/seis-0070.png"></p>
<p><img width=550 height=187 src="http://www.thepixelart.com/images/seismograph/seis-0093.png"></p>
<h2>Step 9</h2>
<p>Create a new solid with name “<strong>Diagram</strong>”. The width of the solid should  be more than or equal to that of x position of camera in the “<strong>paper</strong>”  composition at the last frame. After that adjust the position so that left side  of the solid layer is aligned with left side of composition.</p>
<p><img width=430 height=435 src="http://www.thepixelart.com/images/seismograph/seis-0071.png"></p>
<p><img width=550 height=94 src="http://www.thepixelart.com/images/seismograph/seis-0104.png"></p>
<h2>Step 10</h2>
<p>Add an expression to the position of the layer diagram.</p>
<p><i>p = comp(&quot;Time&quot;).layer(&quot;White Solid  2&quot;).effect(&quot;Output Time&quot;)(&quot;Slider&quot;)*(-1);</i></p>
<p><i>value+[p, 0]</i></p>
<p><img width=550 height=121 src="http://www.thepixelart.com/images/seismograph/seis-0082.png"></p>
<h2>Step 11</h2>
<p>Add write-on effect to the diagram layer. Set the values as shown in  screenshot. </p>
<p><img width=295 height=223 src="http://www.thepixelart.com/images/seismograph/seis-0072.png"></p>
<h2>Step 12</h2>
<p>Add this expression to the brush position of write-on effect. </p>
<p><i>x = comp(&quot;Time&quot;).layer(&quot;White Solid  2&quot;).effect(&quot;Output Time&quot;)(&quot;Slider&quot;);</i></p>
<p><i>y = thisComp.layer(&quot;Audio Amplitude&quot;).effect(&quot;Both  Channels&quot;)(&quot;Slider&quot;);</i></p>
<p><i>value+[x, y]</i></p>
<p><img width=550 height=130 src="http://www.thepixelart.com/images/seismograph/seis-0073.png"></p>
<p>Basically this takes time value from the “Output Time” layer and assigns it to X position, while Y position is driven by the audio keyframes. Turn  off write-on effect for temporary as it slows down previews.</p>
<p><img width=479 height=251 src="http://www.thepixelart.com/images/seismograph/seis-0074.png"></p>
<h2>Step 13</h2>
<p>Create a new composition “<strong>Needle</strong>”. Enable grid from <i>view-&gt;Show  Grid</i>. Create a solid “<strong>needle</strong>” of the composition size and draw the  needle using pen tool. You can also draw a traditional seismograph needle.</p>
<p><img width=520 height=469 src="http://www.thepixelart.com/images/seismograph/seis-0075.png"></p>
<p><img width=550 height=234 src="http://www.thepixelart.com/images/seismograph/seis-0076.png"></p>
<h2>Step 14</h2>
<p>Add this expression to position of the layer. Needle will move along Y axis  with the write-on brush.</p>
<p><i>temp =  comp(&quot;Graph&quot;).layer(&quot;Diagram&quot;).effect(&quot;Write-on&quot;)(&quot;Brush  Position&quot;)[1];<br />  value+[0, temp]</i></p>
<h3>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  OR</h3>
<p>Add this expression to rotation of the layer. It calculates the angle by  which the needle has to turn when the write-on brush moves. Though x value  changes with respect to time, when you consider x position of all three points  at any time, it’s basically same as at time 0. Since only the Y position of  brush is changing and not x position and therefore you will have to compensate  for the error. In simple needle is performing a circular motion whereas the  motion of the brush point is in straight line. It’s totally up to you to use  it. </p>
<p><i>point1=comp(&quot;Graph&quot;).layer(&quot;Diagram&quot;).effect(&quot;Write-on&quot;)(&quot;Brush  Position&quot;)[0],comp(&quot;Graph&quot;).layer(&quot;Diagram&quot;).effect(&quot;Write-on&quot;)(&quot;Brush  Position&quot;)[1];</i></p>
<p><i>p2x=comp(&quot;Graph&quot;).layer(&quot;Diagram&quot;).effect(&quot;Write-on&quot;)(&quot;Brush  Position&quot;)[0]-transform.anchorPoint[0];</i></p>
<p><i>point2=p2x,transform.anchorPoint[1];</i></p>
<p><i>q=396;</i></p>
<p><i>l=comp(&quot;Graph&quot;).layer(&quot;Diagram&quot;).effect(&quot;Write-on&quot;)(&quot;Brush  Position&quot;)[1]-q;</i></p>
<p><i>pi=Math.PI;</i></p>
<p><i>r=length(point1,point2);</i></p>
<p><i>c=2*pi*r;</i></p>
<p><i>theta=(360*l)/c;</i></p>
<p><i>value+(theta)</i></p>
<p><img width=550 height=297 src="http://www.thepixelart.com/images/seismograph/seis-0077.png"></p>
<h2>Step 15</h2>
<p>Create a new composition with same settings as the previous one. Create a new  solid and draw a pointed end of the needle using pen tool.</p>
<p><img width=550 height=307 src="http://www.thepixelart.com/images/seismograph/seis-0078.png"></p>
<h2>Step 16</h2>
<p>Give your needle a nice metallic look using a gradient. Do the same for the  tip.</p>
<p><img width=550 height=309 src="http://www.thepixelart.com/images/seismograph/seis-0103.png"></p>
<h2>Step 17</h2>
<p>Create a new composition and add “<strong>Paper</strong>”, “<strong>Graph</strong>”, “<strong>Needle</strong>”,  and “<strong>Tip</strong>” to it. Create a new camera and turn on the 3D switch for all  the layers.</p>
<p><img width=520 height=469 src="http://www.thepixelart.com/images/seismograph/seis-0079.png"></p>
<h2>Step 18</h2>
<p>Position the camera and all the layers as shown in the screenshot. Arrange all the composites in 3D space. Place &quot;<strong>Tip</strong>&quot; below and at end point of the needle. Do not change  the size of the needle composition layer from the final composition. Instead change  it through “<strong>Needle</strong>” composition. If you do not you could be out of sync to the moving  brush as we have used the expression in that composition.</p>
<p><img width=550 height=111 src="http://www.thepixelart.com/images/seismograph/seis-0105.png"></p>
<h2>Step 19</h2>
<p>After positioning the tip properly in the 3D space, add this expression to  its position.</p>
<p><i>y =  comp(&quot;Graph&quot;).layer(&quot;Diagram&quot;).effect(&quot;Write-on&quot;)(&quot;Brush  Position&quot;)[1];</i></p>
<p><i>value+[0,y,0]</i></p>
<p><img src="http://www.thepixelart.com/images/seismograph/seis-0106.png" width="550" height="98"></p>
<h2>Step 20</h2>
<p>Position your camera to get a nice view.&nbsp; Don’t forget to turn on depth  of field of the camera. Add a light source, a background layer and a shadow.  Turn on the motion blur switch for “<strong>tip</strong>” and “<strong>needle</strong>” layer. </p>
<p><img width=504 height=236 src="http://www.thepixelart.com/images/seismograph/seis-0081.png"></p>
<p><img width=550 height=148 src="http://www.thepixelart.com/images/seismograph/seis-0095.png"></p>
<h2>For Rhythmic Seismograph</h2>
<p>The above animation is driven by the sound amplitude much like the real  seismograph that captures amplitude of seismic waves (that is you get exact representation of audio waveform). After all seismograph are  used to measure the ground vibration and not for sound. But the working principle  is the same. Instead of ground vibration we have sound as for the input. If you  like to make it react to rhythm or beat then you will need free <a  href="http://ae.tutsplus.com/tutorials/motion-graphics/create-a-sound-reacting-3d-waveform-animation-without-3rd-party-plugins/">Spectrum  Analysis Preset from Satya Meka</a> or <a  href="http://www.trapcode.com/products_soundkeys.html">Trapecode Sound Keys</a>  Plug-in.</p>
<h2>Step 1</h2>
<p>For this create a new solid “<strong>audio spectrum</strong>” and add Audio spectrum  preset to it. Set the values as show in the screenshot. The technique is the  same even if you use <i>Trapcode sound keys</i>. For this create new solid  layer &quot;Audio Spectrum&quot; inside graph composition and the audio  spectrum to it. Increase the height and adjust the frequency bands. See the  screenshot.</p>
<p><img border=0 width=298 height=475 src="http://www.thepixelart.com/images/seismograph/seis-0096.png"></p>
<h2>Step 2</h2>
<p>Create new layer &quot;<strong>keyframes</strong>&quot; and add the spectrum analysis  preset to it. Choose the spectrum layer and watch the spectrum while you can  hear the audio (hit <strong>NUM 0</strong> key on keyboard). You will see that specific sound  have specific frequencies which you can easily choose by moving the box. You  will see that the range value changes as there is change in the frequency. And  hence you can convert it to keyframes and utilize it for animation.</p>
<p><img border=0 width=550 height=210 src="http://www.thepixelart.com/images/seismograph/seis-0097.png"></p>
<h2>Step 3</h2>
<p>After choosing the sounds convert the range value to keyframes. For this  select the <strong>Final Range value slider</strong> and go to <i>Animation-&gt;Keyframe  Assistant-&gt;Covert Expression to Keyframe</i></p>
<p><img border=0 width=532 height=142 src="http://www.thepixelart.com/images/seismograph/seie-0100.png"></p>
<h2>Step 4</h2>
<p>Now all you have to do is use these keyframes instead of previous one to drive your animation. Also linearize the keyframe value to your range, same way as we did before. Once that is done add this expression to the position of write-on effect.</p>
<p><i>x = comp(&quot;Time&quot;).layer(&quot;White Solid  2&quot;).effect(&quot;Output Time&quot;)(&quot;Slider&quot;);<br />  y = thisComp.layer(&quot;keyframes&quot;).effect(&quot;Final Range  Value&quot;)(&quot;Slider&quot;)<br />  value+[x, y]</i></p>
<p><img border=0 width=550 height=175 src="http://www.thepixelart.com/images/seismograph/seis-00101.png"></p>
<p>And with few minor adjustments you are done. And in case you do not want go  through all these steps or do not want to waste your time then use the After  Effects CS4 Project file.</p>
<h2>Project Files</h2>
<p>Project file will be up soon.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thepixelart.com/create-rhythmic-seismograph-after-effects/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://www.thepixelart.com/images/seismograph/seismograph.flv" length="23779818" type="video/x-flv" />
		</item>
		<item>
		<title>Best Quartz Composer Tutorials</title>
		<link>http://www.thepixelart.com/quartz-composer-tutorials/</link>
		<comments>http://www.thepixelart.com/quartz-composer-tutorials/#comments</comments>
		<pubDate>Sun, 08 Nov 2009 11:44:00 +0000</pubDate>
		<dc:creator>Vailancio Rodrigues</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Motion]]></category>
		<category><![CDATA[Motion Graphics]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Artists]]></category>
		<category><![CDATA[Audio]]></category>
		<category><![CDATA[Basic]]></category>
		<category><![CDATA[Cocoa]]></category>
		<category><![CDATA[Composer]]></category>
		<category><![CDATA[Core]]></category>
		<category><![CDATA[D Cubes]]></category>
		<category><![CDATA[dashboard]]></category>
		<category><![CDATA[Designers]]></category>
		<category><![CDATA[developer]]></category>
		<category><![CDATA[due]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Guide]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[language]]></category>
		<category><![CDATA[Mac OS]]></category>
		<category><![CDATA[node]]></category>
		<category><![CDATA[OpenCL]]></category>
		<category><![CDATA[OpenGL]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[Quartz]]></category>
		<category><![CDATA[Ray Text]]></category>
		<category><![CDATA[Savers]]></category>
		<category><![CDATA[Screen]]></category>
		<category><![CDATA[time]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[Visual]]></category>
		<category><![CDATA[Visualizers]]></category>
		<category><![CDATA[widget]]></category>
		<category><![CDATA[Xcode]]></category>

		<guid isPermaLink="false">http://www.thepixelart.com/?p=240</guid>
		<description><![CDATA[Best Quartz Composer tutorials for Developers, Visual Effects Artists, Motion Graphics Designers and VJ`s. ]]></description>
			<content:encoded><![CDATA[<p><img src='http://www.thepixelart.com/wp-content/plugins/simple-post-thumbnails/timthumb.php?src=/wp-content/thumbnails/240.jpg&amp;w=132&amp;h=132&amp;zc=1&amp;ft=jpg' alt='post thumbnail' /></p>
<p>Quartz Composer is a powerful tool for processing and rendering graphical data. You can use it easily for manipulating any type of graphics in real time. It uses node based visual programming language and can be easily adopted by non-programmer due to it simplicity. It uses OpenGL, OpenCL in new Mac OS X, Core Image, Core Video, JavaScript, and other technologies. You can drag and drop, link nodes and play with values to create amazing graphics. Using Quartz Composer you can create Screen Savers, iTunes Visualizers, UI for applications, by conjunction with Cocoa. To use Quartz Composer, install Xcode developer tools from your Mac OS X disc.<br />
<span id="more-240"></span><br />
In this round-up we present best Quartz Composer tutorials for Developers, Visual Effects Artists, Motion Graphics Designers and VJ`s. And Before you begin with any of these tutorials, please read <a href="http://developer.apple.com/mac/library/documentation/GraphicsImaging/Conceptual/QuartzComposer/qc_intro/qc_intro.html">Quartz Composer Programming Guide</a>.</p>
<p><a href="http://www.youtube.com/watch?v=du4kKr2ym14">Basic Tutorial on Images and Directories in Quartz Composer</a></p>
<p><a href="http://www.youtube.com/watch?v=du4kKr2ym14"><img src="http://www.thepixelart.com/images/quartz/basic1.jpg" alt="" width="496" height="246" /></a></p>
<p><a href="http://www.youtube.com/watch?v=ngt_eO5nqi0">Particle Effects Following Mouse Input</a></p>
<p><a href="http://www.youtube.com/watch?v=ngt_eO5nqi0"><img src="http://www.thepixelart.com/images/quartz/particle_effects.jpg" alt="" width="500" height="250" /></a></p>
<p><a title="Permanent Link to Quartz Tutorial: Gradient Image Reflection" rel="bookmark" href="http://www.mactricksandtips.com/2008/03/quartz-tutorial-gradient-image.html">Gradient Image Reflection</a></p>
<p><a href="http://www.mactricksandtips.com/2008/03/quartz-tutorial-gradient-image.html"><img src="http://www.thepixelart.com/images/quartz/reflection.png" alt="" width="500" height="250" /></a></p>
<p><a href="http://www.dvcreators.net/rayz-o-lite/">Light Ray Text Effect</a></p>
<p><a href="http://www.dvcreators.net/rayz-o-lite/"><img src="http://www.thepixelart.com/images/quartz/complete_ray.jpg" alt="Light ray in Quartz Composer" width="500" height="250" /></a></p>
<p><a href="http://www.hybridvisuals.nl/tutorials/double-helix/">Double Helix</a><br />
How to create a rotating double helix in 3D with Quartz Composer.</p>
<p><a href="http://www.hybridvisuals.nl/tutorials/double-helix/"><img src="http://www.thepixelart.com/images/quartz/helix.jpg" alt="helix in Quartz Composer" width="500" height="250" /></a></p>
<p><a href="http://www.youtube.com/watch?v=uAqPg9Gafjs">Turn Quartz Composition into a Standalone Application.</a></p>
<p><a href="http://www.youtube.com/watch?v=uAqPg9Gafjs"><img src="http://www.thepixelart.com/images/quartz/app.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://www.youtube.com/watch?v=QcKdnlOcS-o">Dashboard Widget</a></p>
<p>Tutorial to create Mac OS X dashboard widget with Quartz Composer.</p>
<p><a href="http://www.youtube.com/watch?v=QcKdnlOcS-o"><img src="http://www.thepixelart.com/images/quartz/widget.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://macapper.com/2007/08/28/tutorial-quartz-composer-part-2-how-to-make-a-quartz-composer-screen-saver/">Screen Saver</a><br />
Tutorial shows how to create your own screensavers using Quartz Composer.</p>
<p><a href="http://macapper.com/2007/08/28/tutorial-quartz-composer-part-2-how-to-make-a-quartz-composer-screen-saver/"><img src="http://www.thepixelart.com/images/quartz/screensaver-w.png" alt="" width="500" height="281" /></a></p>
<p><a href="http://vjkungfu.tv/archive/quartz-composer-lighting-3d-cubes-and-moving-them-with-audio-input/">Lightning and Audio Reactive Movements</a></p>
<p>Lighting the 3D Cubes and use audio to make it interactive.</p>
<p><a href="http://vjkungfu.tv/archive/quartz-composer-lighting-3d-cubes-and-moving-them-with-audio-input/"><img src="http://www.thepixelart.com/images/quartz/3d_cube.jpg" alt="3d Cube in Quartz  Composer" width="496" height="246" /></a></p>
<p><a href="http://vimeo.com/2100787">Bouncing Ball</a><br />
This video tutorial shows the basic steps of how to make a ball bounce to the beat of the music.</p>
<p><a href="http://vimeo.com/2100787"><img src="http://www.thepixelart.com/images/quartz/bouncing_ball.jpg" alt="Bouncing Ball Tutorial" width="500" height="250" /></a></p>
<p id="post-312"><a href="http://sintixerr.wordpress.com/2009/02/01/quartz-composer-webcam-audio-visualizer-art-tutorial-and-demo/">Webcam Audio Visualizer Art</a></p>
<p><a href="http://sintixerr.wordpress.com/2009/02/01/quartz-composer-webcam-audio-visualizer-art-tutorial-and-demo/"><img src="http://www.thepixelart.com/images/quartz/audio.jpg" alt="" width="500" height="250" /></a></p>
<p><a href="http://www.qtzlcodex.com/?q=music_visualizer_protocol">Music Visualizer</a><br />
Tutorial for creating music visualizer.</p>
<p><a href="http://www.qtzlcodex.com/?q=music_visualizer_protocol"><img src="http://www.thepixelart.com/images/quartz/music_visual.jpg" alt="" width="500" height="250" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.thepixelart.com/quartz-composer-tutorials/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>After Effects Polaroid Tutorial</title>
		<link>http://www.thepixelart.com/after-effects-polaroid-tutorial/</link>
		<comments>http://www.thepixelart.com/after-effects-polaroid-tutorial/#comments</comments>
		<pubDate>Wed, 09 Sep 2009 13:50:07 +0000</pubDate>
		<dc:creator>Vailancio Rodrigues</dc:creator>
				<category><![CDATA[Motion]]></category>
		<category><![CDATA[Motion Graphics]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Camera]]></category>
		<category><![CDATA[footage]]></category>
		<category><![CDATA[light]]></category>
		<category><![CDATA[Polaroid]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://www.thepixelart.com/?p=82</guid>
		<description><![CDATA[This tutorial will teach you to create a simple Polaroid effect which will give your video a vintage look. ]]></description>
			<content:encoded><![CDATA[<p><img src='http://www.thepixelart.com/wp-content/plugins/simple-post-thumbnails/timthumb.php?src=/wp-content/thumbnails/82.jpg&amp;w=132&amp;h=132&amp;zc=1&amp;ft=jpg' alt='post thumbnail' /></p>
<p>When your digital photos are displayed like Polaroid, they look more eye-catching. But did you ever used it for videos?  This tutorial will teach you to create a simple Polaroid effect which will give your video a vintage look.</p>
<p><span id="more-82"></span></p>
<!-- ProPlayer by Isa Goksu --><div name="mediaspace" id="mediaspace"><div class="pro-player-container" width="500px" height="400px"><div id="pro-player-82pp-single-4c8a6d8eda511"></div></div></div><script type="text/javascript" charset="utf-8">var flashvars = {width: "500",height: "400",autostart: "false",repeat: "false",backcolor: "111111",frontcolor: "cccccc",lightcolor: "66cc00",stretching: "fill",enablejs: "true",mute: "false",skin: "http://www.thepixelart.com/wp-content/plugins/proplayer/players/skins/default.swf",plugins: "",javascriptid: "82pp-single-4c8a6d8eda511",image: "",file: 'http://www.thepixelart.com/wp-content/plugins/proplayer/playlist-controller.php?pp_playlist_id=82pp-single-4c8a6d8eda511&sid=1284140431'};var params = {wmode: "transparent",allowfullscreen: "true",allowscriptaccess: "always",allownetworking: "all"};var attributes = {id: "obj-pro-player-82pp-single-4c8a6d8eda511",name: "obj-pro-player-82pp-single-4c8a6d8eda511"};swfobject.embedSWF("http://www.thepixelart.com/wp-content/plugins/proplayer/players/player.swf", "pro-player-82pp-single-4c8a6d8eda511", "500", "400", "9.0.0", false, flashvars, params, attributes);</script>
<p><a href="http://www.thepixelart.com/images/after_effects/polaroid/polaroid.mp4">Download Preview</a></p>
<h3>Step 1</h3>
<p>Create a new composition &#8211; 720*720 of 50 seconds and name it as video.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/polaroid/screenshot/1.jpg" alt="" width="500" height="433" /></p>
<h3>Step 2</h3>
<p>Import your footage to after effects and drag and drop it to timeline. Scale it to fit the screen.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/polaroid/screenshot/2.jpg" alt="" width="500" height="407" /></p>
<h3>Step 3</h3>
<p>Add curves to adjust the footage.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/polaroid/screenshot/3.jpg" alt="" width="501" height="290" /></p>
<h3>Step 4</h3>
<p>Add noise effect and set noise amount to around 11% and uncheck the use color noise option.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/polaroid/screenshot/4.jpg" alt="" width="500" height="212" /></p>
<h3>Step 5</h3>
<p>Add fast blur and set blurriness to 0.9</p>
<p><img src="http://www.thepixelart.com/images/after_effects/polaroid/screenshot/5.jpg" alt="" width="500" height="213" /></p>
<h3>Step 6</h3>
<p>Create adjust layer of comp size and set blend mode to soft light. Add video as the parent for adjustment layer. Add ramp effect to it. Adjust the values.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/polaroid/screenshot/6.jpg" alt="" width="500" height="208" /></p>
<h3>Step 7</h3>
<p>Create a new comp of size 750*900 and name it as Polaroid. Create a white solid and name it as paper. Add the video composition layer to the new composition.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/polaroid/screenshot/7.jpg" alt="" width="500" height="472" /></p>
<h3>Step 8</h3>
<p>Adjust the video as shown below.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/polaroid/screenshot/8.jpg" alt="" width="500" height="421" /></p>
<h3>Step 9</h3>
<p>Add the texture to the timeline. Scale it to fit the comp size and set the blend mode to multiply and change the opacity to around 70%.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/polaroid/screenshot/9.jpg" alt="" width="500" height="422" /></p>
<h3>Step 10</h3>
<p>Next create a new comp for final video.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/polaroid/screenshot/10.jpg" alt="" /></p>
<h3>Step 11</h3>
<p>Add new solid and add the Polaroid comp to timeline. Scale and rotate the Polaroid according to your need. Add drop shadow effect to Polaroid comp. Set distance to 0 and softness to 100.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/polaroid/screenshot/11.jpg" alt="" width="500" height="253" /></p>
<h3>Step 12</h3>
<p>Add a light layer. Layer-&gt;New-&gt;Light. Note you have to change the remaining layers to 3D for light layer to function. Change the intensity and the position accordingly.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/polaroid/screenshot/12.jpg" alt="" width="336" height="343" /></p>
<p>You will get something like this</p>
<p><img src="http://www.thepixelart.com/images/after_effects/polaroid/screenshot/13.jpg" alt="" width="500" height="330" /></p>
<h3>Step 13</h3>
<p>Add an expression to the opacity of the Polaroid layer to make it look like projector flicker.</p>
<p>opacity.wiggle(5,50)</p>
<p><img src="http://www.thepixelart.com/images/after_effects/polaroid/screenshot/14.jpg" alt="" width="501" height="205" /></p>
<h3>Step 14</h3>
<p>Add camera Layer-&gt; New-&gt;Camera. Choose 24mm –preset.  Change the camera orientation as shown in the screenshot. Do not forget to adjust the position and scale value of the background layer so that it is little bigger than the composition size.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/polaroid/screenshot/15.jpg" alt="" width="500" height="235" /></p>
<h3>Step 15</h3>
<p>Turn off 3D switch for the Polaroid layer (but don`t forget to turn on the switch later) and add key frame to change the rotation. Use graph editor to give it more realistic movements.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/polaroid/screenshot/16.jpg" alt="" width="499" height="226" /></p>
<p><a href="http://www.thepixelart.com/images/after_effects/polaroid/Polaroid_Project_files.zip">Download Project Files</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.thepixelart.com/after-effects-polaroid-tutorial/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://www.thepixelart.com/images/after_effects/polaroid/polaroid.mp4" length="1542752" type="video/mp4" />
<enclosure url="http://www.thepixelart.com/images/after_effects/polaroid/Polaroid_preview.flv" length="3644220" type="video/x-flv" />
		</item>
		<item>
		<title>Adobe After Effects Tutorial: Create a Dissolving Text Reveal</title>
		<link>http://www.thepixelart.com/dissolving-text/</link>
		<comments>http://www.thepixelart.com/dissolving-text/#comments</comments>
		<pubDate>Mon, 31 Aug 2009 06:28:35 +0000</pubDate>
		<dc:creator>Vailancio Rodrigues</dc:creator>
				<category><![CDATA[Motion]]></category>
		<category><![CDATA[Motion Graphics]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[after effects]]></category>
		<category><![CDATA[Text]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.thepixelart.com/?p=42</guid>
		<description><![CDATA[Create a beautiful dissolving painted letter effect which are enclosed within a glass.  ]]></description>
			<content:encoded><![CDATA[<p><img src='http://www.thepixelart.com/wp-content/plugins/simple-post-thumbnails/timthumb.php?src=/wp-content/thumbnails/42.jpg&amp;w=132&amp;h=132&amp;zc=1&amp;ft=jpg' alt='post thumbnail' /></p>
<p>In this tutorial we will create beautiful dissolving painted letters which are enclosed within a glass.<br />
<span id="more-42"></span></p>
<h3>Preview</h3>
<!-- ProPlayer by Isa Goksu --><div name="mediaspace" id="mediaspace"><div class="pro-player-container" width="400px" height="320px"><div id="pro-player-42pp-single-4c8a6d8f20485"></div></div></div><script type="text/javascript" charset="utf-8">var flashvars = {width: "400",height: "320",autostart: "false",repeat: "false",backcolor: "111111",frontcolor: "cccccc",lightcolor: "66cc00",stretching: "fill",enablejs: "true",mute: "false",skin: "http://www.thepixelart.com/wp-content/plugins/proplayer/players/skins/default.swf",plugins: "",javascriptid: "42pp-single-4c8a6d8f20485",image: "",file: 'http://www.thepixelart.com/wp-content/plugins/proplayer/playlist-controller.php?pp_playlist_id=42pp-single-4c8a6d8f20485&sid=1284140431'};var params = {wmode: "transparent",allowfullscreen: "true",allowscriptaccess: "always",allownetworking: "all"};var attributes = {id: "obj-pro-player-42pp-single-4c8a6d8f20485",name: "obj-pro-player-42pp-single-4c8a6d8f20485"};swfobject.embedSWF("http://www.thepixelart.com/wp-content/plugins/proplayer/players/player.swf", "pro-player-42pp-single-4c8a6d8f20485", "400", "320", "9.0.0", false, flashvars, params, attributes);</script>
<h3><a href="http://www.thepixelart.com/images/after_effects/water/dissolve.flv">Download Preview</a></h3>
<h3>Step 1</h3>
<p>Create a new composition of about 5 seconds. I used 720*576. You can use your own custom settings but for time being use mine.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/1.jpg" alt="" /></p>
<h3>Step 2</h3>
<p>Create a new solid layer of black color, make it composition size and name it as ‘Text’. Add basic text effect to it and set the value as shown in the screenshot.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/3.jpg" alt="" /></p>
<h3>Step 3</h3>
<p>Select the basic text effect in the effect panel and set the size to 94 and fill color to white.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/4.jpg" alt="" width="600" height="422" /></p>
<h3>Step 4</h3>
<p>Add 4-color Gradient effect to the Text layer. I used these colors #FA0900, #FCDE31, # 1F641A, #02529B. Change the colors and Set the points as shown in the screenshot.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/5.jpg" alt="" width="600" height="375" /></p>
<h3>Step 5</h3>
<p>Add Fast blur effect to the same layer and set the Blurriness value to 1.5. Add Level s for more color adjustment and use the values as shown in the screenshot.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/6.jpg" alt="" /></p>
<h3>Step 6</h3>
<p>Create a new composition with the same settings as previous one. Create a new solid layer – composition size. I used-#147674. Go to layer transform properties and set values as shown in the screenshot.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/8.jpg" alt="" /></p>
<h3>Step 7</h3>
<p>Choose the same solid layer and create a new mask.   Layer -&gt; Mask-&gt;New mask. Change the mask values to following.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/9.jpg" alt="" /></p>
<h3>Step 8</h3>
<p>Now comes the animation part. Go to Layer`s transform properties and click the stop watch for position. Keep the first key frame position value same but change the last one.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/11.jpg" alt="" /></p>
<h3>Step 9</h3>
<p>Add fractal noise effect to the layer. Set the value as shown in the screenshot.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/13.jpg" alt="" /></p>
<h3>Step10</h3>
<p>Go effect properties of the layer and click stop watch icon on offset turbulence, opacity and evolution. Set offset turbulence, opacity and evolution values to 2.8, 0% and 2x respectively for the last key frame.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/14.jpg" alt="" /></p>
<h3>Step 11</h3>
<p>Create a new comp with same settings as the previous one and create a red solid #960002. Set the transformation values.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/15.jpg" alt="" /></p>
<h3>Step 12</h3>
<p>Go to layer transform properties and click stop watch for position. Change the position value for the last key frame.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/17.jpg" alt="" /></p>
<h3>Step 13</h3>
<p>Create a new mask for adjustment and change mask properties to values shown in the screenshot.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/19.jpg" alt="" /></p>
<p>Also adjust the mask such that it is slightly inside the layer.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/18.jpg" alt="" width="524" height="366" /></p>
<h3>Step 14</h3>
<p>Add fractal noise to the layer and change the values to following</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/20.jpg" alt="" /></p>
<h3>Step 15</h3>
<p>Add a key frame for evolution and change last key frame value to 2x.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/21.jpg" alt="" width="600" height="321" /></p>
<h3>Step 16</h3>
<p>Create a new comp, again with the same settings. Create a new solid layer &#8211; Color #FC0000. Add fractal noise effect to it. Set the values as shown in the screenshot. Also add key frames for evolution. I have used 0x for the first and 2x for the last one. You can entirely vary the key frame time.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/22.jpg" alt="" /></p>
<h3>Step 17</h3>
<p>Create a new comp and add all 4 compositions to new composition and hide all composition expect the first one.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/23.jpg" alt="" width="599" height="200" /></p>
<h3>Step 18</h3>
<p>Add the background image below the layers and adjust the size by changing scale. Add levels to the image layer. You can also use curves to adjust the image.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/26.jpg" alt="" /></p>
<h3>Step 19</h3>
<p>Create a white solid layer of composition size and place it above background image layer.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/27.jpg" alt="" width="600" height="187" /></p>
<h3>Step 20</h3>
<p>Add Displacement Map effect to the white solid and set the values as shown in screenshot. Hide this layer.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/28.jpg" alt="" /></p>
<h3>Step 21</h3>
<p>Create another white solid layer Name it as ‘water’ and place it below previously created white solid. Select the layer and choose track matte to alpha inverted matte of white solid 1 (Press f4 to toggle between modes). Set opacity of the layer to 10%</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/29.jpg" alt="" width="600" height="236" /></p>
<h3>Step 22</h3>
<p>Create a new white solid layer and place it below water layer and name it white solid 2. Add displacement Map effect to it. Set the values as show in the screenshot and hide the layer.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/31.jpg" alt="" /></p>
<h3>Step 23</h3>
<p>Create a new white solid layer and name it water2 (Press f4 to toggle between modes). Set track matte to track matte alpha inverted matte of white solid 2.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/33.jpg" alt="" width="599" height="184" /></p>
<h3>Step 24</h3>
<p>Add displacement Map effect and set below shown values.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/34.jpg" alt="" /></p>
<h3>Step 25</h3>
<p>Select the layer and turn on the adjustment switch on (Press f4 to toggle between modes).</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/35.jpg" alt="" /></p>
<h3>Step 26</h3>
<p>Select comp1 and add Compound Blur effect to it. Set blur layer to comp2 and value of maximum blur to 100.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/36.jpg" alt="" /></p>
<h3>Step 27</h3>
<p>Select the comp1 layer and add displacement map effect to it. Change the values to following.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/37.jpg" alt="" /></p>
<h3>Step 28</h3>
<p>Duplicate the displacement Map effect &#8211; CTRL+D for the same layer and change the values.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/38.jpg" alt="" /></p>
<h3>Step 29</h3>
<p>Add Drop shadow effect to the same layer – comp1. Set these values.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/39.jpg" alt="" /></p>
<h3>Step 30</h3>
<p>Create a white solid and name it ‘Reflection’. Set opacity to 15%. Now to add the glossy look to the video, take the pen tool and draw a mask.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/40.jpg" alt="" /></p>
<h3>Step 31</h3>
<p>Select the reflection layer and press m to show mask. Choose subtract and lock the mask.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/42.jpg" alt="" /></p>
<h3>Step 32</h3>
<p>With the pen tool create another mask inside the first one.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/43.jpg" alt="" /></p>
<h3>Step 33</h3>
<p>Add ramp effect to the Reflection layer. Set the values.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/44.jpg" alt="" /></p>
<h3>Step 34</h3>
<p>Create a black solid layer and set opacity to 25%. Add an elliptical mask and feather the mask around 143 pixels.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/45.jpg" alt="" /></p>
<p>Go to mask options and change to subtract.</p>
<p><img src="http://www.thepixelart.com/images/after_effects/water/46.jpg" alt="" /></p>
<p>And you are done. Play with the settings to get better results. Remember that there are no limits to what you can do and where you can reach with it. Come up with your own ideas and let us know. For the lazy ones we have included free project file for download.</p>
<h3><a href="http://www.thepixelart.com/images/after_effects/water/source_files/dissolving_text.zip">Project Files</a></h3>
]]></content:encoded>
			<wfw:commentRss>http://www.thepixelart.com/dissolving-text/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
<enclosure url="http://www.thepixelart.com/images/after_effects/water/dissolve.flv" length="932272" type="video/x-flv" />
		</item>
	</channel>
</rss>
