<?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>Aetuts+ &#187; Motion Graphics</title>
	<atom:link href="http://ae.tutsplus.com/category/tutorials/motion-graphics/feed/" rel="self" type="application/rss+xml" />
	<link>http://ae.tutsplus.com</link>
	<description>Adobe After Effects Tutorials</description>
	<lastBuildDate>Fri, 20 Nov 2009 21:41:25 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Excellent Explosions and Extreme Extrusions in C4D</title>
		<link>http://ae.tutsplus.com/tutorials/motion-graphics/excellent-explosions-and-extreme-extrusions-in-c4d/</link>
		<comments>http://ae.tutsplus.com/tutorials/motion-graphics/excellent-explosions-and-extreme-extrusions-in-c4d/#comments</comments>
		<pubDate>Thu, 19 Nov 2009 11:00:13 +0000</pubDate>
		<dc:creator>Carlos Galvez</dc:creator>
				<category><![CDATA[Motion Graphics]]></category>

		<guid isPermaLink="false">http://ae.tutsplus.com/?p=4244</guid>
		<description><![CDATA[<img src="http://aetuts.s3.amazonaws.com/148_explosive/thumb.jpg">]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, Carlos will teach us how to create extruding text exploding out of a box using C4D. We&#8217;ll then bring it into After Effects to add more particles and a background. This is excellent effect to go through if you&#8217;ve been wanting to try a 3d program.</p>
<p><span id="more-4244"></span></p>
<h3>Preview</h3>
<p>Want access to the full AE project files and assets for every tutorial on Aetuts+, including this one? <a href="http://tutsplus.com/plus-program/ae-plus/">Join Ae Plus<a/> for just $9/month. You can view the final effect preview video below. </p>
<p><embed src="http://blip.tv/play/hJ8Tga23bQA" type="application/x-shockwave-flash" width="640" height="390" allowscriptaccess="always" allowfullscreen="true"></embed></p>
<div class="download">
<h2><a href="http://blip.tv/file/get/Aetutsplus-ExplosiveTextPreview147.flv">Download Preview .flv</a></h2>
<p><span>File size 1.6MB</span>
</div>
<h3>Tutorial</h3>
<p><embed src="http://blip.tv/play/hJ8Tga24AwA" type="application/x-shockwave-flash" width="640" height="390" allowscriptaccess="always" allowfullscreen="true"></embed></p>
<div class="download">
<h2><a href="http://blip.tv/file/get/Aetutsplus-ExplosiveTextTutorial570.flv">Download Tutorial .flv</a></h2>
<p><span>File size 93MB</span>
</div>
<p></p>
]]></content:encoded>
			<wfw:commentRss>http://ae.tutsplus.com/tutorials/motion-graphics/excellent-explosions-and-extreme-extrusions-in-c4d/feed/</wfw:commentRss>
		<slash:comments>34</slash:comments>
		</item>
		<item>
		<title>Get Your Disco Groove On</title>
		<link>http://ae.tutsplus.com/tutorials/motion-graphics/get-your-disco-groove-on/</link>
		<comments>http://ae.tutsplus.com/tutorials/motion-graphics/get-your-disco-groove-on/#comments</comments>
		<pubDate>Wed, 28 Oct 2009 11:00:01 +0000</pubDate>
		<dc:creator>Ramesh Rao</dc:creator>
				<category><![CDATA[Motion Graphics]]></category>

		<guid isPermaLink="false">http://ae.tutsplus.com/?p=3873</guid>
		<description><![CDATA[<img src="http://aetuts.s3.amazonaws.com/142_disco/thumb.jpg">]]></description>
			<content:encoded><![CDATA[<p>I hope you got the funk in your trousers!&#8230; ok, that sounded better in my head. Today we are going to create a full disco club scene. There are a number of elements involved so hopefully you can moonwalk away with something groovy!</p>
<p><span id="more-3873"></span></p>
<h3>Requirements</h3>
<ul>
<li><b>Trapcode Particular</b> You can download a trial version <a href="http://www.redgiantsoftware.com/downloads/trial-versions/">here</a>.</li>
</li>
<li><b>Trapcode Lux</b> You can download a trial version <a href="http://www.redgiantsoftware.com/downloads/trial-versions/">here</a>.</li>
</li>
<ul>
<h3>Preview</h3>
<p>Want access to the full AE project files and assets for every tutorial on Aetuts+, including this one? <a href="http://tutsplus.com/plus-program/ae-plus/">Join Ae Plus<a/> for just $9/month. You can view the final effect preview video below. </p>
<p><embed src="http://blip.tv/play/hJ8TgarOfAA" type="application/x-shockwave-flash" width="640" height="390" allowscriptaccess="always" allowfullscreen="true"></embed></p>
<div class="download">
<h2><a href="http://blip.tv/file/get/Aetutsplus-DiscoPreview583.flv">Download Preview .flv</a></h2>
<p><span>File size 1.7MB</span>
</div>
<h3>Tutorial</h3>
<h2>Step 1</h2>
<p>At first we are going to create disco floor. Make a new composition by clicking <b>Composition -> New Composition or ctrl + N</b> .<b> Name : &quot;disco floor comp&quot;, Make it comp size (1000*1000) pixel aspect radio D1/DV pal 1.07, frame rate : 25 </b>and<b> 10 sec </b>duration long. </p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/01.jpg" alt=""></div>
</p>
<h2>Step 2</h2>
<p>Create new solid clicking by <b>Layer -> New -> Solid or Ctrl + y</b>. Color doesn&#8217;t matter. Name it<b> floor circle</b>. Same as comp size. Make a larger sized floor. With solid layer selected, apply <b>Effects -> Render -> Radio waves</b>. Change a <b>stroke -> color</b> to white stroke. Set the <b>start width to 25</b></p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/02.jpg" alt=""></div>
</p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/02_1.jpg" alt=""></div>
</p>
<h2>Step 3</h2>
<p>Create new solid clicking by <b>Layer -> New -> Solid or Ctrl + y</b>. Color doesn&#8217;t matter. Name it <strong>floor waveform</strong>. same as comp size. Make a larger size floor. </p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/03.jpg" alt=""></div>
</p>
<h2>Step 4</h2>
<p>Add a music bar effect in the floor. With solid layer selected, apply <b>Effects -&gt; Render -&gt; Audio Waveform</b>.You could use any music track to show the music bar. So import your favorite song. Bring it to <b>disco floor comp</b>. Change the below settings in audio waveform.<b>audio Layer : music track that you have track in timeline , Start point : (0, 500), End point : (1000, 500), Display Sample : 40, Maximum height : 1200, Thickness : 10, Softness : 0, display option : digital</b>.</p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/04.jpg" alt=""></div>
</p>
<h2>Step 5</h2>
<p>Add a glow to floor waveform layer by selecting the floor waveform layer click <b>Effects -> Stylize -> Glow</b>. Leave it as default settings.</p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/05.jpg" alt=""></div>
</p>
<h2>Step 6</h2>
<p>Create new adjustment layer by clicking <strong>Layer -> New -> Adjustment layer</strong>. To make like disco floor blocks, add mosaic on adjustment layer clicking by <b>Effect -> Stylize -> Mosaic</b>. Change the mosaic setting <b>horizontal block : 50 &#038; vertical block : 50.</b></p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/06.jpg" alt=""></div>
</p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/06_1.jpg" alt=""></div>
</p>
<h2>Step 7</h2>
<p>We have to make a blocks more effective so I&#8217;ve added <strong>effects -> render -> grid</strong>. Change the grid effect setting <b>corner : 520,520, border : 7, feather: width : 1.5 height : 1.5, invert grid : on, bleanding mode : stencil alpha.</b> It helps to make like small boxs.</p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/07.jpg" alt=""></div>
</p>
<h2>Step 8</h2>
<p>Make a new composition, <strong>Composition -&gt; New Composition <b>or ctrl + n</b>.</strong> <b>name : main comp, size width : 720 height : 411, pixel ratio : DV pal 1.07, frame rate : 25, duration : 10 sec.</b> In this comp, we are going to make all the disco scene.</p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/08.jpg" alt=""></div>
</p>
<p>Create a new black solid,<strong> Layer -&gt; New -&gt; solid <b> or Ctrl + y</b>.</strong> <strong>name : Bg</strong>, same as comp size.</p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/08_1.jpg" alt=""></div>
</p>
<h2>Step 9</h2>
<p>Bring the <b>disco floor comp</b> to <b>main comp</b> timeline. Make it a 3d layer by clicking 3d switch on switches. Change the X rotation it to 90 degree. In the material opition make a <strong>accept light : off</strong>  To make more of an extension on the floor, add motion tile effect on <b>disco floor comp</b> and change the <b>output width : 250 &#038; output height : 250. </b></p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/09.jpg" alt=""></div>
</p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/09_1.jpg" alt=""></div>
</p>
<h2>Step 10</h2>
<p>Create a new solid, <b>Layer -> new -> solid or Ctrl + y, Name : floor light</b> same as comp size colour medium gray <b>(#949494)</b>. Make it as 3d layer by clicking <strong>3D</strong> switch, <strong>rotate : 90 degree</strong><b>, make a<b> blending mode : add</b>.</b></p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/10.jpg" alt=""></div>
</p>
<p>After turning x rotation 90 degree it should look like this. Now we are going to create new camera in the comp. </p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/10_1.jpg" alt=""></div>
</p>
<h2>Step 11 </h2>
<p>Create a new camera by clicking <strong>Layer -&gt; New -&gt; Camera </strong>or<strong> Ctrl + Alt + Shift + c </strong>. and use these settings. Select preset to <strong>28 mm camera, enable the depth of field, aperture : 25</strong> and make the <strong>position : 360, 90, -740</strong>, <strong>point of interest : 360, 180, 0.</strong></p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/11.jpg" alt=""></div>
</p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/11_1.jpg" alt=""></div>
</p>
<h2>Step 12 </h2>
<p>To make an additional extension of the floor, add motion tile effect on <b>floor light </b> and change the <b>output width : 250 &amp;; output height : 250.</b></p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/12.jpg" alt=""></div>
</p>
<p>Add <strong>Effects -&gt; render -&gt; grid </strong> Change the grid 1 effect setting <b>corner : 503, 503, border : 3.5, feather: width : 1.5 height : 1.5, invert grid : on, bleanding mode : stencil alpha.</b> It helps to make like small led boxs, we have to make some more bigger blocks that matches to disco floor comp layer. so add <strong>effects -&gt; render -&gt; grid</strong> to floor light layer make a grid 2 effect setting <b>corner : 520, 520, border : 5, feather: width : 2, height : 2, invert grid : on, bleanding mode : stencil alpha.</b></p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/12_1.jpg"  alt=""></div>
</p>
<h2>Step 13</h2>
<p>Now we are going to make a disco ball. Create a new solid, <b>Layer -&gt; new -&gt; solid or Ctrl + y</b><strong>, Name : disco ball</strong> same as comp size. Add a fractural noise effect, <strong>Effect -&gt; noise -&gt; fractral noise</strong>. Change the below setting  <strong>fractal type : Basic, noise type : block, contrast : 100, Brightness : 0, drop down the transform Scale : 40</strong>.</p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/13.jpg"  alt=""></div>
</p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/13_1.jpg"  alt=""></div>
</p>
<p>Add an expression in evolution make a <strong>Alt + click</strong> on keyframe and type <strong>time*200.</strong></p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/13_2.jpg"  alt=""></div>
</p>
<h2>Step 14</h2>
<p>
  To make a sphere look add CC Sphere effect on clicking <strong>Effects -&gt; perspective -&gt; cc sphere</strong> . To make a disco ball rotate drop down the rotation. We want the ball rotate on y axis so add an expression on Y rotation. <strong>Alt + Click</strong> on Rotation Y in timeline layer, type <strong>time*50</strong>.  make a keyframe on start <strong>radius : 15 </strong>move the 7th frame in timeline make a another keyframe set <strong>radius : 45</strong>, change the light properties in <strong>cc sphere</strong>, drop down the <strong>light</strong> and change the <strong>light intensity : 150, light : 70, light direction : 180 degree, offset : 360, 45. </strong>We made a nice disco ball and i think some rays makes it better feel.</p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/14.jpg"  alt=""></div>
</p>
<h2>Step 15 </h2>
<p>Add a shine effect to make disco ball more effective. <strong>Effect -&gt; trapcode -&gt; shine</strong> . Change these settings <strong>Source point : 360, 45 </strong>same as cc sphere offset  , drop down the <strong>shimmer</strong> , <strong>Amount : 100, Detail : 40,</strong> <strong>Boost light : 0, </strong>change the <strong>colourize : one colour, colour : white </strong>same as the disco ball, <strong>Transfer mode : Screen.</strong>change the<strong> position : 360, 130, 0.</strong>take it ot the top of the screen,  switch the layer to <strong>3D</strong> and make a <strong>accept light : off.</strong></p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/15.jpg"  alt=""></div>
</p>
<h2>Step 16</h2>
<p>Now we are going to create a laser effect. Create a new point light, <strong>Layer -&gt; New -&gt; Light</strong> Name it laser light , setting a <strong>light type : point, intensity : 200 , colour : green (#87FE52), </strong>then<strong> light cast shadow : turn off </strong>. Make a <strong>Position : 360, 145, 300 </strong>. Now we can see the light effect on the scene.</p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/16.jpg"  alt=""></div>
</p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/16_1.jpg"  alt=""></div>
</p>
<p>After adding the light i may look like this. </p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/16_2.jpg"  alt=""></div>
</p>
<h2>Step 17 </h2>
<p>Create a new solid, <strong>Layer -&gt; new -&gt; solid</strong> same as comp size and name it &quot;<strong>laser light beam</strong>&quot;. Add trapcode particle by selecting the laser light beam layer, <strong>Effect -&gt; trapcode -&gt; particular</strong>. Change the<strong> Emitter and particle</strong> settings as follows :</p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/17.jpg"  alt=""></div>
</p>
<h2>Step 18</h2>
<p>Create the laser effect by changing values on physics turbulence field &amp; aux effect only. Change the <strong>Gravity : 0, Physics Time Factor : 1</strong> Change all <strong>air values to 0   </strong>. Drop down the <strong>turbulence field</strong> change these settings <strong>Affect size : 0, Affect Position : 1000, Scale : 700, Ocatave Scale : 2, Evolution Speed : 20 </strong>. <strong>affect position &amp; scale values</strong> Make a beam effect that randomly turns on. Change the <strong>aux</strong> values as follows :</p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/18.jpg"  alt=""></div>
</p>
<h2>Step 19</h2>
<p>We are going to create a focus lights to the floor. Before that we have to make a light visible on the scene so Create a new solid layer, <strong>Layer -&gt; New -&gt; Solid </strong>or<strong> Ctrl + y</strong> name it <strong>&quot;Lux&quot;.</strong> Add Trapcode Lux to the solid by selecting the Lux layer on timeline <strong>Effect -&gt; trapcode -&gt; Lux.</strong> It makes a laser light is visible. Make a Lux settings as follows : </p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/19.jpg"  alt=""></div>
</p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/19_1.jpg"  alt=""></div>
</p>
<h2>Step 20</h2>
<p>Now we make a focus light, Create a new spot light <strong>Layer -&gt; New -&gt; Light</strong> Name it &quot;<strong>Top light 01</strong>&quot; Setting a <strong>light type : spot, intensity : 100, Cone angle : 30, Cone feather : 30%, </strong>make a brighter color as your wish but i made <strong>colour : blue (#52B7FE),</strong> <strong>cast shadow : off</strong> click ok. Change the light position to back of the stage,<strong> position : 0, -100, 400,  </strong> face the light to the stage change the <strong>point of interest : 0, 200, -150.</strong> Disco focus light should move randomly so i made a experession to the <strong>Top light 01 . Alt + click </strong>on <strong>point of interest</strong> keyframe type <strong>wiggle(1,200)</strong><strong>.</strong></p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/20.jpg"  alt=""></div>
</p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/20_1.jpg"  alt=""></div>
</p>
<h2>Step 21</h2>
<p>Duplicate the focus light another one by selecting <strong>Top light 01, Edit -&gt; Duplicate</strong> and change the colour as your wish. Change the <strong>point of interest : 250, 200, -150 and position : 200, -100, 400.</strong> Again, we duplicate another one. Change <strong>point of interest : 450, 200, -150 and position : 500, -100, 400.</strong> and again we duplicate one more light change the <strong>point of interest : 720, 200, -150 and position : 720, -100, 400.</strong> Make the focus light in different colours. </p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/21.jpg"  alt=""></div>
</p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/21_1.jpg"  alt=""></div>
</p>
<h2>Step 22</h2>
<p>Now, its time to make logo appearance. Create new composition, <strong>composition -&gt; new composition or Ctrl + n. </strong>Name it <strong>&quot;aetuts+_logo Comp&quot; </strong>make a setings ad follows :</p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/22.jpg"  alt=""></div>
</p>
<h2>Step 23</h2>
<p>Bring the aetuts+_logo to the comp, <strong>scale : 40 </strong> To make suitable to the composition switch it to a <strong>3D layer</strong>. Divide the logo image to 3 separate slices as shown by the ruler on the screen by pressing<strong> Ctrl + r </strong> and aligning the guides where to separate.</p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/23.jpg"  alt=""></div>
</p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/23_1.jpg"  alt=""></div>
</p>
<h2>Step 24 </h2>
<p>Duplicate the aetuts+_logo layer another 2 times by selecting the layer <strong>Edit -&gt; duplicate</strong> or <strong>Ctrl + d</strong>.  Move the first layer to 1 sec 15 frame in the timeline, and second layer 1 sec. set a anchor point as follows.</p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/24.jpg"  alt=""></div>
</p>
<h2>Step 25</h2>
<p>Select the third layer with retangular tool mask the <strong>ae</strong> into 1 slice, select the second layer mask the <strong>tuts</strong>, and select the first layer mask the <strong>+</strong> in the logo. </p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/25.jpg"  alt=""></div>
</p>
<h2>Step 26 </h2>
<p>We are going to animate the layer make a keyframe in y rotaion as follows:</p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/26.jpg"  alt=""></div>
</p>
<h2>Step 27 </h2>
<p>Have to make a reflection in same method so duplicate all three layer bring it down in the comp. </p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/27.jpg"  alt=""></div>
</p>
<h2>Step 28 </h2>
<p>Set the <strong>opacity</strong> to <strong>30</strong>, make the negative <strong>scale</strong> in <strong>y axis </strong>and set the <strong>position</strong> as follows: </p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/28.jpg"  alt=""></div>
</p>
<p>It will look like this:</p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/28_1.jpg"  alt=""></div>
</p>
<h2>Step 29</h2>
<p>After animating the logo, I think light reflection makes a better feel. Create new adjustment layer <strong>Layer -&gt; New -&gt; Adjustment layer, </strong>add <strong>Effect -&gt; Generate -&gt; CC light sweep </strong>  and make a below setting : </p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/29.jpg"  alt=""></div>
</p>
<h2>Step 30</h2>
<p>Bring the <strong>aetuts+_logo comp</strong> to the main timeline  move the start point to 3 sec, switch it to <strong>3D</strong> layer by clicking 3d switch in switches and keyframe the position keyframe it as follows:</p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/30.jpg"  alt=""></div>
</p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/30_1.jpg"  alt=""></div>
</p>
<h2>Step 31</h2>
<p>Add a lens flare to the comp it makes feel better output .Create a new adjustment layer <strong>Layer -&gt; New -&gt; Adjustment layer,</strong> add <strong>Render -&gt; lensflare </strong>and key frame the <strong>flare center </strong>on 1st frame make a<strong> position : 8,-44 </strong>and  take the time indicator to 8th sec set a <strong>position : 700,0.</strong></p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/31.jpg"  alt=""></div>
</p>
<h2>Step 32</h2>
<p>Finally, we are going to animate the camera in the scene. keyframe the camera position, set camera position <strong>1 sec -&gt; position :0, 0, 0. , </strong>move the time indicator to <strong>1 sec 8 frame -&gt; position :215, -6, -635, </strong>move the time indicator to <strong><strong>5 sec -&gt; position :365, 90, -740</strong></strong> and <strong> </strong>move the time indicator to <strong><strong>8 sec -&gt; position :630, 165, -425.</strong></strong></p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/32.jpg"  alt=""></div>
</p>
<p>  Move the marker to 1 sec in the timeline ruler. Render it and enjoy the disco floor.</p>
<p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/142_disco/32_1.jpg"  alt=""></div>
</p>
<p></p>
<p><strong>I hope guys you guys enjoyed this tutorial.</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://ae.tutsplus.com/tutorials/motion-graphics/get-your-disco-groove-on/feed/</wfw:commentRss>
		<slash:comments>36</slash:comments>
		</item>
		<item>
		<title>Use Lights To Project Your Logo</title>
		<link>http://ae.tutsplus.com/tutorials/motion-graphics/use-lights-to-project-your-logo/</link>
		<comments>http://ae.tutsplus.com/tutorials/motion-graphics/use-lights-to-project-your-logo/#comments</comments>
		<pubDate>Fri, 23 Oct 2009 11:00:36 +0000</pubDate>
		<dc:creator>Eddie Bogdanov</dc:creator>
				<category><![CDATA[Motion Graphics]]></category>

		<guid isPermaLink="false">http://ae.tutsplus.com/?p=3800</guid>
		<description><![CDATA[<img src="http://aetuts.s3.amazonaws.com/139_projection/thumb.jpg">]]></description>
			<content:encoded><![CDATA[<p>
This tutorial basically involves three things that could be useful &#8211; Use of <b>Light Projections</b> (text projected onto white solids), <b>Text Writing</b> with particular and Use of <b>Exported Camera</b> from cinema 4d. There are some good principles you can take from this example.</p>
<p><span id="more-3800"></span></p>
<h3>Requirements</h3>
<ul>
<li><b>Trapcode Particular 2</b> You can download a trial version <a href="http://www.redgiantsoftware.com/downloads/trial-versions/">here</a>.</li>
</li>
<ul>
<li><b>CS Tools</b> For Cinema 4d, you can download them <a href="http://sugarfilmproduction.com/CStools.zip">here</a>.</li>
</li>
<h3>Preview</h3>
<p>Want access to the full AE project files and assets for every tutorial on Aetuts+, including this one? <a href="http://tutsplus.com/plus-program/ae-plus/">Join Ae Plus<a/> for just $9/month. You can view the final effect preview video below. </p>
<p><embed src="http://blip.tv/play/hJ8TgamtawA" type="application/x-shockwave-flash" width="640" height="390" allowscriptaccess="always" allowfullscreen="true"></embed></p>
<div class="download">
<h2><a href="http://blip.tv/file/get/Aetutsplus-ProjectedTextPreview721.flv">Download Preview .flv</a></h2>
<p><span>File size 1.5MB</span>
</div>
<h3>Tutorial</h3>
<p><body></p>
<h2>Step 1</h2>
<p>Start by making a new composition with whatever settings you prefer. Call it <em>Main_Comp.</em></p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/139_projection/1.jpg"></div>
<h2>Step 2</h2>
<p>Next, make a new Text Layer and type in anything you want to. I&#8217;ll use Arial Black but use of other, more funky fonts can result some cool looking outcome.<br />
After that, right click onto that Text Layer and choose <strong><em>Create Masks from Text</em></strong>. At once, <em>Outlines</em> layer will be created and <em>Text Layer</em>&#8217;s visibility turned off.<br />
Save.
</p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/139_projection/2.jpg"></div>
<h2>Step 3</h2>
<p>The idea is to use those masks as paths for emitting particles. We&#8217;ll not use Null Objects but rather Lights to avoid unnecessary actions.<br />
Create a new <strong><em>Light</em></strong> leaving its <strong>Light Type</strong> to <strong>Point</strong>. Call it <em>Emitter.<br />
</em>Now, you want every letter to animate separately so you&#8217;ll need a separate emitter for each one of them. It&#8217;s 6 letters for me so obviously I&#8217;ll need 6 emitters but since letter A contains two masks I&#8217;ll create an additional one. <br />
Duplicate them and call them so the name wouldn&#8217;t reapeat except for letters that contains 2 or more masks.<br />
Save.
</p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/139_projection/3.jpg"></div>
<h2>Step 4</h2>
<p>Now select <em>AETUTS Outlines</em> layer and press <em><strong>M</strong></em> to reveal only <strong>Mask Path</strong> properties. Then highlight all the Light layers and press <strong><em>P</em></strong> to reveal their <strong>Position</strong> properties.</p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/139_projection/4.jpg"></div>
<h2>Step 5</h2>
<p>You&#8217;ll be creating <strong>Position</strong> path&#8217;s from those <strong>Mask Path</strong>&#8217;s now. To do that, just select one <strong>Mask Path</strong> and copy it by pressing <strong><em>Ctrl+C</em></strong>.<br />
Next, highligh the desired <strong>Position</strong> option and paste  by pressing<strong><em> Ctrl+V</em></strong><em></em>. Do it for every letter.<br />
After that, you can turn off the visibility of <em>AETUTS Outlines.</em> <br />
Scrub through timeline to see how they animate.<br />
Save.
</p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/139_projection/5.jpg"></div>
<h2>Step 6</h2>
<p>Further, make a new <strong>Solid</strong> (<em>A Particles)</em>and apply <em><strong>Particular</strong></em> to it.<br />
Open <strong>Emitter</strong> submenu and change <strong>Emitter Type</strong> to <em><strong>Light.</strong></em><br />
Then, open <strong>Settings</strong> and change <strong>Light name starts with</strong> under <strong>Light Emitters</strong> to <em>A</em>.<br />
This will tell particular to search any light in composition that starts with letter A and set it/them as emitters- thats why you don&#8217;t want names to repeat.<br />
In this case, <strong><em>Particular</em></strong> will set up both <em>A</em> layers as two emitters but with the same settings.<br />
Save.
</p>
<div class=”tutorial_image”>
<p><img src="http://aetuts.s3.amazonaws.com/139_projection/6.jpg"></p>
</div>
<h2>Step 7</h2>
<p>Change <strong>Veocity</strong>, <strong>Velocity Random</strong> and <strong>Velocity from Motion</strong> to <em><strong>0</strong></em>. Also <strong>Change Emitter Size</strong> <strong>X, Y</strong> and <strong>Z</strong> to<strong><em> 0</em></strong>.<br />
Scrube through timeline and you&#8217;ll notice that the animation stops in 2 seconds. To fix this, you&#8217;ll need to add this loop expression to every Light layer&#8217;s <strong>Position</strong>: <em>loopOut(type=&quot;Cycle&quot;)</em>
</p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/139_projection/7.jpg"></div>
<h2>Step 8</h2>
<p>Select<em> A Particles</em> layer and find <strong>Turbulence Field</strong> under <strong>Physics&gt;Air</strong>. Change <strong>Affect Size</strong> to <em><strong>15</strong></em> and <strong>Affect Position</strong> to <strong><em>35</em></strong>.<br />
  This will make particles to randomly move around after they&#8217;re born. <br />
Change particle <strong>Size</strong> to <strong><em>3</em></strong>.<br />
Save.
</p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/139_projection/8.jpg"></div>
<h2>Step 9</h2>
<p>Under <strong>Emitter</strong>, change <strong>Particles/sec</strong> to <em><strong>300</strong></em>. <br />
Next, duplicate <em>A Partilces</em> layer  five times and change their names accordingly to letters. Then, do the same thing with them as in Step 6 where you have to open Particular <strong>Settings</strong> and change <strong>Light name starts with</strong> to whatever emitter you need. Also, you&#8217;ll have to rename <em>T</em> layer to <em>T1</em> otherwise you may experience some glitches.<br />
Save.
</p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/139_projection/9.jpg"></div>
<h2>Step 10</h2>
<p>We have done with particle animations so now we have to add those reflection planes. Star by making a new white Solid and duplicating it as many times as needed. Then change their transformations and distribute them similarly as in screenshot. I lowered the opacity to see the text.<br />
  Save.
</p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/139_projection/10.jpg"></div>
<h2>Step 11</h2>
<p>Make all the <em>Plane</em> layers 3d as we&#8217;ll need them to move in 3d space. Solids will turn black but thats okay. Don&#8217;t forget to crank up their opacity back if neccesarry.<br />
Now, select all the Light and Particles layer and precompose them. Call the composition <em>Title.</em>
</p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/139_projection/11.jpg"></div>
<h2>Step 12</h2>
<p>Turn <em>Title</em> composition into 3d layer.<br />
Next, add a new <strong>Light</strong> with <strong>Light Type</strong> set to <strong><em>Point</em></strong> and <strong>Casts Shadows</strong> checked. <br />
Open <strong>Material Options</strong> under <em>Title</em> and triple click on <strong>Casts Shadows</strong> value to set it on <strong><em>Only</em></strong>.</p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/139_projection/12.jpg"></div>
<h2>Step 13</h2>
<p>Open <em>Title</em>&#8217;s <strong>Transform</strong> properties and change <strong>Z Position</strong> to <strong><em>-50</em></strong>. You&#8217;ll see how the <em>Light</em> projects a shadow from our <em>Title</em>.<br />
  Now you can start to arrange those solids in 3d space to make them look better. See the screenshot on how i did it.<br />
  Save.
</p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/139_projection/13.jpg"></div>
<h2>Step 14</h2>
<p>It&#8217;s time to make a camera animation but won&#8217;t be doing it inside After Effects because I want to show you an easy  technique that can turn out to be very handy in future. We&#8217;ll use Cinema 4d and object library called CStools for this matter.<br />
  If you haven&#8217;t downloaded CStools yet, do it now. <br />
  Inside Cinema 4d, go to <strong>File &gt; Open</strong>, find CStools directory and open CS_DocuCam.c4d. <br />
  <em>(If you want to integrate those tools in C4D, watch this excellent <a href="http://greyscalegorilla.com/blog/2009/04/cinema-4d-tutorial-cs-tools-part-1-3d-stroke">tutorial</a> by Grayscalegorilla&#8217;s Nick Campbell.)</em><br />
<br/>
</p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/139_projection/14.jpg"></div>
<h2>Step 15</h2>
<p>Then, create any primitive object to help you see how camera acctualy moves.<br />
Select <em>DocuCam</em> in <strong>Objects</strong> panel and see its settings under <strong>User Data</strong>.<br />
First change <strong>Base Zoom</strong> to <strong><em>20%</em></strong>, then, under <strong>Snap Zooms</strong>, set <strong>Probability</strong> to <strong><em>25%</em></strong> and <strong>Complexity</strong> under <strong>Organic Motion</strong> &#8211; to <strong><em>20%</em></strong>.
</p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/139_projection/15.jpg"></div>
<h2>Step 16</h2>
<p>Open <strong>Render Settings</strong> <strong>(Render &gt; Render Settings)</strong>. <br />
  First, go to <strong>Output</strong> and set <strong>Frame Range</strong> to <em><strong>All frames</strong></em>.<br />
  <br />
  Then, select <strong>Save</strong> and set <strong>Path</strong> for output.<br />
Open <strong>Compositing Project File</strong> pulldown. Set <strong>Target Application</strong> to <em><strong>After Effects</strong></em>, tick <strong>Include</strong> <strong>3D Data</strong> checkbox and press<strong> Save Project File&#8230;</strong><br />
Save it wherever you like.<br /> <br />
<em>Important: For this to work you have to have a Cinema 4D to After Effects plugin (If you don&#8217;t have it, open <a href="http://ae.tutsplus.com/tutorials/workflow/integrating-c4d-into-ae">this tutorial</a> and follow through Step 10)</em></p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/139_projection/16.jpg"></div>
<p> <b>Switch to After Effects.</b></p>
<h2>Step 17</h2>
<p>Now import the file you just saved to After Effects.<br />
New folder called <em>CINEMA 4D Composition</em> should be created. Open the composition in it and see that there&#8217;s a camera called <em>DocuCam.<br />
</em>Copy and paste it inside <em>Main_Comp. </em>Because of the offset, you&#8217;ll have to move every layer manualy back to necessary position.</p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/139_projection/17.jpg"></div>
<h2>Step 18</h2>
<p>To make everything look a bit better, i moved the objects closer to camera.<br />
  Next, we&#8217;ll make a floor layer. Create a new, white solid wtih size of your composition. Call it <em>Floor</em>. <br />
  Turn it into 3d layer. Using position controls, move it back to its original position.<br />
  Then, open <strong>Rotation</strong> properties and rotate <strong>X Rotation</strong> to around <strong><em>-70</em></strong> degrees. After that, grab <strong>Z axis</strong> on pivot and lower the layer so it would be located under our titles. Lastsly, scale <em>Floor</em>&#8217;s width in the lentgh of your composition. See the screenshot.
</p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/139_projection/18.jpg"></div>
<h2>Step 19</h2>
<p>Select Floor and make a mask around it by double-clicking <strong>Rectangle Tool.</strong> Change <strong>Mask Feather</strong> to <strong><em>420</em></strong> and <strong>Mask Expansion</strong> to <em><strong>-55</strong></em>.<br />
Create a new solid with comp size, call it <em>Background</em>. Put it in bottom of your layer structure. Apply <strong>Ramp</strong> effect on the layer. <br />
Leave its <strong>Start Color</strong> black but change <strong>End Color</strong> to dark grey (<strong><em>#575757</em></strong>).</p>
<div class=”tutorial_image”>
<p><img src="http://aetuts.s3.amazonaws.com/139_projection/19.jpg"></p>
</div>
<h2>Step 20</h2>
<p>To make the scene more dynamic, let&#8217;s add some expressions. Create a new <strong>Null object</strong> and call it <em>Control.</em> Add a slider to it by <strong>Effect &gt; Expression Controls&gt; Slider Control</strong>. Open <strong>Position</strong> properties for one of <em>Plane</em> layers and alt+click on the stopwatch to add expression.<br />
  Type in <em>wiggle(</em>Pick whip Slider here<em>,5) </em>It should looke like this<em> &#8211; wiggle(thisComp.layer(&quot;Control&quot;).effect(&quot;Slider Control&quot;)(&quot;Slider&quot;),5)</em><br />
  Copy&amp;paste this to<br />
  rest of <em>Plane</em> layers.<br />
  Save.<br />
  
</p>
<div class=”tutorial_image”>
<p><img src="http://aetuts.s3.amazonaws.com/139_projection/20.jpg"></p>
</div>
<h2>Step 21</h2>
<p>Go to <em>Control</em> layer and animate its slider by placing keyframe with value <strong><em>25</em></strong> on 01:10 and keyframe with value <strong><em>0</em></strong> on 02:00. <em><strong>Easy ease</strong></em> keyframes by pressing <strong>F9</strong> on them. <br />
Now, open <em>Light</em> layer&#8217;s <strong>Position</strong> properties. Set keyframes on 00:00 and 02:00. Select first keyframe and highligh <strong>Position&#8217;s X</strong> value. Add 300 pixels to it so the light would move 300 pixels to the left over those 2 seconds. <strong>Easy ease</strong> those keyframes too.
</p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/139_projection/21.jpg"></div>
<h2>Step 22</h2>
<p>Turn on the motion blur for all the layers. Create an <strong>Adjustment Layer</strong> and add <strong>Curve</strong> effect to it. Draw a contrast curve. <br />
Next, add Noise effect. Set <strong>Amount of Noise</strong> to <strong><em>5%</em></strong> and untick <strong>Use Color Noise.<br /> <br />
</strong>Open <em>Floor</em>&#8217;s <strong>Material Options</strong> and bring down <strong>Specular</strong> to<br />
<strong><em>20%</em></strong> so the floor wouldn&#8217;t reflect as much light. Also open <em>Light</em>&#8217;s <strong>Light Options</strong> and change <strong>Color</strong> to light grey (<strong><em>#B5B5B5</em></strong><em></em>).<br />
Change project&#8217;s <strong>Color Depth</strong> to <em><strong>16 bits per channel</strong></em><strong></strong> by Shift+clicking on <strong>bpc</strong> button in Project panel to stop color banding from happening.<br />
Save. You&#8217;re done.
</p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/139_projection/22.jpg"></div>
<h2>Step 23</h2>
<p>You can also project pictures this way. All you have to do, is import the image, turn it into a 3D layer and position it correctly. Then, under its <strong>Material Options</strong>, change <strong>Casts Shadows</strong> to <strong><em>Only</em></strong> and <strong>Light Transmission</strong> to <strong><em>100%.</em></strong>
</p>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/139_projection/23.jpg"></div>
<p></body><br />
</html></p>
]]></content:encoded>
			<wfw:commentRss>http://ae.tutsplus.com/tutorials/motion-graphics/use-lights-to-project-your-logo/feed/</wfw:commentRss>
		<slash:comments>27</slash:comments>
		</item>
		<item>
		<title>Map Your Destination in AE</title>
		<link>http://ae.tutsplus.com/tutorials/motion-graphics/map-your-destination-in-ae/</link>
		<comments>http://ae.tutsplus.com/tutorials/motion-graphics/map-your-destination-in-ae/#comments</comments>
		<pubDate>Wed, 14 Oct 2009 11:00:46 +0000</pubDate>
		<dc:creator>Jorrit Schulte</dc:creator>
				<category><![CDATA[Motion Graphics]]></category>

		<guid isPermaLink="false">http://ae.tutsplus.com/?p=3537</guid>
		<description><![CDATA[<img src="http://aetuts.s3.amazonaws.com/131_arrowmap/preview.jpg" alt="">]]></description>
			<content:encoded><![CDATA[<p>If you&#8217;re planning a trip and need to set up a visual location overview, you&#8217;re in luck! If you pretty much never even leave your room accept for class, work, and meals, you&#8217;re still in luck! With some expressions, good technique, and a little treasure hunting instinct, Jorrit Schulte guides us through the process of this animation journey.</p>
<p><span id="more-3537"></span></p>
<h3>Preview</h3>
<p>Want access to the full AE project files and assets for every tutorial on Aetuts+, including this one? <a href="http://tutsplus.com/plus-program/ae-plus/">Join Ae Plus<a/> for just $9/month. You can view the final effect preview video below. </p>
<p><embed src="http://blip.tv/play/hJ8TgaPsXwA" type="application/x-shockwave-flash" width="640" height="390" allowscriptaccess="always" allowfullscreen="true"></embed></p>
<div class="download">
<h2><a href="http://blip.tv/file/get/Aetutsplus-3dArrowPreview592.flv">Download Preview .flv</a></h2>
<p><span>File size 2.3MB</span>
</div>
<div class="download">
<h2><a href="http://blip.tv/file/get/Aetutsplus-3dArrowPreview950.m4v">Download iPhone Preview</a></h2>
<p><span>File size 2.5MB</span>
</div>
<h3>Tutorial</h3>
<p><embed src="http://blip.tv/play/hJ8TgaaQdgA" type="application/x-shockwave-flash" width="640" height="390" allowscriptaccess="always" allowfullscreen="true"></embed></p>
<div class="download">
<h2><a href="http://blip.tv/file/get/Aetutsplus-3dArrowTutorial113.flv">Download Tutorial .flv</a></h2>
<p><span>File size 219MB</span>
</div>
<p></p>
]]></content:encoded>
			<wfw:commentRss>http://ae.tutsplus.com/tutorials/motion-graphics/map-your-destination-in-ae/feed/</wfw:commentRss>
		<slash:comments>28</slash:comments>
		</item>
		<item>
		<title>Writing with Colored Sand</title>
		<link>http://ae.tutsplus.com/tutorials/motion-graphics/writing-with-colored-sand/</link>
		<comments>http://ae.tutsplus.com/tutorials/motion-graphics/writing-with-colored-sand/#comments</comments>
		<pubDate>Mon, 12 Oct 2009 11:00:42 +0000</pubDate>
		<dc:creator>Ganesh Narwane</dc:creator>
				<category><![CDATA[Motion Graphics]]></category>

		<guid isPermaLink="false">http://ae.tutsplus.com/?p=3467</guid>
		<description><![CDATA[<img src="http://aetuts.s3.amazonaws.com/134_sandwriter/thumb.jpg" alt="">]]></description>
			<content:encoded><![CDATA[<p>We are going to make this writing with sand sort of effect. The story behind this tutorial is; One day my manager asked me for spray or sand kind of effect. First I googled on the internet but I never found any kind of tutorial, After one hour of RnD, I came up with this effect which I felt was looking great, so I figured I would share it with you guys.</p>
<p><span id="more-3467"></span></p>
<h3>Preview</h3>
<p><strong>RSS readers:</strong> click post title to view preview video at Aetuts+.</p>
<p><embed src="http://blip.tv/play/hJ8TgaWHcwA" type="application/x-shockwave-flash" width="600" height="374" allowscriptaccess="always" allowfullscreen="true"></embed></p>
<div class="download">
<h2><a href="http://blip.tv/file/get/Aetutsplus-SandWriterPreview306.flv">Download Preview .flv</a></h2>
<p><span>File size 1.2MB</span>
</div>
<h3>Tutorial</h3>
<h2>Step 1</h2>
<p>Create a new composition, go to <b>Composition &gt; New Composition</b> rename it &#8220;Write with Sand&#8221; and <br />
and make setting as shown below.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/134_sandwriter/step_1.jpg" alt="STEP_1"></div>
<h2>Step 2</h2>
<p>Now go to <b>Layer &gt; New &gt; Solid</b> and rename it &#8220;Particle_Layer&#8221; and set up the size, color and <br />
duration as shown in illustration below.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/134_sandwriter/step_2.jpg" alt="STEP_2"></div>
<h2>Step 3</h2>
<p>Particle_Layer selected go to <b>Effect &gt; Trapcode &gt; Particular</b>.  Now we need a wall on which particles <br />
will collide and stick to it. So, we&#8217;ll make another solid, <b>Layer &gt; New &gt; Solid</b>. Rename it &#8220;Wall_Layer&#8221; <br />
and make sure the setting is matching to Solid setting dialogue as shown, and click OK.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/134_sandwriter/step_3.jpg" alt="STEP_3"></div>
<h2>Step 4</h2>
<p>Fine, now for our convenience put (drag) the &#8220;Wall_Layer&#8221; below the &#8220;Particle_Layer&#8221; and hide its <br />
visibility and turn it into 3D layer.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/134_sandwriter/step_4.jpg" alt="STEP_4"></div>
<h2>Step 5</h2>
<p>Select &#8220;Particle_Layer&#8221; and go to &#8216;Effect Control&#8217; panel &#8216;Physics&#8217; tab First change the Physics model <br />
Air to Bounce. Collapse the bounce section within the Physics tab and change the Wall layer none to <br />
Wall_Layer and &#8216;Collision Event to Stick&#8217;. Keep rest of setting as it is. </p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/134_sandwriter/step_5.jpg" alt="STEP_5"></div>
<h2>Step 6</h2>
<p>Create <b>Layer &gt; New &gt; Light</b> name it &#8220;Emitter&#8221; and keep the setting as shown in illustration down. OK, <br />
now and select the Particle_Layer and change the emitter type to &#8216;Light&#8217;. Now instead animating light <br />
position manually, we&#8217;ll use a mask path.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/134_sandwriter/step_6a.jpg" alt="STEP_6a"></div>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/134_sandwriter/step_6b.jpg" alt="STEP_6b"></div>
<h2>Step 7</h2>
<p>To create a mask path I am using AE TUTS+ logo. (For reference I downloaded the logo from site) <br /> <br />
Import logo inside the After Effects using <b>File &gt; Import &gt; File</b> and create a new composition <br /> <br />
<b>Composition &gt; New composition</b> and rename it &#8220;Logo_Mask&#8221; and make setting as shown below.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/134_sandwriter/step_7.jpg" alt="STEP_7"></div>
<h2>Step 8</h2>
<p>Drag the logo image inside the Logo_Mask composition and select logo layer inside composition <br />
timeline, select Pen tool (shortcut G) and start drawing the logo. We&#8217;ll start drawing the way how <br />
we usually write on paper. After one letter finishes, start next letter without changing mask even <br />
when there is no connectivity between the letters. Keep drawing until the logo gets finish. Here is <br />
what we&#8217;ll end up with.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/134_sandwriter/step_8a.jpg" alt="STEP_8a"></div>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/134_sandwriter/step_8b.jpg" alt="STEP_8b"></div>
<h2>Step 9</h2>
<p>OK, now our mask is ready to use. Go to &#8216;Write with Sand&#8217; composition and create a null object <br />
<b>Layer &gt; New &gt; Null Object.</b> Turn it in to 3D layer and make sure that the null object is having the <br />
same position as Emitter layer, if not select both the layer in timeline window and hit P on <br />
keyboard to reveal position properties and change the position values of emitter layer as exactly null layer. </p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/134_sandwriter/step_9.jpg" alt="STEP_9"></div>
<h2>Step 10</h2>
<p>Instead of animating our light layer we&#8217;ll link our Light to Null object. To do this drag the pick whip <br />
of Emitter layer to Null object. Now Emitter layer is connected to Null object that means if we animate <br />
null object the Emitter layer will follow exactly.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/134_sandwriter/step_10.jpg" alt="STEP_10"></div>
<h2>Step 11</h2>
<p>To animate null object using mask path, go to Logo_Mask composition, Reveal the mask properties of <br />
layer by pressing M key twice, Click on the &#8216;Mask path&#8217; and <b>Edit &gt; Copy.</b> Now again go to Write with <br />
Sand composition, Select Null object and reveal its position property (by pressing P key on keyboard) <br />
and use <b>Edit &gt; Paste.</b> </p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/134_sandwriter/step_11.jpg" alt="STEP_11"></div>
<h2>Step 12</h2>
<p>Before moving further first we&#8217;ll tweak some Particular setting. Select Particle_Layer and change the<br />
 attributes as illustrated below.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/134_sandwriter/step_12.jpg" alt="STEP_12"></div>
<h2>Step 13</h2>
<p>Now our efforts getting shape slowly! But not that strong; we need lots of particles! Instead increasing <br />
particles count we&#8217;ll increase the Physics time factor up to 10. Cool! Now it&#8217;s strong enough to see but <br />
particles are dieing before completing the logo. To fix that go to Particle section and increase the value <br />
of Life [sec] to around 100. Yes! Now we are able to see complete logo. Not smooth enough but OK. <br />
We&#8217;ll fix that weirdness in next step.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/134_sandwriter/step_13.jpg" alt="STEP_13"></div>
<h2>Step 14</h2>
<p>By pasting mask-path to null-object-position we got the keys. The total duration of keys is around 50 <br />
frames. We want it around 225 frames, to extend that, Select Null 1 layer, hit P on keybord to reveal <br />
its position properties, select all keys; now hold down Alt key and drag the last key of animation till <br />
225th frame. WOW! Very smooth!</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/134_sandwriter/step_14.jpg" alt="STEP_14"></div>
<h2>Step 15</h2>
<p>Hit 0 key for RAM preview to see what you got. We are almost there!  Fine, Now we need to cut the <br />
extra strokes than the letters and make our logo clean. Move your timeline indicator exactly when the <br />
A letter gets drawing over (In my case around on 26th frame) Select Particle_Layer and go to Emitter <br />
panel within Particular Effect and click on stopwatch to animate the Particles/sec, to reveal animated <br />
property of Particle_Layer hit U on keyboard. Hit Page Down key on keyboard to go to next frame, <br />
(frame 27th). And change the value of Particles/sec to &#8216;0&#8217;. <b>Basically what we are doing is, we&#8217;re emitting <br />
particles when only the logo letters are appear and when extra strokes are drawn we&#8217;re making the <br />
emission &#8216;0&#8217;.</b> Again go to the timeline when letter E is about to start (in my case frame 30th) and add a <br />
keyframe at current time with 0 value. Press PageDown key on keyboard to go to next frame (frame 31st) <br />
and again increase the Particles/sec value to 300. Again go to timeline where E letter gets end and set <br />
the Particles/sec value to 300. Keep doing the same thing until end. And here is final result. </p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/134_sandwriter/step_15.jpg" alt="STEP_15"></div>
<h2>Step 16</h2>
<p>Good! Logo-animation done but still some of particles needs to be fall and thickness of letters should <br />
be even more. To do that, increase the value of Gravity to 2. And what?! all particles are falling down <br />
dramatically again. Don&#8217;t worry Go to Emitter panel and change values of Velocity = 30, Velocity <br />
Random = 95 and Velocity from motion = 1. </p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/134_sandwriter/step_16.jpg" alt="STEP_16"></div>
<h2>Step 17</h2>
<p>Still result not that good enough. Particles are flying in space dramatically. To fix that select &#8216;Emitter&#8217; <br />
layer in composition timeline, hit P on keyboard to reveal the position property and adjust the Z <br />
position to something around -23. Awesome! Exactly, what we&#8217;re looking for. Try RAM preview.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/134_sandwriter/step_17.jpg" alt="STEP_17"></div>
<h2>Step 18</h2>
<p>Hey! Time to colorize, there are two ways to change the colors of particles. One is to change the <br />
&#8216;Set Color&#8217; property of Particular to &#8216;Over Life&#8217; from Particle section. And second way is &#8216;Random <br />
from Gradient&#8217; from same drop down menu. But in both the case we won&#8217;t get the color per <br />
character as well as we can&#8217;t animate the colors in particular while using light emitter.(But before <br />
moving ahead reset the &#8216;Set Color&#8217; property to &#8216;At Birth&#8217; if changed)</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/134_sandwriter/step_18.jpg" alt="STEP_18"></div>
<h2>Step 19</h2>
<p>Don&#8217;t worry! Here is the solution. Animate the light color! So go ahead and reveal the &#8216;Emitter&#8217; <br />
(light layer) properties by clicking on small triangle and again by clicking small triangle of &#8216;Light <br />
option&#8217; you&#8217;ll get &#8216;color&#8217; property. </p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/134_sandwriter/step_19.jpg" alt="STEP_19"></div>
<h2>Step 20</h2>
<p>Yes you&#8217;re right! We are going to animate the color of light according to start and end of character <br />
letters (as we animated Particles/sec value). To animate color, move your timeline indicator till &#8216;A&#8217; <br />
letter gets appeared completely and click on stopwatch of &#8216;color&#8217; property and change the color to <br />
Red. Press PageDown key and change the color of light to Green. Drag the timeline indicator till letter <br />
E will get start and add a keyframe with same green color. Press PageDown key and change the color <br />
of light to Blue. Keep doing same thing till the end and choose the colors which you like and there we are!</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/134_sandwriter/step_20.jpg" alt="STEP_20"></div>
<h2>Step 21</h2>
<p>To match look and feel with the final video preview, use the following tricks. Double click on &#8216;Emitter&#8217; <br />
(light) layer and change its intensity 100 to 250. This is good trick to increase no. of particles. Select <br />
Paticle_Layer and make following changes, Sphere feather = 100, Opacity Random = 100 and Color <br />
Random = 20.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/134_sandwriter/step_21.jpg" alt="STEP_21"></div>
<p>After completion of tutorial keep tweaking attributes and let me see if you found something intresting. <br />
Comments and suggestions are welcome. Keep visiting AE Tuts plus.com.</p>
]]></content:encoded>
			<wfw:commentRss>http://ae.tutsplus.com/tutorials/motion-graphics/writing-with-colored-sand/feed/</wfw:commentRss>
		<slash:comments>56</slash:comments>
		</item>
		<item>
		<title>Form a Unique Transition</title>
		<link>http://ae.tutsplus.com/tutorials/motion-graphics/form-a-unique-transition/</link>
		<comments>http://ae.tutsplus.com/tutorials/motion-graphics/form-a-unique-transition/#comments</comments>
		<pubDate>Mon, 28 Sep 2009 11:00:15 +0000</pubDate>
		<dc:creator>Stefan Surmabojov</dc:creator>
				<category><![CDATA[Motion Graphics]]></category>

		<guid isPermaLink="false">http://ae.tutsplus.com/?p=3219</guid>
		<description><![CDATA[<img src="http://aetuts.s3.amazonaws.com/125_formtransition/thumb.jpg" alt="">]]></description>
			<content:encoded><![CDATA[<p>In this tutorial we are going to reveal how to create a cool particle transition between 2 videos using Trapcode Form. We will cover the importance of layer maps while using this plugin as well as how to create a stylish displacement of the particles.</p>
<p><span id="more-3219"></span></p>
<p><h3>Requirements</h3>
<ul>
<li><b>Trapcode Form</b> You can download a trial version <a href="http://www.redgiantsoftware.com/downloads/trial-versions/">here</a>.</li>
</li>
<li><b>Trapcode Shine</b> (Optional) You can download a trial version <a href="http://www.redgiantsoftware.com/downloads/trial-versions/">here</a>.</li>
</li>
</ul>
<h3>Preview</h3>
<p><strong>RSS readers:</strong> click post title to view preview video at Aetuts+.</p>
<p><embed src="http://blip.tv/play/hJ8TgaCkdwA" type="application/x-shockwave-flash" width="640" height="390" allowscriptaccess="always" allowfullscreen="true"></embed></p>
<div class="download">
<h2><a href="http://blip.tv/file/get/Aetutsplus-FormTransitionPreview764.flv">Download Preview .flv</a></h2>
<p><span>File size 3.4MB</span>
</div>
<div class="download">
<h2><a href="http://blip.tv/file/get/Aetutsplus-FormTransitionPreview647.m4v">Download iPhone Preview</a></h2>
<p><span>File size 1.3MB</span>
</div>
<h3>Tutorial</h3>
<p><embed src="http://blip.tv/play/hJ8TgaCmZwA" type="application/x-shockwave-flash" width="640" height="390" allowscriptaccess="always" allowfullscreen="true"></embed></p>
<div class="download">
<h2><a href="http://blip.tv/file/get/Aetutsplus-FormTransitionTutorial525.flv">Download Tutorial .flv</a></h2>
<p><span>File size 121MB</span>
</div>
]]></content:encoded>
			<wfw:commentRss>http://ae.tutsplus.com/tutorials/motion-graphics/form-a-unique-transition/feed/</wfw:commentRss>
		<slash:comments>55</slash:comments>
		</item>
		<item>
		<title>The Best Sound You&#8217;ll Ever See!</title>
		<link>http://ae.tutsplus.com/tutorials/motion-graphics/the-best-sound-youll-ever-see/</link>
		<comments>http://ae.tutsplus.com/tutorials/motion-graphics/the-best-sound-youll-ever-see/#comments</comments>
		<pubDate>Wed, 16 Sep 2009 11:00:07 +0000</pubDate>
		<dc:creator>Satya Meka</dc:creator>
				<category><![CDATA[Motion Graphics]]></category>

		<guid isPermaLink="false">http://ae.tutsplus.com/?p=3167</guid>
		<description><![CDATA[<img src="http://aetuts.s3.amazonaws.com/122_audiospectrum/thumb.jpg" alt="">]]></description>
			<content:encoded><![CDATA[<p>Satya is back with a new tutorial that will help you look as good as you sound. This technique has many options so sit back and learn how to create an attractive visual generated from your audio spectrum.</p>
<p><span id="more-3167"></span></p>
<h3>Preview 1</h3>
<p><strong>RSS readers:</strong> click post title to view preview video at Aetuts+.</p>
<p><embed src="http://blip.tv/play/hJ8TgaCBEAA" type="application/x-shockwave-flash" width="640" height="390" allowscriptaccess="always" allowfullscreen="true"></embed></p>
<div class="download">
<h2><a href="http://blip.tv/file/get/Aetutsplus-AudioSpectrumPreview1275.flv">Download Preview .flv</a></h2>
<p><span>File size 8.6MB</span>
</div>
<div class="download">
<h2><a href="http://blip.tv/file/get/Aetutsplus-AudioSpectrumPreview1309.m4v">Download iPhone Preview</a></h2>
<p><span>File size 8.6MB</span>
</div>
<h3>Preview 2</h3>
<p><strong>RSS readers:</strong> click post title to view preview video at Aetuts+.</p>
<p><embed src="http://blip.tv/play/hJ8TgaCAIgA" type="application/x-shockwave-flash" width="640" height="390" allowscriptaccess="always" allowfullscreen="true"></embed></p>
<div class="download">
<h2><a href="http://blip.tv/file/get/Aetutsplus-AudioSpectrumPreview2222.flv">Download Preview .flv</a></h2>
<p><span>File size 14MB</span>
</div>
<div class="download">
<h2><a href="http://blip.tv/file/get/Aetutsplus-AudioSpectrumPreview2681.m4v">Download iPhone Preview</a></h2>
<p><span>File size 14.6MB</span>
</div>
<h3>Tutorial</h3>
<p><embed src="http://blip.tv/play/hJ8TgaCATwA" type="application/x-shockwave-flash" width="640" height="390" allowscriptaccess="always" allowfullscreen="true"></embed></p>
<div class="download">
<h2><a href="http://blip.tv/file/get/Aetutsplus-AudioSpectrumTutorial509.flv">Download Tutorial .flv</a></h2>
<p><span>File size 91.1MB</span>
</div>
]]></content:encoded>
			<wfw:commentRss>http://ae.tutsplus.com/tutorials/motion-graphics/the-best-sound-youll-ever-see/feed/</wfw:commentRss>
		<slash:comments>102</slash:comments>
		</item>
		<item>
		<title>How to Make Paper People</title>
		<link>http://ae.tutsplus.com/tutorials/motion-graphics/how-to-make-paper-people/</link>
		<comments>http://ae.tutsplus.com/tutorials/motion-graphics/how-to-make-paper-people/#comments</comments>
		<pubDate>Thu, 10 Sep 2009 16:04:18 +0000</pubDate>
		<dc:creator>Brandon Ray</dc:creator>
				<category><![CDATA[Motion Graphics]]></category>

		<guid isPermaLink="false">http://ae.tutsplus.com/?p=3111</guid>
		<description><![CDATA[<img src="http://aetuts.s3.amazonaws.com/119_paperpeople/thumb.jpg" alt="">]]></description>
			<content:encoded><![CDATA[<p>Stop-motion animation using paper cut-outs can take quite a bit of time to produce&#8230; unless you use The Paper People effect!  This technique gives you similar results in a fraction of the time.  With the use of a current version of AE, you&#8217;ll use the wiggle expression, hold keyframes, and the puppet tool to emulate the classic look of a beloved form of traditional animation.</p>
<p><span id="more-3111"></span></p>
<h3>Preview</h3>
<p><strong>RSS readers:</strong> click post title to view preview video at Aetuts+.</p>
<p><embed src="http://blip.tv/play/hJ8TgZ%2BMDgA" type="application/x-shockwave-flash" width="640" height="390" allowscriptaccess="always" allowfullscreen="true"></embed></p>
<div class="download">
<h2><a href="http://blip.tv/file/get/Aetutsplus-PaperPeoplePreview521.flv">Download Preview .flv</a></h2>
<p><span>File size 1.9MB</span>
</div>
<div class="download">
<h2><a href="http://blip.tv/file/get/Aetutsplus-PaperPeoplePreview618.m4v">Download iPhone Preview</a></h2>
<p><span>File size 2MB</span>
</div>
<h3>Tutorial</h3>
<p><embed src="http://blip.tv/play/hJ8TgZ%2BMbgA" type="application/x-shockwave-flash" width="640" height="390" allowscriptaccess="always" allowfullscreen="true"></embed></p>
<div class="download">
<h2><a href="http://blip.tv/file/get/Aetutsplus-PaperPeopleTutorial654.flv">Download Tutorial .flv</a></h2>
<p><span>File size 231MB</span>
</div>
]]></content:encoded>
			<wfw:commentRss>http://ae.tutsplus.com/tutorials/motion-graphics/how-to-make-paper-people/feed/</wfw:commentRss>
		<slash:comments>37</slash:comments>
		</item>
		<item>
		<title>Animate Your Logo Into Characters</title>
		<link>http://ae.tutsplus.com/tutorials/motion-graphics/animate-your-logo-into-characters/</link>
		<comments>http://ae.tutsplus.com/tutorials/motion-graphics/animate-your-logo-into-characters/#comments</comments>
		<pubDate>Wed, 02 Sep 2009 11:00:15 +0000</pubDate>
		<dc:creator>Chaithanya Y</dc:creator>
				<category><![CDATA[Motion Graphics]]></category>

		<guid isPermaLink="false">http://ae.tutsplus.com/?p=2965</guid>
		<description><![CDATA[<img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/preview.png" alt="">]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, we will learn some of the cool new features introduced in Trapcode Particular v2.0. Inspiration for this tutorial is from the logo reveal of the Digital Domain Animation Company. It may not be as good as that (since it had been done completely using a 3d software), but I thought to give it a try in After Effects.</p>
<p><span id="more-2965"></span></p>
<h3>Requirements</h3>
<ul>
<li><b>Trapcode Particular 2</b> You can download a trial version <a href="http://www.redgiantsoftware.com/downloads/trial-versions/">here</a>.</li>
</li>
<h3>Preview</h3>
<p><strong>RSS readers:</strong> click post title to view preview video at Aetuts+.</p>
<p><embed src="http://blip.tv/play/hJ8TgZyTDQA" type="application/x-shockwave-flash" width="640" height="390" allowscriptaccess="always" allowfullscreen="true"></embed></p>
<div class="download">
<h2><a href="http://blip.tv/file/get/Aetutsplus-CharacterParticlesPreview219.flv">Download Preview .flv</a></h2>
<p><span>File size 1MB</span>
</div>
<div class="download">
<h2><a href="http://blip.tv/file/get/Aetutsplus-CharacterParticlesPreview737.m4v">Download iPhone Preview</a></h2>
<p><span>File size 1.7MB</span>
</div>
<h3>Tutorial</h3>
<h2>Step 1</h2>
<p>Create a new composition named &quot;Logo&quot; with these settings. It is in this composition that we place our logo.</p>
<p>Place the logo in the composition and adjust the size of the logo to fit.</p>
</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image001.png" alt="AE TUTS" width="516" height="473" /></div>
<h2>Step 2</h2>
<p>Create a new composition with the same settings as of the original composition &#8216;Logo&#8217;. Place the original logo composition into this layer.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image002.jpg" alt="" width="521" height="476" /></div>
<h2>Step 3</h2>
<p>Take a white solid with the same comp size and place it above the logo layer in the composition.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image003.png" alt="" width="420" height="414" /></div>
<h2>Step 4</h2>
<p>Add &quot;Fractal Noise&quot; effect to the Solid and change the settings of the Effect. We do this in order to get a texture for the logo before emitting the particles from it.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image004.png" alt="" width="304" height="300" /></div>
<h2>Step 5</h2>
<p>Change the track matte options of the logo layer to &quot;Luma&quot;, which gives out this effect.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image005.png" alt="" width="453" height="122" /></div>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image005_1.png" alt="" width="403" height="157" /></div>
<h2>Step 6</h2>
<p>Make a new composition for the particle layer choosing the settings as below.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image006.png" alt="" width="518" height="475" /></div>
<h2>Step 7</h2>
<p>Using text tool, write &quot;0&quot; in a layer and reduce the time line to one frame. Using text tool again write &quot;1&quot; in other layer and reduce the time line of it to one frame. Arrange the two layers in sequence.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image007.png" alt="" width="576" height="345" /></div>
<h2>Step 8</h2>
<p>Add a gradient to both the layers along with a drop shadow. In the Ramp effect choose the preset as Vignette lighting and slightly modify the gray levels. Have a smooth drop shodow. Duplicate the same effect for the &quot;1&quot; text later as well.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image008.png" alt="" width="308" height="343" /></div>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image008_1.png" alt="" width="211" height="389" /></div>
<h2>Step 9</h2>
<p>Now we head for the main composition. Make a new composition with the settings. I have used a preset &quot; NTSC D1 Widescreen Square Pixel &quot; with frame rate as 29.97, but you can choose what ever you want.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image009.png" alt="" width="519" height="477" /></div>
<h2>Step 10</h2>
<p>Drop all the comps, Logo, Logo Gradient and Particle into the main comp. Hide the Logo Gradient and Particle layers and enable 3d for the Logo Gradient.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image010.png" alt="" width="404" height="145" /></div>
<h2>Step 11</h2>
<p>Now we go back to the Layer gradient composition and add 2 Linear Wipe effects to the &quot;Logo&quot; layer in it. Now we change these settings such that only a part of logo is visible. Change the angle of transition as given and key frame the effect at 2 sec.(0:00:02:00) as follows.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image011.png" alt="" width="309" height="251" /></div>
<h2>Step 12</h2>
<p>Now move the slider to 4 sec. (0:00:04:00) and change the transition to 100% and 0% respectively.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image012.png" alt="" width="308" height="260" /></div>
<h2>Step 13</h2>
<p>Now what we have in the time line is something like this.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image013.png" alt="" width="594" height="187" /></div>
</p>
<p>Select the both the keyframes of the first linear wipe effect and move it a little left.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image013_1.png" alt="" width="588" height="98" /></div>
</p>
<p>If you see, the resultant of this would be an effect like this.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image013_2.png" alt="" width="440" height="208" /></div>
</p>
<p>If needed you can give some feather to the Linear wipe effect for smoothness.</p>
<h2>Step 14</h2>
<p>Now we go back to the main comp. Make a new solid &quot;Particular&quot; and add effect Tracode Particular v2 to the solid.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image014.png" alt="" width="421" height="417" /></div>
<h2>Step 15</h2>
<p>Change the emitter settings of the particular. We should have more number of particles flying so we give 50,000 as articles/sec , if needed we can increase this as well. Change the emitter type as &#8216;Layer&#8217; and in the layer emitter settings, select the layer as &quot;Logo Gradient&quot; and Layer sampling as &quot; Particle Birth Time&quot; ( This is very necessary step). Change the Layer RGB Usage as &quot;None&quot; since we wont be needing that as we have already have our custom particles.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image015.png" alt="" width="295" height="393" /></div>
<h2>Step 16</h2>
<p>We go to particle menu and change the Life of the particle to 6 sec. The rest of the settings in the particle menu can be done later since it will be difficult to work and edit, if we change the particle type right now. So we leave it at the end.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image016.png" alt="" width="299" height="82" /></div>
<h2>Step 17</h2>
<p>We move to the Physics properties of the Particular layer and change the wind in Z direction and -150, so as to make the particles come towards the screen.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image017.png" alt="" width="307" height="241" /></div>
</p>
<p>We also give a little Turbulence to the particle so that they dont seem to be stationery.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image017_1.png" alt="" width="307" height="71" /></div>
</p>
<h2>Step 18</h2>
<p>Now, we create a new camera with settings as of preset &quot;35 mm&quot;.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image018.png" alt="" width="583" height="417" /></div>
<h2>Step 19</h2>
<p>One of the new things introduced in the version 2 of Trapcode Particular is the &quot; World Transform&quot;. This is a very good way to rotate or move the particles without actually moving the camera. Since this only moves/rotates the particles all the other elements in the scene are not affected, which is quite helpful sometimes, as of in this case. We animate the Z rotation using the World transform but not by the camera since this will also rotate the 3d layer(Layer Gradient) that the particles are emitted from.</p>
<p>Keyframe the Z rotation at 2 Sec(00:00:02:00) as 0 degrees and at 6sec(00:00:06:00) as 90 degrees.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image019.png" alt="" width="256" height="152" /></div>
</p>
<p>Since the rotation starts from 2 Sec., we need to adjust the rotation. I use graph editor since this allows to edit the values easily and I can approximate the value at any time. The graph clearly shows that for a long time between 2 &#8211; 4 sec the value of incrementation is quite slow, but as we see their is an increase in the value and doesnt abruptly go a higher value, this ensures smooth motion.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image019_1.png" alt="" width="384" height="251" /></div>
<h2>Step 20</h2>
<p>We will adjust the revealtion of the logo layer. Use the linear wipe effect and adjust its settings as below.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image020.png" alt="" width="339" height="132" /></div>
</p>
<p>At 2 sec (00;00;02;00) Transition completion is 0% while at 4 sec(00;00;04;00) its 100%.</p>
<p>Also turn on visiblity of Logo Gradient Layer.</p>
<h2>Step 21</h2>
<p>Second best thing introduced in the new particular is the Shading properties for the particles. For this we make a new light. Change the settings of light as shown and name the light as &quot;Shadow&quot;. Give the color, something from the logo.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image021.png" alt="" width="371" height="412" /></div>
<h2>Step 22</h2>
<p>Go to the particular layer and switch on the shading properties of the particles.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image022.png" alt="" width="335" height="234" /></div>
</p>
<p>Increase the ambient light a little to make the particles appear from the background. You get an effect like this if you move your timeline.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image022_1.png" alt="" width="307" height="241" /></div>
</p>
<h2>Step 23</h2>
<p>Now, the best thing introduced in the new particular is the new Particle type layer. We now go back to the particle properties of the particular. Change the particle type as Textured polygon. Change the texture layer as &quot;Particle&quot; layer and Time sampling as &quot;Random &#8211; Still Frame&quot;. In the rotation properties switch on the orient to motion and also increase the random rotation and random speed rotation values. Change the size settings and opactity settings as shown.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image023.png" alt="" width="377" height="261" /></div>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image023_1.png" alt="" width="378" height="189" /></div>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image023_2.png" alt="" width="384" height="356" /></div>
<h2>Step 24</h2>
<p>Change the settings of the shading properties of the particular as follows in order to make the particles visible.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image024.png" alt="" width="369" height="226" /></div>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image024_1.png" alt="" width="431" height="252" /></div>
<h2>Step 25</h2>
<p>Create a background for the animation. Take a new black solid with the same settings as comp and place it below all the layers. Use ramp effect to give some gradient background. </p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image025.png" alt="" width="389" height="160" /></div>
<h2>Step 26</h2>
<p>Lastly, Switch on the Depth of field for the camera and adjust the focal length and aperture settings.</p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image026.png" alt="" width="326" height="119" /></div>
</p>
<p>If you want a logo reveal, just put the precompose the Main comp and &quot;Time reverse&quot; it. </p>
<div class="tutorial_image"><img src="http://aetuts.s3.amazonaws.com/115_particlecharacters/tutorial_clip_image026_2.png" alt="" width="598" height="502" /></div>
]]></content:encoded>
			<wfw:commentRss>http://ae.tutsplus.com/tutorials/motion-graphics/animate-your-logo-into-characters/feed/</wfw:commentRss>
		<slash:comments>90</slash:comments>
		</item>
		<item>
		<title>Learn to Make a Custom 3D Wall Text Reveal</title>
		<link>http://ae.tutsplus.com/tutorials/motion-graphics/lear-to-make-a-custom-3d-wall-text-reveal/</link>
		<comments>http://ae.tutsplus.com/tutorials/motion-graphics/lear-to-make-a-custom-3d-wall-text-reveal/#comments</comments>
		<pubDate>Fri, 28 Aug 2009 11:00:08 +0000</pubDate>
		<dc:creator>Roman Komurka</dc:creator>
				<category><![CDATA[Motion Graphics]]></category>

		<guid isPermaLink="false">http://ae.tutsplus.com/?p=2868</guid>
		<description><![CDATA[<img src="http://aetuts.s3.amazonaws.com/106_3dwall/preview.jpg" alt="">]]></description>
			<content:encoded><![CDATA[<p>
Using basic AE tools and some expressions you will learn how to create this 3D wall made of custom shapes and a  nice laser beam to reveal your text.
</p>
<p><span id="more-2868"></span></p>
<h3>Preview</h3>
<p><strong>RSS readers:</strong> click post title to view preview video at Aetuts+.</p>
<p><embed src="http://blip.tv/play/g8NOgZn2bAA" type="application/x-shockwave-flash" width="640" height="390" allowscriptaccess="always" allowfullscreen="true"></embed></p>
<div class="download">
<h2><a href="http://blip.tv/file/get/Aetutsplus-3dWallTutorial519.flv">Download Preview .flv</a></h2>
<p><span>File size 1.6MB</span>
</div>
<div class="download">
<h2><a href="http://blip.tv/file/get/Aetutsplus-3dWallTutorial138.m4v">Download iPhone Preview</a></h2>
<p><span>File size 1.7MB</span>
</div>
<h3>Tutorial</h3>
<h2>
  Step 1<br />
</h2>
<p>
Create a new composition by clicking on Composition->New composition. Name it &#8220;line&#8221;, set width to 600, height to 30, pixel aspect ratio to &#8220;square pixels&#8221;, frame rate to 25 and make it 15 seconds long.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/1.jpg" alt=""></div>
</div>
<h2>
  Step 2<br />
</h2>
<p>
In this step we will be creating a base shape from which our 3D wall will be consisting of. You can of course choose any shape you want or even some text. It&#8217;s pretty much up to you. I want my 3D wall to consist of rectangles and in order to do that create a new Solid by clicking on Layer->New->Solid. Make it white, Name it &#8220;field&#8221; and set its width to 60, height to 30.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/2.jpg" alt=""></div>
</div>
<h2>
  Step 3<br />
</h2>
<p>
Create new rectangular mask by double-clicking on Rectangular Mask Tool.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/3.jpg" alt=""></div>
</div>
<h2>
  Step 4<br />
</h2>
<p>
Select the Field layer, press double M and change Mask Expansion to -4 px.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/4.jpg" alt=""></div>
</div>
<h2>
  Step 5<br />
</h2>
<p>
Apply the Bevel Aplha effect by clicking on Effects->Perspective->Bevel Alpha.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/5.jpg" alt=""></div>
</div>
<h2>
  Step 6<br />
</h2>
<p>
Change the Light Angle property to &#8220;-35°&#8221; and Light Intensity to &#8220;0,55&#8243;.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/6.jpg" alt=""></div>
</div>
<h2>
  Step 7<br />
</h2>
<p>
Now we need to fill the entire composition by our shapes. Of course we could make 10 copies and change their position manually, but imagine how boring that would be if we had 100 copies. To make this easier just change the position of our Field to [30,15] by selecting the layer and hitting the letter P so it&#8217;s at the very left of our composition. Now  Alt-click on the stopwatch next to &#8220;Position&#8221; to add an expression that will take care of positioning after we make another copies of this layer. Type the following into the expression area:</p>
<p>x=transform.position[0]+(index-1)*60;<br />
y=transform.position[1];<br />
[x,y]</p>
<p>Now what does this expression do? In order to calculate the position of our all Field layers we need to know their current position and how many layers there is and that&#8217;s exactly what &#8220;Index&#8221; does. It&#8217;s index of the layer and we can use it to offset the layer position by certain amount of pixels. Our Field layer is 60 pixels wide, thus the offset is 60px. But since we don&#8217;t want the first layer to be offset, we need to decrease the layer index &#8211; &#8220;(index-1)&#8221; should do the job. Now we only need to multiply the decreased layer index by our offset (60px) and add it to the X position.</p>
<p>Since there&#8217;s only room for one line of our elements, the Y position will stay the same.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/7.jpg" alt=""></div>
</div>
<h2>
  Step 8<br />
</h2>
<p>
We will also want our layer to fade in, but don&#8217;t forget that we are going to make another 9 copies, thus simple animating the Opacity property wouldn&#8217;t be enough as all layers would fade in at the same time and we of course don&#8217;t want that. Let&#8217;s use simple expression to let the layers kind of randomly fade in. Click on the Field layer, press &#8220;T&#8221; to reveal the Opacity property and set it to &#8220;0&#8243;. Alt-Click on the Stopwatch and type the following into the expression box:</p>
<p>tm = timeToFrames();<br />
rnd = wiggle(0,50)+20;<br />
(tm-rnd)*10</p>
<p>TimeToFrames is pretty self-explanatory &#8211; it converts time to frames.<br />
wiggle(0,50)+20 will generate just one number (due to the &#8220;0&#8243;) in an interval of 0-50. But I don&#8217;t like the fact that it it could generate &#8220;0&#8243; or any other low number, so let&#8217;s just increment the randomly generated number (rnd variable) by &#8220;20&#8243;.</p>
<p>Now we are kind of set &#8211; the layer is slowly fading in and it&#8217;s offset a bit so it doesn&#8217;t start immediatelly. But I don&#8217;t want to wait 100 frames (1 frame = 1%) to fade the layer in so let&#8217;s multiply the whole thing by &#8220;10&#8243; &#8211; this will speed up the animation 10 times.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/8.jpg" alt=""></div>
</div>
<h2>
  Step 9<br />
</h2>
<p>
Select the Field layer and press Ctrl-D 9 times to duplicate the layer. All layers should be lined up perfectly thanks to the expression we applied in Step 7.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/9.jpg" alt=""></div>
</div>
<h2>
  Step 10<br />
</h2>
<p>
Create a new composition by clicking on Composition->New composition. Name it &#8220;fields&#8221;, set width to 600, height to 300, pixel aspect ratio to &#8220;square pixels&#8221;, frame rate to 25 and make it 15 seconds long.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/10.jpg" alt=""></div>
</div>
<h2>
  Step 11<br />
</h2>
<p>
Put the Line composition into the Fields composition.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/11.jpg" alt=""></div>
</div>
<h2>
  Step 12<br />
</h2>
<p>
Now we are going to do Step 7 again, except we are going to apply an expression that will take care of position on the Y axis, not X. I&#8217;m not going to explain the idea again, it&#8217;s all written in Step 7. To make sure that the layers will be lined up perfectly after we make some copies of them just change the position of our Line layer to [300,15] by selecting the layer and pressing the letter P so it&#8217;s at the top of our composition. Now Alt-click on the stopwatch next to &#8220;Position&#8221; to add an expression. Type the following into the expression area:</p>
<p>x=transform.position[0];<br />
y=transform.position[1]+(index-1)*30;<br />
[x,y]</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/12.jpg" alt=""></div>
</div>
<h2>
  Step 13<br />
</h2>
<p>
Make 9 copies of the Line layer by selecting it and pressing Ctrl-D 9 times.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/13.jpg" alt=""></div>
</div>
<h2>
  Step 14<br />
</h2>
<p>
Randomly offset the layers so they don&#8217;t start at the same time.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/14.jpg" alt=""></div>
</div>
<h2>
  Step 15<br />
</h2>
<p>
Create a new composition by clicking on Composition->New composition. Name it &#8220;fields big&#8221;, set width to 1920, height to 1080, pixel aspect ratio to &#8220;square pixels&#8221;, frame rate to 25 and make it 15 seconds long.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/15.jpg" alt=""></div>
</div>
<h2>
  Step 16<br />
</h2>
<p>
Put the Fields composition into the Fields big composition.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/16.jpg" alt=""></div>
</div>
<h2>
  Step 17<br />
</h2>
<p>
Select the layer and apply the CC RepeTile effect by clicking on Effect->Stylize->CC RepeTile.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/17.jpg" alt=""></div>
</div>
<h2>
  Step 18<br />
</h2>
<p>
Set Expand Right to &#8220;660&#8243;, Expand Left to &#8220;660&#8243;, Expand Down to &#8220;400&#8243;, Expand Up to &#8220;400&#8243; and Tiling to &#8220;Checker 180°&#8221;.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/18.jpg" alt=""></div>
</div>
<h2>
  Step 19<br />
</h2>
<p>
Create a new composition by clicking on Composition->New composition. Name it &#8220;Element&#8221;, set width to 1920, height to 1080, pixel aspect ratio to &#8220;square pixels&#8221;, frame rate to 25 and make it 15 seconds long.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/19.jpg" alt=""></div>
</div>
<h2>
  Step 20<br />
</h2>
<p>
In this step we are going to create our element which we want to be revealed by the laser. Make sure that there&#8217;s no background and the element is white as this composition will be used as alpha track matte. There&#8217;s of course a lot of ways to create our element and it pretty much depends on what you want/need. Since my element is plain text I&#8217;m going to use the Horizontal Type Tool.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/20.jpg" alt=""></div>
</div>
<h2>
  Step 21<br />
</h2>
<p>
Create a new text layer and type &#8220;ae tuts&#8221;. I&#8217;m using Verdana, font size 310px and make it bold.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/21.jpg" alt=""></div>
</div>
<h2>
  Step 22<br />
</h2>
<p>
Let&#8217;s create a transition which will be slowly revealing our text. So create a new composition by clicking on Composition->New composition. Name it &#8220;transition&#8221;, set width to 1920, height to 1080, pixel aspect ratio to &#8220;square pixels&#8221;, frame rate to 25 and make it 15 seconds long.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/22.jpg" alt=""></div>
</div>
<h2>
  Step 23<br />
</h2>
<p>
Create a new Solid by clicking on Layer->New->Solid.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/23.jpg" alt=""></div>
</div>
<h2>
  Step 24<br />
</h2>
<p>
Make sure it&#8217;s white and comp size.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/24.jpg" alt=""></div>
</div>
<h2>
  Step 25<br />
</h2>
<p>
Apply Linear wipe effect by selecting the layer and clicking Effect->Transition->Linear wipe.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/25.jpg" alt=""></div>
</div>
<h2>
  Step 26<br />
</h2>
<p>
Set Wipe Angle to 90° and Feather to 300</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/26.jpg" alt=""></div>
</div>
<h2>
  Step 27<br />
</h2>
<p>
Now let&#8217;s animate the Transition Completion. At 00:00 create a keyframe and set it to 0%. Go to 04:00, create another keyframe and set it to 100%.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/27.jpg" alt=""></div>
</div>
<h2>
  Step 28<br />
</h2>
<p>
With the layer selected click on Effect->Color Correction->Colorama to apply the effect.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/28.jpg" alt=""></div>
</div>
<h2>
  Step 29<br />
</h2>
<p>
In the Input Phase section set Get Phase From to Aplha and In the Modify section tick &#8220;Modify Alpha&#8221; and &#8220;Change Empty Pixels&#8221;.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/29.jpg" alt=""></div>
</div>
<h2>
  Step 30<br />
</h2>
<p>
In the Output Phase section select the Ramp Grey preset.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/30.jpg" alt=""></div>
</div>
<h2>
  Step 31<br />
</h2>
<p>
Click on the circle and add another black point.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/31.jpg" alt=""></div>
</div>
<h2>
  Step 32<br />
</h2>
<p>
Adjust the slider so it looks like on the picture.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/32.jpg" alt=""></div>
</div>
<h2>
  Step 33<br />
</h2>
<p>
Create a new Solid by clicking Layer->New->Solid.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/33.jpg" alt=""></div>
</div>
<h2>
  Step 34<br />
</h2>
<p>
Make it comp size and call it fractal.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/34.jpg" alt=""></div>
</div>
<h2>
  Step 35<br />
</h2>
<p>
With the fractal layer selected click on Effect->Noise &#038; Grain->Fractal Noise.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/35.jpg" alt=""></div>
</div>
<h2>
  Step 36<br />
</h2>
<p>
Set Fractal Type to &#8220;Swirly&#8221;, Noise Type to &#8220;Soft Linear&#8221;, Contract to &#8220;150&#8243; and Brightness to &#8220;-40&#8243;.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/36.jpg" alt=""></div>
</div>
<h2>
  Step 37<br />
</h2>
<p>
Select the fractal layer, right click on it and set the Blending Mode to Color Dodge.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/37.jpg" alt=""></div>
</div>
<h2>
  Step 38<br />
</h2>
<p>
Create a new Adjustment Layer by clicking on Layer->New->Adjustment Layer.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/38.jpg" alt=""></div>
</div>
<h2>
  Step 39<br />
</h2>
<p>
With the Adjustment layer selected click on Effect->Color Correction->Colorama to apply the effect.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/39.jpg" alt=""></div>
</div>
<h2>
  Step 40<br />
</h2>
<p>
In the Output Phase section select the Ramp Grey preset.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/40.jpg" alt=""></div>
</div>
<h2>
  Step 41<br />
</h2>
<p>
Click on the circle to add one black and one white point.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/41.jpg" alt=""></div>
</div>
<h2>
  Step 42<br />
</h2>
<p>
Adjust them so the circle is nearly 100% black and looks like on the picture.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/42.jpg" alt=""></div>
</div>
<h2>
  Step 43<br />
</h2>
<p>
Put the Transition composition into the Element composition (above the text layer) and make it start at 03:00.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/43.jpg" alt=""></div>
</div>
<h2>
  Step 44<br />
</h2>
<p>
Set track matte of the text layer to &#8220;Luma Inverted Matte&#8221;.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/44.jpg" alt=""></div>
</div>
<h2>
  Step 45<br />
</h2>
<p>
Create a new composition by clicking on Composition->New composition. Name it &#8220;wall&#8221;, set width to 1920, height to 1080, pixel aspect ratio to &#8220;square pixels&#8221;, frame rate to 25 and make it 15 seconds long.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/45.jpg" alt=""></div>
</div>
<h2>
  Step 46<br />
</h2>
<p>
Put &#8220;Element&#8221; and &#8220;fields big&#8221; composition into the Wall composition.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/46.jpg" alt=""></div>
</div>
<h2>
  Step 47<br />
</h2>
<p>
Select the Element layer, go to 03:00 and press Ctrl+Shift+D to split the layer. Select the middle layer (the Element layer that is active from 00:00 to 03:00) and delete it.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/47.jpg" alt=""></div>
</div>
<h2>
  Step 48<br />
</h2>
<p>
Set track matte of the &#8220;fields big&#8221; layer to &#8220;Luma Inverted Matte&#8221;.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/48.jpg" alt=""></div>
</div>
<h2>
  Step 49<br />
</h2>
<p>
Select the &#8220;fields big&#8221; layer and click on Effect->Noise &#038; Grain->Fractal noise.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/49.jpg" alt=""></div>
</div>
<h2>
  Step 50<br />
</h2>
<p>
Set Fractal Type to &#8220;Turbulent Smooth&#8221;, Noise Type to &#8220;Soft Linear&#8221;, Contrast to &#8220;120&#8243; and Brightness to &#8220;-20&#8243;.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/50.jpg" alt=""></div>
</div>
<h2>
  Step 51<br />
</h2>
<p>
Click on the Evolution stopwatch and type &#8220;time*200&#8243; into the expression box.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/51.jpg" alt=""></div>
</div>
<h2>
  Step 52<br />
</h2>
<p>
Select the &#8220;fields big&#8221; layer and click on Effect->Stylize->Glow.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/52.jpg" alt=""></div>
</div>
<h2>
  Step 53<br />
</h2>
<p>
Set Glow Based On to &#8220;Alpha channel&#8221;, Glow Threshold to 70%, Glow Radius to &#8220;3&#8243;.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/53.jpg" alt=""></div>
</div>
<h2>
  Step 54<br />
</h2>
<p>
Select the &#8220;fields big&#8221; layer and click on Effect->Color Correction->Curves.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/54.jpg" alt=""></div>
</div>
<h2>
  Step 55<br />
</h2>
<p>
Create an S-shape to give our wall nice contrast.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/55.jpg" alt=""></div>
</div>
<h2>
  Step 56<br />
</h2>
<p>
Select the &#8220;fields big&#8221; layer and click on Effect->Stylize->Roughen Edges.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/56.jpg" alt=""></div>
</div>
<h2>
  Step 57<br />
</h2>
<p>
Set Edge Type to &#8220;Roughen&#8221;, Border to &#8220;4&#8243;, Alt+Click on Evolution stopwatch and type &#8220;time*200&#8243; into the expression box.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/57.jpg" alt=""></div>
</div>
<h2>
  Step 58<br />
</h2>
<p>
Create a new Adjustment Layer by clicking on Layer->New->Adjustment Layer.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/58.jpg" alt=""></div>
</div>
<h2>
  Step 59<br />
</h2>
<p>
Select the &#8220;fields big&#8221; layer and click on Effect->Color Correction->Hue/Saturation.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/59.jpg" alt=""></div>
</div>
<h2>
  Step 60<br />
</h2>
<p>
Select the &#8220;fields big&#8221; layer and click on Effect->Color Correction->Tint.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/60.jpg" alt=""></div>
</div>
<h2>
  Step 61<br />
</h2>
<p>
In Hue/Saturation section turn &#8220;Colorize&#8221; On, set Colorize Hue to 212°. Go to 03:00, set keyframe for Colorize Saturation and set it to 50, set keyframe for Colorize Lightness and set it to 0. Go to Tint section, set keyframe for Amount to Tint and set it to 0%. </p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/61.jpg" alt=""></div>
</div>
<h2>
  Step 62<br />
</h2>
<p>
Go to 06:00 and in Hue/Saturation section set Colorize Saturation to 25 and Colorize Lightness to -40. In Tint section set Amount to Tint to 20%.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/62.jpg" alt=""></div>
</div>
<h2>
  Step 63<br />
</h2>
<p>
Select the Adjustment Layer and apply Curves effect by clicking on Effect->Color Correction->Curves.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/63.jpg" alt=""></div>
</div>
<h2>
  Step 64<br />
</h2>
<p>
Darken the Wall by setting the Curves effect like on the picture.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/64.jpg" alt=""></div>
</div>
<h2>
  Step 65<br />
</h2>
<p>
Create a new composition by clicking on Composition->New composition. Name it &#8220;Element 2&#8243;, set width to 1920, height to 1080, pixel aspect ratio to &#8220;square pixels&#8221;, frame rate to 25 and make it 15 seconds long.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/65.jpg" alt=""></div>
</div>
<h2>
  Step 66<br />
</h2>
<p>
Go to the Wall composition, select &#8220;Element&#8221; and &#8220;fields big&#8221; and copy them by clicking on Edit->Copy.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/66.jpg" alt=""></div>
</div>
<h2>
  Step 67<br />
</h2>
<p>
Go to the Element 2 composition and paste the layers we&#8217;ve just copied by by clicking on Edit->Paste.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/67.jpg" alt=""></div>
</div>
<h2>
  Step 68<br />
</h2>
<p>
Set Track Matte of the &#8220;fields big&#8221; layer to &#8220;Luma Matte&#8221;.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/68.jpg" alt=""></div>
</div>
<h2>
  Step 69<br />
</h2>
<p>
Select &#8220;Element&#8221; and &#8220;fields big&#8221; and click on Layer->Pre-compose.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/69.jpg" alt=""></div>
</div>
<h2>
  Step 70<br />
</h2>
<p>
Name the new composition &#8220;Element Pre-comp&#8221;, tick &#8220;Move all atributes into the new composition&#8221; and hit OK.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/70.jpg" alt=""></div>
</div>
<h2>
  Step 71<br />
</h2>
<p>
With the &#8220;Element Pre-comp&#8221; layer selected go to Effect->Color Correction->Hue/Saturation and apply the effect.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/71.jpg" alt=""></div>
</div>
<h2>
  Step 72<br />
</h2>
<p>
With the &#8220;Element Pre-comp&#8221; layer selected go to Effect->Color Correction->Curves and apply the effect.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/72.jpg" alt=""></div>
</div>
<h2>
  Step 73<br />
</h2>
<p>
With the &#8220;Element Pre-comp&#8221; layer selected go to Effect->Stylize->Glow and apply the effect.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/73.jpg" alt=""></div>
</div>
<h2>
  Step 74<br />
</h2>
<p>
Go to 03:00 and in the Hue/Saturation section turn Colorize On, set Colorize Hue to &#8220;212°&#8221;, set a keyframe for Colorize Saturation and make it &#8220;50&#8243;. Set a keyframe for Curves but don&#8217;t adjust them yet, leave them as they are.</p>
<p>In the Glow section set Glow Threshold to &#8220;10%&#8221;, &#8220;Glow radius&#8221; to 50. Set a keyframe for &#8220;Glow Intensity&#8221; and set it to &#8220;0&#8243;.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/74.jpg" alt=""></div>
</div>
<h2>
  Step 75<br />
</h2>
<p>
Go to 05:00, set Colorize Saturation to &#8220;0&#8243; and Glow Intensity to &#8220;0,5&#8243;.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/75.jpg" alt=""></div>
</div>
<h2>
  Step 76<br />
</h2>
<p>
While still being at 05:00 adjust the Curves channels to give our text nice yellowish look.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/76.jpg" alt=""></div>
</div>
<h2>
  Step 77<br />
</h2>
<p>
Create a new Solid by clicking Layer->New->Solid, make it comp size and name it &#8220;Particles&#8221;.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/77.jpg" alt=""></div>
</div>
<h2>
  Step 78<br />
</h2>
<p>
With the &#8220;Particles&#8221; layer selected click on Effect->Simulation->CC Particle World to apply the effect.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/78.jpg" alt=""></div>
</div>
<h2>
  Step 79<br />
</h2>
<p>
Click on the &#8220;Particles&#8221; layer, hit the letter P to reveal the position and change it to [545,600].</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/79.jpg" alt=""></div>
</div>
<h2>
  Step 80<br />
</h2>
<p>
Turn Grid Off, set Birth Rate to &#8220;1&#8243;, Longetivity to &#8220;0.35&#8243;, Velocity to &#8220;0.05&#8243;, Gravity to &#8220;0.075&#8243;, Particle Type to &#8220;Motion Polygon&#8221;, Birth Size to &#8220;0.1&#8243; and Death Size to &#8220;0.2&#8243;.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/80.jpg" alt=""></div>
</div>
<h2>
  Step 81<br />
</h2>
<p>
Move the layer so it starts at 04:02.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/81.jpg" alt=""></div>
</div>
<h2>
  Step 82<br />
</h2>
<p>
With the &#8220;Particles&#8221; layer selected click on Effect->Blur &#038; Sharpen->CC Vector Blur.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/82.jpg" alt=""></div>
</div>
<h2>
  Step 83<br />
</h2>
<p>
Change the Amount to &#8220;10&#8243;.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/83.jpg" alt=""></div>
</div>
<h2>
  Step 84<br />
</h2>
<p>
Make couple of copies, change their position so there are particle effects for all letters and of course make them start a little bit later so they are kind of synced with the transition. </p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/84.jpg" alt=""></div>
</div>
<h2>
  Step 85<br />
</h2>
<p>
Go to 06:15 and set keyframes for Birth Rate for all particle layers. Then go to 06:20 and set the keyframes to &#8220;0&#8243;.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/85.jpg" alt=""></div>
</div>
<h2>
  Step 86<br />
</h2>
<p>
Create a new composition by clicking on Composition->New composition. Name it &#8220;2D comp&#8221;, set width to 1920, height to 1080, pixel aspect ratio to &#8220;square pixels&#8221;, frame rate to 25 and make it 15 seconds long.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/86.jpg" alt=""></div>
</div>
<h2>
  Step 87<br />
</h2>
<p>
Put Wall and Element 2 into this composition and make them both 3D. Go to 03:05 and set a keyframe for the position of &#8220;Element 2&#8243;. Go to 06:05 and change the position to [940, 520, -100] so the layers will be separated in 3D space aswell.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/87.jpg" alt=""></div>
</div>
<h2>
  Step 88<br />
</h2>
<p>
Create a new Solid by clicking on Layer->New->Solid.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/88.jpg" alt=""></div>
</div>
<h2>
  Step 89<br />
</h2>
<p>
Name it Flare, make it black and hit OK.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/89.jpg" alt=""></div>
</div>
<h2>
  Step 90<br />
</h2>
<p>
With the Flare layer selected go to Effect->Generate->Lens Flare and apply the effect.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/90.jpg" alt=""></div>
</div>
<h2>
  Step 91<br />
</h2>
<p>
Change the transfer mode of the Flare layer to &#8220;Screen&#8221;. Set a keyframe for Flare Center and change it to [925, 630]. Set a keyframe for Flare Brightness and set it to 0%.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/91.jpg" alt=""></div>
</div>
<h2>
  Step 92<br />
</h2>
<p>
Go to 06:05 and change the Flare Center to [1500, 630]. Also set the Flare Brightness to 100% and move the keyframe to 05:15.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/92.jpg" alt=""></div>
</div>
<h2>
  Step 93<br />
</h2>
<p>
Create a new Solid by clicking on Layer->New->Solid.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/93.jpg" alt=""></div>
</div>
<h2>
  Step 94<br />
</h2>
<p>
Name it Flare 2, make it black and hit OK.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/94.jpg" alt=""></div>
</div>
<h2>
  Step 95<br />
</h2>
<p>
With the Flare 2 layer selected go to Effect->Generate->Lens Flare and apply the effect.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/95.jpg" alt=""></div>
</div>
<h2>
  Step 96<br />
</h2>
<p>
Change Transfer Mode of the Flare 2 layer to &#8220;Screen&#8221;. Go to 03:20, set keyframes for Flare Center and Flare Brightness. Set Flare Center to [404, 430], Flare Brightness to &#8220;0%&#8221;. Also change the Lens Type to &#8220;105mm Prime&#8221;.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/96.jpg" alt=""></div>
</div>
<h2>
  Step 97<br />
</h2>
<p>
Go to 04:20 and set Flare Center to [700,440], Flare Brightness to &#8220;80%&#8221;.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/97.jpg" alt=""></div>
</div>
<h2>
  Step 98<br />
</h2>
<p>
Trim the Flare layers so they start with the first Flace Center keyframe.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/98.jpg" alt=""></div>
</div>
<h2>
  Step 99<br />
</h2>
<p>
Create a new composition by clicking on Composition->New Composition.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/99.jpg" alt=""></div>
</div>
<h2>
  Step 100<br />
</h2>
<p>
Name it &#8220;Final comp&#8221;, make it 1280&#215;720, 25 frames per second and 15 seconds long.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/100.jpg" alt=""></div>
</div>
<h2>
  Step 101<br />
</h2>
<p>
Create a new Solid by clicking on Layer->New->Solid.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/101.jpg" alt=""></div>
</div>
<h2>
  Step 102<br />
</h2>
<p>
Make it 1280&#215;720 and name it &#8220;bg&#8221;.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/102.jpg" alt=""></div>
</div>
<h2>
  Step 103<br />
</h2>
<p>
With the &#8220;bg&#8221; layer selected click on Effect->Generate->Ramp to apply the effect.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/103.jpg" alt=""></div>
</div>
<h2>
  Step 104<br />
</h2>
<p>
Set Ramp Shape to &#8220;Radial Ramp&#8221;, Start of Ramp to [640,360], End of Ramp to [640,1095]. Colour code of the Start Color is #070731 so basically dark blue. The End Color is pure black.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/104.jpg" alt=""></div>
</div>
<h2>
  Step 105<br />
</h2>
<p>
Put &#8220;2D comp&#8221; into this composition and make it 3D.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/105.jpg" alt=""></div>
</div>
<h2>
  Step 106<br />
</h2>
<p>
Create a new Camera by clicking on Layer->New->Camera.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/106.jpg" alt=""></div>
</div>
<h2>
  Step 107<br />
</h2>
<p>
Select the &#8220;35mm&#8221; preset and click OK.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/107.jpg" alt=""></div>
</div>
<h2>
  Step 108<br />
</h2>
<p>
Go to the beginning, bring up Position and Point of Interest by pressing P+Shift+A and set Position to [-270.7,-231.4,-155.2] and Point of Interest to [-181.5,1009.2,-194.9]. Also use Easy Ease Out by clicking on Animation->Keyframe Assistant->Easy Ease Out</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/108.jpg" alt=""></div>
</div>
<h2>
  Step 109<br />
</h2>
<p>
Go to 03:21 and set Position to [-467.6,386.1,-320.9] and Point of Interest to [497.3,215.7,446.2]. Select the two keyframes you&#8217;ve just created and press F9 to apply Easy Ease.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/109.jpg" alt=""></div>
</div>
<h2>
  Step 110<br />
</h2>
<p>
Go to 06:16 and set Position to [1230.6,697.1,-891.1] and Point of Interest to [691.8,322.9,166.4]. Select the two keyframes you&#8217;ve just created and press F9 to apply Easy Ease.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/110.jpg" alt=""></div>
</div>
<h2>
  Step 111<br />
</h2>
<p>
Create a new Solid by clicking on Layer->New->Solid.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/111.jpg" alt=""></div>
</div>
<h2>
  Step 112<br />
</h2>
<p>
Name it &#8220;beam&#8221; and make it comp size.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/112.jpg" alt=""></div>
</div>
<h2>
  Step 113<br />
</h2>
<p>
Create a new Null Object by clicking on Layer->New->Null Object and rename it to &#8220;slider&#8221;.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/113.jpg" alt=""></div>
</div>
<h2>
  Step 114<br />
</h2>
<p>
With the &#8220;beam&#8221; layer selected click on Effect->Generate->Beam to apply the Beam effect.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/114.jpg" alt=""></div>
</div>
<h2>
  Step 115<br />
</h2>
<p>
Now select the &#8220;slider&#8221; layer and click on Effect->Expression Controls->Slider Control.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/115.jpg" alt=""></div>
</div>
<h2>
  Step 116<br />
</h2>
<p>
Change the Length to 100%, Time to 50% and Ending Thickness to 400. Change the Inside Color to #FFC000.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/116.jpg" alt=""></div>
</div>
<h2>
  Step 117<br />
</h2>
<p>
Here it gets a little bit tricky. If we tried to adjust our beam to follow the revealing text, it would turn into a flat layer when it would cross the camera. The trick is to transform the beam points to the 3D positions of our wall. More info about this expression can be found at <a href="http://www.motionscript.com/mastering-expressions/lst-lens-flare.html">http://www.motionscript.com/mastering-expressions/lst-lens-flare.html</a>.</p>
<p>So Alt+Click on the Stopwatch next to the Starting Point and type the following into the expression box: </p>
<p>beam = thisComp.layer(&#8221;2D comp&#8221;);<br />
beam.toComp([960,500,-700]);</p>
<p>Of course that we need to change our Ending point aswell, but this time we are going to use our Slider effect, which will control the position of the Ending Point on the X axis so it can be easily animated afterwards.</p>
<p>beam = thisComp.layer(&#8221;2D comp&#8221;);<br />
beam.toComp([thisComp.layer("slider").effect("Slider Control")("Slider"),500,0]);</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/117.jpg" alt=""></div>
</div>
<h2>
  Step 118<br />
</h2>
<p>
At 03:21 set a keyframe for Slider and make it &#8220;500&#8243;. Go to 06:06 and set it to &#8220;1450&#8243;.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/118.jpg" alt=""></div>
</div>
<h2>
  Step 119<br />
</h2>
<p>
Change Transfer Mode of the Beam layer to &#8220;Linear Light&#8221;.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/119.jpg" alt=""></div>
</div>
<h2>
  Step 120<br />
</h2>
<p>
Go to 03:17, set a keyframe for the Length and make it 98,9%. Go 4 frames forward to 03:21 and set it to 100%. At 06:06 make another keyframe and set it to 100%, go 4 frames forward to 06:10 and set it to 93%. You can also trim the layers so &#8220;slider&#8221; starts at 03:21 and &#8220;beam&#8221; at 03:17.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/120.jpg" alt=""></div>
</div>
<h2>
  Step 121<br />
</h2>
<p>
Create a new Null Object by clicking on Layer->New->Null Object.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/121.jpg" alt=""></div>
</div>
<h2>
  Step 122<br />
</h2>
<p>
Name it &#8220;shake&#8221; and trim it so it starts at 03:21.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/122.jpg" alt=""></div>
</div>
<h2>
  Step 123<br />
</h2>
<p>
Apply the AfterShake preset to the &#8220;shake&#8221; layer. If you don&#8217;t have it you can get it from <a href="http://www.videocopilot.net/presets/after_shake/">http://www.videocopilot.net/presets/after_shake/</a></p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/123.jpg" alt=""></div>
</div>
<h2>
  Step 124<br />
</h2>
<p>
Go to 03:21, split the &#8220;2D comp&#8221; layer and parent the upper 2D layer to Shake.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/124.jpg" alt=""></div>
</div>
<h2>
  Step 125<br />
</h2>
<p>
While still being at 03:21, set a keyframe for Speed, Amount and Rotation and make them 10, 70, 25.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/125.jpg" alt=""></div>
</div>
<h2>
  Step 126<br />
</h2>
<p>
Go to 06:06 and set Speed, Amount and Rotation to 0. Select the 6 keyframes you&#8217;ve just created and press F9 to apply Easy Ease.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/126.jpg" alt=""></div>
</div>
<h2>
  Step 127<br />
</h2>
<p>
Go to 03:21, select the Camera layer, press AA to bring up Camera Options, Enable Depth of Field, set a keyframe to Focus Distance and make it 600. Set another keyframe but this time for Aperture and make it 100.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/127.jpg" alt=""></div>
</div>
<h2>
  Step 128<br />
</h2>
<p>
Go to 06:06, set Focus Distance to 1100 and Aperture to 200. Select the 4 keyframes and hit F9 to get Easy Ease again.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/128.jpg" alt=""></div>
</div>
<h2>
  Step 129<br />
</h2>
<p>
Turn the Motion Blur switch on and enable it for the Beam and 2D comp layers.</p>
<div class=”tutorial_image”>
<div class=”tutorial_image”><img src="http://aetuts.s3.amazonaws.com/106_3dwall/129.jpg" alt=""></div>
</div>
<p></body><br />
</hmtl></p>
]]></content:encoded>
			<wfw:commentRss>http://ae.tutsplus.com/tutorials/motion-graphics/lear-to-make-a-custom-3d-wall-text-reveal/feed/</wfw:commentRss>
		<slash:comments>46</slash:comments>
		</item>
	</channel>
</rss>
<!--
This site's performance optimized by W3 Total Cache:

W3 Total Cache improves the user experience of your blog by caching
frequent operations, reducing the weight of various files and providing
transparent content delivery network integration.

Learn more about our WordPress Plugins: http://www.w3-edge.com/wordpress-plugins/

Page Caching using memcached
Database Caching 7/29 queries in 0.009 seconds using memcached
Content Delivery Network via 

Served from: psdtutsplus.com @ 2009-11-21 14:15:56 -->