<?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>Clipping Path &#38; Design Service Provider&#039;s Blog</title>
	<atom:link href="http://www.clippingimages.com/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.clippingimages.com/blog</link>
	<description></description>
	<lastBuildDate>Thu, 11 Mar 2010 08:33:37 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>How to Design a Perfect Twitter Background</title>
		<link>http://www.clippingimages.com/blog/how-to-design-a-perfect-twitter-background/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=how-to-design-a-perfect-twitter-background</link>
		<comments>http://www.clippingimages.com/blog/how-to-design-a-perfect-twitter-background/#comments</comments>
		<pubDate>Thu, 11 Mar 2010 08:32:49 +0000</pubDate>
		<dc:creator>Shamima Sultana</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://www.clippingimages.com/blog/?p=7852</guid>
		<description><![CDATA[Different kinds of people are now on Twitter. Even technical writers are now using the social network to promote their documentation services. If you have your own Twitter account, you should design an appropriate background.

When you create your profile page on Twitter, a default background is often given to you. If you want to create [...]]]></description>
			<content:encoded><![CDATA[<div>Different kinds of people are now on Twitter. Even technical writers are now using the social network to promote their documentation services. If you have your own Twitter account, you should design an appropriate background.</div>
<div><img class="aligncenter size-full wp-image-7853" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/Twitter.jpg" alt="" width="470" height="230" /><span id="more-7852"></span></div>
<div>When you create your profile page on Twitter, a default background is often given to you. If you want to create substantial impact, you should use custom-designed backgrounds. It is an effective way of generate more traffic.</div>
<div></div>
<div><strong>Some ways to design your Twitter background&#8230;</strong></div>
<div><strong><br />
</strong></div>
<div>What kind of information do you want to convey to Twitter users? You need to choose the right information, palette, and color for the sidebar. You can see the background next to the message column. The image does not contain image maps and so you can’t insert HTML links. Once you switch the image, the default background is changed.</div>
<div>There are image editing programs that you can use like Photoshop that allows you to save in GIF or JPG format. You need to create a large image that can occupy the computer screen but without tiling. A rectangle of 780 pixels x 1200 pixels is just right. If this size is not enough to cover the whole screen, you can increase the size by making it longer or wider.</div>
<div>For your information bar, you can line up your images or photos, business info, and website; this bar can be found on the upper left of the background image. It can also include your name, job title, blog URL, specialty, social network URL, and other important information.</div>
<div>Try to save everything as image. You can also create much smaller files by saving it ‘for web’ (if you’re using Photoshop). After that, click on the settings and then ‘Design’. Click on the link ‘change background image’. Like Click Settings -&gt; Design-&gt; Change background image.</div>
<div>By clicking on ‘browse’, you can now find the image that you’ve previously created. Leave the tile check-box unchecked. Finally, click on ‘save changes’. After several seconds, you will have a custom Twitter background image. To set up other colors used in your profile (Text, Name, Link, Sidebar fill and Sidebar border) click Change design colors.</div>
<div>Your background on Twitter tells a lot about your personality. If you plan to use Twitter for online marketing, make the background more professional. However, if you’re planning to use Twitter exclusively for making friends and staying connected, make your background more friendly and inviting. Make sure that it suits your image and personality.</div>
<div>Cool backgrounds are great for youngsters. There are many editing programs that you can use aside from Photoshop’ it’s up to you to choose the best one that can provide the best background ever.</div>
<div>For technical writers and other serious professions, stick to simple and basic background designs. Having a formal look can also attract formal followers who are serious in their business.</div>
<div>Hurry and change your background now. If you have a hard time in following the instructions mentioned earlier, ask someone who has been using Twitter for some time; perhaps some of your friends or relatives know how to edit the background.</div>
<div>Twitter backgrounds can be custom made. If you don’t want to use the default background, change the image now. Find an editing program and start making the changes. Choose the information well especially those contained on the information bar.</div>
<div>Credit: <a href="http://articlesbase.com">articlesbase.com</a></div>
<div>Photo Credit: <a href="http://cre8ivecommando.com">cre8ivecommando.com</a></div>
]]></content:encoded>
			<wfw:commentRss>http://www.clippingimages.com/blog/how-to-design-a-perfect-twitter-background/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creating an Interesting Effect on Heart Image Using Photoshop</title>
		<link>http://www.clippingimages.com/blog/in-this-tutorial-we-will-work-with-some-effects-on-heart-image/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=in-this-tutorial-we-will-work-with-some-effects-on-heart-image</link>
		<comments>http://www.clippingimages.com/blog/in-this-tutorial-we-will-work-with-some-effects-on-heart-image/#comments</comments>
		<pubDate>Thu, 11 Mar 2010 07:06:22 +0000</pubDate>
		<dc:creator>Shamima Sultana</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Photoshop effects]]></category>
		<category><![CDATA[photoshop tutorial]]></category>

		<guid isPermaLink="false">http://www.clippingimages.com/blog/?p=7816</guid>
		<description><![CDATA[In this tutorial we will work with some effects on heart image.Its very interestion..hope you will like it&#8230;
Here is the preview of the image:


I&#8217;m going to take a photo and to adjust it, maybe change some shapes and so on.
Here is my initial photo:

he idea of all this is to try to make the heart [...]]]></description>
			<content:encoded><![CDATA[<p>In this tutorial we will work with some effects on heart image.Its very interestion..hope you will like it&#8230;</p>
<p>Here is the preview of the image:</p>
<p><img class="aligncenter size-full wp-image-7814" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/Final...4.jpg" alt="" width="470" height="230" /></p>
<p><span id="more-7816"></span></p>
<div>I&#8217;m going to take a photo and to adjust it, maybe change some shapes and so on.</div>
<div>Here is my initial photo:</div>
<p style="text-align: center"><img class="aligncenter size-full wp-image-7815" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/011.jpg" alt="" width="459" height="303" /></p>
<p>he idea of all this is to try to make the heart in the hand more expressive.</p>
<p>So first you got to do is to create a new layer to paint and text some effects on.</p>
<div><img class="aligncenter size-full wp-image-7817" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/021.jpg" alt="" width="211" height="398" /></div>
<div>
<div>For more flexibility I want to separate the hart from other image and the way you can make this is to use quick mask for more precise way or to use a magic wand tool (on this one).</div>
</div>
<div><img class="aligncenter size-full wp-image-7819" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/031.jpg" alt="" width="333" height="333" /></div>
<div><img class="aligncenter size-full wp-image-7820" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/041.jpg" alt="" width="365" height="297" /></div>
<div>Here is the heart covered in quick mask.</div>
<div><img class="aligncenter size-full wp-image-7821" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/051.jpg" alt="" width="317" height="268" /></div>
<div>Exit quick mask to copy the selected area into a new layer.</div>
<div><img class="aligncenter size-full wp-image-7822" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/061.jpg" alt="" width="398" height="295" /></div>
<div><img class="aligncenter size-full wp-image-7823" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/071.jpg" alt="" width="456" height="343" /></div>
<div>First</div>
<div>
<div>thing I want to do to separate the heart from the rest of the image is to adjust the color of the heart.</div>
</div>
<div><img class="aligncenter size-full wp-image-7824" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/081.jpg" alt="" width="443" height="249" /></div>
<div><img class="aligncenter size-full wp-image-7825" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/091.jpg" alt="" width="394" height="253" /></div>
<div>
<div>Then I will take one of my twirl brushes and give the heart some kind of pattern.</div>
<div>Here we go &#8211; something like this.</div>
</div>
<div><img class="aligncenter size-full wp-image-7826" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/104.jpg" alt="" width="444" height="437" /></div>
<div>Create another layer and the same brush thing. As the brush dynamics is set to pen pressure. Note that is has to be on the separate layer.</div>
<div><img class="aligncenter size-full wp-image-7827" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/124.jpg" alt="" width="458" height="348" /></div>
<div>
<div>Here is this layer with other layer turned off, so you could see the effect itself.</div>
<div>Now I will apply some layer styles to the layer that stays on the very top of the layer box.</div>
<div>Here are the layer styles settings:</div>
</div>
<div><img class="aligncenter size-full wp-image-7828" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/133.jpg" alt="" width="474" height="350" /></div>
<div><img class="aligncenter size-full wp-image-7829" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/143.jpg" alt="" width="474" height="350" /></div>
<div><img class="aligncenter size-full wp-image-7830" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/152.jpg" alt="" width="480" height="350" /></div>
<div>
<div>Result:</div>
</div>
<div><img class="aligncenter size-full wp-image-7831" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/162.jpg" alt="" width="373" height="334" /></div>
<div>
<div>I&#8217;ve also create a layer underneath the very top one and did a little brush work with color similar to background &#8211; see the layer box.</div>
</div>
<div><img class="aligncenter size-full wp-image-7832" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/182.jpg" alt="" width="378" height="308" /></div>
<div>I&#8217;ve lowered the fill of the top one too: see the layer box.</div>
<div><img class="aligncenter size-full wp-image-7833" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/172.jpg" alt="" width="414" height="326" /></div>
<div>Now I will turn off all the paint layers and make a new one, on the top. Make several dots: I use a dot brush tip.</div>
<div><img class="aligncenter size-full wp-image-7834" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/202.jpg" alt="" width="355" height="315" /></div>
<div>Apply layer stiles to the curves:</div>
<div><img class="aligncenter size-full wp-image-7835" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/215.jpg" alt="" width="480" height="350" /></div>
<div><img class="aligncenter size-full wp-image-7836" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/222.jpg" alt="" width="480" height="350" /></div>
<div><img class="aligncenter size-full wp-image-7837" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/231.jpg" alt="" width="314" height="340" /></div>
<div><img class="aligncenter size-full wp-image-7838" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/242.jpg" alt="" width="480" height="350" /></div>
<div><img class="aligncenter size-full wp-image-7839" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/252.jpg" alt="" width="480" height="350" /></div>
<div>I have also painter with red overlay color on the top of the heart to expose that reds:</div>
<div><img class="aligncenter size-full wp-image-7840" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/272.jpg" alt="" width="457" height="362" /></div>
<div>And even more reds:</div>
<div><img class="aligncenter size-full wp-image-7841" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/282.jpg" alt="" width="366" height="327" /></div>
<div><img class="aligncenter size-full wp-image-7842" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/292.jpg" alt="" width="447" height="385" /></div>
<div>The final part will be color balancing the colors on the whole image:</div>
<div><img class="aligncenter size-full wp-image-7843" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/302.jpg" alt="" width="443" height="249" /></div>
<div>Thanx for reading and see you next time.</div>
<div></div>
<div><img class="aligncenter size-full wp-image-7844" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/Final...5.jpg" alt="" width="470" height="230" /></div>
<div></div>
<div>Credit:<a href="http://eyesontutorials.com"> eyesontutorials.com</a></div>
]]></content:encoded>
			<wfw:commentRss>http://www.clippingimages.com/blog/in-this-tutorial-we-will-work-with-some-effects-on-heart-image/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Create a Cool Abstract Light Beam Wallpaper</title>
		<link>http://www.clippingimages.com/blog/cool-abstract-light-beam-wallpaper/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=cool-abstract-light-beam-wallpaper</link>
		<comments>http://www.clippingimages.com/blog/cool-abstract-light-beam-wallpaper/#comments</comments>
		<pubDate>Thu, 11 Mar 2010 06:22:44 +0000</pubDate>
		<dc:creator>Shamima Sultana</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[photoshop tutorial]]></category>
		<category><![CDATA[Wallpaper]]></category>

		<guid isPermaLink="false">http://www.clippingimages.com/blog/?p=7798</guid>
		<description><![CDATA[In this Adobe Photoshop tutorial we will make a cool abstract light beam wallpaper in just a few easy steps.Its very easy to learn and i think its a helpful tutorial for the primary photoshop user.


First make sure to flip the canvas 90 degrees, (we will flip it back later).
Now make a rectangle selection across [...]]]></description>
			<content:encoded><![CDATA[<p>In this Adobe Photoshop tutorial we will make a cool abstract light beam wallpaper in just a few easy steps.Its very easy to learn and i think its a helpful tutorial for the primary photoshop user.</p>
<p><img class="aligncenter size-full wp-image-7799" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/Final4.jpg" alt="" width="470" height="230" /></p>
<p><span id="more-7798"></span></p>
<p>First make sure to flip the canvas 90 degrees, (we will flip it back later).</p>
<p>Now make a rectangle selection across the stage as shown below.</p>
<p><img class="aligncenter size-full wp-image-7800" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/abstract-wallpaper-1.jpg" alt="" width="146" height="370" /></p>
<p>Fill the selection with a gradient as the one shown below. (Make sure to do this in a separate layer, so create a new layer in the layers panel).</p>
<p><img class="aligncenter size-full wp-image-7801" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/abstract-wallpaper-2.jpg" alt="" width="179" height="450" /></p>
<p>Deselect to get rid of the selection, now go to filter -&gt; distort -&gt; shear and make it bend as shown.</p>
<p><img class="aligncenter size-full wp-image-7802" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/abstract-wallpaper-3.jpg" alt="" width="400" height="360" /></p>
<p>Now flip back the canvas 90 degrees.</p>
<p>Also I felt like darkening my beam, so in the image -&gt; adjustments -&gt; levels I dragged the handles to make it look a bit more dark and intense.</p>
<p><img class="aligncenter size-full wp-image-7803" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/abstract-wallpaper-4.jpg" alt="" width="400" height="380" /></p>
<p>In the layers panel set the blending mode to lighter so we get rid of the black part and only see the light laser beam as shown below.</p>
<p><img class="aligncenter size-full wp-image-7804" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/abstract-wallpaper-5.jpg" alt="" width="404" height="194" /></p>
<p>Now we are done with the laser beam, and we will make the three glowing spikes, so with the pen tool click to draw a spike as shown below.</p>
<p><img class="aligncenter size-full wp-image-7805" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/abstract-wallpaper-6.jpg" alt="" width="400" height="267" /></p>
<p>Now make two more so it looks like the image below.</p>
<p><img class="aligncenter size-full wp-image-7806" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/abstract-wallpaper-7.jpg" alt="" width="357" height="159" /></p>
<p>For each of the three spikes double click in the layers panel to get to the layers styles panel and give it an outer glow with settings as shown below.</p>
<p><img class="aligncenter size-full wp-image-7807" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/abstract-wallpaper-8.jpg" alt="" width="415" height="260" /></p>
<p>The final touch will be to make some glowing sparkles so first select the brush tool and bring up the custom brush panel, and give it settings as shown below.</p>
<p><img class="aligncenter size-full wp-image-7808" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/abstract-wallpaper-9.jpg" alt="" width="351" height="419" /></p>
<p><img class="aligncenter size-full wp-image-7809" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/abstract-wallpaper-10.jpg" alt="" width="361" height="421" /></p>
<div>Now make some nice strokes along the laser beams (you might want to do it a couple of times to make it look right).</div>
<div>Final touch could be to make a small glow effect on the sparkles like we did the with spikes above.</div>
<p><img class="aligncenter size-full wp-image-7811" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/abstract-wallpaper-final.jpg" alt="" width="400" height="300" /></p>
<p>Hope you have enjoyed it:)</p>
<p>Credit: <a href="http://0tutor.com">0tutor.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.clippingimages.com/blog/cool-abstract-light-beam-wallpaper/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Transformation in Adobe Illustrator</title>
		<link>http://www.clippingimages.com/blog/transformation-in-adobe-illustrator/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=transformation-in-adobe-illustrator</link>
		<comments>http://www.clippingimages.com/blog/transformation-in-adobe-illustrator/#comments</comments>
		<pubDate>Wed, 10 Mar 2010 09:42:27 +0000</pubDate>
		<dc:creator>Farhana Noor</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Adobe Illustrator Tutorial]]></category>
		<category><![CDATA[Effects using Transformation Tools]]></category>

		<guid isPermaLink="false">http://www.clippingimages.com/blog/?p=7667</guid>
		<description><![CDATA[From this tutorial you can learn everything about one of the most important Adobe Illustrator Tools- Transformation. Knowing transformation is knowing a lot – it gives you power you may  never even thought about.

Illustrator has plenty of tools, panels, and commands that make our work much easier. Among them, however, there are several outstanding [...]]]></description>
			<content:encoded><![CDATA[<p>From this tutorial you can learn everything about one of the most important Adobe Illustrator Tools- Transformation. Knowing transformation is knowing a lot – it gives you power you may  never even thought about.</p>
<p><img class="aligncenter size-full wp-image-7783" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/402.jpg" alt="" width="470" height="313" /></p>
<p><span id="more-7667"></span>Illustrator has plenty of tools, panels, and commands that make our work much easier. Among them, however, there are several outstanding ones that I personally consider the most important features of this program. They include brushes, the Appearance panel, Effects, and, of course, transformation.<br />
Today we’ll try to learn everything about transformation in Illustrator. This topic is especially useful for beginners, but intermediate users may also find interesting facts here.</p>
<p><strong>Lesson 1.</strong> <strong>Transformation Terms:</strong><br />
Before we learn how to transform, let’s first understand what every term related to transformation means. This way we’ll better know how every tool works.</p>
<p><strong>Transforming</strong><br />
The term transformation originates from the late latin word “transformation” (metamorphosis). Transforming an object is typically changing its position or shape, or both. Of course, it seems obvious and easy enough, but this simple operation is capable of altering your image drastically.<br />
There are many types of transformations altering various parameters (position, size, angle, etc.), they can be performed both separately or together at the same time. Transformation applies to one or more objects that are already selected with the Selection Tool (V).</p>
<p><img class="aligncenter size-full wp-image-7673" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/112.jpg" alt="" width="470" height="157" /></p>
<p><strong>Bounding box</strong><br />
The object in your document may be of diverse shapes, but the algorithms of transformation apply to all of them equally. It is because the program has a unified system of transformation, whether we speak of ellipse, spiral, or rectangle. Every object has a so-called bounding box, which is the area with borders drawn around it.<br />
The borders touch the left-most, right-most, top-most, and bottom-most points of an object. It includes four corner points and four sides, equally important in transformation. The bounding box allows to easily transform any object. It is usually visible by default, but you may want to turn it off (Shift + Command + B).</p>
<p><img class="aligncenter size-full wp-image-7675" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/210.jpg" alt="" width="470" height="157" /></p>
<p><strong>Point of Transformation</strong><br />
The bounding box usually includes a central point indicated – it is not necessarily the central point of an object, as it is calculated from the box borders. If you don’t see the center, try opening the Attributes panel (Command + F11) and click the Show center icon. By default, this central point of an object is considered a point of transformation, or reference point. This means, that when an object is for example scaled up, the center will remain in place, while all other points change position.<br />
Still, while performing transformation, we can change the transformation point. In this case the new point we choose (in relation to the initial shape of an object) will remain in place. I want to emphasize, that a reference point may be assigned in any part of your document, not just within your object.</p>
<p><img class="aligncenter size-full wp-image-7679" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/310.jpg" alt="" width="470" height="157" /></p>
<p><strong>Moving</strong><br />
A major type of transformation is moving. Although many Illustrator users don’t even know about it, move is a transformation. Moving an object means changing its coordinates, so the position is altered – hence, moving is transforming.<br />
This is the most popular way to transform, as we always move objects from one place to another. Moving is usually based on the central point of an object, and the transformation point is not changed. Moving is measured in points, pixels, or other distance units that are set in Preferences (Command + K).</p>
<p><img class="aligncenter size-full wp-image-7680" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/410.jpg" alt="" width="470" height="157" /></p>
<p><strong>Scaling</strong><br />
Scaling is altering the size of an object. There are many ways of scaling an object in Illustrator, but all of them change the size of an object. Any transformation point may be assigned while scaling. On two-dimensional graphics there are two axes, so the object may be scaled in two directions.<br />
It is possible to scale it separately (horizontally or vertically) – in this case the shape and proportions of object will be changed. Proportional scaling will constrain the object’s shape, transforming simultaneously in two directions. Scaling is measured in percents, starting from 100% as the initial object size.</p>
<p><img class="aligncenter size-full wp-image-7681" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/56.jpg" alt="" width="470" height="157" /></p>
<p><strong>Rotating</strong><br />
Rotating is changing the object’s angle. Varying from 0 to 360 degrees, we can rotate the object from the initial position on a virtual imaginary circle. Depending on the point of transformation we assign, the diameter of this virtual circle may be altered. If we leave the transformation point on the default center of the object’s bounding box, then the object will rotate around itself. There are many ways of rotating an object, entering a needed angle. Rotation is measured in degrees from -360 to 360.</p>
<p><img class="aligncenter size-full wp-image-7682" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/62.jpg" alt="" width="470" height="157" /></p>
<p><strong>Mirroring</strong><br />
Mirroring, or reflecting, is a more complex way of transformation. It flips the object in any direction, reflecting it from the axis we need. We can simply flip an object vertically or horizontally, or insert any other angle. It also rotates it depending on the axis and transformation point.<br />
This transformation (shown below) results in a mirror reflection of the original object, when we assign the point where mirror stands. Keep in mind, that symmetric object won’t change after reflecting. Reflection is measured in degrees.</p>
<p><img class="aligncenter size-full wp-image-7683" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/72.jpg" alt="" width="470" height="118" /><strong>Shearing</strong><br />
Another complex transformation type is shearing. It means skewing an object (or, more precisely, it’s bounding box) according to one axis, around an assigned point. The slant is varied from horizontal or vertical axis to any angle. Shear may be preformed with many tools and commands. It is measured in extent of slant in degrees and shear angle in degrees.</p>
<p><img class="aligncenter size-full wp-image-7684" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/82.jpg" alt="" width="470" height="157" /></p>
<p><strong>Free Transform</strong><br />
The last transformation type is free transform – as it follows from its name, this method allows to freely transform the object by several parameters at once. This means that position, size, angle, and slant may be changed simultaneously, combining several types of transformation in one.</p>
<p><img class="aligncenter size-full wp-image-7685" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/91.jpg" alt="" width="470" height="157" /><strong> </strong></p>
<p><strong>Lesson 2. Transforming with Tools</strong></p>
<p><strong>Using Appropriate Transform Tools</strong><br />
The most popular way of transformation is using appropriate tools from the Tools panel. There are several transformation tools that change different parameters of a selected object. Let’s analyze all of them.</p>
<p><strong>Move</strong><br />
The Move Tool (V) is combined with the Selection Tool and presents a familiar black arrow. The easiest way of moving is, actually, moving a selected object manually by dragging it to the desired position. However, oftentimes we need precise positioning when simple dragging doesn’t work. In this case we can move the object from the dialog of the chosen tool – in this case, the Move Tool.</p>
<p>Click the tool in the Tools panel twice, and you’ll get a dialog where all options can be entered. For the Move tool, it includes either horizontal and vertical move in any units (according to rectangular coordinates), or if you like polar coordinates more, you can enter distance and angle to move the object precisely. You may insert both positive and negative numbers. Also you may want to press the Copy button in the dialog to create a moved object duplicate. The transformation point is not changed here.</p>
<p><img class="aligncenter size-full wp-image-7686" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/102.jpg" alt="" width="470" height="236" /></p>
<p><strong>Scale</strong><br />
The Scale Tool (S) looks like a small rectangle being scaled up. To scale a selected object, simply drag the handles of its bounding box (eight white squares). For horizontal scale, drag horizontally, and for vertical scale, drag vertically. For both, drag the corner handles, and to constrain the proportions press Shift. By default, the central point is the point of transformation, but you can fix it in a different position by simply clicking a place you need before transforming an object.</p>
<p>However, if you need to scale the object precisely, double-click Scale in the Tools panel and enter the needed numbers in the dialog. You can choose wether to insert percent for uniform (proportional) scaling, or enter separate numbers for horizontal and vertical scaling. Again, it is possible to press Copy to duplicate an object while scaling. Oftentimes when you need to scale the object from the dialog, you also want the default transformation point changed. Simply Alt-click where you want the new point to sit, and the dialog will open.</p>
<p><img class="aligncenter size-full wp-image-7687" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/113.jpg" alt="" width="470" height="236" /></p>
<p><strong>Rotate</strong></p>
<p>The Rotate Tool (R) is a small circular arrow. To rotate an object, select it and drag it in the needed direction. As the default transformation point is in the object center, it will be rotated around itself. You can assign different reference points by clicking in the needed place prior to rotating. Also you may want to know that holding Shift allows you to rotate on the angles divided by 45, such as: 45, 90, 135, 180, and so on.</p>
<p>Of course, if you need a precise angle, double-click Rotate in the Tools panel and insert a degree in the dialog. Positive numbers rotate counter-clockwise, and negative numbers rotate clockwise. You may press Copy to duplicate an object while rotating. To change the transformation point from the object center to any other place, Alt-click to assign the new point and open the dialog.</p>
<p><img class="aligncenter size-full wp-image-7690" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/122.jpg" alt="" width="470" height="196" /></p>
<p><strong>Reflect</strong></p>
<p>The Reflect Tool (O) is a small mirrored triangle hidden under the Rotation Tool. To reflect a selected object, just drag it to the needed direction. The default reference point is in the center, so the object will be reflected around the axis that intersects it’s center. To use exact horizontal or vertical axes for mirroring, hold down Shift. To change the transformation point, as usual, click where you want to place it before transforming.</p>
<p>Again, for precise reflection, double-click Reflect in the Tools panel and insert an axis you need in the dialog. Yo can choose Vertical or Horizontal axes for perfect symmetry, or enter a custom angle. To duplicate an object while reflecting, press Copy. To change the transformation point from the object center to any other place, Alt-click to assign the new point and open the dialog at the same time.</p>
<p><img class="aligncenter size-full wp-image-7691" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/131.jpg" alt="" width="470" height="196" /></p>
<p><strong>Shear</strong></p>
<p>The Shear Tool looks like a little slanted rectangle and is hidden under the Scale Tool. To shear a selected object, drag anywhere in the needed direction. The transformation point will be fixed in the center. To shear along a horizontal axis, drag horizontally, and to shear along a vertical axis, drag vertical. To constrain an object’s width or height, or to shear along axes slanted by a 45-divided degree, hold down Shift. As with other transformation tools, assign different reference points by clicking in the needed place prior to shearing.</p>
<p>For a precise angle, double-click Shear in Tools panel and insert the shear amount in degrees and axis in the dialog. Press Copy to duplicate an object while skewing. To change the transformation point from the object center to any other place, Alt-click to assign the new point and open the dialog.</p>
<p><img class="aligncenter size-full wp-image-7692" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/141.jpg" alt="" width="470" height="235" /></p>
<p><strong>Using the Black Arrow/Direction Selection Tool</strong><br />
As I already mentioned, the Selection Tool (V) is used for Move – the first and most important type of transformation. Still, this tool can also be used to manually perform some other transformation methods. We can easily change not only the object’s position, but it’s size and angle.</p>
<p><strong>Scale</strong></p>
<p>To scale with the Selection Tool (V) select an object and simply drag the handles on it’s bounding box (white squares in the corners and on the sides). The object will be scaled in the direction you drag.</p>
<p>If you want to constrain the proportions, hold down Shift to scale in both directions while dragging the corner handler. The reference point is not considered in this case, so the object will be transformed according to the direction you drag without any fixed transformation point specified. You cannot determine the reference point, but if you want to fix a central point while scaling an object with the Selection Tool, hold down the Alt button.</p>
<p><img class="aligncenter size-full wp-image-7694" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/151.jpg" alt="" width="470" height="158" /></p>
<p><strong>Rotate</strong></p>
<p>To rotate with the Selection Tool (V), select an object and place the cursor over any corner handle of its bounding box. When the little double arrow appears, you can rotate the object in any direction and angle.</p>
<p>In order to keep the exact angles (45, 90, and so on), hold down Shift – the object will snap to this angle while rotating. The reference point can not be changed while rotating with the Selection Tool, so the object will be rotated around itself with the transformation point in the center.</p>
<p><img class="aligncenter size-full wp-image-7696" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/161.jpg" alt="" width="470" height="146" /></p>
<p><strong>Reshaping and Distortion Tools</strong><br />
Besides the transformation tools described above, Illustrator has some extra tools that can alter object shapes in other various ways. They not only change one object parameter, like position, size, or angle, but they can distort and reshape it drastically. Let’s briefly take a look at these tools</p>
<p><strong>Free Transform Tool</strong><br />
The Free Transform Tool (E) allows to transform the object freely – it combines all transformation tools into one, including: move, scale, rotate, reflect, and shear. Also, it allows one to perform perspective distortion. Basically, with this tool you can drag handles on the object’s bounding box in any direction, unlike with other transformation tools.</p>
<p>To rotate or scale, simply place the cursor near the handle you need on the object bounding box and perform the transformation just like with the appropriate tools. To reflect an object, drag from the handle on one side to the opposite one, while holding Shift. Finally, to shear the object with the Free Transform Tool, move one of the side handles to the needed direction, while holding down Command + Alt.</p>
<p>To drag one corner handle separately, press the mouse key over the corner and then press Command after this – now you can reposition it as you distort the object. To constrain the horizontal or vertical baseline while dragging a handle, hold down Shift. If you want to drag two handles symmetrically to distort in perspective, drag a corner handle while holding down Alt + Command + Shift.</p>
<p><img class="aligncenter size-full wp-image-7699" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/171.jpg" alt="" width="470" height="132" /></p>
<p><strong>Reshape Tool</strong><br />
Reshape Tool is hidden under the Scale and Shear tools. It also allows one to transform an object its own specific way. To my mind, it works much like scaling but considers anchor points while transforming. When you select an object and choose the Reshape Tool, you can move any existing anchor point on the object by dragging it to the desired position. However, the result will be reshaping the entire object proportionally with no need to tweak every point separately. This effect of this tool can be only seen on open paths.</p>
<p><img class="aligncenter size-full wp-image-7701" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/181.jpg" alt="" width="470" height="113" /></p>
<p><strong>Warp Tool Group</strong><br />
A group of tools worth mentioning are the Warp Tools group (Shift + R). Although these tools do not transform object in the usual way, they still deform the shape significantly, so I think we can briefly overview them. Within this group, there are eight tools that affect the shape of an object locally in various ways. From warp to wrinkle, to bloat, to pucker, they add anchor points and segments to the object deforming it drastically.</p>
<p><img class="aligncenter size-full wp-image-7703" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/191.jpg" alt="" width="470" height="157" /></p>
<p><strong>Lesson 3. Transforming with Menu</strong></p>
<p>We’ve learned how to use the transformation tools to change the object’s parameters – position, size, angle, shape, and others. Still, in Illustrator there are always multiple ways of doing one action. Let’s try to perform transformation with appropriate menu commands: Object &gt; Transform.</p>
<p><strong>Usual Transformation</strong><strong><br />
</strong>All the usual transformation types we observed (move, scale, rotate, reflect, and shear) can be performed with appropriate menu commands from Object &gt; Transform.<br />
They work just like the tools described above, only you can’t change the reference point from the object’s center, and transformations can’t be performed manually. When you access the submenu (for example, Object &gt; Transform &gt; Scale) the dialog pops-up similar with one of the appropriate tools. Simply insert the desired parameters and press OK to apply or Copy to duplicate an object.</p>
<p><img class="aligncenter size-full wp-image-7713" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/201.jpg" alt="" width="470" height="157" /></p>
<p><strong>Transform Again</strong><br />
The most important shortcut about transformation, to my mind, is Object &gt; Transform &gt; Transform Again feature (Command + D). This command repeats the last transformation applied with the same parameters, be that move, scaling with altered reference point, or rotation with duplicating.</p>
<p>This useful feature allows one to create very interesting effects – for instance, from a simple object transformed again several times we can get a nice flower. Transform again can be really helpful in many cases, so just remember this shortcut: Command + D.</p>
<p><img class="aligncenter size-full wp-image-7717" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/213.jpg" alt="" width="470" height="157" /></p>
<p><strong>Reset Bounding Box</strong><br />
We’ve already spoken about the bounding box and its role in transformation. It represents a rectangle touching object borders from four sides (top, bottom, left, and right). However, you may notice that the bounding box is oftentimes altered when the object is transformed – for instance, after rotation by 45 degreed the bounding box will no longer be a perfectly positioned rectangle, as the angle will be changed.</p>
<p>Still, you may face a need to change the view of bounding box back to frontal rectangle with horizontal and vertical sides. To do it, go to Object &gt; Transform &gt; Reset Bounding Box. It will be changed back to the default rectangle, while the object remains rotated by 45 degrees.</p>
<p><img class="aligncenter size-full wp-image-7719" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/221.jpg" alt="" width="470" height="146" /><strong> </strong></p>
<p><strong>Transform Each (Several Objects)</strong><br />
As you may have guessed, it is possible to transform not only one separate object, but a group of objects. To do it, simply select all the objects you need (holding down Shift will add an object to selection).</p>
<p>However, in this case the virtual bounding box will be drawn around all the objects. This means that, for instance, rotation will be performed as if it was one large object, according to the bounding box. Still, we sometimes need to transform all the selected objects separately – say, rotate them. Here is when Transform each works best.</p>
<p><img class="aligncenter size-full wp-image-7720" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/23-a.jpg" alt="" width="470" height="172" /></p>
<p>Select all the objects you need and go to Object &gt; Transform &gt; Transform Each (Alt + Shift + Command + D). You’ll see a dialog with numerous parameters. All the transformation methods are combined there, so you may enter horizontal and vertical move, horizontal and vertical scale, rotation angle, reflection along X or Y axis, and also change a transformation point from center to any bounding box handle in a little proxy on the right. All selected objects will be transformed separately, and you can also press Copy to duplicate them. Another useful feature is the Random checkbox, check it if you want objects to transform randomly.</p>
<p><img class="aligncenter size-full wp-image-7721" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/23-b.jpg" alt="" width="470" height="313" /></p>
<p><strong>Transform Each (One Object)</strong><br />
I want to mention one more creative way of using the Transform Each command. Remember the Transform again feature? Unfortunately, it memorizes only one last transformation applied – move, scale, reflect, etc. But sometimes we want to make a series of object copies with a few kinds of transformation applied to each. For example, ten rectangle copies rotated by 10 degrees and scaled down to 90% each. We won’t be able to repeat both transformation methods with Command + D to achieve this effect, as rotation and scaling are two separate steps.</p>
<p>But here is a trick – select the object and run it through the Transform Each command, enter all parameters and press Copy – this command combines all four transformation methods still being considered a single step. Now you can transform the object again for as many copies as you need.</p>
<p><img class="aligncenter size-full wp-image-7722" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/241.jpg" alt="" width="470" height="313" /></p>
<p><strong>Lesson 4. Important Keys and Shortcuts</strong></p>
<p>Like most graphic programs, Illustrator has plenty of secret shortcuts to make your work easier. Transformation has numerous helpful keys and shortcuts worth memorizing.</p>
<p><strong>Transform Tools Shortcuts</strong></p>
<p>Almost every transform tool has a key. To remind you again, let’s remember all of them: Move Tool (V), Scale Tool (S), Rotate Tool (R), Reflect Tool (O), Free Transform Tool (E), and Warp Tools group (Shift + R). Shear and Reshape tools don’t have default hot keys, but you can easily assign them shortcuts in Edit &gt; Keyboard shortcuts (Alt + Shift + Command + K).</p>
<p><img class="aligncenter size-full wp-image-7723" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/251.jpg" alt="" width="470" height="86" /></p>
<p><strong>Transform Helpful Keys</strong><br />
Although we already mentioned this, I think it might be helpful to remind again – while transforming manually with specific tools, you might want to use special modifier keys for changing some parameters. They work almost equally for every transformation tool you use, so remember these simple modifiers, as they will save you time and make the transformation process easier.</p>
<p><img class="aligncenter size-full wp-image-7724" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/261.jpg" alt="" width="470" height="86" /></p>
<p><strong>Lesson 5. Transforming with Panel</strong></p>
<p>Besides the transformation tools and menu, there is another way of transforming objects in Illustrator. The entire panel is dedicated to it – Transform panel (Shift + F8). Keep in mind, that the Transform panel works with entire objects or groups of objects, and that here absolute measurements are used, unlike with the transform tools or menu, where we use relative measurements.</p>
<p><strong>Reference Point</strong><br />
The Transform panel has a small proxy that indicates a transformation point. There are nine possible positions – center, fours corners, and four centers of the object bounding box sides. You can choose any of these points for reference, but you can’t fix another random transformation point with the Transform panel. The position chosen will indicate the starting point for calculations while transforming with the panel.</p>
<p><img class="aligncenter size-full wp-image-7733" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/271.jpg" alt="" width="470" height="118" /></p>
<p><strong>Position</strong><br />
To change the position of an object (or move) with the Transform panel, you can insert the needed values in X and Y fields. You can see the numbers in these fields – they show the coordinates of the object’s reference point. X indicates the horizontal coordinates of the object (or, more specifically, chosen reference point), while Y shows vertical coordinates in your document. Simply enter new numbers in the appropriate units (measurement units may be changed in Edit &gt; Preferences &gt; Units &amp; Display performance). Keep in mind, that in Adobe Illustrator the origin of coordinates by default is positioned in the bottom-left corner of the document.</p>
<p><img class="aligncenter size-full wp-image-7736" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/281.jpg" alt="" width="470" height="196" /></p>
<p><strong>Size</strong><br />
To change the size of the object (or scale) with the Transform panel, enter the desired numbers in the W and H fields. W means width of object, and H is it’s height. The values in these fields indicate the initial width and height of your object in chosen units (pixels, points, inches, etc.). Enter new numbers to scale the object, or click the chain icon to constrain proportions and enter only one value, as the other one will change proportionally.</p>
<p><img class="aligncenter size-full wp-image-7739" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/291.jpg" alt="" width="470" height="196" /></p>
<p><strong>Angle</strong><br />
To change the angle of an object (or rotate) with the Transform panel, insert the needed angle in the appropriate Rotation field, or select the angle from the drop down menu. The object will be rotated around the point, assigned in the proxy. After rotation, the angle will be changed back to 0 automatically.</p>
<p><img class="aligncenter size-full wp-image-7745" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/301.jpg" alt="" width="470" height="196" /></p>
<p><strong>Slant<br />
</strong>To skew an object (or shear) with the Transform panel, choose the angle in the Shear field, or insert the value you need manually. The object will be sheared around the point, assigned in the proxy. Skewing with the panel, however, is less flexible than with the appropriate tool. After shearing, the angle will be changed back to 0 automatically.</p>
<p><img class="aligncenter size-full wp-image-7747" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/313.jpg" alt="" width="470" height="196" /></p>
<p><strong>Reflect</strong><br />
To mirror an object (or reflect) with the Transform panel, go to the panel flyout menu and choose Flip horizontal or Flip vertical. The selected object will be reflected along the axis going through the chosen transformation point. Flip horizontal reflects horizontally – using vertical axis. Flip vertical reflects vertically – using horizontal axis.</p>
<p><img class="aligncenter size-full wp-image-7749" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/322.jpg" alt="" width="470" height="196" /></p>
<p><strong>Useful Options</strong><br />
In the flyout menu of the Transform panel you can choose Scale Strokes and Effects if you want all the strokes and effects applied to a selected object to be transformed along with object itself. Also you may choose to either transform objects or patterns applied to it as a fill, or both. The same options can be chosen in every transformation tool we learned above – simply by checking the appropriate checkbox in a tool dialog.</p>
<p><img class="aligncenter size-full wp-image-7754" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/332.jpg" alt="" width="470" height="188" /></p>
<p><strong>Lesson 6. Transforming Separate Elements</strong></p>
<p>When speaking about transformation, we considered separate objects or groups of objects. However, transformation may be applied to parts of one object, like anchor points or segments. This does not apply to the Transform panel, as it only works with entire objects.</p>
<p><strong>Transforming Segments</strong><br />
Just like entire objects, segments may be transformed in Illustrator with the appropriate tools or menu commands. To do it, select a segment of the object (the part of path between two anchor points) with the Direct Selection Tool (A) – white arrow. Now you can use the transformation tools or menu commands (move, scale, rotate, reflect, and shear) to change the shape of the segment. Keep in mind, however, that for moving a segment you should use the Direct Selection Tool – simply drag it where you need, or press Enter to insert exact move values.</p>
<p><img class="aligncenter size-full wp-image-7755" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/341.jpg" alt="" width="470" height="172" /></p>
<p><strong>Transforming Anchor Points</strong><br />
The same rules apply to anchor points. To transform an anchor point, select it with the Direct Selection Tool (A). Now you will see the handles – the guides attached to the point that condition a direction of the path. The transformation will be applied to these handles. Use the transform tools or menu commands to change their direction. Again, don’t use the Selection Tool (V) for moving points, as it only works with entire objects – choose the Direct Selection Tool to move anchor points. The Transform again feature also works with separate elements, also reference point can be changed just like with entire objects.</p>
<p><img class="aligncenter size-full wp-image-7756" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/352.jpg" alt="" width="470" height="196" /></p>
<p><strong>Lesson 7. Dynamic Transformation</strong></p>
<p>All the transformation methods we described above are so-called destructive methods – they change the shape of an object. There are, however, ways of altering an object with non-destructive transformation. This is done with Illustrator Effects. This transformation embodiment can be applied to entire objects only, it does not work with separate points or segments.</p>
<p><strong>Advantages of Effects</strong><br />
Adobe Illustrator Effects allows one to apply transformation or any other change as a style, when the initial object shape is kept intact. In this case all effects are shown in the Appearance panel (Shift + F6) and are fully editable. You can duplicate, delete, change settings of any effect applied to the object in the Appearance panel. If you want to apply all the effects applied to an object, go to Object &gt; Expand. There are plenty of outstanding effects in the Effects menu, but we’ll only learn how to work with Transform effect in this tutorial.</p>
<p><img class="aligncenter size-full wp-image-7757" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/362.jpg" alt="" width="470" height="172" /></p>
<p><strong>Transformation Effect</strong><br />
In the Effect &gt; Distort &amp; Transform &gt; Transform is hidden an important transformation command. It’s a dialog that looks pretty much like the Transform Each window – the same options for scale, move, rotate, flip, and random. All usual transformation tools are combined here in one effect. The only one field we didn’t see before is number of copies. Here you cam enter how many copies of the object you want transformed.</p>
<p>Enter all the settings you need for every field and apply – the effect will be shown in the Appearance panel. Now you can go back any second and tweak the settings of the Transform effect, changing dynamically any parameter. The interesting fact is that the initial object shape is not altered – you can check it in outline mode (Command + Y). Moreover, you can apply several transformation effects with different settings to one object.</p>
<p><img class="aligncenter size-full wp-image-7758" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/371.jpg" alt="" width="470" height="313" /></p>
<p><strong>Free Distort Effect</strong><br />
In the Effect &gt; Distort &amp; Transform &gt; Free Distort there is an effect that works much like the Free Transform Tool we spoke about above. Here you’ll see a model of your object with a bounding box and four corner points. You can change the object shape freely by dragging corner points in any direction to distort it manually. Again, the effect is listed in the Appearance panel and does not affect the initial object’s shape.</p>
<p><img class="aligncenter size-full wp-image-7759" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/382.jpg" alt="" width="470" height="337" /></p>
<p><strong>Other Distort &amp; Transform Effects</strong><br />
There are other interesting effects in Effect &gt; Distort &amp; Transform group that can alter the object’s visual appearance drastically. Pucker &amp; Bloat drags object anchor points inwards or outwards on the distance you insert. Roughen, Tweak, and Zig Zag create nice random effects. Twist will twist an object to the desired angle. We won’t observe them in detail, but try them all to get familiar with these Transform effects.</p>
<p><img class="aligncenter size-full wp-image-7760" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/391.jpg" alt="" width="470" height="172" /></p>
<p>At the end I want to say, any topic in such a powerful program like Adobe Illustrator can be discussed for hours – you always find more secrets, tricks, and new features. It is especially true with Transformation – one of the most popular Illustrator features.<br />
I tried to sum up everything I know about Transformation fundamentals in this tutorial, but I’m sure any of you can practice and find your own secret to transformations. Below is a simple abstract composition created with transformed geometric shapes – an example of how transformation can be applied in your artwork.</p>
<p><img class="aligncenter size-full wp-image-7761" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/401.jpg" alt="" width="470" height="313" /></p>
<p>I hope you like it <img src='http://www.clippingimages.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Credit: <a href="http://vector.tutsplus.com">vector.tutsplus.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.clippingimages.com/blog/transformation-in-adobe-illustrator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Some Mistakes that New Twitter Users make…</title>
		<link>http://www.clippingimages.com/blog/some-mistakes-that-new-twitter-users-make%e2%80%a6/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=some-mistakes-that-new-twitter-users-make%25e2%2580%25a6</link>
		<comments>http://www.clippingimages.com/blog/some-mistakes-that-new-twitter-users-make%e2%80%a6/#comments</comments>
		<pubDate>Wed, 10 Mar 2010 09:29:15 +0000</pubDate>
		<dc:creator>Shamima Sultana</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Mistake on Twitter]]></category>

		<guid isPermaLink="false">http://www.clippingimages.com/blog/?p=7788</guid>
		<description><![CDATA[Twitter is a social network filled with real people and you have to keep that in mind before you post a tweet.
I have compiled a quick list of some mistakes I see a lot of new twitter users make.At least in my view, they are mistakes.Let&#8217;s discuss about the mistakes:



Not completing a bio

The cardinal sin [...]]]></description>
			<content:encoded><![CDATA[<div>Twitter is a social network filled with real people and you have to keep that in mind before you post a tweet.</div>
<div>I have compiled a quick list of some mistakes I see a lot of new twitter users make.At least in my view, they are mistakes.Let&#8217;s discuss about the mistakes:</div>
<div></div>
<div><img class="aligncenter size-full wp-image-7794" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/Untitled-11.jpg" alt="" width="470" height="230" /></div>
<div><span id="more-7788"></span></div>
<div><strong>Not completing a bio</strong></div>
<div></div>
<div>The cardinal sin of most new Twitter users is not filling out the small but important section that says a bit about who they are. It could be a simple as a name (or a clever alias for the secret agents or painfully shy) or even just a sentence or two. If your goal is to get the conversation going — which is the point of Twitter after all — a bio can be the icebreaker.</div>
<div></div>
<div><strong>Protecting updates, but complaining about no followers</strong></div>
<div></div>
<div>There are a few reasons to keep your updates private: not wanting to share your personal business with the world, thwarting spammers, etc. But many twitterers forget that by blocking updates from public view, they are also blocking potential followers. It&#8217;s a give and take situation, so you gotta give a little to get something back.</div>
<div></div>
<div><strong>No updates, but complaining about no followers</strong></div>
<div></div>
<div>It&#8217;s one thing to protect your updates, it&#8217;s another to not have any updates at all. Complaining about not having followers in this instance is like walking into a party, not speaking to anyone, and then complaining about how terrible the party is.</div>
<div></div>
<div><strong>Entering an incorrect URL in your profile</strong></div>
<div></div>
<div>Twitter allows users to add a web address to their profile, which can be their website, blog, or other social networking profiles. Many potential followers click on this link to get a better idea of who the person is. Don&#8217;t miss an opportunity by entering a typo in this field (e.g. htp:/reporterwordpress.com) or by adding more than one address in a single line.</div>
<div></div>
<div><strong>Making the text unreadable</strong></div>
<div></div>
<div>Because Twitter allows users to create their own color scheme, some make quirky, cute, or even garish color choices. Most are okay, except for those who choose dark text on a dark background, making potential followers strain to read the page. Remember, it&#8217;s no use completing a bio if no one can read it.</div>
<div></div>
<div><strong>Going into RSS/Twitterfeed overload</strong></div>
<div></div>
<div>While it is true that some people are starting to use Twitter in lieu of an RSS reader, the sure way to garner complaints and/or unfollows is to make your Twitter feed identical to your RSS feed. Your blog/site may be awesome, but the point of Twitter is to stimulate conversation.</div>
<div></div>
<div><strong>No avatar</strong></div>
<p>Nothing says &#8220;I&#8217;m a new Twitter user who hasn&#8217;t quite figured this thing out&#8221; like a default Twitter avatar. An avatar is a brief glimpse into the person behind the tweets, so be sure to make it special.</p>
<p>So, do you have any you think should be added?Please let me know.</p>
<p>Credit:<a href="http://10000words.net"> 10000words.net</a></p>
<p>Photo credit: <a href="http://blogcdn.com">blogcdn.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.clippingimages.com/blog/some-mistakes-that-new-twitter-users-make%e2%80%a6/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Effective Beauty Retouch with some Filter Effects and Blending Modes.</title>
		<link>http://www.clippingimages.com/blog/effective-beauty-retouch/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=effective-beauty-retouch</link>
		<comments>http://www.clippingimages.com/blog/effective-beauty-retouch/#comments</comments>
		<pubDate>Wed, 10 Mar 2010 08:10:48 +0000</pubDate>
		<dc:creator>Shamima Sultana</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Photo retouching]]></category>
		<category><![CDATA[photoshop tutorial]]></category>

		<guid isPermaLink="false">http://www.clippingimages.com/blog/?p=7763</guid>
		<description><![CDATA[In this tutorial you will learn how to enhance the skin and hair of a girl with some filter effects and blending modes. Finally we will add lighting effect to make the photo more beautiful.

Step 1: 
Open your photo in Photoshop, I use the photo below:

Step 2:
Firstly, we will enhance her skin, go to Select&#62;Color [...]]]></description>
			<content:encoded><![CDATA[<p>In this tutorial you will learn how to enhance the skin and hair of a girl with some filter effects and blending modes. Finally we will add lighting effect to make the photo more beautiful.</p>
<p><img class="aligncenter size-full wp-image-7765" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/Final...2.jpg" alt="" width="470" height="230" /><span id="more-7763"></span></p>
<p><strong>Step 1: </strong></p>
<p>Open your photo in Photoshop, I use the photo below:</p>
<p><img class="aligncenter size-full wp-image-7766" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/EffectiveBeautyRetouch1.jpg" alt="" width="449" height="235" /></p>
<p><strong>Step 2:</strong></p>
<p>Firstly, we will enhance her skin, go to Select&gt;Color Range and click on the face to sample it.</p>
<p style="text-align: center"><img class="aligncenter size-full wp-image-7767" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/EffectiveBeautyRetouch2.jpg" alt="" width="485" height="317" /></p>
<p>then select the &#8220;Add to Sample&#8221; icon and click on other areas on her face to sample some more. Click OK when most of the areas on her face turned into white</p>
<p style="text-align: center"><img class="aligncenter size-full wp-image-7768" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/EffectiveBeautyRetouch3.jpg" alt="" width="473" height="309" /></p>
<p>You will get some selection areas like this:</p>
<p><img class="aligncenter size-full wp-image-7770" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/EffectiveBeautyRetouch4.jpg" alt="" width="466" height="247" /></p>
<p><strong>Step 3: </strong></p>
<p>Press Ctrl-J to duplicate the selection areas and change the blending mode of this layer to Overlay to make it more contrastive.</p>
<p><img class="aligncenter size-full wp-image-7771" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/EffectiveBeautyRetouch51.jpg" alt="" width="415" height="264" /></p>
<p><strong>Step 4: </strong></p>
<p>We should smooth her skin a little by going to Filter&gt;Blur&gt;Gaussian Blur and set a small Radius value</p>
<p><img class="aligncenter size-full wp-image-7772" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/EffectiveBeautyRetouch6.jpg" alt="" width="322" height="337" /></p>
<p><img class="aligncenter size-full wp-image-7773" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/EffectiveBeautyRetouch7.jpg" alt="" width="358" height="284" /></p>
<p><strong>Step 5: </strong></p>
<p>Press Ctrl-Shift-Alt-E to merge all layers into a new layer, lying on the top. On this layer we will apply the Unsharp Mask to emphasize her face&#8217;s edges by going to Filter&gt;Sharpen&gt;Unsharp Mask and use the default settings:</p>
<p><img class="aligncenter size-full wp-image-7774" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/EffectiveBeautyRetouch8.jpg" alt="" width="322" height="425" /></p>
<p><strong>Step 5:</strong></p>
<p>Press Ctrl-Shift-Alt-E to merge all layers into a new layer, lying on the top. On this layer we will apply the Unsharp Mask to emphasize her face&#8217;s edges by going to Filter&gt;Sharpen&gt;Unsharp Mask and use the default settings:</p>
<p><img class="aligncenter size-full wp-image-7775" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/EffectiveBeautyRetouch9.jpg" alt="" width="383" height="319" /></p>
<div><strong>Step 7:</strong></div>
<div><strong><br />
</strong></div>
<div>Finally we will make a lighting effect by going to Filter&gt;Render&gt;Lighting Effects and adjust the light source on her face</div>
<p style="text-align: center"><img class="aligncenter size-full wp-image-7776" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/EffectiveBeautyRetouch10.jpg" alt="" width="459" height="343" /></p>
<p>Now our photo will look better!</p>
<p><img class="aligncenter size-full wp-image-7778" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/Final...3.jpg" alt="" width="470" height="230" />In conclusion, we can use some filter effects to emphasize something we want. Remember to make its edges contrastive with the Unsharp Mask filter and make it soft again with the Soft Light blending mode.</p>
<p>Credit: <a href="http://9tuts.com">9tuts.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.clippingimages.com/blog/effective-beauty-retouch/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tutorial:Creating A Spring Planks Wallpaper</title>
		<link>http://www.clippingimages.com/blog/creating-a-spring-planks-wallpaper/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=creating-a-spring-planks-wallpaper</link>
		<comments>http://www.clippingimages.com/blog/creating-a-spring-planks-wallpaper/#comments</comments>
		<pubDate>Wed, 10 Mar 2010 07:24:06 +0000</pubDate>
		<dc:creator>Shamima Sultana</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[photoshop tutorial]]></category>
		<category><![CDATA[Wallpaper]]></category>

		<guid isPermaLink="false">http://www.clippingimages.com/blog/?p=7725</guid>
		<description><![CDATA[In this tutorial we will show how to create a Spring Planks Wallpaper..we&#8217;ll learn to make the corrections on the distorts, imitate a cut out ornament on the wood and color out decolorized surfaces already.

Create a new file of standard size wallpapers:

Open in a new window the picture of wooden planks: File ? Open (ctrl+o).

Mark [...]]]></description>
			<content:encoded><![CDATA[<p>In this tutorial we will show how to create a Spring Planks Wallpaper..we&#8217;ll learn to make the corrections on the distorts, imitate a cut out ornament on the wood and color out decolorized surfaces already.</p>
<p><img class="aligncenter size-full wp-image-7726" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/15...jpg" alt="" width="470" height="240" /><span id="more-7725"></span></p>
<p>Create a new file of standard size wallpapers:</p>
<p style="text-align: center"><img class="aligncenter size-full wp-image-7727" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/114.jpg" alt="" width="483" height="276" /></p>
<p>Open in a new window the picture of wooden planks: File ? Open (ctrl+o).</p>
<p><img class="aligncenter size-full wp-image-7728" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/214.jpg" alt="" width="472" height="354" /></p>
<p>Mark them out, applying the Rectangular Marquee Tool and make a copy of them: Edit ? Copy (ctrl+c). Get back to the wallpapers&#8217; file and insert the copy on a new layer: Edit ? Paste (ctrl+v). Now we have to make the corrections on the picture&#8217;s size, selecting the next option: Edit ? Free Transform (ctrl+t). As we may see the planks are distorted a little that is why we have to apply the next command: Edit ? Transform ? Distort to make even the planks&#8217; edges on the picture&#8217;s corners.</p>
<p><img class="aligncenter size-full wp-image-7729" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/312.jpg" alt="" width="472" height="354" /></p>
<div>Decolorize this layer, selecting next combination: Image ? Apply Image, choosing the most in contrast Channel.</div>
<p><img class="aligncenter size-full wp-image-7730" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/412.jpg" alt="" width="446" height="287" /></p>
<p>Using the next filter&#8217;s option, Filter ? Distort ? Pinch, move off the present effect of &#8220;fish&#8217;s eye&#8221;, I mean some of the planks&#8217; roundedness on their central part.</p>
<p><img class="aligncenter size-full wp-image-7731" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/57.jpg" alt="" width="364" height="320" /></p>
<p>Create now a new layer: Layer ? New ? Layer and choose the Custom Shape Tool and by pressing the shift button we may insert several ornaments. Finally change the layer&#8217;s Blending Mode on Multiply.</p>
<div><img class="aligncenter size-full wp-image-7732" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/63.jpg" alt="" width="446" height="180" /></div>
<div>
<div>We want to create the effect of having cut out ornaments on the planks&#8217; surface which is why we have to add the shadows, applying next selection: Layer- Layer Style ? Inner Shadow.</div>
</div>
<div><img class="aligncenter size-full wp-image-7734" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/73.jpg" alt="" width="446" height="242" /></div>
<div>
<div>Insert on a new layer several more ornaments (grass, for ex.). Pick up the next selections Edit ? Transform ? Flip Horizontal and Edit ? Transform ? Flip Vertical to turn the ornaments over the way it is shown on the picture below.</div>
</div>
<div><img class="aligncenter size-full wp-image-7735" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/83.jpg" alt="" width="399" height="300" /></div>
<div>Insert the Inner Shadow with the same adjustments:</div>
<p><img class="aligncenter size-full wp-image-7737" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/92.jpg" alt="" width="400" height="300" /></p>
<p>We have already represented on the planks the boot sole&#8217;s imprint, so I&#8217;ve decided to add also the hand&#8217;s imprint. It&#8217;s possible to do that with the Brush Tool and downloading a set of ready to use brushes,</p>
<p style="text-align: center"><img class="aligncenter size-full wp-image-7738" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/103.jpg" alt="" width="476" height="355" /></p>
<p>Create after all these operations a new layer and choose the Gradient Tool with the following adjustments:</p>
<div><img class="aligncenter size-full wp-image-7740" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/115.jpg" alt="" width="426" height="494" /></div>
<div>
<div>Paint out the layer, the way it is shown below:</div>
</div>
<div><img class="aligncenter size-full wp-image-7741" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/123.jpg" alt="" width="446" height="270" /></div>
<div>hange the layer&#8217;s Blending Mode on Soft Light. As we may see the colors look too dimly so we&#8217;ll just make a copy of this layer and make the Opacity smaller till 70%.</div>
<div><img class="aligncenter size-full wp-image-7742" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/132.jpg" alt="" width="481" height="357" /></div>
<div>Paint the new layer also, changing the color and the gradient&#8217;s type.</div>
<div><img class="aligncenter size-full wp-image-7743" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/142.jpg" alt="" width="493" height="347" /></div>
<div>Change the layer&#8217;s Blending Mode on Pin Light and minimize the Opacity till 75%.</div>
<div><img class="aligncenter size-full wp-image-7744" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/15..1.jpg" alt="" width="470" height="240" /></div>
<div>This is finished!..Hope you have enjoyed it a lot:)</div>
<div>Credit: <a href="http://eyesontutorials.com">eyesontutorials.com</a></div>
]]></content:encoded>
			<wfw:commentRss>http://www.clippingimages.com/blog/creating-a-spring-planks-wallpaper/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Create a Fireworks Effect Using Photoshop</title>
		<link>http://www.clippingimages.com/blog/create-a-fireworks-effect/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=create-a-fireworks-effect</link>
		<comments>http://www.clippingimages.com/blog/create-a-fireworks-effect/#comments</comments>
		<pubDate>Wed, 10 Mar 2010 06:22:12 +0000</pubDate>
		<dc:creator>Shamima Sultana</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Lighting Effects]]></category>
		<category><![CDATA[photoshop tutorial]]></category>

		<guid isPermaLink="false">http://www.clippingimages.com/blog/?p=7693</guid>
		<description><![CDATA[This tutorial will show you how to create a fireworks effect using only Photoshop. I will not use any other images, everything will be created within photoshop.
Create a new file (1600px * 1200px) and fill it with black color. Take a new layer, name it “clouds”. With background color black and foreground color white, go [...]]]></description>
			<content:encoded><![CDATA[<p>This tutorial will show you how to create a fireworks effect using only Photoshop. I will not use any other images, everything will be created within photoshop.</p>
<p><img class="aligncenter size-full wp-image-7695" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/f12-300x230......jpg" alt="" width="470" height="240" /><span id="more-7693"></span>Create a new file (1600px * 1200px) and fill it with black color. Take a new layer, name it “clouds”. With background color black and foreground color white, go to the filters-render-clouds.</p>
<p><img class="aligncenter size-full wp-image-7697" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/f51-1023x669....jpg" alt="" width="470" height="300" /></p>
<p>Create a new layer above the clouds layer. Fill it with radial gradient. Foreground color #683838 background color black.</p>
<p><img class="aligncenter size-full wp-image-7698" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/f6-300x242.jpg" alt="" width="300" height="242" /></p>
<p>Set the layer blending mode to hard light.</p>
<p><img class="aligncenter size-full wp-image-7700" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/f7-300x272.jpg" alt="" width="300" height="272" /></p>
<p>Select the brush tool. Press F5. In the shape dynamics change the control to fade 200 and minimum Diameter t0 25%</p>
<p><img class="aligncenter size-full wp-image-7702" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/f13.jpg" alt="" width="372" height="431" /></p>
<p>Now take a a new layer. Name it “firework”. With brush size 9px draw the lines to show the explosion. Use 3px brush to show other thin lines</p>
<p><img class="aligncenter size-full wp-image-7704" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/f1-1024x564....jpg" alt="" width="470" height="300" /></p>
<p>Select the explosion on the firework layer. This can be done by pressing ctrl+left click on the Firework layer thumbnail. With the explosion still selected, delete the firework layer. Take a new layer. Now go to Select-Modify-Contract by 1px. Again go to Modify then Feathers 1px. Now fill it with white color.</p>
<p><img class="aligncenter size-full wp-image-7705" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/f2-300x265.jpg" alt="" width="300" height="265" /></p>
<p>Double click this layer to enter the blending mode. Click on Outer glow. Change the size to 27px as shown in figure.</p>
<p><img class="aligncenter size-full wp-image-7706" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/f31.jpg" alt="" width="470" height="300" /></p>
<p>It will look something like this</p>
<p><img class="aligncenter size-full wp-image-7707" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/f4-300x246.jpg" alt="" width="300" height="246" /></p>
<p>Select the brush tool again. Press F5 key. In shape dynamics increase the size jitter to 100%. See the image below.</p>
<p><img class="aligncenter size-full wp-image-7708" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/f8.jpg" alt="" width="408" height="475" /></p>
<p>Click on scattering. Increase the scattering to 100% and count to 2.</p>
<p><img class="aligncenter size-full wp-image-7709" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/f9.jpg" alt="" width="406" height="477" /></p>
<p>I have used 11px and 3px brush to create the sparks.</p>
<p><img class="aligncenter size-full wp-image-7710" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/f10-300x265.jpg" alt="" width="300" height="265" /></p>
<p>The final step. Create a new layer, it should be placed on the top of all layers. Change the foreground color to #984448 and background to#997f3b. Fill radial gradient as shown below.</p>
<p><img class="aligncenter size-full wp-image-7711" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/f14-300x224.jpg" alt="" width="300" height="224" /></p>
<p>Set the layer Blending Mode to Vivid light. And your firework is ready.</p>
<p><img class="aligncenter size-full wp-image-7712" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/f12-300x230.....1.jpg" alt="" width="470" height="240" /></p>
<p>Hope you liked it..:)</p>
<p>Thanks.</p>
<p>Credit: <a href="http://psdrockstar.com">psdrockstar.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.clippingimages.com/blog/create-a-fireworks-effect/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Design a Web Page Layout for your Photo Portfolio using Photoshop</title>
		<link>http://www.clippingimages.com/blog/design-a-web-page-layout-for-your-photo-portfolio-using-photoshop/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=design-a-web-page-layout-for-your-photo-portfolio-using-photoshop</link>
		<comments>http://www.clippingimages.com/blog/design-a-web-page-layout-for-your-photo-portfolio-using-photoshop/#comments</comments>
		<pubDate>Tue, 09 Mar 2010 07:27:49 +0000</pubDate>
		<dc:creator>Farhana Noor</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[design in photoshop]]></category>
		<category><![CDATA[Web page layout]]></category>

		<guid isPermaLink="false">http://www.clippingimages.com/blog/?p=7544</guid>
		<description><![CDATA[You can create excellent web layout for your portfolio using Photoshop. This tutorial will show you the process of creating a web layout. Get ready to learn the interesting thing:)
At first, create a new file (File&#62;New) with 766×750 px  and 72 dpi. Next use the Paint Bucket Tool (G)  to paint the new layer with [...]]]></description>
			<content:encoded><![CDATA[<p>You can create excellent web layout for your portfolio using Photoshop. This tutorial will show you the process of creating a web layout. Get ready to learn the interesting thing:)<img class="aligncenter size-full wp-image-7569" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/551.jpg" alt="" width="450" height="441" /></p>
<p><span id="more-7544"></span>At first, create a new file (File&gt;New) with 766×750 px  and 72 dpi. Next use the Paint Bucket Tool (G)  to paint the new layer with this shown color &#8211; #0F1715</p>
<p><img class="aligncenter size-full wp-image-7575" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/12.jpg" alt="" width="450" height="441" /></p>
<p>Find a kind of pattern, like this one:</p>
<p><img class="aligncenter size-full wp-image-7577" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/21.jpg" alt="" width="248" height="231" /></p>
<p>Edit&gt;Define Pattern. Create a new layer and select this option Edit&gt;Fill, to insert the pattern on our main picture.</p>
<p><img class="aligncenter size-full wp-image-7578" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/31.jpg" alt="" width="424" height="394" /></p>
<p>Make a mouse click on the same layer on Add a Mask option that may be found on the lowest part of the layers’ panel. Next choose the Brush Tool (B) and Opacity of 20% of black color to clean out the upper part of the picture.</p>
<p><img class="aligncenter size-full wp-image-7579" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/41.jpg" alt="" width="257" height="276" /></p>
<p><img class="aligncenter size-full wp-image-7581" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/51.jpg" alt="" width="450" height="441" /></p>
<p>Select for this layer these parameters: Blending mode-Soft Light</p>
<p><img class="aligncenter size-full wp-image-7582" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/61.jpg" alt="" width="459" height="387" /></p>
<p>The Rectangle Tool (U) is helpful in drawing a thin stripe on the lowest part of the picture. The element’s color is #0F1715</p>
<p><img class="aligncenter size-full wp-image-7584" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/71.jpg" alt="" width="480" height="459" /></p>
<p>Using the same instrument, it’s possible to represent the menu’s panel,  reserved for the site’s header.<img class="aligncenter size-full wp-image-7585" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/81.jpg" alt="" width="480" height="470" /></p>
<p>Apply the next parameters by making a mouse click on the layer we work with on the layers’ panel.<br />
Blending Options&gt;Gradient Overlay</p>
<p><img class="aligncenter size-full wp-image-7586" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/9.jpg" alt="" width="254" height="185" /></p>
<p>Gradient’s parameters:</p>
<p><img class="aligncenter size-full wp-image-7587" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/101.jpg" alt="" width="350" height="404" /></p>
<p><img class="aligncenter size-full wp-image-7589" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/111.jpg" alt="" width="450" height="441" /></p>
<p>Use the Rounded Rectangle Tool (U) with a radius  of 10 px to draw on the menu’s panel a button. Next stage we should hold on Alt button while using the Rectangle Tool (U) and cut out the unnecessary elements.</p>
<p><img class="aligncenter size-full wp-image-7590" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/121.jpg" alt="" width="342" height="193" /></p>
<p>The layer’s parameters: Blending Options&gt;Gradient Overlay</p>
<p><img class="aligncenter size-full wp-image-7591" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/13.jpg" alt="" width="254" height="186" /></p>
<p>Gradient’s parameters:</p>
<p><img class="aligncenter size-full wp-image-7592" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/14.jpg" alt="" width="350" height="406" /></p>
<p><img class="aligncenter size-full wp-image-7593" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/15.jpg" alt="" width="286" height="137" /></p>
<p>Select now the Line Tool (U) (weight 2 px) to represent a line above the menu’s panel on the site’s header. The beginning color is white. Select after that the Free Transform  option to make the appropriate corrections on the color’s edges; letting down the frame (the edges should be very clearly defined). Press then Alt button and apply the same instrument to interrupt the line in three demonstrated places on the same distance (the segments are equal to the earlier drawn button).</p>
<p><img class="aligncenter size-full wp-image-7595" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/16.jpg" alt="" width="480" height="115" /></p>
<p><img class="aligncenter size-full wp-image-7596" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/17.jpg" alt="" width="480" height="161" /></p>
<p>The layer’s parameters: Blending Options&gt;Gradient Overlay</p>
<p><img class="aligncenter size-full wp-image-7597" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/18.jpg" alt="" width="258" height="187" /></p>
<p>Gradient’s parameters:</p>
<p><img class="aligncenter size-full wp-image-7598" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/19.jpg" alt="" width="350" height="407" /></p>
<p><img class="aligncenter size-full wp-image-7599" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/20.jpg" alt="" width="480" height="157" /></p>
<p>Use the same tool, (Line Tool (U)), to insert on the picture four vertical lines.</p>
<p><img class="aligncenter size-full wp-image-7600" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/211.jpg" alt="" width="480" height="112" /></p>
<p>Use the same parameters for each layer containing the white line. Fill 30%</p>
<p><img class="aligncenter size-full wp-image-7601" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/22.jpg" alt="" width="480" height="142" /></p>
<p>Write now the titles for the buttons situated on the menu on the site’s header.<br />
<img class="aligncenter size-full wp-image-7602" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/23.jpg" alt="" width="211" height="216" /><img class="aligncenter size-full wp-image-7603" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/24.jpg" alt="" width="447" height="98" /></p>
<p><img class="aligncenter size-full wp-image-7604" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/25.jpg" alt="" width="211" height="217" /></p>
<p>home page</p>
<p><img class="aligncenter size-full wp-image-7605" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/26.jpg" alt="" width="462" height="156" /></p>
<p>The layer’s parameters: Blending Options&gt;Drop Shadow</p>
<p><img class="aligncenter size-full wp-image-7607" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/27.jpg" alt="" width="255" height="295" /></p>
<p><img class="aligncenter size-full wp-image-7608" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/28.jpg" alt="" width="479" height="165" /></p>
<p>Insert also the inscription of the site’s name:</p>
<p><img class="aligncenter size-full wp-image-7609" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/29.jpg" alt="" width="211" height="215" /></p>
<p>PHOTO</p>
<p><img class="aligncenter size-full wp-image-7610" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/30.jpg" alt="" width="211" height="215" /></p>
<p>PORTFOLIO</p>
<p><img class="aligncenter size-full wp-image-7611" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/311.jpg" alt="" width="330" height="153" /></p>
<p>Next select the Rectangle Tool (U) to represent a layer reserved for placing the photos of our portfolio. It doesn’t matter what kind of color you choose for the layer.</p>
<p><img class="aligncenter size-full wp-image-7660" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/321.jpg" alt="" width="470" height="364" /></p>
<p>The layer’s parameters: Blending Options&gt;Drop Shadow</p>
<p><img class="aligncenter size-full wp-image-7613" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/33.jpg" alt="" width="256" height="297" /></p>
<p>Blending Options&gt;Stroke</p>
<p><img class="aligncenter size-full wp-image-7614" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/34.jpg" alt="" width="243" height="191" /></p>
<p><img class="aligncenter size-full wp-image-7658" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/351.jpg" alt="" width="470" height="348" /></p>
<p>Select a photo of the portfolio and place it above the reserved layer, on the layers’ panel.</p>
<p><img class="aligncenter size-full wp-image-7656" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/361.jpg" alt="" width="470" height="460" /></p>
<p>Hold on Alt button and make a mouse click between the photo’s layer and the reserved layer for the photos and the selected photo will be placed immediately in limits of the reserved layer for the photos.</p>
<p><img class="aligncenter size-full wp-image-7617" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/37.jpg" alt="" width="211" height="78" /></p>
<p><img class="aligncenter size-full wp-image-7654" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/381.jpg" alt="" width="470" height="343" /></p>
<p>Insert the necessary titles of the divisions.</p>
<p><img class="aligncenter size-full wp-image-7619" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/39.jpg" alt="" width="210" height="216" /></p>
<p>WELCOME, PHOTO</p>
<p><img class="aligncenter size-full wp-image-7620" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/40.jpg" alt="" width="209" height="216" /></p>
<p>TO MY PORTFOLIO, CATEGORIES</p>
<p><img class="aligncenter size-full wp-image-7621" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/411.jpg" alt="" width="425" height="562" /></p>
<p>Now we should represent by rectangle to the left side of the divisions. Each one should be situated on a different layer and the instrument used in this case is the Rectangle Tool (U).</p>
<p><img class="aligncenter size-full wp-image-7622" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/42.jpg" alt="" width="306" height="271" /></p>
<p>Use the next parameters for the rectangles’ layers: Blending Options&gt;Gradient Overlay</p>
<p><img class="aligncenter size-full wp-image-7623" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/43.jpg" alt="" width="253" height="187" /></p>
<p>Gradient’s parameters:</p>
<p><img class="aligncenter size-full wp-image-7624" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/44.jpg" alt="" width="350" height="403" /></p>
<p><img class="aligncenter size-full wp-image-7625" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/45.jpg" alt="" width="308" height="247" /></p>
<p>Fill the division with the corresponding text:</p>
<p><img class="aligncenter size-full wp-image-7626" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/46.jpg" alt="" width="208" height="215" /></p>
<p>the bold text</p>
<p><img class="aligncenter size-full wp-image-7627" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/47.jpg" alt="" width="207" height="215" /></p>
<p>the basic text of the division</p>
<p><img class="aligncenter size-full wp-image-7628" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/48.jpg" alt="" width="209" height="215" /></p>
<p>the link</p>
<p><img class="aligncenter size-full wp-image-7649" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/493.jpg" alt="" width="470" height="505" /></p>
<p>Fill the next division with the appropriate text:</p>
<p><img class="aligncenter size-full wp-image-7631" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/50.jpg" alt="" width="206" height="215" /></p>
<p><img class="aligncenter size-full wp-image-7632" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/511.jpg" alt="" width="378" height="178" /></p>
<p>Use the same method we did when representing the rectangles near the divisions’ names for representing this time on different layers white rectangles on the left side of each division’s category. The instrument is usual, Rectangle Tool (U).</p>
<p><img class="aligncenter size-full wp-image-7633" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/52.jpg" alt="" width="375" height="85" /></p>
<p>Write the copyright of our web site.</p>
<p><img class="aligncenter size-full wp-image-7635" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/53.jpg" alt="" width="209" height="218" /></p>
<p><img class="aligncenter size-full wp-image-7637" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/54.jpg" alt="" width="361" height="110" /></p>
<p><img class="aligncenter size-full wp-image-7641" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/553.jpg" alt="" width="450" height="441" /></p>
<p>Creating the web site has finished! That was the process to create a fantastic web page layout.</p>
<p>Credit: <a href="http://adobetutorialz.com">adobetutorialz.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.clippingimages.com/blog/design-a-web-page-layout-for-your-photo-portfolio-using-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Difference Between Web Design and Graphic Design</title>
		<link>http://www.clippingimages.com/blog/the-difference-between-web-design-and-graphic-design/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=the-difference-between-web-design-and-graphic-design</link>
		<comments>http://www.clippingimages.com/blog/the-difference-between-web-design-and-graphic-design/#comments</comments>
		<pubDate>Mon, 08 Mar 2010 08:59:01 +0000</pubDate>
		<dc:creator>Shamima Sultana</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Graphics Design]]></category>
		<category><![CDATA[web-design]]></category>

		<guid isPermaLink="false">http://www.clippingimages.com/blog/?p=7606</guid>
		<description><![CDATA[There are numerous graphic designers out there who really know their stuff when it comes to print design, brochure layout, and Pantone Matching System (pms). However, not all graphic designers are good web designers.Here in this article we will discuss about the web design and graphic design.



Web design is a totally different medium where the &#8220;paper [...]]]></description>
			<content:encoded><![CDATA[<div>There are numerous graphic designers out there who really know their stuff when it comes to print design, brochure layout, and Pantone Matching System (pms). However, not all graphic designers are good web designers.Here in this article we will discuss about the web design and graphic design.</div>
<div></div>
<div><img class="aligncenter size-full wp-image-7630" src="http://www.clippingimages.com/blog/wp-content/uploads/2010/03/Untitled-1.jpg" alt="" width="470" height="240" /></div>
<div><span id="more-7606"></span></div>
<div>Web design is a totally different medium where the &#8220;paper size&#8221; (the screen resolution) changes for every viewer, colors don&#8217;t cost extra, fonts are limited to a select handful, and extra images might mean losing customers.</div>
<div></div>
<div>While it’s logical to assume that graphic design requires more artistic skills and Web designer requires more analytic skills, there is only a slight difference that you should consider that to be a web design you need the graphical element of design to understand communication that works, whether it’s how you arrange your work to convey an idea or the method of media you use to create a purpose and different narratives.</div>
<div></div>
<div>Web design and development are typically specialized jobs, as are many so-called  “computer jobs.” No one person designs, develops and maintains a site, but rather is part of a team; where as graphic designers can be individual to their own workings. There is an ongoing debate/battle between web and graphic designers and each are to the own. But as a graduate in graphic design it became clear that maybe the days of paper only publishing are becoming less than that on web.</div>
<div></div>
<div>With the amalgamation of some design areas; various graphic designers should be considering a knowledge in web design and not just the pointers and tips you get off the back of a cereal box but instead, have a good understanding of the software that is used to create these web solutions and the be aware of the ongoing changes in development that awards you with a proficient approach in how a web site are actually created and when built; how efficient a website can be for a client.</div>
<p>Sources: <a href="http://crearedesign.co.uk">crearedesign.co.uk</a></p>
<p>Photo Credit: <a href="http://designyourway.net">designyourway.net</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.clippingimages.com/blog/the-difference-between-web-design-and-graphic-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
