<?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>idv2 &#187; vista</title>
	<atom:link href="http://tech.idv2.com/tag/vista/feed/" rel="self" type="application/rss+xml" />
	<link>http://tech.idv2.com</link>
	<description>关注Web开发技术，关注Internet。</description>
	<lastBuildDate>Tue, 27 Jul 2010 12:54:54 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>五分钟教你打造Vista风格按钮</title>
		<link>http://tech.idv2.com/2007/01/11/make-vista-style-button-in-5-min/</link>
		<comments>http://tech.idv2.com/2007/01/11/make-vista-style-button-in-5-min/#comments</comments>
		<pubDate>Thu, 11 Jan 2007 14:57:13 +0000</pubDate>
		<dc:creator>charlee</dc:creator>
				<category><![CDATA[photoshop]]></category>
		<category><![CDATA[button]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[vista]]></category>

		<guid isPermaLink="false">http://tech.inspiremedia.org/archives/328.html</guid>
		<description><![CDATA[<!-- begin Pukiwiki generated code--><p>眼看Windows Vista就要正式发布了，趁着这个机会咱也赶赶时髦。这是Vista的黑色任务栏按钮。所用软件为Photoshop 7。</p>
<ol class="list1" style="padding-left:16px;margin-left:16px"><li>新建一张图，前景色选灰色(作为辅助色，可随意选一种较淡的颜色)，用<strong>圆角矩形工具</strong>，
设置圆角半径为 3 像素，画一个高 30 左右的矩形。
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/01/ps-vista-button-01.png" alt="ps-vista-button-01.png" title="ps-vista-button-01.png" width="311" height="139" /></div>
</li>
<li>新建图层，用<strong>矩形选择工具</strong>在按钮上部约50%的地方选择一个矩形。选区越靠上，按钮就越显得凸起。
然后按住Ctrl+Alt+Shift，单击图层面板中第一步建立的形状图层，以选中按钮的上半部。
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/01/ps-vista-button-02.png" alt="ps-vista-button-02.png" title="ps-vista-button-02.png" width="240" height="120" /></div>
</li>
<li>选择前景色 rgb(200,200,200)，背景色 rgb(90,90,90)，使用渐变工具由上至下在选区中填充渐变色。
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/01/ps-vista-button-03.png" alt="ps-vista-button-03.png" title="ps-vista-button-03.png" width="240" height="120" /></div>
</li>
<li>按Ctrl+Shift+I反选，再按住Ctrl+Alt+Shift单击图层面板中第一步建立的形状图层，选择按钮下半部分。</li>
<li>设置前景色为 rgb(24,24,24)，按Alt+Del填充选区。
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/01/ps-vista-button-04.png" alt="ps-vista-button-04.png" title="ps-vista-button-04.png" width="240" height="120" /></div>
</li>
<li>按Ctrl键单击图层面板中的形状图层，然后选择<strong>减淡工具</strong>，宽度5像素，曝光度设置为50%，加亮按钮的边缘。
特别是圆角部分可以适当加大高光区。
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/01/ps-vista-button-05.png" alt="ps-vista-button-05.png" title="ps-vista-button-05.png" width="240" height="120" /></div>
</li>
<li>保持前景色为 rgb(24,24,24)，选择主菜单<strong>编辑</strong>-&gt;<strong>描边</strong>，居中1像素。
然后选择前景色为rgb(200,200,200)，再次选择主菜单<strong>编辑</strong>-&gt;<strong>描边</strong>，居外1像素。最后按Ctrl+D取消选区。
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/01/ps-vista-button-06.png" alt="ps-vista-button-06.png" title="ps-vista-button-06.png" width="240" height="120" /></div>
</li></ol>
<p>效果还不错吧？最后可根据需要隐藏背景层和形状图层，输出成png格式，便于在网页上使用。</p>
<!-- end Pukiwiki generated code-->
]]></description>
			<content:encoded><![CDATA[<!-- begin Pukiwiki generated code--><p>眼看Windows Vista就要正式发布了，趁着这个机会咱也赶赶时髦。这是Vista的黑色任务栏按钮。所用软件为Photoshop 7。</p>
<ol class="list1" style="padding-left:16px;margin-left:16px"><li>新建一张图，前景色选灰色(作为辅助色，可随意选一种较淡的颜色)，用<strong>圆角矩形工具</strong>，
设置圆角半径为 3 像素，画一个高 30 左右的矩形。
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/01/ps-vista-button-01.png" alt="ps-vista-button-01.png" title="ps-vista-button-01.png" width="311" height="139" /></div>
</li>
<li>新建图层，用<strong>矩形选择工具</strong>在按钮上部约50%的地方选择一个矩形。选区越靠上，按钮就越显得凸起。
然后按住Ctrl+Alt+Shift，单击图层面板中第一步建立的形状图层，以选中按钮的上半部。
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/01/ps-vista-button-02.png" alt="ps-vista-button-02.png" title="ps-vista-button-02.png" width="240" height="120" /></div>
</li>
<li>选择前景色 rgb(200,200,200)，背景色 rgb(90,90,90)，使用渐变工具由上至下在选区中填充渐变色。
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/01/ps-vista-button-03.png" alt="ps-vista-button-03.png" title="ps-vista-button-03.png" width="240" height="120" /></div>
</li>
<li>按Ctrl+Shift+I反选，再按住Ctrl+Alt+Shift单击图层面板中第一步建立的形状图层，选择按钮下半部分。</li>
<li>设置前景色为 rgb(24,24,24)，按Alt+Del填充选区。
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/01/ps-vista-button-04.png" alt="ps-vista-button-04.png" title="ps-vista-button-04.png" width="240" height="120" /></div>
</li>
<li>按Ctrl键单击图层面板中的形状图层，然后选择<strong>减淡工具</strong>，宽度5像素，曝光度设置为50%，加亮按钮的边缘。
特别是圆角部分可以适当加大高光区。
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/01/ps-vista-button-05.png" alt="ps-vista-button-05.png" title="ps-vista-button-05.png" width="240" height="120" /></div>
</li>
<li>保持前景色为 rgb(24,24,24)，选择主菜单<strong>编辑</strong>-&gt;<strong>描边</strong>，居中1像素。
然后选择前景色为rgb(200,200,200)，再次选择主菜单<strong>编辑</strong>-&gt;<strong>描边</strong>，居外1像素。最后按Ctrl+D取消选区。
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/01/ps-vista-button-06.png" alt="ps-vista-button-06.png" title="ps-vista-button-06.png" width="240" height="120" /></div>
</li></ol>
<p>效果还不错吧？最后可根据需要隐藏背景层和形状图层，输出成png格式，便于在网页上使用。</p>
<!-- end Pukiwiki generated code-->
]]></content:encoded>
			<wfw:commentRss>http://tech.idv2.com/2007/01/11/make-vista-style-button-in-5-min/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
