
<?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>ALT Web Design &#38; Photoshop Tutorials &#187; button</title>
	<atom:link href="http://www.alt-web-design.com/tag/button/feed" rel="self" type="application/rss+xml" />
	<link>http://www.alt-web-design.com</link>
	<description>ALT web design &#38; Photoshop Tutorials</description>
	<lastBuildDate>Tue, 24 Jan 2012 12:12:22 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>GLASS BUTTON photo shop tutorial</title>
		<link>http://www.alt-web-design.com/button-tutorials/glass-button-tutorial.html</link>
		<comments>http://www.alt-web-design.com/button-tutorials/glass-button-tutorial.html#comments</comments>
		<pubDate>Fri, 18 Jul 2008 16:33:11 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Buttons]]></category>
		<category><![CDATA[button]]></category>
		<category><![CDATA[glass]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.alt-web-design.com/?p=21</guid>
		<description><![CDATA[español deutsch hrvatski Step 1 Create a new document (File -&#62; New), then create a new layer and select the Rounded Rectangle Tool (radius is 5px) and draw a shape of your button and fill it with a solid colour. &#160; Step 2 Select the fill colour, go to Select -&#62; Modify -&#62; Contract. Contract [...]]]></description>
			<content:encoded><![CDATA[<div align="right"><a href="http://www.alt-web-design.com/button-tutorials/boton-efecto-vidrio.html"><img src="http://www.alt-web-design.com/images/spanjolska-zast.jpg" alt="español" border="0" height="14" width="22" /></a> <a href="http://www.alt-web-design.com/button-tutorials/boton-efecto-vidrio.html">español</a>  <a href="http://www.alt-web-design.com/button-tutorials/glas-button-de.html"><img src="http://www.alt-web-design.com/images/deutsch-zast.jpg" alt="deutsch" border="0" height="13" width="22" /></a> <a href="http://www.alt-web-design.com/button-tutorials/glas-button-de.html">deutsch</a>   <a href="http://www.alt-web-design.com/button-tutorials/stakleni-gumb-tutorial.html"><img src="http://www.alt-web-design.com/images/hrv-zas.jpg" alt="hrvatski" border="0" height="14" width="22" /></a> <a href="http://www.alt-web-design.com/button-tutorials/stakleni-gumb-tutorial.html">hrvatski</a> </div>
<div class="razmakNaslov">Step 1</div>
<p align="left"><img src="http://www.alt-web-design.com/button-tutorials/images/glass-button01.jpg" alt="GLASS BUTTON photo shop tutorial - Step 1" align="left" height="75" width="150" /></p>
<div class="razmak">Create a <strong>new document</strong> (File -&gt; New), then create a new layer and select the <strong>Rounded Rectangle Tool</strong> (radius is 5px) and draw a shape of your button and fill it with a solid colour.</div>
<div class="razmak">&nbsp;</div>
<hr />
<div class="razmakNaslov">Step 2</div>
<p align="left"><img src="http://www.alt-web-design.com/button-tutorials/images/glass-button02.jpg" alt="GLASS BUTTON photo shop tutorial - Step  2" width="146" height="69" align="left" /></p>
<div class="razmak"> Select the fill colour, go to Select -&gt; Modify -&gt;<strong> Contract</strong>. Contract the selection by 2 pixels.</div>
<div class="razmak">&nbsp;</div>
<hr />
<div class="razmakNaslov">Step 3</div>
<p align="left"><img src="http://www.alt-web-design.com/button-tutorials/images/glass-button03.jpg" alt="GLASS BUTTON photo shop tutorial - Step  3" align="left" height="75" width="150" /></p>
<div class="razmak"> Create a new layer. Choose white as foreground color. In the <strong>gradient</strong> palette set the fill to Foreground to Transparent. Click and drag from  the top of the selection area, and holding down the SHIFT key to hold a  straight line, drag to the bottom of the button.</div>
<div class="razmak">&nbsp;</div>
<hr />
<div class="razmakNaslov">Step 4</div>
<p align="left"><img src="http://www.alt-web-design.com/button-tutorials/images/glass-button04.jpg" alt="GLASS BUTTON photo shop tutorial - Step  4" width="150"  height="75" align="left" /></p>
<div class="razmak">Set the <strong>opacity</strong> of the layer to 90%.</div>
<div class="razmak">&nbsp;</div>
<div class="razmak">&nbsp;</div>
<hr />
<div class="razmakNaslov">Step 5</div>
<div class="razmak"><img src="http://www.alt-web-design.com/button-tutorials/images/glass-button05.jpg" alt="GLASS BUTTON photo shop tutorial - Step  5" align="left" height="75" width="150" /></div>
<div class="razmak">Create a new layer. Choose your fill colour as foreground colour. In the <strong>gradient</strong> palette set the fill to Foreground to Transparent. Click and drag from  the bottom of the selection area, and holding down the SHIFT key to  hold a straight line, drag to the middle of the button. Deselect.</div>
<div class="razmak">&nbsp;</div>
<hr />
<div class="razmakNaslov">Step 6</div>
<div class="razmak"><img src="http://www.alt-web-design.com/button-tutorials/images/glass-button06.jpg" alt="GLASS BUTTON photo shop tutorial - Step  6" align="left" height="75" width="150" /></div>
<div class="razmak">Set the layer mode to <strong>color dodge</strong> and the <strong>opacity</strong> to 60%.</div>
<div class="razmak">&nbsp;</div>
<div class="razmak">&nbsp;</div>
<hr />
<div class="razmakNaslov">Step 7</div>
<p align="left"><img src="http://www.alt-web-design.com/button-tutorials/images/glass-button07.jpg" alt="GLASS BUTTON photo shop tutorial - Step  7" align="left" height="75" width="150" /></p>
<div class="razmak">Add your <strong>text</strong> to the button.</div>
<div class="razmak">&nbsp;</div>
<div class='bookmarkify'><a name='bookmarkify'></a><div class='title' title='Use these links to share this page with others'>Like This Page? Bookmark it:</div><div class='linkbuttons'><a href='http://del.icio.us/post?url=http://www.alt-web-design.com/button-tutorials/glass-button-tutorial.html&amp;title=GLASS BUTTON photo shop tutorial' title='Save to del.icio.us' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/delicious.png' style='width:16px; height:16px;' alt='[del.icio.us] ' /></a> <a href='http://digg.com/submit?phase=2&amp;url=http://www.alt-web-design.com/button-tutorials/glass-button-tutorial.html&amp;title=GLASS BUTTON photo shop tutorial' title='Digg It!' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/digg.png' style='width:16px; height:16px;' alt='[Digg] ' /></a> <a href='http://www.facebook.com/share.php?u=http://www.alt-web-design.com/button-tutorials/glass-button-tutorial.html' title='Save to Facebook' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/facebook.png' style='width:16px; height:16px;' alt='[Facebook] ' /></a> <a href='http://www.mister-wong.com/index.php?action=addurl&amp;bm_url=http://www.alt-web-design.com/button-tutorials/glass-button-tutorial.html&amp;bm_description=GLASS BUTTON photo shop tutorial' title='Save to Mister Wong' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/misterwong.png' style='width:16px; height:16px;' alt='[Mister Wong] ' /></a> <a href='http://www.stumbleupon.com/submit?url=http://www.alt-web-design.com/button-tutorials/glass-button-tutorial.html&amp;title=GLASS BUTTON photo shop tutorial' title='Stumble It!' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/stumbleupon.png' style='width:16px; height:16px;' alt='[StumbleUpon] ' /></a> <a href='http://technorati.com/faves?add=http://www.alt-web-design.com/button-tutorials/glass-button-tutorial.html' title='Add to my Technorati Favorites' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/technorati.png' style='width:16px; height:16px;' alt='[Technorati] ' /></a> <a href='http://twitter.com/home/?status=GLASS BUTTON photo shop tutorial+http://www.alt-web-design.com/button-tutorials/glass-button-tutorial.html' title='Save to Twitter' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/twitter.png' style='width:16px; height:16px;' alt='[Twitter] ' /></a> <a href='http://www.feedburner.com/fb/a/emailFlare?itemTitle=GLASS BUTTON photo shop tutorial&amp;uri=http://www.alt-web-design.com/button-tutorials/glass-button-tutorial.html&amp;loc=en_US' title='Email this to a friend' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/email.png' style='width:16px; height:16px;' alt='[Email] ' /></a> </div></div>]]></content:encoded>
			<wfw:commentRss>http://www.alt-web-design.com/button-tutorials/glass-button-tutorial.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>GLAS BUTTON photoshop tutorial</title>
		<link>http://www.alt-web-design.com/button-tutorials/glas-button-de.html</link>
		<comments>http://www.alt-web-design.com/button-tutorials/glas-button-de.html#comments</comments>
		<pubDate>Fri, 18 Jul 2008 16:30:01 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Buttons]]></category>
		<category><![CDATA[button]]></category>
		<category><![CDATA[glas]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.alt-web-design.com/?p=20</guid>
		<description><![CDATA[Diese Seite wurde automatisch aus Englisch übersetzt. english español hrvatski Schritt 1 Erstellen Sie ein neues Dokument (Datei -&#62; Neu), dann erstellen Sie eine neue Ebene und wählen Sie das Abgerundetes Rechteck (Rounded Rectangle Tool), Radius 5px, und ziehen Sie eine Form des Buttons und fülle sie mit einer soliden Farbe. &#160; Schritt 2 Wählen [...]]]></description>
			<content:encoded><![CDATA[<div align="center">Diese Seite wurde automatisch aus Englisch übersetzt.         <br />
	           <a href="http://www.alt-web-design.com/button-tutorials/glass-button-tutorial.html"><img src="http://www.alt-web-design.com/images/brit-zast.jpg" alt="english" border="0" height="14" width="22" /></a> <a href="http://www.alt-web-design.com/button-tutorials/glass-button-tutorial.html">english</a>  <a href="http://www.alt-web-design.com/button-tutorials/boton-efecto-vidrio.html"><img src="http://www.alt-web-design.com/images/spanjolska-zast.jpg" alt="español" border="0" height="14" width="22" /></a> <a href="http://www.alt-web-design.com/button-tutorials/boton-efecto-vidrio.html">español</a>  <a href="http://www.alt-web-design.com/button-tutorials/stakleni-gumb-tutorial.html"><img src="http://www.alt-web-design.com/images/hrv-zas.jpg" alt="hrvatski" border="0" height="14" width="22" /></a> <a href="http://www.alt-web-design.com/button-tutorials/stakleni-gumb-tutorial.html">hrvatski</a> </div>
<div class="razmakNaslov">Schritt 1</div>
<p align="left"><img src="http://www.alt-web-design.com/button-tutorials/images/glass-button01.jpg" alt="GLAS BUTTON photo shop tutorial - Schritt 1" align="left" height="75" width="150" /></p>
<div class="razmak">Erstellen Sie ein <strong>neues Dokument</strong> (Datei -&gt; Neu), dann erstellen Sie eine neue Ebene und wählen Sie das <strong>Abgerundetes Rechteck (Rounded Rectangle Tool)</strong>, Radius 5px, und ziehen Sie eine Form des Buttons und fülle sie mit einer soliden Farbe.</div>
<div class="razmak">&nbsp;</div>
<hr />
<div class="razmakNaslov">Schritt 2</div>
<p align="left"><img src="http://www.alt-web-design.com/button-tutorials/images/glass-button02.jpg" alt="GLAS BUTTON photo shop tutorial - Schritt 2" width="146" height="69" align="left" /></p>
<div class="razmak">Wählen Sie die Farbe, gehen Sie zu             Auswahl   -&gt;    Auswahl verändern   -&gt; <strong> Verkleinern</strong>. Contract the selection by 2 pixels.Verkleinern        die Auswahl um 2 Pixel.</div>
<div class="razmak">&nbsp;</div>
<hr />
<div class="razmakNaslov">Schritt 3</div>
<p align="left"><img src="http://www.alt-web-design.com/button-tutorials/images/glass-button03.jpg" alt="GLAS BUTTON photo shop tutorial - Schritt 3" align="left" height="75" width="150" /></p>
<div class="razmak">Erstellen Sie eine neue Ebene. Wählen Sie Weiß als Vordergrundfarbe. Wählen Sie das Gradient Tool (<strong>Verlauf</strong>)  aus dem Werkzeugfenster. Stellen Sie die Füllefarbe ein Vordergrund zu  Transparent. Klicken und Ziehen von der Spitze der Auswahl, und halten  Sie die SHIFT taste gedrückt halten, um eine gerade Linie zu kriegen,  ziehen Sie an das Ende der Taste.</div>
<div class="razmak">&nbsp;</div>
<hr />
<div class="razmakNaslov">Schritt 4</div>
<p align="left"><img src="http://www.alt-web-design.com/button-tutorials/images/glass-button04.jpg" alt="GLAS BUTTON photo shop tutorial - Schritt 4" width="150"  height="75" align="left" /></p>
<div class="razmak">Setzen Sie die <strong>transparenz</strong> (opacity) der Ebene auf 90%.</div>
<div class="razmak">&nbsp;</div>
<div class="razmak">&nbsp;</div>
<hr />
<div class="razmakNaslov">Schritt 5</div>
<div class="razmak"><img src="http://www.alt-web-design.com/button-tutorials/images/glass-button05.jpg" alt="GLAS BUTTON photo shop tutorial - Schritt 5" align="left" height="75" width="150" /></div>
<div class="razmak">Erstellen Sie eine neue Ebene. Wählen Sie Ihre Füll Farbe  als Vordergrundfarbe. Wählen Sie das Gradient Tool (<strong>Verlauf</strong>).  Stellen Sie die Füllefarbe ein Vordergrund zu Transparent. In Klicken  und Ziehen an der Unterseite der Auswahl, und halten Sie die SHIFT  taste gedrückt halten, ziehen Sie in die Mitte der button. Auswahl  aufheben.</div>
<div class="razmak">&nbsp;</div>
<hr />
<div class="razmakNaslov">Schritt 6</div>
<div class="razmak"><img src="http://www.alt-web-design.com/button-tutorials/images/glass-button06.jpg" alt="GLAS BUTTON photo shop tutorial - Schritt 6" align="left" height="75" width="150" /></div>
<div class="razmak">Setzen Sie die Ebene <strong>Überblendmodus</strong> zu <strong>Farbig abwedeln</strong> und die <strong>ansparenz</strong> (opacity)  auf 60%.</div>
<div class="razmak">&nbsp;</div>
<hr />
<div class="razmakNaslov">Schritt 7</div>
<p align="left"><img src="http://www.alt-web-design.com/button-tutorials/images/glass-button07.jpg" alt="GLAS BUTTON photo shop tutorial - Schritt 7" align="left" height="75" width="150" /></p>
<div class="razmak">Fügen Sie Ihren <strong>Text</strong> auf den Button.</div>
<div class="razmak">&nbsp;</div>
<div class='bookmarkify'><a name='bookmarkify'></a><div class='title' title='Use these links to share this page with others'>Like This Page? Bookmark it:</div><div class='linkbuttons'><a href='http://del.icio.us/post?url=http://www.alt-web-design.com/button-tutorials/glas-button-de.html&amp;title=GLAS BUTTON photoshop tutorial' title='Save to del.icio.us' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/delicious.png' style='width:16px; height:16px;' alt='[del.icio.us] ' /></a> <a href='http://digg.com/submit?phase=2&amp;url=http://www.alt-web-design.com/button-tutorials/glas-button-de.html&amp;title=GLAS BUTTON photoshop tutorial' title='Digg It!' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/digg.png' style='width:16px; height:16px;' alt='[Digg] ' /></a> <a href='http://www.facebook.com/share.php?u=http://www.alt-web-design.com/button-tutorials/glas-button-de.html' title='Save to Facebook' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/facebook.png' style='width:16px; height:16px;' alt='[Facebook] ' /></a> <a href='http://www.mister-wong.com/index.php?action=addurl&amp;bm_url=http://www.alt-web-design.com/button-tutorials/glas-button-de.html&amp;bm_description=GLAS BUTTON photoshop tutorial' title='Save to Mister Wong' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/misterwong.png' style='width:16px; height:16px;' alt='[Mister Wong] ' /></a> <a href='http://www.stumbleupon.com/submit?url=http://www.alt-web-design.com/button-tutorials/glas-button-de.html&amp;title=GLAS BUTTON photoshop tutorial' title='Stumble It!' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/stumbleupon.png' style='width:16px; height:16px;' alt='[StumbleUpon] ' /></a> <a href='http://technorati.com/faves?add=http://www.alt-web-design.com/button-tutorials/glas-button-de.html' title='Add to my Technorati Favorites' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/technorati.png' style='width:16px; height:16px;' alt='[Technorati] ' /></a> <a href='http://twitter.com/home/?status=GLAS BUTTON photoshop tutorial+http://www.alt-web-design.com/button-tutorials/glas-button-de.html' title='Save to Twitter' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/twitter.png' style='width:16px; height:16px;' alt='[Twitter] ' /></a> <a href='http://www.feedburner.com/fb/a/emailFlare?itemTitle=GLAS BUTTON photoshop tutorial&amp;uri=http://www.alt-web-design.com/button-tutorials/glas-button-de.html&amp;loc=en_US' title='Email this to a friend' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/email.png' style='width:16px; height:16px;' alt='[Email] ' /></a> </div></div>]]></content:encoded>
			<wfw:commentRss>http://www.alt-web-design.com/button-tutorials/glas-button-de.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photoshop BUTTON Erstellen</title>
		<link>http://www.alt-web-design.com/button-tutorials/button-erstellen.html</link>
		<comments>http://www.alt-web-design.com/button-tutorials/button-erstellen.html#comments</comments>
		<pubDate>Fri, 18 Jul 2008 16:27:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Buttons]]></category>
		<category><![CDATA[button]]></category>
		<category><![CDATA[erstellen]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.alt-web-design.com/?p=19</guid>
		<description><![CDATA[Diese Seite wurde automatisch aus Englisch übersetzt. english español hrvatski Schritt 1 Erstellen Sie ein neues Dokument (Datei -&#62; Neu), dann erstellen Sie eine neue Ebene (Ebene -&#62; Neu -&#62; Ebene, oder Shift+Ctrl+N), und wählen Sie das Abgerundetes Rechteck (Rounded Rectangle Tool) (Radius 5px), ziehen eine Form des Buttons und fülle sie mit einer soliden [...]]]></description>
			<content:encoded><![CDATA[<div>Diese Seite wurde automatisch aus Englisch übersetzt.<br />
<a href="http://www.alt-web-design.com/button-tutorials/basic-button-tutorial.html"><img src="http://www.alt-web-design.com/images/brit-zast.jpg" border="0" alt="english" width="22" height="14" /></a> <a href="http://www.alt-web-design.com/button-tutorials/basic-button-tutorial.html">english</a> <a href="http://www.alt-web-design.com/button-tutorials/boton-basico-esp.html"><img src="http://www.alt-web-design.com/images/spanjolska-zast.jpg" border="0" alt="español" width="22" height="14" /></a> <a href="http://www.alt-web-design.com/button-tutorials/boton-basico-esp.html">español</a> <a href="http://www.alt-web-design.com/button-tutorials/osnovni-gumb-tutorial.html"><img src="http://www.alt-web-design.com/images/hrv-zas.jpg" border="0" alt="hrvatski" width="22" height="14" /></a> <a href="http://www.alt-web-design.com/button-tutorials/osnovni-gumb-tutorial.html">hrvatski</a></div>
<div class="razmakNaslov">Schritt 1</div>
<div class="razmak">Erstellen Sie ein <strong>neues Dokument</strong> (Datei        -&gt; Neu), dann erstellen Sie eine neue Ebene (Ebene -&gt; Neu -&gt; Ebene, oder Shift+Ctrl+N), und wählen Sie das <strong> Abgerundetes Rechteck (Rounded Rectangle Tool)</strong> (Radius 5px), ziehen eine Form des Buttons und fülle sie mit einer soliden Farbe.</div>
<div class="razmak"><img src="http://www.alt-web-design.com/images/tools/rounded-rectangle.jpg" alt="Abgerundetes Rechteck (Rounded Rectangle Tool)" width="50" height="59" /> <img src="http://www.alt-web-design.com/button-tutorials/images/glass-button01.jpg" alt="Photoshop Button Erstellen - Schritt 1 " width="150" height="75" /></div>
<hr />
<div class="razmakNaslov">Schritt 2</div>
<div class="razmak">Rechtsklick auf die Ebene, und wählen Sie <strong> Fülloptionen </strong>(eng. blending options). Wählen Sie <strong> Schlagschatten</strong> (eng. Drop Shadow), und verwenden Sie diese Einstellungen:</div>
<div class="razmakV"><img src="http://www.alt-web-design.com/button-tutorials/images/basic-button02.jpg" alt="Schlagschatten (Drop Shadow)" width="350" height="250" align="left" /></div>
<div class="razmak"></div>
<div class="razmak"></div>
<div class="razmak"></div>
<div class="razmak"><img src="http://www.alt-web-design.com/button-tutorials/images/basic-button03.jpg" alt="Photoshop Button Erstellen - Schritt 2" width="150" height="75" align="left" /></div>
<div class="razmak"></div>
<div class="razmak"></div>
<div class="razmak"></div>
<hr />
<div class="razmakNaslov">Schritt 3</div>
<div class="razmak">Fügen Sie Ihren <strong>Text</strong> auf den Button.</div>
<div class="razmak"><img src="http://www.alt-web-design.com/button-tutorials/images/basic-button01.jpg" alt="Photoshop Button Erstellen - Schritt 3" width="150" height="75" align="middle" /></div>
<hr />
<div class="razmakNaslov">Schritt 4</div>
<div class="razmak">Rechtsklick auf die Ebene, und wählen Sie Optionen Mischung. Select <strong>Bevel and Emboss</strong> , and use these settings: Wählen Sie <strong> Abgeflachte Kante und Relief </strong>(eng. Bevel and Emboss), und verwenden Sie diese Einstellungen:</div>
<div class="razmakV">
<div class="razmak"><img src="http://www.alt-web-design.com/button-tutorials/images/basic-button04.jpg" alt="Abgeflachte Kante und Relief (Bevel and Emboss)" width="350" height="323" /></div>
<div class="razmak"><img src="http://www.alt-web-design.com/button-tutorials/images/basic-button05.jpg" alt="Photoshop Button Erstellen - Schritt 4a" width="150" height="75" align="left" /></div>
</div>
<div class='bookmarkify'><a name='bookmarkify'></a><div class='title' title='Use these links to share this page with others'>Like This Page? Bookmark it:</div><div class='linkbuttons'><a href='http://del.icio.us/post?url=http://www.alt-web-design.com/button-tutorials/button-erstellen.html&amp;title=Photoshop BUTTON Erstellen' title='Save to del.icio.us' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/delicious.png' style='width:16px; height:16px;' alt='[del.icio.us] ' /></a> <a href='http://digg.com/submit?phase=2&amp;url=http://www.alt-web-design.com/button-tutorials/button-erstellen.html&amp;title=Photoshop BUTTON Erstellen' title='Digg It!' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/digg.png' style='width:16px; height:16px;' alt='[Digg] ' /></a> <a href='http://www.facebook.com/share.php?u=http://www.alt-web-design.com/button-tutorials/button-erstellen.html' title='Save to Facebook' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/facebook.png' style='width:16px; height:16px;' alt='[Facebook] ' /></a> <a href='http://www.mister-wong.com/index.php?action=addurl&amp;bm_url=http://www.alt-web-design.com/button-tutorials/button-erstellen.html&amp;bm_description=Photoshop BUTTON Erstellen' title='Save to Mister Wong' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/misterwong.png' style='width:16px; height:16px;' alt='[Mister Wong] ' /></a> <a href='http://www.stumbleupon.com/submit?url=http://www.alt-web-design.com/button-tutorials/button-erstellen.html&amp;title=Photoshop BUTTON Erstellen' title='Stumble It!' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/stumbleupon.png' style='width:16px; height:16px;' alt='[StumbleUpon] ' /></a> <a href='http://technorati.com/faves?add=http://www.alt-web-design.com/button-tutorials/button-erstellen.html' title='Add to my Technorati Favorites' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/technorati.png' style='width:16px; height:16px;' alt='[Technorati] ' /></a> <a href='http://twitter.com/home/?status=Photoshop BUTTON Erstellen+http://www.alt-web-design.com/button-tutorials/button-erstellen.html' title='Save to Twitter' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/twitter.png' style='width:16px; height:16px;' alt='[Twitter] ' /></a> <a href='http://www.feedburner.com/fb/a/emailFlare?itemTitle=Photoshop BUTTON Erstellen&amp;uri=http://www.alt-web-design.com/button-tutorials/button-erstellen.html&amp;loc=en_US' title='Email this to a friend' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/email.png' style='width:16px; height:16px;' alt='[Email] ' /></a> </div></div>]]></content:encoded>
			<wfw:commentRss>http://www.alt-web-design.com/button-tutorials/button-erstellen.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>BASIC BUTTON</title>
		<link>http://www.alt-web-design.com/button-tutorials/basic-button-tutorial.html</link>
		<comments>http://www.alt-web-design.com/button-tutorials/basic-button-tutorial.html#comments</comments>
		<pubDate>Fri, 18 Jul 2008 16:17:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Buttons]]></category>
		<category><![CDATA[basic]]></category>
		<category><![CDATA[button]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.alt-web-design.com/?p=15</guid>
		<description><![CDATA[español deutsch hrvatski Step 1 Create a new document (File -&#62; New), then create a new layer (Layer -&#62; New -&#62; Layer, or Shift+Ctrl+N) and select the Rounded Rectangle Tool (radius is 5px) , draw a shape of your button and fill it with a solid colour. Step 2 Right-click on the layer and choose [...]]]></description>
			<content:encoded><![CDATA[<div id="prijevod" style="text-align: right;"><a href="http://www.alt-web-design.com/button-tutorials/boton-basico-esp.html"><img src="http://www.alt-web-design.com/images/spanjolska-zast.jpg" border="0" alt="español" width="22" height="14" /></a> <a href="http://www.alt-web-design.com/button-tutorials/boton-basico-esp.html">español</a> <a href="http://www.alt-web-design.com/button-tutorials/button-erstellen.html"><img src="http://www.alt-web-design.com/images/deutsch-zast.jpg" border="0" alt="deutsch" width="22" height="13" /></a> <a href="http://www.alt-web-design.com/button-tutorials/button-erstellen.html">deutsch</a> <a href="http://www.alt-web-design.com/button-tutorials/osnovni-gumb-tutorial.html"><img src="http://www.alt-web-design.com/images/hrv-zas.jpg" border="0" alt="hrvatski" width="22" height="14" /></a> <a href="http://www.alt-web-design.com/button-tutorials/osnovni-gumb-tutorial.html">hrvatski</a></div>
<div class="razmakNaslov">Step 1</div>
<div class="razmak">Create a <strong>new document</strong> (File -&gt; New), then create a new layer (Layer -&gt; New -&gt; Layer, or Shift+Ctrl+N) and select the <strong>Rounded Rectangle Tool</strong> (radius is 5px) , draw a shape of your button and fill it with a solid colour.</div>
<div class="razmak"><img src="http://www.alt-web-design.com/images/tools/rounded-rectangle.jpg" alt="Rounded Rectangle Tool " width="50" height="59" /><img src="http://www.alt-web-design.com/button-tutorials/images/glass-button01.jpg" alt="BASIC BUTTON - Step 1" width="150" height="75" /></div>
<hr />
<div class="razmakNaslov">Step 2</div>
<div class="razmak">Right-click on the layer and choose blending options. Select <strong>Drop Shadow</strong>, and use these settings:</div>
<div class="razmak"><img src="http://www.alt-web-design.com/button-tutorials/images/basic-button02.jpg" alt="BASIC BUTTON - Step 2" width="350" height="250" align="left" /></div>
<p>&nbsp;</p>
<div class="razmakV"><img src="http://www.alt-web-design.com/button-tutorials/images/basic-button03.jpg" alt="BASIC BUTTON - Step 2a" width="150" height="75" align="left" /></div>
<div class="razmakV">&nbsp;</div>
<hr />
<div class="razmakNaslov">Step 3</div>
<div class="razmak">Add your <strong>text</strong> to the button.</div>
<div class="razmak"><img src="http://www.alt-web-design.com/button-tutorials/images/basic-button01.jpg" alt="BASIC BUTTON - Step 3" width="150" height="75" align="middle" /></div>
<hr />
<div class="razmakNaslov">Step 4</div>
<div class="razmak">Right-click on the layer and choose blending options. Select <strong>Bevel  and Emboss</strong>, and use these settings:</div>
<div class="razmak"><img src="http://www.alt-web-design.com/button-tutorials/images/basic-button04.jpg" alt="BASIC BUTTON - Step 4" width="350" height="323" /></div>
<div class="razmak"><img src="http://www.alt-web-design.com/button-tutorials/images/basic-button05.jpg" alt="BASIC BUTTON - Step 4a" width="150" height="75" align="left" /></div>
<div class='bookmarkify'><a name='bookmarkify'></a><div class='title' title='Use these links to share this page with others'>Like This Page? Bookmark it:</div><div class='linkbuttons'><a href='http://del.icio.us/post?url=http://www.alt-web-design.com/button-tutorials/basic-button-tutorial.html&amp;title=BASIC BUTTON' title='Save to del.icio.us' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/delicious.png' style='width:16px; height:16px;' alt='[del.icio.us] ' /></a> <a href='http://digg.com/submit?phase=2&amp;url=http://www.alt-web-design.com/button-tutorials/basic-button-tutorial.html&amp;title=BASIC BUTTON' title='Digg It!' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/digg.png' style='width:16px; height:16px;' alt='[Digg] ' /></a> <a href='http://www.facebook.com/share.php?u=http://www.alt-web-design.com/button-tutorials/basic-button-tutorial.html' title='Save to Facebook' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/facebook.png' style='width:16px; height:16px;' alt='[Facebook] ' /></a> <a href='http://www.mister-wong.com/index.php?action=addurl&amp;bm_url=http://www.alt-web-design.com/button-tutorials/basic-button-tutorial.html&amp;bm_description=BASIC BUTTON' title='Save to Mister Wong' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/misterwong.png' style='width:16px; height:16px;' alt='[Mister Wong] ' /></a> <a href='http://www.stumbleupon.com/submit?url=http://www.alt-web-design.com/button-tutorials/basic-button-tutorial.html&amp;title=BASIC BUTTON' title='Stumble It!' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/stumbleupon.png' style='width:16px; height:16px;' alt='[StumbleUpon] ' /></a> <a href='http://technorati.com/faves?add=http://www.alt-web-design.com/button-tutorials/basic-button-tutorial.html' title='Add to my Technorati Favorites' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/technorati.png' style='width:16px; height:16px;' alt='[Technorati] ' /></a> <a href='http://twitter.com/home/?status=BASIC BUTTON+http://www.alt-web-design.com/button-tutorials/basic-button-tutorial.html' title='Save to Twitter' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/twitter.png' style='width:16px; height:16px;' alt='[Twitter] ' /></a> <a href='http://www.feedburner.com/fb/a/emailFlare?itemTitle=BASIC BUTTON&amp;uri=http://www.alt-web-design.com/button-tutorials/basic-button-tutorial.html&amp;loc=en_US' title='Email this to a friend' onclick='target="_blank";' rel='nofollow'><img src='http://www.alt-web-design.com/wordpress/wp-content/plugins/bookmarkify/email.png' style='width:16px; height:16px;' alt='[Email] ' /></a> </div></div>]]></content:encoded>
			<wfw:commentRss>http://www.alt-web-design.com/button-tutorials/basic-button-tutorial.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

