<?xml version="1.0" encoding="UTF-8"?><rss version="2.0">
<channel>
<title>effects</title>
<link>http://www.computersight.com/tags/effects</link>
<description>New posts about effects</description>
<item>
<title>After Effects Tutorial: Creating a Fire Effect</title>
<link>http://www.computersight.com/Computers/After-Effects-Tutorial-Creating-a-Fire-Effect.384453</link>
<description>
<![CDATA[<p>
<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/EBq62LA-spo"></param>
<param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/EBq62LA-spo" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed>
</object>
</p>
<p><strong>Just a very simple way to create an easy but realistic looking fire effect using adobe after effects.</strong></p>
<p><strong>Step 1: </strong>In the menu bar select <strong>Composition</strong> and then <strong>New Composition</strong>. Call your composition <strong>Fire</strong> then in the preset column select <strong>NTSC DV</strong>. The duration can be whatever you like.</p>
<p><strong>Step 2:</strong> In the menu bar select <strong>Layer</strong>, then <strong>New</strong>, and finally <strong>Solid</strong>. Call this solid <strong>Fire Effect</strong>. The colour doesn't matter but make sure you click on <strong>Make Comp Size</strong>. Then click <strong>OK</strong></p>
<p><strong>Step 3:</strong> Go over to the <strong>Effects and Presets</strong> palette on the left hand side and in the search bar type in <strong>Fractal Noise</strong>, then drag the fractal noise effect over to your solid. You should notice that the solid now has a smoky look.</p>
<p><strong>Step 3: </strong>To the left in the <strong>Effects Controls,</strong> next to fractal type, click on the drop down arrow and select <strong>Dynamic Twist</strong>. The drag the <strong>contrast</strong> up to around 200-250 whatever suits you and change the <strong>brightness </strong>to around -25. Then change the <strong>complexity</strong> to 7. After that click on the <strong>transform </strong>drop down arrow and uncheck <strong>Uniform Scaling</strong> and adjust the <strong>scale width</strong> to about 50 and the <strong>scale height</strong> to around 200.</p>
<p><strong>Step 4: </strong>In the <strong>Effects and Presets</strong> palette on the right type in <strong>colorama</strong>. Drag the colorama effect over to your solid. You should notice that the solid is now a lot of different colours.</p>
<p><strong>Step 5: </strong>In the <strong>Effect Controls</strong> bar on the left, under <strong>colorama</strong>, click the arrow next to <strong>Output Cycle.</strong> Then in the preset palette click the arrow and scroll down and click <strong>fire</strong>. The composition should now look like realistic fire</p>
<p><strong>Step 6: </strong>Now we are going to animate the fire. In you <strong>Effect Controls,</strong> in Fractal Noise, click on the little stopwatch next to <strong>evolution</strong> (making sure your at the beginning of your clip) this will set a keyframe. The move the bar in the timeline to the end of your clip and change the number of evolutions to 4. Now if you click play or render you have your finished animated fire</p>
<p><strong>If you are unsure of anything make sure you have also watched the video and if you are still unsure feel free to message me</strong></p><a href="http://www.pheedo.com/click.phdo?x=&u=http%3A%2F%2Fwww.computersight.com%2FComputers%2FAfter-Effects-Tutorial-Creating-a-Fire-Effect.384453"><img src="http://www.pheedo.com/img.phdo?x=&u=http%3A%2F%2Fwww.computersight.com%2FComputers%2FAfter-Effects-Tutorial-Creating-a-Fire-Effect.384453" border="0"/></a>]]></description>
<pubDate>Sun, 07 Dec 2008 08:41:21 PST</pubDate></item>
<item>
<title>Adobe After Effects Tutorial: Basic Masking</title>
<link>http://www.computersight.com/Software/Adobe-After-Effects-Tutorial-Basic-Masking.383483</link>
<description>
<![CDATA[<p>Adobe After Effects Tutorial: Basic Masking Video</p>
<p>
<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/wE5Q1CiniiA"></param>
<param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/wE5Q1CiniiA" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed>
</object>
</p>
<p>Welcome to this tutorial on how to mask using adobe after effects. Masking&amp;nbsp;can be used to remove or cover certain parts of a photo or picutre or completely remove the picture and place it on a new background&amp;nbsp;By the end (unless i'm a hopeless teacher) you should be able to mask out objects e.g. yourself, a family pet etc and put them on the front of a background of your choice. Masking can be a good solution to greenscreening and, if done right, is worth the time and effort.</p>
<p>Step 1: Click the Composition icon in the menu bar. Then Select New Composition. In the Composition Settings box, leave the composition name as Comp 1, then next to preset click the drop down arrow and select NTSC DV, after that click OK.</p>
<p>Step 2: Click File in the menu bar. Then select Import and then File. Browse through your pictures until you find the picture you would like to mask.</p>
<p>Step 3: Once you have selected your picture it will appear in the project pallette. Then drag your picture into the timeline or onto the composition. After you have donw this you can resize the picture a little bit if needs be. When you have resized the picture, near the bottom left of your composition, click on the drop down arrow next to the 50% or 100% (either way it will have a % next to it). and zoom in to around 400%, or close enough until you can clearly see the outline of your picture.</p>
<p>Step 4: You should now be ready to begin your mask. Select the Pen tool and start by clicking where you would like to start your mask. Continue clicking in points around the outline of the object until your object has been fully masked out. Lets say your were masking out a person and the person had there hands on there hips, well you're going to have a in between the persons arm and the body right. well to get rid of this all you have to don is mask out the space and then in the timeline if you click the drop down arrow to the left of your picture, then the drop down arrow next to masks, then click the arrow next to add and select subtract. You should see that the gap has now disappeared</p>
<p>Step 5: Now that your object has been masked you may want to put a background behind it. To do this we first of all need to go to File, then Import and then File. then select your background. Once you have selected your background drag it into the timeline making sure you put it underneath your picture. There you have it a perfectly masked picture in front of a background.</p>
<p>*TIPS*</p>
<p>"Watch the video" - if there was anything i missed or anything you don't really understand then its most likely in the video. If you;re still having trouble just message me.</p>
<p>When masking try to stay inside the outline, it may sound like you're back in school but if you are masking outside the outline you will get a horrible looking outline around your picture (unless thats what you'rre going for)</p>
<p>Take your time and be patient, it will really show in your final product</p><a href="http://www.pheedo.com/click.phdo?x=&u=http%3A%2F%2Fwww.computersight.com%2FSoftware%2FAdobe-After-Effects-Tutorial-Basic-Masking.383483"><img src="http://www.pheedo.com/img.phdo?x=&u=http%3A%2F%2Fwww.computersight.com%2FSoftware%2FAdobe-After-Effects-Tutorial-Basic-Masking.383483" border="0"/></a>]]></description>
<pubDate>Sun, 07 Dec 2008 03:31:09 PST</pubDate></item>
<item>
<title>CSS Animations Via Mootools</title>
<link>http://www.computersight.com/Programming/JavaScript/Css-Animations-Via-Mootools.124802</link>
<description>
<![CDATA[<pre style="width: 500px; overflow: auto;"> <br />// a cow makes moo, this script too. requires mootools 1.2b or compatible.<br />
 
// MIT-style licence<br />
 
var CssEffects = {<br />
 
prefix: "%prefix%",<br />
 
initialValues: {<br />
 
duration: "%initialDuration%",<br />
 
property: "%initialProperty%",<br />
 
transition: "%initialTransition%"<br />
 
},<br />
 
timeUnit: "%timeUnit%"<br />
 
};<br />
 
CssEffects.deprecates = (Browser.Engine.trident4) ? true : false;<br />
 
CssEffects.$regexps = {<br />
 
parserA: new RegExp('(?:s)*([^{}]+?)s*{([^}]*' + CssEffects.prefix + "[^}]*)}", "gi"),<br />
 
parserB: new RegExp(CssEffects.prefix + "(?:-?([a-z-]+))?s*:s*([^;]+?)s*(!important)?s*;", "gi"),<br />
 
time: new RegExp('d+' + CssEffects.timeUnit)<br />
 
};<br />
 
CssEffects.Durations = new Hash();<br />
 
CssEffects.Properties = new Hash();<br />
 
CssEffects.Transitions = new Hash();<br />
 
CssEffects.Element = new Class({<br />
 
initialize: function(element){<br />
 
this.element = element;<br />
 
element.store('CssEffects', this);<br />
 
this.previous = {};<br />
 
this.dynamicPseudos = [];<br />
 
this.rules = [];<br />
 
this.styleAttribute = '';<br />
 
this.saveStyleAttribute();<br />
 
this.effect = new Fx.Morph(this.element,{<br />
 
onCancel: function(){<br />
 
this.previous = this.getStyles(this.dynamicPseudos);<br />
 
}.bind(this),<br />
 
onComplete: this.element.setStyles.bind(this.element, this.previous)<br />
 
});<br />
 
(function(){<br />
 
this.previous = this.getStyles();<br />
 
element.setStyles(this.previous);<br />
 
}).delay(1, this);<br />
 
CssEffects.DynamicPseudos.each(function(obj, pseudo){<br />
 
['begin', "end"].each(function(when){<br />
 
$splat(obj[when]).each(function(event){<br />
 
element.addEvent(event, this.change.bind(this, [when, pseudo]));<br />
 
}, this);<br />
 
}, this);<br />
 
}, this);<br />
 
},<br />
 
change: function(when, pseudo){<br />
 
pseudo = pseudo || '';<br />
 
(function(){<br />
 
if (pseudo.length &amp;gt; 0){<br />
 
if (when == "end" &amp;amp;&amp;amp; !this.dynamicPseudos.contains(pseudo)) return;<br />
 
this.dynamicPseudos[(when == "begin") ? "push" : "remove"](pseudo);<br />
 
}<br />
 
this.effect.cancel();<br />
 
this.restoreStyleAttribute();<br />
 
var now = this.getStyles(this.dynamicPseudos);<br />
 
this.element.setStyles(this.previous);<br />
 
var to = Hash.filter(now, function(v, p){<br />
 
return (!$defined(this.previous[p]) || this.previous[p] != v);<br />
 
}, this);<br />
 
var duration = this.getOwnStyle('duration', this.dynamicPseudos);<br />
 
var transition = this.getOwnStyle('transition', this.dynamicPseudos);<br />
 
this.effect.options.duration = duration.match(CssEffects.$regexps.time) ? duration.toInt()<br />
 
: CssEffects.Durations.get(duration);<br />
 
this.effect.options.transition = CssEffects.Transitions.get(transition);<br />
 
this.effect.start(to);<br />
 
this.previous = now;<br />
 
}).delay(1, this)<br />
 
return this;<br />
 
},<br />
 
addRule: function(rule){<br />
 
this.rules.include(rule);<br />
 
return this;<br />
 
},<br />
 
hasRule: function(rule){<br />
 
return this.rules.contains(rule);<br />
 
},<br />
 
removeRule: function(rule){<br />
 
this.rules.erase(rule);<br />
 
return this;<br />
 
},<br />
 
getOwnStyle: function(property, dynamicPseudos){<br />
 
dynamicPseudos = dynamicPseudos || [];<br />
 
var pseudoStr = dynamicPseudos.sort().join('$');<br />
 
var rules = this.rules.filter(function(rule){<br />
 
var rulePseudoStr = rule.dynamicPseudos.sort().join('$');<br />
 
return (!rulePseudoStr || rule.values.has(property) &amp;amp;&amp;amp; pseudoStr == rulePseudoStr);<br />
 
});<br />
 
var value = CssEffects.initialValues[property];<br />
 
var importance = 0, specificity = 0;<br />
 
rules.each(function(rule){<br />
 
var mImportance = rule.importances.get(property);<br />
 
if (mImportance &amp;gt; importance || (mImportance == importance &amp;amp;&amp;amp; rule.specificity &amp;gt;= specificity)){<br />
 
importance = mImportance;<br />
 
specificity = rule.specificity;<br />
 
value = rule.values.get(property);<br />
 
}<br />
 
});<br />
 
return value;<br />
 
},<br />
 
getStyles: function (dynamicPseudos){<br />
 
var property = this.getOwnStyle('property', dynamicPseudos);<br />
 
if (property == "none") return {};<br />
 
property = (property == "all") ? CssEffects.Properties : $splat(property);<br />
 
return this.element.getStyles.apply(this.element, property);<br />
 
},<br />
 
saveStyleAttribute: function(){<br />
 
this.styleAttribute = this.element.get('style') || '';<br />
 
return this;<br />
 
},<br />
 
restoreStyleAttribute: function(){<br />
 
return this.element.set('style', this.styleAttribute);<br />
 
}<br />
 
});<br />
 
CssEffects.Element.getInstance = function(element){<br />
 
return element.retrieve('CssEffects') || new CssEffects.Element(element);<br />
 
};<br />
 
CssEffects.Parser = {<br />
 
addCss: function(text){<br />
 
while (a = CssEffects.$regexps.parserA.exec(text)){<br />
 
var selectors = a[1].split(/s*,s*/);<br />
 
rules = selectors.map(function(selector){<br />
 
return new CssEffects.Rule(selector);<br />
 
});<br />
 
while (b = CssEffects.$regexps.parserB.exec(a[2])){<br />
 
var importance = (b[3] == "!important") ? 2 : 1;<br />
 
rules.each(function(rule){<br />
 
rule.addDeclaration(b[1], b[2], importance);<br />
 
});<br />
 
}<br />
 
}<br />
 
return this;<br />
 
},<br />
 
addStylesheet: function(element){<br />
 
switch (element.get('tag')){<br />
 
case "style":<br />
 
this.addCss(element.get('html'));<br />
 
break;<br />
 
case "link":<br />
 
new Request({<br />
 
onSuccess: function(text){<br />
 
this.addCss(text);<br />
 
}.bind(this),<br />
 
url: element.href,<br />
 
method: "get"<br />
 
}).send();<br />
 
}<br />
 
return this;<br />
 
},<br />
 
processDocument: function(){<br />
 
$each(document.styleSheets, function(styleSheet){<br />
 
var element = $(styleSheet[styleSheet.ownerNode ? "ownerNode" : "owningElement"]);<br />
 
this.addStylesheet(element);<br />
 
}, this);<br />
 
return this;<br />
 
}<br />
 
};<br />
 
CssEffects.Rule = new Class({<br />
 
initialize: function(selector){<br />
 
this.importances = new Hash();<br />
 
this.values = new Hash();<br />
 
this.selector = selector.replace(/:active|:focus|:hover/ig, '');<br />
 
this.dynamicPseudos = selector.match(/(:active|:focus|:hover)/ig) || [];<br />
 
this.specificity = (function(){<br />
 
var str = selector.replace(/:(before|after|first-letter|first-line)/, '');<br />
 
var a = str.match(/#/g); a = a ? a.length : 0;<br />
 
var b = str.match(/[|:|./g); b = b ? b.length : 0;<br />
 
var c = str.match(/( |+|&amp;gt;)[a-z]+/ig); c = c ? c.length : 0;<br />
 
if (str.match(/^[a-z]+/i)) c++;<br />
 
return 100 * a + 10 * b + c;<br />
 
})();<br />
 
this.use();<br />
 
},<br />
 
addDeclaration: function(property, value, importance){<br />
 
if (!property) return this.addShortHand(value, importance);<br />
 
if (!this.importances.has(property) || this.importances.get(property) &amp;lt;= importance) {<br />
 
if (value.contains(',')) value = value.split(/s*,s*/);<br />
 
this.values.set(property, value);<br />
 
this.importances.set(property, importance);<br />
 
}<br />
 
return this;<br />
 
},<br />
 
addShortHand: function(shortHand, importance){<br />
 
shortHand.match(/([^s,]+s*,s*)+[^s,]+|[^s,]+/gi).each(function(value){<br />
 
var property = (value.match(CssEffects.$regexps.time) || CssEffects.Durations.has(value)) ? "duration"<br />
 
: (CssEffects.Transitions.has(value)) ? "transition"<br />
 
: "property";<br />
 
this.addDeclaration(property, value, importance);<br />
 
}, this);<br />
 
return this;<br />
 
},<br />
 
use: function(){<br />
 
$$(this.selector).each(function(element){<br />
 
CssEffects.Element.getInstance(element).addRule(this);<br />
 
}, this);<br />
 
}<br />
 
});<br />
 
CssEffects.DynamicPseudos = new Hash({<br />
 
":active": {<br />
 
begin: "mousedown",<br />
 
end: ['mouseup', "mouseout"]<br />
 
},<br />
 
":focus": {<br />
 
begin: "focus",<br />
 
end: "blur"<br />
 
},<br />
 
":hover": {<br />
 
begin: "mouseenter",<br />
 
end: "mouseleave"<br />
 
}<br />
 
});<br />
 
// normal:<br />
 
CssEffects.prefix = "-moofx";<br />
 
initialValues: {<br />
 
duration: "0ms",<br />
 
property: "all",<br />
 
transition: "sine-in-out"<br />
 
},<br />
 
aliases<br />
 
};<br />
 
CssEffects.Durations = new Hash({<br />
 
"short": 250,<br />
 
"normal": 500,<br />
 
"long": 750<br />
 
});<br />
 
CssEffects.Properties = ['backgroundColor', "backgroundPosition", "borderBottomColor",<br />
 
"borderBottomStyle", "borderBottomWidth", "borderLeftColor", "borderLeftStyle",<br />
 
"borderLeftWidth", "borderRightColor", "borderRightStyle", "borderRightWidth",<br />
 
"borderTopColor", "borderTopStyle", "borderTopWidth", "bottom",<br />
 
"color", "fontSize", "fontWeight", "height", "left", "letterSpacing", "lineHeight",<br />
 
"marginBottom", "marginLeft", "marginRight", "marginTop", "maxHeight", "maxWidth",<br />
 
"opacity", "paddingBottom", "paddingLeft", "paddingRight", "paddingTop", "right",<br />
 
"textIndent", "top", "width", "zIndex", "zoom"];<br />
 
CssEffects.DynamicPseudos = new Hash({<br />
 
":active": {<br />
 
begin: "mousedown",<br />
 
end: ['mouseup', "mouseout"]<br />
 
},<br />
 
":focus": {<br />
 
begin: "focus",<br />
 
end: "blur"<br />
 
},<br />
 
":hover": {<br />
 
begin: "mouseenter",<br />
 
end: "mouseleave"<br />
 
}<br />
 
});<br />
 
CssEffects.Transitions = new Hash({<br />
 
linear: Fx.Transitions.linear<br />
 
});<br />
 
['Quad', "Cubic", "Quart", "Quint", "Expo", "Circ",<br />
 
"Sine", "Back", "Bounce", "Elastic"].each(function (transition){<br />
 
['In', "Out", "InOut"].each(function (ease){<br />
 
var alias = transition.toLowerCase() + ease.hyphenate().toLowerCase();<br />
 
CssEffects.Transitions.set(alias, Fx.Transitions[transition]['ease' + ease]);<br />
 
});<br />
 
});<br />
 
window.addEvent('domready', CssEffects.Parser.processDocument.bind(CssEffects.Parser));<br />
 
})();</pre><a href="http://www.pheedo.com/click.phdo?x=&u=http%3A%2F%2Fwww.computersight.com%2FProgramming%2FJavaScript%2FCss-Animations-Via-Mootools.124802"><img src="http://www.pheedo.com/img.phdo?x=&u=http%3A%2F%2Fwww.computersight.com%2FProgramming%2FJavaScript%2FCss-Animations-Via-Mootools.124802" border="0"/></a>]]></description>
<pubDate>Thu, 15 May 2008 10:57:31 PST</pubDate></item>
<item>
<title>Photoshop Tutorial: Shadow Effect</title>
<link>http://www.computersight.com/Software/Photoshop/Photoshop-Tutorial-Shadow-Effect.60126</link>
<description>
<![CDATA[<ol>
  <li> Open Photoshop. Create a new image of <em>size 300x150 pixels</em> with <em>white background</em> and name it as Example-1.</li>
  <li> Set the foreground color to Black. Choose Arial Black as font style and 22 as Font size. Select the Horizontal tool from the Tools menu and type Example-1.   </li>
 </ol>


 <p><strong>Note:</strong> Automatically this becomes another layer, Layer 1. The words which you type will become the name of the layer, if not named. In this case it would be Example-1</p>



 <br/><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/11/20/80873_0.jpg" /><br/>




 <p><ol>
  <li> Now Duplicate the layer and name it as Layer 1</li>
  <li> Drag Layer 1 with Move tool so that the image now appears like this</li>

 <br/><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/11/20/80873_1.jpg" /><br/>

  <li> Under Blending options of Layer 1, adjust the opacity to 20%</li>

 
<br/><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/11/20/80873_2.jpg" /><br/>

  <li> Under Gradient Overlay of Layer-1, adjust the angle to -90 degrees</li>

 <br/><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/11/20/80873_3.jpg" /><br/>

  <li> Now, the image would appear like this:  </li>

<br/><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/11/20/80873_4.jpg" /><br/>

  <li> With Layer 1 still selected, under Edit menu, choose Transform-> Flip Horizontal to get the following image:  </li>

<br/><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/11/20/80873_5.jpg" /><br/>

  <li> Again, under Edit menu, choose Transform-> Rotate 180 degrees to get the following image:  </li></ol></p>

 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/11/20/80873_6.jpg" /></p><a href="http://www.pheedo.com/click.phdo?x=&u=http%3A%2F%2Fwww.computersight.com%2FSoftware%2FPhotoshop%2FPhotoshop-Tutorial-Shadow-Effect.60126"><img src="http://www.pheedo.com/img.phdo?x=&u=http%3A%2F%2Fwww.computersight.com%2FSoftware%2FPhotoshop%2FPhotoshop-Tutorial-Shadow-Effect.60126" border="0"/></a>]]></description>
<pubDate>Tue, 20 Nov 2007 01:43:51 PST</pubDate></item>
<item>
<title>AutoCad Tutorial 8: Lighting Effects</title>
<link>http://www.computersight.com/Software/AutoCAD/AutoCad-Tutorial-8-Lighting-Effects.39739</link>
<description>
<![CDATA[<p>In this tutorial I will be explaining lighting effects in AutoCAD.</p>
 
 
 <p>First off, I'm going to create some 3d boxes and arrange them like so:</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_0.jpg" /></p>
 
 <p>Next, I've given the walls a “Plaster.Stucco.Trowled.White” material under the “finishes” tab on the materials panel.</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_1.jpg" /></p>
 
 <p>Now I have my 3 walls, I'm going to give the walls a floor by using a planar surface. This basically gives me a flat surface to work with. The tool is located here as shown:</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_2.jpg" /></p>
 
 <p>Now I'm going to give a flat surface to the area enclosed by the 3 walls to act as a floor. Just use the planar surface tool as you would with the 3D box tool except you don't need to input the height. (Don't forget to use snaps):</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_3.jpg" /></p>
 
 <p>Now lets give that flat surface a good wooden material as shown below:</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_4.jpg" /></p>
 
 <p>Great we now have this:</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_5.jpg" /></p>
 
 <p>For one last finishing touch before I show you lighting, let's add a box in the corner:</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_6.jpg" /></p>
 
 <p>Now give it a “Concrete.Cast-In-Place.Panels.Square” material under the Concrete tab.</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_7.jpg" /></p>
 
 <p>My room currently looks like this:</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_8.jpg" /></p>
 
 <p>Next, draw two 2D lines on opposite corners of the walls, using them for snaps to create a point where the 2 lines intersect:</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_9.jpg" /></p>
 
 <p>Now that you have your 2 lines, make sure they actually intersect. You can check this buy using a tool like the 3D box tool and move the cursor over the 2 lines. If a cross appears, then the lines intersect, otherwise you've done something wrong.</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_10.jpg" /></p>
 
 <p>Usually when the lines don't intersect, one side is higher than the other like in my drawing right now. (I've done it on purpose, honest ;P):</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_11.jpg" /></p>
 
 <p>To correct this, I would have to find out what side is taller:</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_12.jpg" /></p>
 
 <p>And I would correct it (Just re-draw it):</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_13.jpg" /></p>
 
 <p>Now that's settled, I can draw the two 2D lines:</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_14.jpg" /></p>
 
 <p>You will notice that the intersection point is not completely in the middle of the room, that doesn't matter because I just want a point to work from.</p>
 
 <p>Open up the lighting panel by right clicking at the top of the tools panel and selecting “Lights”:</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_15.jpg" /></p>
 
 <p>Now for the lighting effects! First off, select the first light which should be “Default Point Light”:</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_16.jpg" /></p>
 
 <p>This is standard light that emits light from all directions. We will place it at the point where the 2 lines we drew earlier intersect:</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_17.jpg" /></p>
 
 <p>You will notice that parts of your model have lightened up. This is what your model would look like in render mode without the point light:</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_18.jpg" /></p>
 <p>And now, with the light:</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_19.jpg" /></p>
 
 <p>Great isn't it? You can adjust the lighting by clicking on the “Light list” as shown:</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_20.jpg" /></p>
 
 <p> Here it will display your lights that you have in your model, right click on your desired light and click on properties:</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_21.jpg" /></p>
 
 <p>Here you can adjust specific properties of your light, but to change the strength of your light, you would change the intensity factor. If you wanted a nice and darkish lighting, I would recommend you set it to 0.2 or 0.3. Otherwise, experiment around with it:</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_22.jpg" /></p>
 
 <p>Ok next light I'm going to show you is the spot light:</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_23.jpg" /></p>
 
 <p>This spotlight enables me to focus a light onto a specific object(s). To apply this, I would first click onto the place where the light is going to be shown FROM, in this case, it's the intersection that we created:</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_24.jpg" /></p>
 
 <p>Then I click on the object I want the light to focus on:<br /></p>
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_25.jpg" /></p>
 
 <p>Now I have my spotlight, in lights menu as I showed before you can change the properties of the spotlight as well (like colour of light, how big the light it etc.):</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_26.jpg" /></p>
 
 <p>Note: You can more than light</p>
 
 <p>The last light I'm going to show you is the distant light:</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_27.jpg" /></p>
 
 <p>This light works differently. This light shines evenly throughout the model and it goes in ONE direction. Think of it as a powerful spotlight shining in only one direction. To apply the light, click any spot and move your mouse and click at your specified direction. You may not see it but here I've clicked on the intersection and moved my cursor up to specify that the direction that I want my light to be going is up:</p>
 
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_28.jpg" /> </p>
 
 <p>And now, here it is with the light applied in render mode:</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_29.jpg" /></p>
 <p><br />Let's do it again, this time with the light going the opposite direction:</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_30.jpg" /></p>
 
 <p>It's very dark, why? Let's look at the other side of the wall:</p>
 
 <p><img  alt="" src="http://images.stanzapub.com/readers/computersight/2007/08/14/46968_31.jpg" /></p>
 
 <p>The wall is blocking the light! Well, light doesn't pass through non-transparent walls so it is quite expected that this will happen since the light is coming from this direction. Like the other 2 lights, this light can also be edited in the lighting panel I showed you earlier.</p>
 
 <p>Congratulations, you have gained knowledge on lights in AutoCad 2007.</p><a href="http://www.pheedo.com/click.phdo?x=&u=http%3A%2F%2Fwww.computersight.com%2FSoftware%2FAutoCAD%2FAutoCad-Tutorial-8-Lighting-Effects.39739"><img src="http://www.pheedo.com/img.phdo?x=&u=http%3A%2F%2Fwww.computersight.com%2FSoftware%2FAutoCAD%2FAutoCad-Tutorial-8-Lighting-Effects.39739" border="0"/></a>]]></description>
<pubDate>Mon, 06 Aug 2007 07:16:15 PST</pubDate></item>
</channel>
</rss>
