Technology Tip: GRAPHIC DESIGN

How to remove a background in Photoshop

<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="http://www.bidvertiser.com/bdv/bidvertiser/bdv_ref_publisher.dbm?Ref_Option=pub&Ref_PID=596054">Make money from your Website or Blog with BidVertiser</a>
<br />
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-5Zh5OryFOpw/Uyrdl1I8I0I/AAAAAAAAAxA/AjYVKFl85KQ/s1600/Untitled-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="195" src="http://3.bp.blogspot.com/-5Zh5OryFOpw/Uyrdl1I8I0I/AAAAAAAAAxA/AjYVKFl85KQ/s1600/Untitled-1.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">This article explains how to change the background of an image using Photoshop. Even Photoshop beginners can try this out. Follow the steps below:</span></div>
<h2 style="background-color: white; border: 0px; line-height: 1.05em; margin: 20px 0px 5px; max-width: 512px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: #cc0000; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 1.05em;"><span style="font-size: large;">1. Open your image</span></span></h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-8zmkJjOrKso/UyrU2HC7QTI/AAAAAAAAAvg/HnnupFmIFtc/s1600/3-20-2014+6-05-03+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="341" src="http://2.bp.blogspot.com/-8zmkJjOrKso/UyrU2HC7QTI/AAAAAAAAAvg/HnnupFmIFtc/s1600/3-20-2014+6-05-03+PM.png" width="640" /></a></div>
<div>
<br /></div>
<div>
<span style="background-color: white; line-height: 24.64000129699707px;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">First, you'll need to open the image you wish to remove the background from. Here, we're using a simple photograph of a giraffe to demonstrate.</span></span></div>
<div>
<span style="background-color: white; line-height: 24.64000129699707px;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div>
<h2 style="background-color: white; border: 0px; line-height: 1.05em; margin: 20px 0px 5px; max-width: 512px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: #cc0000; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: large;">2. Make a selection</span></h2>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Next, you will  need to make a selection. To make a selection, there are various tools you can use, but for beginner, the easiest tools to use are the Quick Selection Tool and Magic Wand Tool. There's also the lasso tool, which can be more accurate but also take longer to use. </span></div>
</div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Wsxxgolan2A/UyrWqmjEN2I/AAAAAAAAAvs/RTYYIEJXcCQ/s1600/3-20-2014+6-07-09+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-Wsxxgolan2A/UyrWqmjEN2I/AAAAAAAAAvs/RTYYIEJXcCQ/s1600/3-20-2014+6-07-09+PM.png" /></a></div>
<div>
<br /></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 24.64000129699707px;">For this tutorial, we're using the Quick Selection tool, which can be found int the tool panel. </span></span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 24.64000129699707px;">Make sure you're using the Quick Selection tool with the '+' in the centre, by</span><span style="background-color: white; line-height: 24.64000129699707px;"> pressing the shift key.</span></span></div>
<div>
<span style="background-color: white;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><span style="line-height: 24.64000129699707px;">Select the background that you'd like to remove by clicking and dragging around the area. If accidentally that you don't want to, you can press the alt keyboard to use " -" Quick selection tool and remove it from the selection </span></span></span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 24.64000129699707px;"><br /></span></span></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-oSr7qfTU_u8/UyrYdmEoFQI/AAAAAAAAAwA/Nm0h80wZsp4/s1600/3-20-2014+6-11-08+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="368" src="http://1.bp.blogspot.com/-oSr7qfTU_u8/UyrYdmEoFQI/AAAAAAAAAwA/Nm0h80wZsp4/s1600/3-20-2014+6-11-08+PM.png" width="640" /></a></div>
<div>
<br /></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">When you have done with you selection, right click and then click ' <span style="color: #b45f06;">Select Inverse</span> '</span></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<span style="color: #cc0000; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: large;"><b>3. Add a layer mask</b></span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Now, click the  ' <span style="color: #b45f06;">Add layer mask</span> ' button at the bottom of the layer panel, and you will see clearly that the background is gone.</span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-w5IZyl5lYPo/UyrZycc4e1I/AAAAAAAAAwM/wZ_Vo94_Xys/s1600/3-20-2014+6-12-57+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="290" src="http://3.bp.blogspot.com/-w5IZyl5lYPo/UyrZycc4e1I/AAAAAAAAAwM/wZ_Vo94_Xys/s1600/3-20-2014+6-12-57+PM.png" width="640" /></a></div>
<div>
<br /></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">It might not look great yet, but don't worry, you can use the mask Edge tool to refine it. </span></div>
<div>
<span style="color: #cc0000; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><b><br /></b></span></div>
<div>
<span style="color: #cc0000; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: large;"><b>4. Refine The Mask's Edge</b></span></div>
<div>
<span style="color: #cc0000; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><b><br /></b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-5CfivE6Scz8/Uyram6S-7JI/AAAAAAAAAwU/ehGfkp59sOw/s1600/3-20-2014+6-14-41+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="297" src="http://2.bp.blogspot.com/-5CfivE6Scz8/Uyram6S-7JI/AAAAAAAAAwU/ehGfkp59sOw/s1600/3-20-2014+6-14-41+PM.png" width="640" /></a></div>
<div>
<span style="color: #cc0000; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><b><br /></b></span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Double click on the mask in your layer panel, and then click ' <span style="color: #b45f06;">Mask Edge</span> '. You'll now see the Refine Mask Menu. </span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-H-gH95IslII/UyrbrNLiBcI/AAAAAAAAAwg/5nKDZHUl_ME/s1600/3-20-2014+6-14-41+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-H-gH95IslII/UyrbrNLiBcI/AAAAAAAAAwg/5nKDZHUl_ME/s1600/3-20-2014+6-14-41+PM.png" /></a></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">From here, you can make adjustments to the mask to improve its appearance.</span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">First, click show radius. You'll see nothing to begin with, but by adjusting the radius slider, you can make sure that the radius is picking up all of the stray hairs and getting rid of the background between them. Uncheck show radius to go back to the Refine Mask preview.</span></div>
</div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-ZzacLIuysz4/UyrcV0rmOoI/AAAAAAAAAwo/ed-l5eCldR8/s1600/3-20-2014+6-22-06+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="302" src="http://4.bp.blogspot.com/-ZzacLIuysz4/UyrcV0rmOoI/AAAAAAAAAwo/ed-l5eCldR8/s1600/3-20-2014+6-22-06+PM.png" width="640" /></a></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Use the sliders to adjust the mask until you're happy with the look you've achieved.</span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">To help, you can change the view mode by clicking the blue arrow next to the thumbnail image and choosing from the drop down menu</span><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">.</span></div>
<div>
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-QQEBhHYYqCg/UyrctRrf5YI/AAAAAAAAAww/_vDK9paCSE4/s1600/3-20-2014+6-23-32+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="280" src="http://2.bp.blogspot.com/-QQEBhHYYqCg/UyrctRrf5YI/AAAAAAAAAww/_vDK9paCSE4/s1600/3-20-2014+6-23-32+PM.png" width="640" /></a></div>
<div>
</div>
</div>
<div>
<h2 style="background-color: white; border: 0px; line-height: 1.05em; margin: 20px 0px 5px; max-width: 512px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: #cc0000; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: large;">5. Add a new background</span></h2>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Hml3Hf9h37g/UyrdLF0cgBI/AAAAAAAAAw4/hZTn892455M/s1600/After.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="341" src="http://2.bp.blogspot.com/-Hml3Hf9h37g/UyrdLF0cgBI/AAAAAAAAAw4/hZTn892455M/s1600/After.png" width="400" /></a></div>
<div>
<span style="color: #cc0000; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: small;"><br /></span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">If you now want to add your photograph to a new background, you can do so by opening up the background image in Photoshop and simply dragging the cut out image onto the background.</span><br />
<a href="http://www.bidvertiser.com/bdv/bidvertiser/bdv_ref_publisher.dbm?Ref_Option=pub&Ref_PID=596054">Make money from your Website or Blog with BidVertiser</a></div>
</div>
</div>
</div>

How to remove a background in Photoshop

Make money from your Website or Blog with BidVertiser This article explains how to change the background of an image using Photoshop. Even Photoshop beginners can try this out. Follow the steps below…

20 Mar 2014

Colorful Quick Learn Text Effect With Photoshop CS6

<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 22px;">In this Text Effects tutorial, we’ll learn how to engulf text in beams of light and color that radiate through and around it. This version of the tutorial has been fully re-written and updated for </span><strong style="background-color: white; line-height: 22px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Photoshop CS6</strong></span><span style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px;">.</span><br />
<span style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px;"><br /></span><span style="background-color: white; line-height: 22px;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Here the effect we’ll be creating. Of course, this is just one example of the effect. You can choose whatever text and colors you like:</span></span><br />
<span style="background-color: white; line-height: 22px;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></span>
<br />
<div style="text-align: left;">
<span style="background-color: white; color: #b45f06; font-family: Times, 'Times New Roman', serif; line-height: 22px;">Colorful quick learn effect</span><br />
<span style="background-color: white; color: #b45f06; font-family: Times, 'Times New Roman', serif; line-height: 22px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-eaSFOzBQn0k/UybzEtVMSzI/AAAAAAAAAjg/QhKTLelC7sc/s1600/3-17-2014+7-59-13+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-eaSFOzBQn0k/UybzEtVMSzI/AAAAAAAAAjg/QhKTLelC7sc/s1600/3-17-2014+7-59-13+PM.png" /></a></div>
<span style="background-color: white; line-height: 22px;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></span>
<span style="background-color: white; line-height: 22px;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">There’s quite a few steps involved in creating this text effect but they’re all fully explained and easy to follow, even if you’re new to Photoshop. Once again, this version of the tutorial is specifically for Photoshop CS6 users. </span></span><span style="background-color: white; line-height: 22px;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Let’s get started!</span></span><br />
<span style="color: #cc0000; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; line-height: 1.3em;"><br /><b>Step 1: Create A New Photoshop Document</b></span><br />
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 22px;">Let’s start from scratch by creating a new document for the effect. Go up to the </span><strong style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 22px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">File</strong><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 22px;"> menu in the Menu Bar along the top of the screen and choose </span><strong style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 22px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">New</strong><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 22px;">:</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; line-height: 1.3em;"><span style="line-height: 22px;"><br /></span></span>
<br />
<div style="text-align: left;">
<span style="color: #b45f06;"><span style="font-family: Times, Times New Roman, serif; line-height: 22px;">Going to File->New</span></span><br />
<span style="color: #b45f06;"><span style="font-family: Times, Times New Roman, serif; line-height: 22px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-CScrEE-U3EE/Uyb0vpSyWfI/AAAAAAAAAjs/700sfbXSguo/s1600/file-new.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-CScrEE-U3EE/Uyb0vpSyWfI/AAAAAAAAAjs/700sfbXSguo/s1600/file-new.gif" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><span style="background-color: white; line-height: 22px;">This opens the New Document dialog box where we can set various options for our new document, including its dimensions. For this tutorial, I’ll keep things simple by selecting </span><strong style="background-color: white; line-height: 22px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Web</strong><span style="background-color: white; line-height: 22px;"> for the </span><strong style="background-color: white; line-height: 22px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Preset</strong><span style="background-color: white; line-height: 22px;"> option near the top of the dialog box, which automatically sets the </span><strong style="background-color: white; line-height: 22px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Width</strong><span style="background-color: white; line-height: 22px;"> to </span><strong style="background-color: white; line-height: 22px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">800 pixels</strong><span style="background-color: white; line-height: 22px;"> and the </span><strong style="background-color: white; line-height: 22px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Height</strong><span style="background-color: white; line-height: 22px;"> to </span><strong style="background-color: white; line-height: 22px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">600 pixels</strong><span style="background-color: white; line-height: 22px;">. It also sets the </span><strong style="background-color: white; line-height: 22px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Resolution</strong><span style="background-color: white; line-height: 22px;"> value to </span>72 pixels per inch<span style="background-color: white; line-height: 22px;">, but unless you’re creating this effect for print, you don’t need to worry about the resolution. The </span><strong style="background-color: white; line-height: 22px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Background Contents</strong><span style="background-color: white; line-height: 22px;"> option at the bottom should be set to </span><strong style="background-color: white; line-height: 22px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">White</strong><span style="background-color: white; line-height: 22px;">. Click OK when you’re done to close out of the dialog box and a new white-filled Photoshop document will open on your screen:</span></span><br />
<span style="background-color: white; color: #b45f06; font-family: Times, Times New Roman, serif; line-height: 22px;"><br /></span>
<span style="color: #b45f06;"><span style="font-family: Times, Times New Roman, serif; line-height: 22px;">The new document dialog box</span></span><br />
<span style="color: #b45f06;"><span style="font-family: Times, Times New Roman, serif; line-height: 22px;"><br /></span></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-3gFlB7C0IvM/Uyb1dh2K-JI/AAAAAAAAAj0/4Waa8h5ePms/s1600/new-dialog-box.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-3gFlB7C0IvM/Uyb1dh2K-JI/AAAAAAAAAj0/4Waa8h5ePms/s1600/new-dialog-box.gif" /></a></div>
<span style="background-color: white; color: #cc0000; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 1.3em;"><b><br /></b></span>
<span style="background-color: white; color: #cc0000; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 1.3em;"><b>Step 2: Add Your Text</b></span><br />
<span style="background-color: white; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 22px;"><br /></span>
<span style="background-color: white; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 22px;">Now that we have our new document, let’s add some text. Select the</span><span style="background-color: white; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 22px;"> </span><span style="background-color: white; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-style: inherit; line-height: 22px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Type Tool</span><span style="background-color: white; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 22px;"> </span><span style="background-color: white; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 22px;">from the Tools panel along the far left of the screen:</span><br />
<h4 style="background-color: white; margin: 20px 0px 6px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: #b45f06;"><span style="font-family: Times, Times New Roman, serif; font-weight: normal; line-height: 22px;">Selecting the Tool Type</span></span></h4>
<div style="background-color: white; line-height: 22px; outline: 0px; padding: 0px 0px 1em; vertical-align: baseline;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-N9iktKis-Wc/Uyb2R5f4IqI/AAAAAAAAAj8/Nh9QLp6Nv3k/s1600/photoshop-type-tool.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-N9iktKis-Wc/Uyb2R5f4IqI/AAAAAAAAAj8/Nh9QLp6Nv3k/s1600/photoshop-type-tool.gif" /></a></div>
</div>
<div style="background-color: white; line-height: 22px; outline: 0px; padding: 0px 0px 1em; vertical-align: baseline;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Press the letter <strong style="font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">D</strong> on your keyboard to quick reset your <strong style="font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Foreground and Background colors</strong> to their defaults, which will set your Foreground color to <strong style="font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">black</strong> (and your Background color to white). Photoshop uses the current Foreground color as the text color, which means your text color will now be black as well.</span></div>
<div style="background-color: white; line-height: 22px; outline: 0px; padding: 0px 0px 1em; vertical-align: baseline;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Next, choose your font up in the <strong style="font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Options Bar</strong> along the top of the screen. This effect will work best with thick letters, so I’ll choose <strong style="font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Impact</strong>, and I’ll set the initial size of my font to <strong style="font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">72 pt:</strong></span><span style="color: #b45f06; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><strong style="font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><br /></strong></span>
<span style="color: #b45f06;"><span style="font-family: Times, Times New Roman, serif;">Setting the font options int the Options Bar.</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-h0qyF5ZOJ-g/Uyb3H_AtJeI/AAAAAAAAAkI/aDVchXi_s6I/s1600/photoshop-type-options.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-h0qyF5ZOJ-g/Uyb3H_AtJeI/AAAAAAAAAkI/aDVchXi_s6I/s1600/photoshop-type-options.gif" /></a></div>
<div style="background-color: white; line-height: 22px; outline: 0px; padding: 0px 0px 1em; vertical-align: baseline;">
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">With the Type Tool in hand, your font options set and black as your text color, click inside the document and add your text. I’ll type the words "QUICK LEARN".</span></div>
<div style="background-color: white; line-height: 22px; outline: 0px; padding: 0px 0px 1em; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Adding my text:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-MN76CySGuJk/Uyb35qqaJ6I/AAAAAAAAAkQ/qlhB1T4vhQ4/s1600/3-17-2014+7-13-13+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-MN76CySGuJk/Uyb35qqaJ6I/AAAAAAAAAkQ/qlhB1T4vhQ4/s1600/3-17-2014+7-13-13+PM.png" /></a></div>
<div style="background-color: white; line-height: 22px; outline: 0px; padding: 0px 0px 1em; vertical-align: baseline;">
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">When you’re done, click the </span><strong style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">checkmark</strong><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"> in the Options Bar to accept it and exit out of text editing mode:</span></div>
<div style="background-color: white; line-height: 22px; outline: 0px; padding: 0px 0px 1em; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;"><br /></span>
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Clicking the checkmark in the Options Bar.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-vn32dpI48mU/Uyb5faQOx2I/AAAAAAAAAkc/bfJMPih8VjU/s1600/checkmark.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-vn32dpI48mU/Uyb5faQOx2I/AAAAAAAAAkc/bfJMPih8VjU/s1600/checkmark.gif" /></a></div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">If we take a quick look in the Layers panel, we see that the text appears on a <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Type layer</strong> above the white-filled Background layer:</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span>
<span style="color: #b45f06; font-family: Times, 'Times New Roman', serif;">The Layers panel showing the newly added Type layer.</span><br />
<span style="color: #b45f06; font-family: Times, 'Times New Roman', serif;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-XNA_tUYEHx0/Uyb7zysdXjI/AAAAAAAAAkw/hQYzZu4R798/s1600/3-17-2014+8-38-08+PM.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-XNA_tUYEHx0/Uyb7zysdXjI/AAAAAAAAAkw/hQYzZu4R798/s1600/3-17-2014+8-38-08+PM.png" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<h4 style="line-height: 1.3em; margin: 20px 0px 6px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: #cc0000; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Step 3: Resize The Text With Free Transform</span></h4>
<div style="outline: 0px; padding: 0px 0px 1em; vertical-align: baseline;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">If your text appears too small, as mine does, we can easily resize it using Photoshop’s Free Transform command. Go up to the <strong style="font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Edit</strong> menu at the top of the screen and choose <strong style="font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Free Transform</strong>:</span></div>
<div style="outline: 0px; padding: 0px 0px 1em; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Going to Edit > Free Transform.</span></div>
<div style="outline: 0px; padding: 0px 0px 1em; vertical-align: baseline;">
<a href="http://1.bp.blogspot.com/-HTs5qOZL-l4/Uyb8c4wSkpI/AAAAAAAAAk8/vxwIEh77N4g/s1600/edit-free-transform.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-HTs5qOZL-l4/Uyb8c4wSkpI/AAAAAAAAAk8/vxwIEh77N4g/s1600/edit-free-transform.gif" /></a><span style="color: #b45f06; font-family: Times, Times New Roman, serif;"><br /></span></div>
<div style="outline: 0px; padding: 0px 0px 1em; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;"><br /></span></div>
<div style="outline: 0px; padding: 0px 0px 1em; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;"><br /></span></div>
<div style="outline: 0px; padding: 0px 0px 1em; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;"><br /></span></div>
<div style="outline: 0px; padding: 0px 0px 1em; vertical-align: baseline;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">This places the Free Transform box and handles (the little squares) around the text. To resize the text, click and drag any of the <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">corner handles</strong>. Press and hold your <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Shift</strong> key as you drag the handles to constrain the proportions of your text so you don’t distort the shape of the letters (make sure you release your mouse button first<em style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">before</em> releasing the Shift key). You can also move the text into position by clicking anywhere inside the Free Transform bounding box and dragging with your mouse. When you’re done, press <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Enter</strong> (Win) / <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Return</strong> (Mac) on your keyboard to accept it and exit out of Free Transform mode:</span></div>
<div style="outline: 0px; padding: 0px 0px 1em; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Clicking and dragging the corner handles to resize the text.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-JeWCnY9z6CY/Uyb-AWdJILI/AAAAAAAAAlI/DKHBH-nIdkw/s1600/3-17-2014+8-48-25+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-JeWCnY9z6CY/Uyb-AWdJILI/AAAAAAAAAlI/DKHBH-nIdkw/s1600/3-17-2014+8-48-25+PM.png" /></a></div>
<div style="outline: 0px; padding: 0px 0px 1em; vertical-align: baseline;">
<h4 style="line-height: 1.3em; margin: 20px 0px 6px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: #cc0000; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Step 4: Rasterize The Type Layer</span></h4>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Next, we need to convert our text from a Type layer into pixels, a process known as <em style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">rasterizing</em>. Go up to the <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Type</strong>menu (new in CS6) at the top of the screen and choose <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Rasterize Type Layer</strong>:</span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Going to Type > Rasterize Type Layer.</span></div>
<div>
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://4.bp.blogspot.com/-eOUuJvXcIdU/Uyb-vlQEzEI/AAAAAAAAAlQ/RJQDXGtw0pY/s1600/type-rasterize.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-eOUuJvXcIdU/Uyb-vlQEzEI/AAAAAAAAAlQ/RJQDXGtw0pY/s1600/type-rasterize.gif" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Nothing will seem to have happened to the text, but if we look in the Layers panel, we see that our Type layer has been converted into a standard pixel-based layer:</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">The Type layer is now a pixel-based layer.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-7cY2gVv0obc/UycfbL3a4zI/AAAAAAAAAlg/fMWCm53QJzs/s1600/3-17-2014+7-21-18+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-7cY2gVv0obc/UycfbL3a4zI/AAAAAAAAAlg/fMWCm53QJzs/s1600/3-17-2014+7-21-18+PM.png" /></a></div>
<h4 style="font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.3em; margin: 20px 0px 6px; outline: 0px; padding: 0px; vertical-align: baseline;">
</h4>
<h4 style="font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.3em; margin: 20px 0px 6px; outline: 0px; padding: 0px; vertical-align: baseline;">
</h4>
<h4 style="font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.3em; margin: 20px 0px 6px; outline: 0px; padding: 0px; vertical-align: baseline;">
</h4>
<h4 style="font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.3em; margin: 20px 0px 6px; outline: 0px; padding: 0px; vertical-align: baseline;">
</h4>
<h4 style="line-height: 1.3em; margin: 20px 0px 6px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: #cc0000; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 1.3em;">Step 5: Save The Text As A Selection</span></h4>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">We need to create a selection outline from our text and then save the selection so we can load it again later. To create the selection outline, press and hold the <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Ctrl</strong> (Win) / <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Command</strong> (Mac) key on your keyboard and click directly on your text layer’s <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">preview thumbnail</strong> in the Layers panel:</span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Clicking on the preview thumbnail while holding down the Ctrl (Win) / Command (Mac) key.</span></div>
<div>
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-txaeD6gbP4I/UychYXpjg8I/AAAAAAAAAl0/RT-bQNDYO08/s1600/3-17-2014+7-21-18+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-txaeD6gbP4I/UychYXpjg8I/AAAAAAAAAl0/RT-bQNDYO08/s1600/3-17-2014+7-21-18+PM.png" /></a></div>
<div>
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Photoshop loads a selection around the letters:</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">A selection outline appears around the text.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #8f0000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-FVa9r-AD8NM/Uychun7B3WI/AAAAAAAAAl8/rVcjYjmMFhc/s1600/3-17-2014+7-22-45+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-FVa9r-AD8NM/Uychun7B3WI/AAAAAAAAAl8/rVcjYjmMFhc/s1600/3-17-2014+7-22-45+PM.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">To save the selection, switch over to your <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Channels panel</strong> by clicking on its <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">name tab</strong>. You’ll find the Channels panel grouped in beside the Layers panel:</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Clicking the tab for the Channels panel.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-rI2g0Zq5jAw/UycihoIQLyI/AAAAAAAAAmE/CqGBd_-VLiE/s1600/3-17-2014+7-23-52+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-rI2g0Zq5jAw/UycihoIQLyI/AAAAAAAAAmE/CqGBd_-VLiE/s1600/3-17-2014+7-23-52+PM.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Then, click on the <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Save Selection As Channel</strong> icon at the bottom of the Channels panel (second icon from the left):</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Clicking the Save Selection As Channel icon.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #8f0000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-nauxGHXroWY/Uyci9Z185aI/AAAAAAAAAmM/p6iK1Muvi0U/s1600/3-17-2014+7-23-52+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-nauxGHXroWY/Uyci9Z185aI/AAAAAAAAAmM/p6iK1Muvi0U/s1600/3-17-2014+7-23-52+PM.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">A new channel named Alpha 1 appears below the Red, Green and Blue <a href="http://www.photoshopessentials.com/essentials/rgb/" style="font-weight: bold; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">channels</a>. Our selection is now saved:</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">The selection has been saved as a new channel named Alpha 1.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #8f0000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-eMQoV7yqQrs/Uycjr7a5RoI/AAAAAAAAAmY/5vF_TqF8fUQ/s1600/3-17-2014+7-26-35+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-eMQoV7yqQrs/Uycjr7a5RoI/AAAAAAAAAmY/5vF_TqF8fUQ/s1600/3-17-2014+7-26-35+PM.png" /></a></div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Switch back from the Channels panel to your <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Layers panel</strong> by clicking on its name tab:</span><br />
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span>

<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Switching back to the Layers panel.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-qiuAfKr3tEY/UycluWGQF6I/AAAAAAAAAmw/QgH7m1m22z4/s1600/3-17-2014+7-26-561+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-qiuAfKr3tEY/UycluWGQF6I/AAAAAAAAAmw/QgH7m1m22z4/s1600/3-17-2014+7-26-561+PM.png" /></a></div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">We don’t need the selection outline around the text anymore, so go up to the <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Select</strong> menu at the top of the screen and choose <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Deselect</strong>. Or, simply press <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Ctrl+D</strong> (Win) / <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Command+D</strong> (Mac) on your keyboard to deselect it with the shortcut:</span><br />
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;"><br /></span>
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Going to Select > Deselect.</span><br />
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;"><br /></span>

<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-LzoW8EhjMuU/UyckyPIGLzI/AAAAAAAAAmo/Fs6eg1kGCJs/s1600/select-deselect.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-LzoW8EhjMuU/UyckyPIGLzI/AAAAAAAAAmo/Fs6eg1kGCJs/s1600/select-deselect.gif" /></a></div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span>
<br />
<h4 style="line-height: 1.3em; margin: 20px 0px 6px; outline: 0px; padding: 0px; text-align: right; vertical-align: baseline;">
<br /></h4>
<div>
<h4 style="line-height: normal;">
<span style="color: #cc0000; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 1.3em;">Step 6: Fill The Area Around The Text With White</span></h4>
<h4 style="line-height: normal;">
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight: normal;">Click on the Background layer’s </span><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight: normal; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">visibility icon</span><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight: normal;"> (the little eyeball) to temporarily hide the Background layer for a moment:</span></h4>
<h4 style="line-height: normal;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif; font-weight: normal;">Clicking the visibility icon for the Background layer.</span></h4>
<div class="separator" style="clear: both; line-height: normal; text-align: center;">
<a href="http://4.bp.blogspot.com/-ohhXJ3IA7LQ/Uycl0Wy6QYI/AAAAAAAAAm4/iqtX1NBThJs/s1600/3-17-2014+7-26-56+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-ohhXJ3IA7LQ/Uycl0Wy6QYI/AAAAAAAAAm4/iqtX1NBThJs/s1600/3-17-2014+7-26-56+PM.png" /></a></div>
<h4 style="line-height: normal;">
<span style="font-weight: normal;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">With the white-filled Background layer hidden, we’re seeing only the text layer in the document. The gray and white checkerboard pattern surrounding the letters is Photoshop’s way of representing transparency, which means all the space around the text on the layer is currently empty:</span></span></h4>
<h4 style="line-height: normal;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif; font-weight: normal;">The area surrounding the text on the layer is transparent.</span></h4>
<div class="separator" style="clear: both; line-height: normal; text-align: center;">
<a href="http://3.bp.blogspot.com/-OkWEj_yrWRs/UycmFfuZI5I/AAAAAAAAAnA/4xBJRV6Ir5Y/s1600/3-17-2014+7-28-02+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-OkWEj_yrWRs/UycmFfuZI5I/AAAAAAAAAnA/4xBJRV6Ir5Y/s1600/3-17-2014+7-28-02+PM.png" /></a></div>
<h4 style="line-height: normal;">
<span style="font-weight: normal;"><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">We need to fill the empty space with white without affecting our black text, and we can do that using Photoshop’s Fill command. Go up to the <span style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Edit</span> menu at the top of the screen and choose <span style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Fill</span>:</span></span></h4>
<h4 style="line-height: normal;">
<span style="color: #b45f06; font-family: Times, 'Times New Roman', serif; font-weight: normal;">Going to Edit > Fill.</span></h4>
<div class="separator" style="clear: both; line-height: normal; text-align: center;">
<a href="http://1.bp.blogspot.com/-m_bJpCmjTrM/Uycmd3a9JeI/AAAAAAAAAnI/cegbZYeAxgM/s1600/edit-fill.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-m_bJpCmjTrM/Uycmd3a9JeI/AAAAAAAAAnI/cegbZYeAxgM/s1600/edit-fill.gif" /></a></div>
<h4 style="line-height: normal;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-weight: normal;">This opens the Fill dialog box. Set the <span style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Use</span> option at the top to <span style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">White</span>, then set the <span style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Blending Mode</span> option to<span style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Multiply</span>:</span></h4>
<h4 style="line-height: normal;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif; font-weight: normal;">Setting the Fill options.</span></h4>
<div class="separator" style="clear: both; line-height: normal; text-align: center;">
<a href="http://3.bp.blogspot.com/-3grhHc8ojhU/Uycmu3cJ_CI/AAAAAAAAAnQ/1BfEHxvuDUM/s1600/photoshop-fill-command.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-3grhHc8ojhU/Uycmu3cJ_CI/AAAAAAAAAnQ/1BfEHxvuDUM/s1600/photoshop-fill-command.gif" /></a></div>
<h4 style="line-height: normal;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-weight: normal;">Click OK to close out of the Fill dialog box, and Photoshop fills the transparent area surrounding the letters with white. By setting the blend mode to Multiply, the black letters were not affected:</span></h4>
<h4 style="line-height: normal;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif; font-weight: normal;">Only the transparent area around the text was filled with white.</span></h4>
<div class="separator" style="clear: both; line-height: normal; text-align: center;">
<a href="http://1.bp.blogspot.com/-Jy2PW6plRXM/UycnPjj5oUI/AAAAAAAAAnY/861uco_d8Ys/s1600/3-17-2014+7-29-20+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-Jy2PW6plRXM/UycnPjj5oUI/AAAAAAAAAnY/861uco_d8Ys/s1600/3-17-2014+7-29-20+PM.png" /></a></div>
<h4 style="line-height: normal;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-weight: normal;">You can turn the Background layer back on at this point by clicking again on the layer’s <span style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">visibility icon</span>. We only turned if off temporarily so we could see what was happening with the Fill command on the text layer:</span></h4>
<h4 style="line-height: normal;">
<span style="color: #b45f06; font-family: Times, 'Times New Roman', serif; font-weight: normal;">Clicking again on the Background layer’s visibility icon.</span></h4>
<div class="separator" style="clear: both; line-height: normal; text-align: center;">
<a href="http://3.bp.blogspot.com/-t42YmDx3rcw/Uycn9Cm5Q2I/AAAAAAAAAng/S80MJ6e01t0/s1600/3-17-2014+7-29-41+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-t42YmDx3rcw/Uycn9Cm5Q2I/AAAAAAAAAng/S80MJ6e01t0/s1600/3-17-2014+7-29-41+PM.png" /></a></div>
<h4 style="line-height: 1.3em; margin: 20px 0px 6px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: #cc0000; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Step 7: Apply The Gaussian Blur Filter</span></h4>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">We need to add a small amount of blurring to our text, and we can do that with the Gaussian Blur filter. Go up to the<strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Filter</strong> menu at the top of the screen, choose <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Blur</strong>, then choose <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Gaussian Blur</strong>:</span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Going to Filter > Blur > Gaussian Blur.</span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-Ujw3suAf66Y/UycoUJNnQBI/AAAAAAAAAno/0al-USMYO00/s1600/selecting-gaussian-blur.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-Ujw3suAf66Y/UycoUJNnQBI/AAAAAAAAAno/0al-USMYO00/s1600/selecting-gaussian-blur.gif" /></a></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">When the Gaussian Blur dialog box opens, drag the slider at the bottom to set the <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Radius</strong> value to around <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">4 pixels</strong>:</span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span><span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Setting the Radius value to 4 pixels.</span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-UB9OdV4E_2o/Uycow8zNMkI/AAAAAAAAAnw/vGAiftL2N0E/s1600/3-17-2014+7-30-45+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://2.bp.blogspot.com/-UB9OdV4E_2o/Uycow8zNMkI/AAAAAAAAAnw/vGAiftL2N0E/s1600/3-17-2014+7-30-45+PM.png" width="317" /></a></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Click OK to close out of the dialog box. Here’s my text with the blurring applied:</span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span><span style="color: #b45f06; font-family: Times, Times New Roman, serif;">The text after applying the Gaussian Blur filter.</span></div>
<div>
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-54ozkME4xcs/UycpR9BdWMI/AAAAAAAAAoA/2DHBdG_6Yqs/s1600/3-17-2014+7-31-13+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-54ozkME4xcs/UycpR9BdWMI/AAAAAAAAAoA/2DHBdG_6Yqs/s1600/3-17-2014+7-31-13+PM.png" /></a></div>
<h4 style="line-height: 1.3em; margin: 20px 0px 6px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: #cc0000; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Step 8: Apply The Solarize Filte</span><span style="color: #cc0000; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">r</span></h4>
<div style="outline: 0px; padding: 0px 0px 1em; vertical-align: baseline;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Once again go up to the <strong style="font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Filter</strong> menu at the top of the screen but this time, choose <strong style="font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Stylize</strong>, then choose <strong style="font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Solarize</strong>:</span></div>
<div style="outline: 0px; padding: 0px 0px 1em; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Going to Filter > Stylize > Solarize.</span></div>
<div class="separator" style="clear: both; line-height: normal; text-align: center;">
<a href="http://1.bp.blogspot.com/-72xcyu8el-E/Uyfyucj75EI/AAAAAAAAAoU/bQnbJtmTFr0/s1600/selecting-solarize-filter.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-72xcyu8el-E/Uyfyucj75EI/AAAAAAAAAoU/bQnbJtmTFr0/s1600/selecting-solarize-filter.gif" /></a></div>
<div class="separator" style="clear: both; line-height: normal; text-align: center;">
<br /></div>
<div style="outline: 0px; padding: 0px 0px 1em; vertical-align: baseline;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">There’s no dialog box for the Solarize filter. Photoshop simply applies it to the text layer, and now the text appears as a light gray outline against a black background:</span></div>
<div style="outline: 0px; padding: 0px 0px 1em; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">The text after applying the solarize filter.</span></div>
<div class="separator" style="clear: both; line-height: normal; text-align: center;">
</div>
<div class="separator" style="clear: both; line-height: normal; text-align: center;">
<a href="http://4.bp.blogspot.com/-3RsO9yDzkU0/UyfzKLPRoPI/AAAAAAAAAok/TZu64K0vkQA/s1600/3-17-2014+7-31-58+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-3RsO9yDzkU0/UyfzKLPRoPI/AAAAAAAAAok/TZu64K0vkQA/s1600/3-17-2014+7-31-58+PM.png" /></a></div>
<h4 style="line-height: 1.3em; margin: 20px 0px 6px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: #cc0000; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 1.3em;">Step 9: Lighten The Text With Auto Tone</span></h4>
<div style="outline: 0px; padding: 0px 0px 1em; vertical-align: baseline;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">We need to brighten up the text and we can do that very quickly using one of Photoshop’s Auto image adjustments. Go up to the <strong style="font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Image</strong> menu at the top of the screen and choose <strong style="font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Auto Tone</strong>. For our purposes here, it really doesn’t matter if you choose Auto Tone, Auto Contrast or Auto Color since we’re essentially working with a black and white image. I chose Auto Tone only because it’s the first one in the list:</span></div>
<div style="outline: 0px; padding: 0px 0px 1em; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Going to Image > Auto Tone.</span></div>
<div class="separator" style="clear: both; line-height: normal; text-align: center;">
<a href="http://2.bp.blogspot.com/-TsAPxxUURbE/UyfzlOpp2sI/AAAAAAAAAow/dh4PTgOYGW4/s1600/auto-tone.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-TsAPxxUURbE/UyfzlOpp2sI/AAAAAAAAAow/dh4PTgOYGW4/s1600/auto-tone.gif" /></a></div>
<div class="separator" style="clear: both; line-height: normal; text-align: center;">
<br /></div>
<div style="outline: 0px; padding: 0px 0px 1em; vertical-align: baseline;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">With Auto Tone applied, the text now appears much brighter:</span></div>
<div style="outline: 0px; padding: 0px 0px 1em; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">The text after applying the Auto Tone adjustment.</span></div>
<div class="separator" style="clear: both; line-height: normal; text-align: center;">
<a href="http://1.bp.blogspot.com/-fLLXmGgIEWQ/Uyf0DsH6vvI/AAAAAAAAAo4/pJc3xEUCU1E/s1600/3-17-2014+7-32-54+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-fLLXmGgIEWQ/Uyf0DsH6vvI/AAAAAAAAAo4/pJc3xEUCU1E/s1600/3-17-2014+7-32-54+PM.png" /></a></div>
<h4 style="line-height: 1.3em; margin: 20px 0px 6px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: #cc0000; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Step 10: Duplicate The Text Layer</span></h4>
<div style="outline: 0px; padding: 0px 0px 1em; vertical-align: baseline;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">We need to make a copy of our text layer. Go up to the <strong style="font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Layer</strong> menu at the top of the screen, choose <strong style="font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">New</strong>, then choose <strong style="font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Layer via Copy</strong>. Or, a faster way to duplicate a layer is by simply pressing <strong style="font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Ctrl+J</strong> (Win) / <strong style="font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Command+J</strong>(Mac) on your keyboard:</span></div>
<div style="outline: 0px; padding: 0px 0px 1em; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Going to Layer > New > Layer via Copy.</span></div>
<div class="separator" style="clear: both; line-height: normal; text-align: center;">
<a href="http://2.bp.blogspot.com/-hXU1zpEzEVY/Uyf0YG4f7JI/AAAAAAAAApA/-ea8v2bG0F4/s1600/new-layer-via-copy.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-hXU1zpEzEVY/Uyf0YG4f7JI/AAAAAAAAApA/-ea8v2bG0F4/s1600/new-layer-via-copy.gif" /></a></div>
<div style="outline: 0px; padding: 0px 0px 1em; vertical-align: baseline;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">A copy of the text layer appears above the original in the Layers panel:</span></div>
<div style="outline: 0px; padding: 0px 0px 1em; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">The Layers panel showing the copy of the text layer.</span></div>
<div class="separator" style="clear: both; line-height: normal; text-align: center;">
<a href="http://1.bp.blogspot.com/-FmtBHeS7Vb0/Uyf1BxXu6LI/AAAAAAAAApM/C9t9BrZM0sc/s1600/3-17-2014+7-33-47+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-FmtBHeS7Vb0/Uyf1BxXu6LI/AAAAAAAAApM/C9t9BrZM0sc/s1600/3-17-2014+7-33-47+PM.png" /></a></div>
<div style="outline: 0px; padding: 0px 0px 1em; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;"><br /></span></div>
<h4 style="line-height: 1.3em; margin: 20px 0px 6px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: #cc0000; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Step 11: Apply The Polar Coordinates Filter</span></h4>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">With the copy of the text layer selected (highlighted in blue) in the Layers panel, go up to the <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Filter</strong> menu at the top of the screen, choose <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Distort</strong>, then choose <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Polar Coordinates</strong>:</span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span><span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Going to Filter > Distort > Polar Coordinates.</span></div>
<div>
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-cMg56VKrL8Q/Uyf1mSxFL3I/AAAAAAAAApQ/OIWTA5s4r9Y/s1600/choose-polar-coordinates.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-cMg56VKrL8Q/Uyf1mSxFL3I/AAAAAAAAApQ/OIWTA5s4r9Y/s1600/choose-polar-coordinates.gif" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">When the Polar Coordinates dialog box opens, select the <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Polar to Rectangular</strong> option at the very bottom, then click OK to close out of the dialog box:</span></div>
<div>
<span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px;"><br /></span><span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Selecting the Polar to Rectangular option</span></div>
<div>
<span style="color: #8f0000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-VpkkjJ6DPX4/Uyf2AWyLCGI/AAAAAAAAApY/HBLO6POTVfo/s1600/3-17-2014+7-34-53+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-VpkkjJ6DPX4/Uyf2AWyLCGI/AAAAAAAAApY/HBLO6POTVfo/s1600/3-17-2014+7-34-53+PM.png" /></a></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Your text will now look something like this:</span></div>
<div>
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;"><br /></span><span style="color: #b45f06; font-family: Times, Times New Roman, serif;">The text after applying the Polar Coordinates filter</span></div>
<div>
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-HskbV0oiINc/Uyf2XnBQT9I/AAAAAAAAApg/a-yeK3oWaS4/s1600/3-17-2014+7-35-20+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-HskbV0oiINc/Uyf2XnBQT9I/AAAAAAAAApg/a-yeK3oWaS4/s1600/3-17-2014+7-35-20+PM.png" /></a></div>
<h4 style="line-height: 1.3em; margin: 20px 0px 6px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: #cc0000; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Step 12: Rotate The Image</span></h4>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">In a moment, we’re going to apply Photoshop’s Wind filter to the image, but the Wind filter only works horizontally, so before we run it, we need to rotate our image onto its side. To do that, go up to the <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Image</strong> menu at the top of the screen, choose <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Image Rotation</strong>, then choose <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">90° CW</strong> (clockwise):</span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Going to Image > Image Rotation > 90° CW.</span></div>
<div>
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-vptsjFgchHo/Uyf20BSnHWI/AAAAAAAAApo/tIp9hqURVAQ/s1600/90-degrees-cw.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-vptsjFgchHo/Uyf20BSnHWI/AAAAAAAAApo/tIp9hqURVAQ/s1600/90-degrees-cw.gif" /></a></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">The image should now be rotated clockwise:</span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span><span style="color: #b45f06; font-family: Times, Times New Roman, serif;">The image rotated 90° clockwise.</span></div>
<div>
<span style="color: #8f0000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-iYt6k0d9Y88/Uyf3AfxZFOI/AAAAAAAAApw/OPTttoD6x7E/s1600/3-17-2014+7-36-45+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-iYt6k0d9Y88/Uyf3AfxZFOI/AAAAAAAAApw/OPTttoD6x7E/s1600/3-17-2014+7-36-45+PM.png" /></a></div>
<h4 style="line-height: 1.3em; margin: 20px 0px 6px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: #cc0000; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Step 13: Invert The Image</span></h4>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Next, we need to invert the image, making the black areas white and the white areas black. Go up to the <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Image</strong>menu, choose <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Adjustments</strong>, then choose <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Invert</strong>. Or, press <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Ctrl+I</strong> (Win) / <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Command+I</strong> (Mac) on your keyboard:</span></div>
<div>
<span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px;"><br /></span></div>
<div>
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Going to Image > Adjustments > Invert.</span></div>
<div>
<span style="color: #8f0000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-PLNJiZ6r-hI/Uyf39C7Nk2I/AAAAAAAAAp8/p1uC3Xe3XLQ/s1600/image-adjustments-invert.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-PLNJiZ6r-hI/Uyf39C7Nk2I/AAAAAAAAAp8/p1uC3Xe3XLQ/s1600/image-adjustments-invert.gif" /></a></div>
<div>
<span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px;"><br /></span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">The image is now inverted:</span></div>
<div>
<span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px;"><br /></span></div>
<div>
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">The image after inverting the brightness values.</span></div>
<div>
<span style="color: #8f0000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-e7ONJNOPpzc/Uyf4XDgnsDI/AAAAAAAAAqE/6z5C8GjXG1o/s1600/3-17-2014+7-37-15+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-e7ONJNOPpzc/Uyf4XDgnsDI/AAAAAAAAAqE/6z5C8GjXG1o/s1600/3-17-2014+7-37-15+PM.png" /></a></div>
<div>
<span style="color: #cc0000; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 1.3em;"><br /></span><span style="color: #cc0000; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 1.3em;"><b>Step 14: Apply The Wind Filter Three Times</b></span></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">To create what will eventually become the beams of light, we’ll use the Wind filter. Go up to the <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Filter</strong> menu, choose<strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Stylize</strong>, then choose <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Wind</strong>:</span></div>
<div>
<span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px;"><br /></span></div>
<div>
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Going to Filter > Stylize > Wind.</span></div>
<div>
<span style="color: #8f0000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-7cx-tFjZtSo/Uyf4ia7MvcI/AAAAAAAAAqM/rZkbnO8jUZs/s1600/select-wind.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-7cx-tFjZtSo/Uyf4ia7MvcI/AAAAAAAAAqM/rZkbnO8jUZs/s1600/select-wind.gif" /></a></div>
<div>
<br /></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">When the Wind dialog box appears, set the <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Method</strong> option to <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Wind</strong>, then set the <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Direction</strong> option to <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">From the Right</strong>:</span></div>
<div>
<span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px;"><br /></span></div>
<div>
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">The Wind filter options.</span></div>
<div>
<span style="color: #8f0000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-HF-7fJFdZag/Uyf5M5fKG8I/AAAAAAAAAqU/DeC9CDLwHEc/s1600/3-17-2014+7-37-51+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://1.bp.blogspot.com/-HF-7fJFdZag/Uyf5M5fKG8I/AAAAAAAAAqU/DeC9CDLwHEc/s1600/3-17-2014+7-37-51+PM.png" width="290" /></a></div>
<div>
<br /></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Click OK to close out of the dialog box. Photoshop will apply the Wind filter to the image. We actually need to apply the filter two more times, but rather than selecting it again from the Filter menu, simply press <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Ctrl+F</strong> (Win) /<strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Command+F</strong> (Mac) on your keyboard. This is a handy shortcut for re-applying the last filter that was used (along with the settings that were used). Press <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Ctrl+F</strong> (Win) / <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Command+F</strong> (Mac) again to re-apply the Wind filter a second time (so it’s now been applied a total of three times). Your image should now look something like this:</span></div>
<div>
<span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px;"><br /></span></div>
<div>
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">The image after applying the Wind filter three times.</span></div>
<div>
<span style="color: #8f0000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-IvJTSDidXJQ/Uyf5alAbmiI/AAAAAAAAAqc/RMwFGgBPgcs/s1600/3-17-2014+7-39-35+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-IvJTSDidXJQ/Uyf5alAbmiI/AAAAAAAAAqc/RMwFGgBPgcs/s1600/3-17-2014+7-39-35+PM.png" /></a></div>
<div>
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span><br />
<div style="text-align: right;">
<h4 style="line-height: 1.3em; margin: 20px 0px 6px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline;">
<span style="color: #cc0000; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Step 15: Invert The Image Again</span></h4>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Next, we need to re-invert the image, so once again go up to the <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Image</strong> menu, choose <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Adjustments</strong>, then choose<strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Invert</strong>, or press <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Ctrl+I</strong> (Win) / <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Command+I</strong> (Mac) on your keyboard:</span></div>
<div style="text-align: left;">
<span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Going to Image > Adjustments > Invert.</span></div>
<div style="text-align: left;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-ZVSvK4HPf4o/Uyf8I4-KUvI/AAAAAAAAAqo/JFB7aN7R3iQ/s1600/image-adjustments-invert.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-ZVSvK4HPf4o/Uyf8I4-KUvI/AAAAAAAAAqo/JFB7aN7R3iQ/s1600/image-adjustments-invert.gif" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: left;">
<span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px;">T</span><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">he text once again appears light gray against a black background:</span></div>
<div style="text-align: left;">
<span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">The image after inverting it again.</span></div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-AgnPWlDUkb8/Uyf9KbKCEBI/AAAAAAAAArA/71E9KXgH5HA/s1600/not+too+bright.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-AgnPWlDUkb8/Uyf9KbKCEBI/AAAAAAAAArA/71E9KXgH5HA/s1600/not+too+bright.png" /></a></div>
<div style="text-align: left;">
<h4 style="line-height: 1.3em; margin: 20px 0px 6px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="color: #cc0000; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Step 16: Brighten The Text Again With Auto Tone</span></h4>
</div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Let’s again make the text brighter by going back up to the <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Image</strong> menu and choosing <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Auto Tone</strong>:</span></div>
<div style="text-align: left;">
<span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Going back to Image > Auto Tone.</span></div>
<div style="text-align: left;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-lerD25q8bAs/Uyf8znFXG4I/AAAAAAAAAq4/Ots70Ra2Ly4/s1600/auto-tone.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-lerD25q8bAs/Uyf8znFXG4I/AAAAAAAAAq4/Ots70Ra2Ly4/s1600/auto-tone.gif" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">And once again, the text appears brighter:</span></div>
<div style="text-align: left;">
<span style="color: #8f0000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">The text after re-applying the Auto Tone command.</span></div>
<div style="text-align: left;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-ZMVr-aToWYU/Uyf8iK-X5rI/AAAAAAAAAq0/jSvjA97b1q0/s1600/3-17-2014+7-41-21+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-ZMVr-aToWYU/Uyf8iK-X5rI/AAAAAAAAAq0/jSvjA97b1q0/s1600/3-17-2014+7-41-21+PM.png" /></a></div>
<h4 style="line-height: 1.3em; margin: 20px 0px 6px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline;">
<span style="line-height: 1.3em;"><span style="color: #cc0000; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Step 17: Re-Apply The Wind Filter Three More Times</span></span></h4>
<div style="outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Press <strong style="font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Ctrl+F</strong> (Win) / <strong style="font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Command+F</strong> (Mac) on your keyboard three times to re-apply the Wind filter three more times to the image:</span></div>
<div style="outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">The image after applying the Wind filter three more times.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-pQxXBax3xQ4/Uyf9nQWD8SI/AAAAAAAAArI/BkDKg9dM5do/s1600/3-17-2014+7-42-13+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-pQxXBax3xQ4/Uyf9nQWD8SI/AAAAAAAAArI/BkDKg9dM5do/s1600/3-17-2014+7-42-13+PM.png" /></a></div>
<h4 style="line-height: 1.3em; margin: 20px 0px 6px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline;">
<span style="color: #cc0000; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 1.3em;">Step 18: Rotate The Image</span></h4>
<div style="outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">We’re done with the Wind filter, so let’s rotate the image back to its original orientation. Go up to the <strong style="font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Image</strong> menu, choose <strong style="font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Image Rotation</strong>, then choose <strong style="font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">90° CCW</strong> (counterclockwise):</span></div>
<div style="outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Going to Image > Image Rotation > 90° CCW.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-SwwJXu5FIbA/Uyf975qvjTI/AAAAAAAAArQ/pd7scJ8y2lc/s1600/rotate-90-ccw.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-SwwJXu5FIbA/Uyf975qvjTI/AAAAAAAAArQ/pd7scJ8y2lc/s1600/rotate-90-ccw.gif" /></a></div>
<div style="outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">The image is now back to its original position:</span></div>
<div style="outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">The image after rotating it counterclockwise.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-g-NbpPM3lFQ/Uyf-PUG_AVI/AAAAAAAAArY/OBtJuxdECts/s1600/3-17-2014+7-43-14+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-g-NbpPM3lFQ/Uyf-PUG_AVI/AAAAAAAAArY/OBtJuxdECts/s1600/3-17-2014+7-43-14+PM.png" /></a></div>
<h4 style="line-height: 1.3em; margin: 20px 0px 6px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline;">
<span style="line-height: 1.3em;"><span style="color: #cc0000; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Step 19: Apply The Polar Coordinates Filter Again</span></span></h4>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Go up to the <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Filter</strong> menu, choose <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Distort</strong>, then choose <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Polar Coordinates</strong>. This time when the dialog box appears, select the <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Rectangular to Polar</strong> option at the bottom:</span></div>
<div style="text-align: left;">
<span style="color: #8f0000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Selecting the Rectangular to Polar option.</span></div>
<div style="text-align: left;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-VHoeJNJBi4E/Uyf-rgdKEZI/AAAAAAAAArg/KFKNPn2rXy4/s1600/3-17-2014+7-44-01+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-VHoeJNJBi4E/Uyf-rgdKEZI/AAAAAAAAArg/KFKNPn2rXy4/s1600/3-17-2014+7-44-01+PM.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Click OK to apply the Polar Coordinates filter and exit out of the dialog box. The light burst effect is now starting to take shape:</span></div>
<div style="outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">The image after re-applying the Polar Coordinates filter.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-wbaol2LNHgE/Uyf-9Aj5_wI/AAAAAAAAAro/1vb9FjoHEx8/s1600/3-17-2014+7-44-23+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-wbaol2LNHgE/Uyf-9Aj5_wI/AAAAAAAAAro/1vb9FjoHEx8/s1600/3-17-2014+7-44-23+PM.png" /></a></div>
<h4 style="line-height: 1.3em; margin: 20px 0px 6px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline;">
<span style="color: #cc0000; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Step 20: Change The Layer Blend Mode To Screen</span></h4>
<div style="outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Next, we need to allow our original text layer below to show through the light beams, and we can do that by simply changing the top layer’s blend mode. You’ll find the Blend Mode option in the top left corner of the Layers panel (it’s the box that’s set to Normal by default). Click on the box and select <strong style="font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Screen</strong> from the list of blend modes that appears:</span></div>
<div style="outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Changing the layer’s blend mode from Normal to Screen.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-9TCVAIu5-60/Uyf_1BsTGhI/AAAAAAAAArw/SwR59Sv1o4s/s1600/3-17-2014+7-46-13+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-9TCVAIu5-60/Uyf_1BsTGhI/AAAAAAAAArw/SwR59Sv1o4s/s1600/3-17-2014+7-46-13+PM.png" /></a></div>
<div style="outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<br /></div>
<div style="outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">With the blend mode set to Screen, the light beams now appear to shine through the text:</span></div>
<div style="outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">The effect after changing the blend mode to Screen.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-g5RVwbod_rg/UygAEnThZDI/AAAAAAAAAr4/G5dPn3LkoRI/s1600/3-17-2014+7-45-22+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-g5RVwbod_rg/UygAEnThZDI/AAAAAAAAAr4/G5dPn3LkoRI/s1600/3-17-2014+7-45-22+PM.png" /></a></div>
<h4 style="line-height: 1.3em; margin: 20px 0px 6px; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline;">
<span style="color: #cc0000; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Step 21: Add A Gradient Fill Layer</span></h4>
<div style="outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Let’s add some much needed color to the effect, and we’ll do that using a Gradient Fill layer. Click on the <strong style="font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">New Fill or Adjustment Layer</strong> icon down at the bottom of the Layers panel:</span></div>
<div style="outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Clicking the New Fill or Adjustment Layer icon.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-UjYWlveP_2o/UygAw_sjxSI/AAAAAAAAAsE/JcfFUCuyg3M/s1600/3-17-2014+7-46-13+PM.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-UjYWlveP_2o/UygAw_sjxSI/AAAAAAAAAsE/JcfFUCuyg3M/s1600/3-17-2014+7-46-13+PM.png" /></a></div>
<div style="outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Select <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Gradient</strong> near the top of the list:</span></div>
<div style="outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Adding a Gradient fill layer.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-kJ2N8JLDOa8/UygA-mSCIhI/AAAAAAAAAsM/0YWxrkGMVPU/s1600/choosing-gradient.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-kJ2N8JLDOa8/UygA-mSCIhI/AAAAAAAAAsM/0YWxrkGMVPU/s1600/choosing-gradient.gif" /></a></div>
<div style="outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;"><br /></span></div>
<div style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px; outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<br /></div>
<div style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px; outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<br /></div>
<div style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 14px; outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<br /></div>
<div style="outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">This opens the Gradient Fill dialog box. Click on the <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">gradient preview bar</strong> at the top to open the <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Gradient Editor</strong>:</span></div>
<div style="outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Clicking the gradient preview bar.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-H7N78ISkbqA/UygBOhtVNPI/AAAAAAAAAsU/TBvAB5C8juU/s1600/gradient-preview-bar.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-H7N78ISkbqA/UygBOhtVNPI/AAAAAAAAAsU/TBvAB5C8juU/s1600/gradient-preview-bar.gif" /></a></div>
<div style="outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">When the Gradient Editor appears, select the <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Black, White</strong> preset gradient by clicking on its thumbnail at the top of the dialog box (third thumbnail from the left, top row). This will give us a starting base for the gradient and, most importantly, will make sure that both colors are set to 100% opacity:</span></div>
<div style="outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Clicking on the Black, White gradient’s thumbnail.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-swfOqoc8s5I/UygBZqFUAQI/AAAAAAAAAsc/if_BvGQm5kI/s1600/select-black-white-gradient.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-swfOqoc8s5I/UygBZqFUAQI/AAAAAAAAAsc/if_BvGQm5kI/s1600/select-black-white-gradient.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">The bottom half of the Gradient Editor is where we can actually edit the gradient. <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Double-click</strong> on the black-filled<strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">color stop</strong> below the left end of the large gradient preview bar:</span></div>
<div style="outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Double-clicking the black-filled color stop on the left.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-EntCyr1SLDk/UygBnxNzrHI/AAAAAAAAAsk/-cIeoIH5FXc/s1600/left-color-stop.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-EntCyr1SLDk/UygBnxNzrHI/AAAAAAAAAsk/-cIeoIH5FXc/s1600/left-color-stop.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">This will open Photoshop’s <strong style="margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Color Picker</strong> where we can replace the black in the gradient with whatever color we like. I’ll choose a reddish orange color. Click OK once you’ve chosen a new color to close out of the Color Picker:</span></div>
<div class="image-desc" style="margin: 0px 0px 1.2em; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Choosing a new color for the left side of the gradient.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-zgjhzIE1wik/UygB4TOuaXI/AAAAAAAAAss/w9fcylUIvzY/s1600/photoshop-color-picker.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-zgjhzIE1wik/UygB4TOuaXI/AAAAAAAAAss/w9fcylUIvzY/s1600/photoshop-color-picker.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Then, do the same thing with the other side of the gradient in the Gradient Editor. <strong style="font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Double-click</strong> on the white-filled<strong style="font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">color stop</strong> below the right side of the gradient preview bar:</span></div>
<div class="image-desc" style="margin: 0px 0px 1.2em; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Double-clicking the white-filled color stop on the right.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-iqsDryucTks/UygCEjyO27I/AAAAAAAAAs0/AXxOllWZgPI/s1600/right-color-stop.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-iqsDryucTks/UygCEjyO27I/AAAAAAAAAs0/AXxOllWZgPI/s1600/right-color-stop.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Choose a new color for the right side of the gradient from the <strong style="font-style: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Color Picker</strong>. I’ll choose an orange-yellow. Click OK when you’re done to again close out of the Color Picker:</span></div>
<div class="image-desc" style="margin: 0px 0px 1.2em; outline: 0px; padding: 0px; text-align: left; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">Choosing a new color for the right side of the gradient.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-Fd3PDJNZOek/UygCS-HyXAI/AAAAAAAAAs8/nd9fI7yvKLs/s1600/color-picker.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-Fd3PDJNZOek/UygCS-HyXAI/AAAAAAAAAs8/nd9fI7yvKLs/s1600/color-picker.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Here’s my edited gradient with its new custom colors. If you’re happy with the colors you chose, click OK to close out of the Gradient Editor, then click OK to close out of the Gradient Fill dialog box:</span></div>
<div style="outline: 0px; padding: 0px 0px 1em; text-align: left; vertical-align: baseline;">
<span style="color: #b45f06; font-family: Times, Times New Roman, serif;">The new custom gradient.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-W9L9A8crEx0/UygCemCmB2I/AAAAAAAAAtE/_unyXVhUhb4/s1600/new-gradient.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-W9L9A8crEx0/UygCemCmB2I/AAAAAAAAAtE/_unyXVhUhb4/s1600/new-gradient.jpg" /></a></div>
</div>
</div>
</div>
</div>
</div>
</div>

Colorful Quick Learn Text Effect With Photoshop CS6

In this Text Effects tutorial, we’ll learn how to engulf text in beams of light and color that radiate through and around it. This version of the tutorial has been fully re-written and updated for Ph…

17 Mar 2014

Load more posts