<?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; photoshop</title>
	<atom:link href="http://tech.idv2.com/category/photoshop/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>光照效果教程</title>
		<link>http://tech.idv2.com/2007/07/25/lighting-filter-tutorial/</link>
		<comments>http://tech.idv2.com/2007/07/25/lighting-filter-tutorial/#comments</comments>
		<pubDate>Wed, 25 Jul 2007 14:21:20 +0000</pubDate>
		<dc:creator>charlee</dc:creator>
				<category><![CDATA[photoshop]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://tech.idv2.com/2007/07/25/lighting-filter-tutorial/</guid>
		<description><![CDATA[<!-- begin Pukiwiki generated code--><p>今天看到<a href="http://www.phong.com/tutorials/lightingeffects/">一篇光照效果教程</a>，
不禁大为赞叹，原来滤镜还可以这样使用。它不仅仅是一篇光照效果滤镜的教程，
也提供了高斯模糊滤镜的一种用法。翻译过来放在这里作为参考吧。
其实并不是原文翻译，只是用我自己的语言将步骤记录下来而已。
所用的Photoshop为CS3。</p>
<p>最终效果如下：</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/lighting-7.png" alt="lighting-7.png" title="lighting-7.png" width="450" height="174" /></div>

<p>下面来看教程。</p>
<!-- end Pukiwiki generated code--><span id="more-413"></span><!-- begin Pukiwiki generated code--><p>1. 首先创建一个500x500的图像，背景色用深色，然后用浅颜色写上些字，
并将文字层栅格化（图层-&gt;栅格化-&gt;文字）。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/lighting-1.png" alt="lighting-1.png" title="lighting-1.png" width="127" height="127" /></div>

<p>2. 在图层面板按住Ctrl键单击文字图层以选中文字，切换到通道面板，
单击下方的 <img src="http://tech.idv2.com/wp-content/uploads/2007/07/save-selection.png" alt="save-selection.png" title="save-selection.png" width="16" height="14" /> 按钮，
将选区保存为通道。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/lighting-2.png" alt="lighting-2.png" title="lighting-2.png" width="435" height="146" /></div>

<p>3. 激活刚刚保存的 Alpha 1 通道，保持文字部分的选中状态，
执行<strong>滤镜-&gt;模糊-&gt;高斯模糊</strong>若干次，第一次模糊半径为9px，
第二次模糊半径6px，第三次3px，第四次1px。这样做的目的是要产生
文字体到背景色的平滑过渡。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/lighting-3.png" alt="lighting-3.png" title="lighting-3.png" width="317" height="123" /></div>

<p>4. 现在选区的边缘会出现好多锯齿，按下键盘的 Ctrl-Alt-I 反转选区，
然后按 Del 键以删除锯齿边缘。放大看看，边缘光滑很多了。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/lighting-4.png" alt="lighting-4.png" title="lighting-4.png" width="436" height="169" /></div>

<p>5. 然后按 Ctrl-~ 键返回RGB通道，确保选择的图层是文字图层，
执行<strong>滤镜-&gt;渲染-&gt;光照效果</strong>。设置材质通道(Texture Channel)为刚才的Alpha 1通道，
再随意调节灯光到你想要的效果，确定即可。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/lighting-5.png" alt="lighting-5.png" title="lighting-5.png" width="510" height="374" /></div>

<p>6. 执行结果的某些部分看起来不光滑，可以锁定文字图层的透明像素
（图层面板上方的 <img src="http://tech.idv2.com/wp-content/uploads/2007/07/protect-transparent.png" alt="protect-transparent.png" title="protect-transparent.png" width="16" height="16" /> 按钮），
执行几次半径较小的高斯模糊即可。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/lighting-6.png" alt="lighting-6.png" title="lighting-6.png" width="354" height="120" /></div>

<p>7. 最后右键单击文字图层选择<strong>混合选项</strong>，为其添加投影效果即可。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/lighting-7.png" alt="lighting-7.png" title="lighting-7.png" width="450" height="174" /></div>

<!-- end Pukiwiki generated code-->
]]></description>
			<content:encoded><![CDATA[<!-- begin Pukiwiki generated code--><p>今天看到<a href="http://www.phong.com/tutorials/lightingeffects/">一篇光照效果教程</a>，
不禁大为赞叹，原来滤镜还可以这样使用。它不仅仅是一篇光照效果滤镜的教程，
也提供了高斯模糊滤镜的一种用法。翻译过来放在这里作为参考吧。
其实并不是原文翻译，只是用我自己的语言将步骤记录下来而已。
所用的Photoshop为CS3。</p>
<p>最终效果如下：</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/lighting-7.png" alt="lighting-7.png" title="lighting-7.png" width="450" height="174" /></div>

<p>下面来看教程。</p>
<!-- end Pukiwiki generated code--><span id="more-413"></span><!-- begin Pukiwiki generated code--><p>1. 首先创建一个500x500的图像，背景色用深色，然后用浅颜色写上些字，
并将文字层栅格化（图层-&gt;栅格化-&gt;文字）。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/lighting-1.png" alt="lighting-1.png" title="lighting-1.png" width="127" height="127" /></div>

<p>2. 在图层面板按住Ctrl键单击文字图层以选中文字，切换到通道面板，
单击下方的 <img src="http://tech.idv2.com/wp-content/uploads/2007/07/save-selection.png" alt="save-selection.png" title="save-selection.png" width="16" height="14" /> 按钮，
将选区保存为通道。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/lighting-2.png" alt="lighting-2.png" title="lighting-2.png" width="435" height="146" /></div>

<p>3. 激活刚刚保存的 Alpha 1 通道，保持文字部分的选中状态，
执行<strong>滤镜-&gt;模糊-&gt;高斯模糊</strong>若干次，第一次模糊半径为9px，
第二次模糊半径6px，第三次3px，第四次1px。这样做的目的是要产生
文字体到背景色的平滑过渡。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/lighting-3.png" alt="lighting-3.png" title="lighting-3.png" width="317" height="123" /></div>

<p>4. 现在选区的边缘会出现好多锯齿，按下键盘的 Ctrl-Alt-I 反转选区，
然后按 Del 键以删除锯齿边缘。放大看看，边缘光滑很多了。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/lighting-4.png" alt="lighting-4.png" title="lighting-4.png" width="436" height="169" /></div>

<p>5. 然后按 Ctrl-~ 键返回RGB通道，确保选择的图层是文字图层，
执行<strong>滤镜-&gt;渲染-&gt;光照效果</strong>。设置材质通道(Texture Channel)为刚才的Alpha 1通道，
再随意调节灯光到你想要的效果，确定即可。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/lighting-5.png" alt="lighting-5.png" title="lighting-5.png" width="510" height="374" /></div>

<p>6. 执行结果的某些部分看起来不光滑，可以锁定文字图层的透明像素
（图层面板上方的 <img src="http://tech.idv2.com/wp-content/uploads/2007/07/protect-transparent.png" alt="protect-transparent.png" title="protect-transparent.png" width="16" height="16" /> 按钮），
执行几次半径较小的高斯模糊即可。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/lighting-6.png" alt="lighting-6.png" title="lighting-6.png" width="354" height="120" /></div>

<p>7. 最后右键单击文字图层选择<strong>混合选项</strong>，为其添加投影效果即可。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/lighting-7.png" alt="lighting-7.png" title="lighting-7.png" width="450" height="174" /></div>

<!-- end Pukiwiki generated code-->
]]></content:encoded>
			<wfw:commentRss>http://tech.idv2.com/2007/07/25/lighting-filter-tutorial/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>放射字教程：兼谈极坐标滤镜的用法</title>
		<link>http://tech.idv2.com/2007/07/25/radioactive-text-and-polar-filter/</link>
		<comments>http://tech.idv2.com/2007/07/25/radioactive-text-and-polar-filter/#comments</comments>
		<pubDate>Tue, 24 Jul 2007 16:07:43 +0000</pubDate>
		<dc:creator>charlee</dc:creator>
				<category><![CDATA[photoshop]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://tech.idv2.com/2007/07/25/radioactive-text-and-polar-filter/</guid>
		<description><![CDATA[<!-- begin Pukiwiki generated code--><p>最近关于photoshop很流行的一篇文章
《<a href="http://www.photoshoproadmap.com/Photoshop-blog/2007/07/22/the-best-80-photoshop-text-effects-on-the-web/">80款最好的PhotoShop文字效果制作教程</a>》，
其中介绍了<a href="http://www.quantumpetshop.com/tutorials/text/radioactive.asp">放射字的制作方法</a>。
做法很简单，就是极坐标+风，以做出各种各样的放射线效果。我们先来看看教程。</p>
<p><strong>放射字的做法</strong></p>
<p>先来看看最终效果。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/radioactive.jpg" alt="radioactive.jpg" title="radioactive.jpg" width="342" height="75" /></div>

<!-- end Pukiwiki generated code--><span id="more-397"></span><!-- begin Pukiwiki generated code--><p>第一步，用黑纸白字输入你想要制作的文字，然后将文字图层栅格化（在CS3中的菜单项是<strong>图层</strong>-&gt;<strong>栅格化</strong>-&gt;<strong>文字</strong>）。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/radioactive-1.jpg" alt="radioactive-1.jpg" title="radioactive-1.jpg" width="342" height="75" /></div>

<p>第二步，使用极坐标滤镜（<strong>滤镜</strong>-&gt;<strong>扭曲</strong>-&gt;<strong>极坐标</strong>），选择<strong>极坐标到平面坐标</strong>。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/radioactive-2.jpg" alt="radioactive-2.jpg" title="radioactive-2.jpg" width="342" height="75" /></div>

<p>第三步，将画布旋转90度，然后对其应用两次风滤镜（<strong>滤镜</strong>-&gt;<strong>风格化</strong>-&gt;<strong>风</strong>），一次从左一次从右。
然后将画布旋转回来，再分别从左从右应用风滤镜。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/radioactive-3.jpg" alt="radioactive-3.jpg" title="radioactive-3.jpg" width="342" height="75" /></div>

<p>第四步，使用极坐标滤镜，这次选择<strong>平面坐标到极坐标</strong>。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/radioactive-4.jpg" alt="radioactive-4.jpg" title="radioactive-4.jpg" width="342" height="75" /></div>

<p>最后新建一个色彩平衡调整图层（<strong>图层</strong>-&gt;<strong>新建调整图层</strong>-&gt;<strong>色彩平衡</strong>），
调整颜色即可。</p>
<p><strong>极坐标滤镜的用法</strong></p>
<p>那么从这篇教程中我们能学到什么？显然，先用风作出放射线再通过极坐标来调整放射线到所需角度，
是这类效果的通常做法。关键在于如何用极坐标来调整放射线角度。</p>
<p>为了说明方便，我制作了一个200x200的正方形，里面每40像素画一条横线或者竖线。
下面我们来看看极坐标滤镜的转换方式。</p>
<p>首先是<strong>极坐标到直角坐标</strong>。横线的情况，似乎没多大用处……</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/rec2polar-hline.png" alt="rec2polar-hline.png" title="rec2polar-hline.png" width="450" height="200" /></div>

<p>竖线的情况似乎和横线差不多，也看不出有什么用处来。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/rec2polar-vline.png" alt="rec2polar-vline.png" title="rec2polar-vline.png" width="450" height="200" /></div>

<p>然而<strong>直角坐标到极坐标</strong>的情况就大不相同了。横线会变成圆，竖线会变成放射状。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/polar2rec-hline.png" alt="polar2rec-hline.png" title="polar2rec-hline.png" width="450" height="200" /></div>

<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/polar2rec-vline.png" alt="polar2rec-vline.png" title="polar2rec-vline.png" width="450" height="200" /></div>

<p>斜线则成了类似螺旋线的形状，虽然每条线的旋转角度仅有180度：</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/polar2rec-aline.png" alt="polar2rec-aline.png" title="polar2rec-aline.png" width="450" height="200" /></div>

<p>那么，如果原始图案仅有一半，结果会如何？以竖线为例，当去掉图案右侧时，极坐标下的图案也仅剩下左半边：</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/polar2rec-vline-left.png" alt="polar2rec-vline-left.png" title="polar2rec-vline-left.png" width="450" height="200" /></div>

<p>当原始图像仅有下侧时，极坐标下的图案会失去中心部分：</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/polar2rec-vline-bottom.png" alt="polar2rec-vline-bottom.png" title="polar2rec-vline-bottom.png" width="450" height="200" /></div>

<p>因此，通过“做直线-&gt;直角坐标转极坐标”，就可以做出放射线、圆弧、螺旋线等多种效果。</p>
<p>既然如此，那么<strong>极坐标到直角坐标</strong>转换有什么用处呢？
大部分情况下，需要进行极坐标变换的仅仅是图像中的一部分，
如果直接“做直线-&gt;直角坐标转极坐标”，那么原有图像也会被扭曲。
因此可按照“极坐标转直角坐标-&gt;做直线-&gt;直角坐标转极坐标”的方式，
就能保持原有图像不变。</p>
<p>由此我们可以总结出极坐标滤镜以下几个特点：</p>
<ul class="list1" style="padding-left:16px;margin-left:16px"><li>直角坐标到极坐标转换用于做效果，而极坐标到直角坐标的转换用于抵消前者的副作用；</li>
<li>水平线转换成圆，垂直线转换成放射线，斜线转换成螺旋线；</li>
<li>原图像上侧对应圆心，下侧对应圆心外；</li></ul>
<p><strong>与风结合</strong></p>
<p>风滤镜恰好是制作直线特别是渐隐的放射效果直线的好工具。根据上面
“极坐标转直角坐标-&gt;做直线-&gt;直角坐标转极坐标”的理论，
使用风来制作直线，就能获得所需的放射效果。
而最终效果将取决于风的执行方式。</p>
<p>例如本文开头的放射字，它的放射线里既包含圆形又包含放射线，
所以要用风制作出横竖两种直线。</p>
<p>那么看看下图，应当怎样使用风滤镜呢？</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/radioactive-b.jpg" alt="radioactive-b.jpg" title="radioactive-b.jpg" width="342" height="75" /></div>

<!-- end Pukiwiki generated code-->

]]></description>
			<content:encoded><![CDATA[<!-- begin Pukiwiki generated code--><p>最近关于photoshop很流行的一篇文章
《<a href="http://www.photoshoproadmap.com/Photoshop-blog/2007/07/22/the-best-80-photoshop-text-effects-on-the-web/">80款最好的PhotoShop文字效果制作教程</a>》，
其中介绍了<a href="http://www.quantumpetshop.com/tutorials/text/radioactive.asp">放射字的制作方法</a>。
做法很简单，就是极坐标+风，以做出各种各样的放射线效果。我们先来看看教程。</p>
<p><strong>放射字的做法</strong></p>
<p>先来看看最终效果。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/radioactive.jpg" alt="radioactive.jpg" title="radioactive.jpg" width="342" height="75" /></div>

<!-- end Pukiwiki generated code--><span id="more-397"></span><!-- begin Pukiwiki generated code--><p>第一步，用黑纸白字输入你想要制作的文字，然后将文字图层栅格化（在CS3中的菜单项是<strong>图层</strong>-&gt;<strong>栅格化</strong>-&gt;<strong>文字</strong>）。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/radioactive-1.jpg" alt="radioactive-1.jpg" title="radioactive-1.jpg" width="342" height="75" /></div>

<p>第二步，使用极坐标滤镜（<strong>滤镜</strong>-&gt;<strong>扭曲</strong>-&gt;<strong>极坐标</strong>），选择<strong>极坐标到平面坐标</strong>。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/radioactive-2.jpg" alt="radioactive-2.jpg" title="radioactive-2.jpg" width="342" height="75" /></div>

<p>第三步，将画布旋转90度，然后对其应用两次风滤镜（<strong>滤镜</strong>-&gt;<strong>风格化</strong>-&gt;<strong>风</strong>），一次从左一次从右。
然后将画布旋转回来，再分别从左从右应用风滤镜。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/radioactive-3.jpg" alt="radioactive-3.jpg" title="radioactive-3.jpg" width="342" height="75" /></div>

<p>第四步，使用极坐标滤镜，这次选择<strong>平面坐标到极坐标</strong>。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/radioactive-4.jpg" alt="radioactive-4.jpg" title="radioactive-4.jpg" width="342" height="75" /></div>

<p>最后新建一个色彩平衡调整图层（<strong>图层</strong>-&gt;<strong>新建调整图层</strong>-&gt;<strong>色彩平衡</strong>），
调整颜色即可。</p>
<p><strong>极坐标滤镜的用法</strong></p>
<p>那么从这篇教程中我们能学到什么？显然，先用风作出放射线再通过极坐标来调整放射线到所需角度，
是这类效果的通常做法。关键在于如何用极坐标来调整放射线角度。</p>
<p>为了说明方便，我制作了一个200x200的正方形，里面每40像素画一条横线或者竖线。
下面我们来看看极坐标滤镜的转换方式。</p>
<p>首先是<strong>极坐标到直角坐标</strong>。横线的情况，似乎没多大用处……</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/rec2polar-hline.png" alt="rec2polar-hline.png" title="rec2polar-hline.png" width="450" height="200" /></div>

<p>竖线的情况似乎和横线差不多，也看不出有什么用处来。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/rec2polar-vline.png" alt="rec2polar-vline.png" title="rec2polar-vline.png" width="450" height="200" /></div>

<p>然而<strong>直角坐标到极坐标</strong>的情况就大不相同了。横线会变成圆，竖线会变成放射状。</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/polar2rec-hline.png" alt="polar2rec-hline.png" title="polar2rec-hline.png" width="450" height="200" /></div>

<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/polar2rec-vline.png" alt="polar2rec-vline.png" title="polar2rec-vline.png" width="450" height="200" /></div>

<p>斜线则成了类似螺旋线的形状，虽然每条线的旋转角度仅有180度：</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/polar2rec-aline.png" alt="polar2rec-aline.png" title="polar2rec-aline.png" width="450" height="200" /></div>

<p>那么，如果原始图案仅有一半，结果会如何？以竖线为例，当去掉图案右侧时，极坐标下的图案也仅剩下左半边：</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/polar2rec-vline-left.png" alt="polar2rec-vline-left.png" title="polar2rec-vline-left.png" width="450" height="200" /></div>

<p>当原始图像仅有下侧时，极坐标下的图案会失去中心部分：</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/polar2rec-vline-bottom.png" alt="polar2rec-vline-bottom.png" title="polar2rec-vline-bottom.png" width="450" height="200" /></div>

<p>因此，通过“做直线-&gt;直角坐标转极坐标”，就可以做出放射线、圆弧、螺旋线等多种效果。</p>
<p>既然如此，那么<strong>极坐标到直角坐标</strong>转换有什么用处呢？
大部分情况下，需要进行极坐标变换的仅仅是图像中的一部分，
如果直接“做直线-&gt;直角坐标转极坐标”，那么原有图像也会被扭曲。
因此可按照“极坐标转直角坐标-&gt;做直线-&gt;直角坐标转极坐标”的方式，
就能保持原有图像不变。</p>
<p>由此我们可以总结出极坐标滤镜以下几个特点：</p>
<ul class="list1" style="padding-left:16px;margin-left:16px"><li>直角坐标到极坐标转换用于做效果，而极坐标到直角坐标的转换用于抵消前者的副作用；</li>
<li>水平线转换成圆，垂直线转换成放射线，斜线转换成螺旋线；</li>
<li>原图像上侧对应圆心，下侧对应圆心外；</li></ul>
<p><strong>与风结合</strong></p>
<p>风滤镜恰好是制作直线特别是渐隐的放射效果直线的好工具。根据上面
“极坐标转直角坐标-&gt;做直线-&gt;直角坐标转极坐标”的理论，
使用风来制作直线，就能获得所需的放射效果。
而最终效果将取决于风的执行方式。</p>
<p>例如本文开头的放射字，它的放射线里既包含圆形又包含放射线，
所以要用风制作出横竖两种直线。</p>
<p>那么看看下图，应当怎样使用风滤镜呢？</p>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2007/07/radioactive-b.jpg" alt="radioactive-b.jpg" title="radioactive-b.jpg" width="342" height="75" /></div>

<!-- end Pukiwiki generated code-->

]]></content:encoded>
			<wfw:commentRss>http://tech.idv2.com/2007/07/25/radioactive-text-and-polar-filter/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>网站设计: Vista风格的新主题</title>
		<link>http://tech.idv2.com/2007/01/17/vista-style-theme/</link>
		<comments>http://tech.idv2.com/2007/01/17/vista-style-theme/#comments</comments>
		<pubDate>Tue, 16 Jan 2007 18:13:28 +0000</pubDate>
		<dc:creator>charlee</dc:creator>
				<category><![CDATA[photoshop]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[theme]]></category>

		<guid isPermaLink="false">http://tech.inspiremedia.org/archives/330.html</guid>
		<description><![CDATA[<!-- begin Pukiwiki generated code--><p>花了一个小时时间做了这个新的网站主题。本以为能很快搞定的，结果在细节部分用了比较多的时间。侧边栏的颜色有些不协调，没时间改了。</p>
<p>不多说了，先上图看看效果吧。具体能不能用CSS实现以后再说吧。</p>
<div class="img_margin" style="text-align:left"><a href="http://tech.idv2.com/wp-content/uploads/2007/01/inspiremedia-design-vista.jpg" title="inspiremedia-design-vista.jpg"><img src="http://tech.idv2.com/wp-content/uploads/2007/01/inspiremedia-design-vista.thumbnail.jpg" alt="inspiremedia-design-vista.jpg" title="inspiremedia-design-vista.jpg" width="128" height="68" /></a></div>

<p>感谢frank提供背景照片，我先用着了，回头跟你打招呼</p>
<!-- end Pukiwiki generated code-->]]></description>
			<content:encoded><![CDATA[<!-- begin Pukiwiki generated code--><p>花了一个小时时间做了这个新的网站主题。本以为能很快搞定的，结果在细节部分用了比较多的时间。侧边栏的颜色有些不协调，没时间改了。</p>
<p>不多说了，先上图看看效果吧。具体能不能用CSS实现以后再说吧。</p>
<div class="img_margin" style="text-align:left"><a href="http://tech.idv2.com/wp-content/uploads/2007/01/inspiremedia-design-vista.jpg" title="inspiremedia-design-vista.jpg"><img src="http://tech.idv2.com/wp-content/uploads/2007/01/inspiremedia-design-vista.thumbnail.jpg" alt="inspiremedia-design-vista.jpg" title="inspiremedia-design-vista.jpg" width="128" height="68" /></a></div>

<p>感谢frank提供背景照片，我先用着了，回头跟你打招呼</p>
<!-- end Pukiwiki generated code-->]]></content:encoded>
			<wfw:commentRss>http://tech.idv2.com/2007/01/17/vista-style-theme/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<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>
		<item>
		<title>水晶球的制作</title>
		<link>http://tech.idv2.com/2006/07/20/how-to-make-a-crystal-ball/</link>
		<comments>http://tech.idv2.com/2006/07/20/how-to-make-a-crystal-ball/#comments</comments>
		<pubDate>Thu, 20 Jul 2006 11:52:14 +0000</pubDate>
		<dc:creator>charlee</dc:creator>
				<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://charlee.itbdns.com/tech/archives/296.html</guid>
		<description><![CDATA[<!-- begin Pukiwiki generated code--><ol class="list1" style="padding-left:16px;margin-left:16px"><li>首先选好背景图像，将其复制后在Photoshop中新建图像，将复制的背景图像粘贴到新建图像中，然后再按Ctrl+J键将背景图像图层复制一份，结果如图1所示，图层如图2所示。</li>
<li>选中水晶球图层，然后使用矩形选框，按住Alt和Shift键，选出制作水晶球的部分，如图3所示。</li>
<li>选择“滤镜-&gt;扭曲-&gt;极坐标”，方式为“极坐标到平面坐标”，对选中部分进行扭曲，如图4所示。</li>
<li>保持选择区域，执行“编辑-&gt;变换-&gt;垂直翻转”，如图5所示。</li>
<li>然后再次执行“滤镜-&gt;扭曲-&gt;极坐标”，这次方式选择“平面坐标到极坐标”。这样就可以看到水晶球的基本形状了，如图6所示。</li>
<li>按Ctrl-D取消选择，然后单击图层面板下方的第二个按钮“添加图层蒙板”，如图7所示。</li>
<li>保证水晶球图层的蒙板处于选中状态，选择画笔工具，并选择边缘模糊的笔尖，不透明度设置为50%，在水晶球的中心部位涂抹。可以看到被涂抹的地方的背景层开始慢慢显现出来。结果如图8所示，图层面板如图9所示。</li>
<li>下面我们删除水晶球之外的部分。这次单击图层面板的“水晶球”层的图像图标，以确保当前操作对象为图像而不是蒙板。然后使用椭圆选择工具，按住 Alt和Shift键，拖出圆形区域圈住水晶球。选择的时候按住空格键可以移动选区位置。然后按 Ctrl+Shift+I 进行反向选择。按 Del 键，删除水晶球之外的部分。</li>
<li>最后完成效果如图10所示。</li></ol>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2006/12/crystal.jpg" alt="crystal.jpg" title="crystal.jpg" width="560" height="768" /></div>

<!-- end Pukiwiki generated code-->
]]></description>
			<content:encoded><![CDATA[<!-- begin Pukiwiki generated code--><ol class="list1" style="padding-left:16px;margin-left:16px"><li>首先选好背景图像，将其复制后在Photoshop中新建图像，将复制的背景图像粘贴到新建图像中，然后再按Ctrl+J键将背景图像图层复制一份，结果如图1所示，图层如图2所示。</li>
<li>选中水晶球图层，然后使用矩形选框，按住Alt和Shift键，选出制作水晶球的部分，如图3所示。</li>
<li>选择“滤镜-&gt;扭曲-&gt;极坐标”，方式为“极坐标到平面坐标”，对选中部分进行扭曲，如图4所示。</li>
<li>保持选择区域，执行“编辑-&gt;变换-&gt;垂直翻转”，如图5所示。</li>
<li>然后再次执行“滤镜-&gt;扭曲-&gt;极坐标”，这次方式选择“平面坐标到极坐标”。这样就可以看到水晶球的基本形状了，如图6所示。</li>
<li>按Ctrl-D取消选择，然后单击图层面板下方的第二个按钮“添加图层蒙板”，如图7所示。</li>
<li>保证水晶球图层的蒙板处于选中状态，选择画笔工具，并选择边缘模糊的笔尖，不透明度设置为50%，在水晶球的中心部位涂抹。可以看到被涂抹的地方的背景层开始慢慢显现出来。结果如图8所示，图层面板如图9所示。</li>
<li>下面我们删除水晶球之外的部分。这次单击图层面板的“水晶球”层的图像图标，以确保当前操作对象为图像而不是蒙板。然后使用椭圆选择工具，按住 Alt和Shift键，拖出圆形区域圈住水晶球。选择的时候按住空格键可以移动选区位置。然后按 Ctrl+Shift+I 进行反向选择。按 Del 键，删除水晶球之外的部分。</li>
<li>最后完成效果如图10所示。</li></ol>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2006/12/crystal.jpg" alt="crystal.jpg" title="crystal.jpg" width="560" height="768" /></div>

<!-- end Pukiwiki generated code-->
]]></content:encoded>
			<wfw:commentRss>http://tech.idv2.com/2006/07/20/how-to-make-a-crystal-ball/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photoshop四种常用效果</title>
		<link>http://tech.idv2.com/2006/07/15/photoshop-effects/</link>
		<comments>http://tech.idv2.com/2006/07/15/photoshop-effects/#comments</comments>
		<pubDate>Fri, 14 Jul 2006 16:58:06 +0000</pubDate>
		<dc:creator>charlee</dc:creator>
				<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://charlee.itbdns.com/tech/archives/299.html</guid>
		<description><![CDATA[<!-- begin Pukiwiki generated code--><ul class="list1" style="padding-left:16px;margin-left:16px"><li>图(1)：先进行渐变填充，然后执行滤镜-&gt;像素化-&gt;马赛克，设置单元格大小为50，最后对整个画面反复做滤镜-&gt;锐化-&gt;锐化。</li>
<li>图(2)：先执行滤镜-&gt;渲染-&gt;云彩，然后执行滤镜-&gt;像素化-&gt;马赛克，设置单元格大小为50，最后执行滤镜-&gt;风格化-&gt;查找边缘。</li>
<li>图(3)金属效果：先执行滤镜-&gt;杂色-&gt;添加杂色，设置数量为70左右，单色高斯分布，然后执行滤镜-&gt;模糊-&gt;动感模糊，设置距离为30-40。</li>
<li>图(4)网格效果：先执行滤镜-&gt;杂色-&gt;添加杂色，设置数量为70左右，单色高斯分布，然后执行滤镜-&gt;模糊-&gt;动感模糊，设置距离为700以上。之后将做好的图层复制，将副本旋转90度（编辑-&gt;变换-&gt;旋转90度），然后将副本的图层混合模式改为正片叠底，再向下合并图层，最后进行色阶调整，调整整体亮度。</li></ul>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2006/12/photoshop-tips.jpg" alt="photoshop-tips.jpg" title="photoshop-tips.jpg" width="550" height="169" /></div>

<!-- end Pukiwiki generated code-->
]]></description>
			<content:encoded><![CDATA[<!-- begin Pukiwiki generated code--><ul class="list1" style="padding-left:16px;margin-left:16px"><li>图(1)：先进行渐变填充，然后执行滤镜-&gt;像素化-&gt;马赛克，设置单元格大小为50，最后对整个画面反复做滤镜-&gt;锐化-&gt;锐化。</li>
<li>图(2)：先执行滤镜-&gt;渲染-&gt;云彩，然后执行滤镜-&gt;像素化-&gt;马赛克，设置单元格大小为50，最后执行滤镜-&gt;风格化-&gt;查找边缘。</li>
<li>图(3)金属效果：先执行滤镜-&gt;杂色-&gt;添加杂色，设置数量为70左右，单色高斯分布，然后执行滤镜-&gt;模糊-&gt;动感模糊，设置距离为30-40。</li>
<li>图(4)网格效果：先执行滤镜-&gt;杂色-&gt;添加杂色，设置数量为70左右，单色高斯分布，然后执行滤镜-&gt;模糊-&gt;动感模糊，设置距离为700以上。之后将做好的图层复制，将副本旋转90度（编辑-&gt;变换-&gt;旋转90度），然后将副本的图层混合模式改为正片叠底，再向下合并图层，最后进行色阶调整，调整整体亮度。</li></ul>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2006/12/photoshop-tips.jpg" alt="photoshop-tips.jpg" title="photoshop-tips.jpg" width="550" height="169" /></div>

<!-- end Pukiwiki generated code-->
]]></content:encoded>
			<wfw:commentRss>http://tech.idv2.com/2006/07/15/photoshop-effects/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photoshop: 极光</title>
		<link>http://tech.idv2.com/2006/07/15/how-to-make-aurora-with-photoshop/</link>
		<comments>http://tech.idv2.com/2006/07/15/how-to-make-aurora-with-photoshop/#comments</comments>
		<pubDate>Fri, 14 Jul 2006 16:25:56 +0000</pubDate>
		<dc:creator>charlee</dc:creator>
				<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://charlee.itbdns.com/tech/archives/301.html</guid>
		<description><![CDATA[<!-- begin Pukiwiki generated code--><p>利用云彩和动感模糊可以做出简单的极光。</p>
<ol class="list1" style="padding-left:16px;margin-left:16px"><li>首先建立一个600x600的图像，并填充为黑色。</li>
<li>按x键恢复默认前景和背景色，然后新建一个图层，使用滤镜-&gt;渲染-&gt;云彩，如图(1)。</li>
<li>使用滤镜-&gt;模糊-&gt;动感模糊，设置角度为 80～100 度左右，距离为300～700像素，做出极光的条纹效果，结果如图(2)。</li>
<li>单击图层-&gt;新调整图层-&gt;渐变映射，选中“与前一图层编组”，然后设置深蓝-&gt;浅蓝的渐变色，如图(3)。</li>
<li>激活第3步中执行动感模糊的图层，然后单击图层面板中的“添加图层蒙板”按钮，如图(4)。</li>
<li>使用画笔工具在第5步中建立的图层蒙板中画出需要的极光的形状。完成后的效果如图(5)。</li>
<li>图(6)为应用示例。蓝色和绿色的极光叠加在一起，并辅以夜色下的海洋作为背景。</li></ol>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2006/12/photoshop-aurora.jpg" alt="photoshop-aurora.jpg" title="photoshop-aurora.jpg" width="600" height="385" /></div>

<!-- end Pukiwiki generated code-->
]]></description>
			<content:encoded><![CDATA[<!-- begin Pukiwiki generated code--><p>利用云彩和动感模糊可以做出简单的极光。</p>
<ol class="list1" style="padding-left:16px;margin-left:16px"><li>首先建立一个600x600的图像，并填充为黑色。</li>
<li>按x键恢复默认前景和背景色，然后新建一个图层，使用滤镜-&gt;渲染-&gt;云彩，如图(1)。</li>
<li>使用滤镜-&gt;模糊-&gt;动感模糊，设置角度为 80～100 度左右，距离为300～700像素，做出极光的条纹效果，结果如图(2)。</li>
<li>单击图层-&gt;新调整图层-&gt;渐变映射，选中“与前一图层编组”，然后设置深蓝-&gt;浅蓝的渐变色，如图(3)。</li>
<li>激活第3步中执行动感模糊的图层，然后单击图层面板中的“添加图层蒙板”按钮，如图(4)。</li>
<li>使用画笔工具在第5步中建立的图层蒙板中画出需要的极光的形状。完成后的效果如图(5)。</li>
<li>图(6)为应用示例。蓝色和绿色的极光叠加在一起，并辅以夜色下的海洋作为背景。</li></ol>
<div class="img_margin" style="text-align:left"><img src="http://tech.idv2.com/wp-content/uploads/2006/12/photoshop-aurora.jpg" alt="photoshop-aurora.jpg" title="photoshop-aurora.jpg" width="600" height="385" /></div>

<!-- end Pukiwiki generated code-->
]]></content:encoded>
			<wfw:commentRss>http://tech.idv2.com/2006/07/15/how-to-make-aurora-with-photoshop/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
