<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Signature Stop, Photoshop signature tutorials, renders, tag tutorials and signature backgrounds! &#187; text panel</title>
	<atom:link href="http://www.signaturestop.com/tag/text-panel/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.signaturestop.com</link>
	<description>Photoshop signature tutorials, photoshop resources and signature tag tips</description>
	<lastBuildDate>Sat, 29 Aug 2009 22:59:07 +0000</lastBuildDate>
	
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Text Panel Explained</title>
		<link>http://www.signaturestop.com/miscellaneous-tutorials/text-panel-explained/</link>
		<comments>http://www.signaturestop.com/miscellaneous-tutorials/text-panel-explained/#comments</comments>
		<pubDate>Sun, 25 Jan 2009 13:47:21 +0000</pubDate>
		<dc:creator>Base</dc:creator>
				<category><![CDATA[Miscellaneous Tutorials]]></category>
		<category><![CDATA[text panel]]></category>
		<category><![CDATA[text tutorial]]></category>

		<guid isPermaLink="false">http://www.signaturestop.com/?p=185</guid>
		<description><![CDATA[For a lot of people, placing text in their work is one of the hardest things. Often, the text looks out of place, distorting the flow, or making it look plain bad. The key to good text in your work is creativity. This doesn&#8217;t mean you have to use advanced techniques and fonts to succeed, [...]]]></description>
			<content:encoded><![CDATA[<p>For a lot of people, placing text in their work is one of the hardest things. Often, the text looks out of place, distorting the flow, or making it look plain bad. The key to good text in your work is creativity. This doesn&#8217;t mean you have to use advanced techniques and fonts to succeed, sometimes simple text with the right color placed in the right place will suffice. In this tutorial I will try teaching you some useful photoshop text options a lot of people dont know about.</p>
<p><span id="more-185"></span></p>
<p>First, write your text on your canvas with a random font. The font I used was Fontin, which can be found in the resources section.</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/1text.gif" alt="text tutorial" width="259" height="100" /></p>
<p>If you have your text tool selected (Press T), you will see the Character and Paragraphs Panel toggle button appear on your toolbar:</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/2toggleproporties.gif" alt="toggle proporties" width="477" height="60" /></p>
<p>The following panel should appear:</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/panelproporties.gif" alt="character panel proporties" width="214" height="214" /></p>
<p>I will explain the options in the panel that you can use to create effective text modifications. Please refer to this image:</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/panelsettings.gif" alt="panel proporties" width="214" height="214" /></p>
<p>1. This one is kind of obvious, it sets the character size.<br />
2. This sets the line height of your text. The larger your font size, the higher the line height has to be. If for example we set our size to 20 and line height 18, the text will appear just fine.</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/lineheight.gif" alt="line height" width="259" height="100" /></p>
<p>However, if we change our text size back to 36 without changing the line height, the text will become cluttered:</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/cluttered.gif" alt="cluttered line height" width="259" height="100" /></p>
<p>You can create nice text effects with the line height effect without having the hassle of creating tons of text layers. You can add inner strokes that complement eachother for example:</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/textlineheight.gif" alt="inner stroke text" width="259" height="100" /></p>
<p>3. Kerning. With this method you can change the kerning between selected characters. In the following image I changed the kerning between every letter next to both of the capital S&#8217;s in the bottom text line:</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/kerning.gif" alt="kerning" width="259" height="100" /></p>
<p>4. You can change the character tracking with this setting. This is my favourite character option, if you toy around with this setting, you can almost make it look like an entirely new font and make the letters connect to eachother like I&#8217;ve done in the following image:</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/charactertacking.gif" alt="character tracking changed" width="259" height="100" /></p>
<p>The next 4 options in the character panel:</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/charactersetting58.gif" alt="character panel" width="214" height="214" /></p>
<p>5. Vertically scale your text. Most of the time, this will not really look good on fonts if you change it, because the designer made it in a fixed size. If you find a font where it works however, you can create an original effect. Vertically styled:</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/verticallystyle.gif" alt="vertically style" width="259" height="100" /></p>
<p>6. Horizontally scale your text. Pretty much the same as vertically, looks weird and messy:</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/horizontallystyle.gif" alt="horizontally style" width="259" height="100" /></p>
<p>7. Setting a characters baseline shift. Changing this will put your text higher or lower:</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/baselineshift.gif" alt="baseline shift" width="259" height="100" /></p>
<p>8. text color, should be pretty obvious, you can change a single characters color if you highlight it, or its entire color if you only select the text layer.</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/color.gif" alt="colorfull text" width="259" height="100" /></p>
<p>With all these methods combined, you can create good looking text with just a single layer. You won&#8217;t have the hassle of selecting individual layers if you want to move all of your text to a different section. The only downside to using just one layer, is that you cannot use different layer styles. Oh well. This is what I came up with after some experimenting (remember, this is just a single text layer):</p>
<p><img src="http://www.signaturestop.com/tutorials/textpanel/resultmixing.gif" alt="result text" width="259" height="100" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.signaturestop.com/miscellaneous-tutorials/text-panel-explained/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
