<?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>Aqeel Zafar &#187; reflection</title>
	<atom:link href="http://aqeeliz.com/tag/reflection/feed/" rel="self" type="application/rss+xml" />
	<link>http://aqeeliz.com</link>
	<description>Personal blog of Aqeel Zafar</description>
	<lastBuildDate>Sat, 07 Jan 2012 13:21:48 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Inkscape Tutorial &#8211; Reflection</title>
		<link>http://aqeeliz.com/2007/03/inkscape-tutorial-reflection/</link>
		<comments>http://aqeeliz.com/2007/03/inkscape-tutorial-reflection/#comments</comments>
		<pubDate>Tue, 13 Mar 2007 03:25:19 +0000</pubDate>
		<dc:creator>Aqeel</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Inkscape]]></category>
		<category><![CDATA[reflection]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://aqeeliz.com/2007/03/12/inkscape-tutorial-reflection/</guid>
		<description><![CDATA[Recently I found a nice tutorial at BittBox about making reflected images, like the one below. That tutorial is for Adobe Illustrator so, I converted it to inkscape and am posting it here. Disclaimer: This tutorial is a Inkscape version &#8230; <a href="http://aqeeliz.com/2007/03/inkscape-tutorial-reflection/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Recently I found a nice tutorial at <a href="http://www.bittbox.com">BittBox</a> about making reflected images, like the one below. That tutorial is for <a href="http://www.adobe.com/products/illustrator/">Adobe Illustrator</a>  so, I converted it to <a href="http://inkscape.org/">inkscape</a> and am posting it here.</p>
<p><img src="http://aqeeliz.com/files/reflection/reflection9.png" title="Reflected Image" alt="Reflected Image" height="180" width="480" /></p>
<p><strong>Disclaimer:</strong> This tutorial is a <a href="http://inkscape.org/">Inkscape</a> version of<br />
<a href="http://www.bittbox.com/illustrator/tutorial-web-20-logo-reflection-in-vector-format-with-illustrator/" rel="bookmark" title="Permanent link to Tutorial: Web 2.0 Logo Reflection in Vector format with Illustrator">Web 2.0 Logo Reflection in Vector format with Illustrator</a></p>
<p>Start with a new document in Inkscape and write some text</p>
<p><img src="http://aqeeliz.com/files/reflection/reflection1.png" title="Plaing Text" alt="Plaing Text" height="180" width="480" /></p>
<p>Now, clone image by pressing Atl+D (or Edit -&gt; Clone -&gt; Create Clone)</p>
<p><img src="http://aqeeliz.com/files/reflection/clone.png" title="Clone Menu Entry" alt="Clone Menu Entry" height="536" width="466" /></p>
<p>Press <strong>V</strong> to flip the cloned image vertically and move it below Original Image</p>
<p><img src="http://aqeeliz.com/files/reflection/reflection2.png" title="Text + inverted text below it" alt="Text + inverted text below it" height="180" width="480" /><br />
Pick the rectangle tool (or Press F4) and cover the cloned image with it.</p>
<p><img src="http://aqeeliz.com/files/reflection/reflection3.png" title="Inverted image covered with rectangle" alt="Inverted image covered with rectangle" height="180" width="480" /><br />
Set Black to White gradient on rectangle, from gradient tab in &#8220;Fill and Stroke&#8230;&#8221;</p>
<p><img src="http://aqeeliz.com/files/reflection/reflection5.png" title="Gradient filled rectangle covering inverted image" alt="Gradient filled rectangle covering inverted image" height="180" width="480" /><br />
Pick up the gradient tool (or  Press Ctrl+F1) and change gradient direction as shown below.</p>
<p><img src="http://aqeeliz.com/files/reflection/reflection6.png" height="180" width="480" /><br />
Select both rectangle and inverted text behind it (you can select the text below by Alt+Click or by selecting original image and pressing Tab, then press Shift and click on Rectangle). Then goto Object -&gt; Mask -&gt; Set</p>
<p><img src="http://aqeeliz.com/files/reflection/mask.png" title="Mask menu entry" alt="Mask menu entry" height="500" width="332" /><br />
This would make your text look something like this</p>
<p><img src="http://aqeeliz.com/files/reflection/reflection8.png" title="Reflected Image" alt="Reflected Image" height="180" width="480" /></p>
<p>Your reflected text is almost complete, now just select the inverted text and change it&#8217;s opactiy level (by going to Object -&gt; Fill and Stroke&#8230;) according to your needs</p>
<p><img src="http://aqeeliz.com/files/reflection/reflection9.png" /></p>
<p>As you cloned image, instead of copying and pasting it again, any change you make to original text will be reflected in the reflected text <img src='http://aqeeliz.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Like:</p>
<p><img src="http://aqeeliz.com/files/reflection/reflection-red.png" title="Reflection in red" alt="Reflection in red" height="180" width="480" /></p>
<p>If you face any problem while following this tutorial, don&#8217;t hesitate to let me know.</p>
<p>Download <a href="http://aqeeliz.com/files/reflection/reflection.svg">Reflection.svg</a></p>
<p><!--reddit_1--></p>
]]></content:encoded>
			<wfw:commentRss>http://aqeeliz.com/2007/03/inkscape-tutorial-reflection/feed/</wfw:commentRss>
		<slash:comments>53</slash:comments>
		</item>
	</channel>
</rss>

