<?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>Hey!UserExperience</title>
	<atom:link href="http://www.heyux.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.heyux.com</link>
	<description>Discovery Fresh Experience..</description>
	<lastBuildDate>Fri, 30 Jul 2010 05:43:28 +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://www.heyux.com/2010/07/29/%e5%8c%a1%e5%a8%81%e7%99%be%e5%b9%b4/</link>
		<comments>http://www.heyux.com/2010/07/29/%e5%8c%a1%e5%a8%81%e7%99%be%e5%b9%b4/#comments</comments>
		<pubDate>Fri, 30 Jul 2010 05:43:28 +0000</pubDate>
		<dc:creator>moxiao</dc:creator>
				<category><![CDATA[读书笔记]]></category>

		<guid isPermaLink="false">http://www.heyux.com/?p=542</guid>
		<description><![CDATA[相信组内有很多人都是匡威的粉丝~
之前做的一个“匡威百年”的PPT，摘一些跟大家分享。

















]]></description>
			<content:encoded><![CDATA[<p>相信组内有很多人都是匡威的粉丝~<br />
之前做的一个“匡威百年”的PPT，摘一些跟大家分享。</p>
<p><img class="alignnone size-full wp-image-545" title="00" src="http://www.heyux.com/wp-content/uploads/2010/07/001.jpg" alt="00" width="550" height="413" /></p>
<p><img class="alignnone size-full wp-image-546" title="0" src="http://www.heyux.com/wp-content/uploads/2010/07/0.jpg" alt="0" width="550" height="413" /></p>
<p><img class="alignnone size-full wp-image-547" title="01副本" src="http://www.heyux.com/wp-content/uploads/2010/07/01副本.jpg" alt="01副本" width="550" height="413" /></p>
<p><img class="alignnone size-full wp-image-548" title="02副本" src="http://www.heyux.com/wp-content/uploads/2010/07/02副本.jpg" alt="02副本" width="550" height="413" /></p>
<p><img class="alignnone size-full wp-image-549" title="03副本" src="http://www.heyux.com/wp-content/uploads/2010/07/03副本.jpg" alt="03副本" width="550" height="413" /></p>
<p><img class="alignnone size-full wp-image-550" title="04副本" src="http://www.heyux.com/wp-content/uploads/2010/07/04副本.jpg" alt="04副本" width="550" height="413" /></p>
<p><img class="alignnone size-full wp-image-551" title="05副本" src="http://www.heyux.com/wp-content/uploads/2010/07/05副本.jpg" alt="05副本" width="550" height="413" /></p>
<p><img class="alignnone size-full wp-image-552" title="06副本" src="http://www.heyux.com/wp-content/uploads/2010/07/06副本.jpg" alt="06副本" width="550" height="413" /></p>
<p><img class="alignnone size-full wp-image-553" title="07" src="http://www.heyux.com/wp-content/uploads/2010/07/07.jpg" alt="07" width="550" height="413" /></p>
<p><img class="alignnone size-full wp-image-554" title="08" src="http://www.heyux.com/wp-content/uploads/2010/07/08.jpg" alt="08" width="550" height="413" /></p>
<p><img class="alignnone size-full wp-image-555" title="09" src="http://www.heyux.com/wp-content/uploads/2010/07/09.jpg" alt="09" width="550" height="413" /></p>
<p><img class="alignnone size-full wp-image-556" title="10" src="http://www.heyux.com/wp-content/uploads/2010/07/10.jpg" alt="10" width="550" height="413" /></p>
<p><img class="alignnone size-full wp-image-557" title="11" src="http://www.heyux.com/wp-content/uploads/2010/07/11.jpg" alt="11" width="550" height="413" /></p>
<p><img class="alignnone size-full wp-image-558" title="12" src="http://www.heyux.com/wp-content/uploads/2010/07/12.jpg" alt="12" width="550" height="413" /></p>
<p><img class="alignnone size-full wp-image-559" title="海报欣赏副本" src="http://www.heyux.com/wp-content/uploads/2010/07/海报欣赏副本.jpg" alt="海报欣赏副本" width="550" height="413" /></p>
<p><img class="alignnone size-full wp-image-560" title="海报欣赏副本2" src="http://www.heyux.com/wp-content/uploads/2010/07/海报欣赏副本2.jpg" alt="海报欣赏副本2" width="550" height="413" /></p>
<p><img class="alignnone size-full wp-image-561" title="海报欣赏副本3" src="http://www.heyux.com/wp-content/uploads/2010/07/海报欣赏副本3.jpg" alt="海报欣赏副本3" width="550" height="413" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.heyux.com/2010/07/29/%e5%8c%a1%e5%a8%81%e7%99%be%e5%b9%b4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[教程] 如何制作一张3D复古拼贴海报 Part II</title>
		<link>http://www.heyux.com/2010/07/28/%e6%95%99%e7%a8%8b-%e5%a6%82%e4%bd%95%e5%88%b6%e4%bd%9c%e4%b8%80%e5%bc%a03d%e5%a4%8d%e5%8f%a4%e6%8b%bc%e8%b4%b4%e6%b5%b7%e6%8a%a5-part-ii/</link>
		<comments>http://www.heyux.com/2010/07/28/%e6%95%99%e7%a8%8b-%e5%a6%82%e4%bd%95%e5%88%b6%e4%bd%9c%e4%b8%80%e5%bc%a03d%e5%a4%8d%e5%8f%a4%e6%8b%bc%e8%b4%b4%e6%b5%b7%e6%8a%a5-part-ii/#comments</comments>
		<pubDate>Thu, 29 Jul 2010 04:49:35 +0000</pubDate>
		<dc:creator>moxiao</dc:creator>
				<category><![CDATA[设计分享]]></category>

		<guid isPermaLink="false">http://www.heyux.com/?p=535</guid>
		<description><![CDATA[先应景儿普及一下3D知识啊
那么3D究竟是什么呢？

D是英文Dimension(线度、维)的字头，3D是指三维空间。国际上是以3D电影来表示立体电影。 　　
人的视觉之所以能分辨远近，是靠两只眼睛的差距。人的两眼分开约5公分，两只眼睛除了瞄准正前方以外，看任何一样东西，两眼的角度都不会相同。虽然差距很小，但经视网膜传到大脑里，脑子就用这微小的差距，产生远近的深度，从而产生立体感。一只眼睛虽然能看到物体，但对物体远近的距离却不易分辨。根据这一原理，如果把同一景像，用两只眼睛视角的差距制造出两个影像，然后让两只眼睛一边一个，各看到自己一边的影像，透过视网膜就可以使大脑产生景深的立体感了。各式各样的立体演示技术，也多是运用这一原理，我们称其为“偏光原理”。 　　
3D立体电影的制作有多种形式，其中较为广泛采用的是偏光眼镜法。它以人眼观察景物的方法，利用两台并列安置的电影摄影机，分别代表人的左、右眼，同步拍摄出两条略带水平视差的电影画面。放映时，将两条电影影片分别装入左、右电影放映机，并在放映镜头前分别装置两个偏振轴互成90度的偏振镜。两台放映机需同步运转，同时将画面投放在金属银幕上，形成左像右像双影。当观众戴上特制的偏光眼镜时，由于左、右两片偏光镜的偏振轴互相垂直，并与放映镜头前的偏振轴相一致；致使观众的左眼只能看到左像、右眼只能看到右像，通过双眼汇聚功能将左、右像叠和在视网膜上，由大脑神经产生三维立体的视觉效果。展现出一幅幅连贯的立体画面，使观众感到景物扑面而来、或进入银幕深凹处，能产生强烈的“身临其境”感。
以上介绍来自百度百科
看完了我们继续我们的教程，3D眼镜准备好了么？
先看下今天的最终效果：

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
[大图见此]
[下载PSD分层文件]
然后我们就开始吧！
第一步
打开你之前做的海报。复制所有图层，合并它们，命名为“green”。注意不要把图层直接合并,因为分层文件接下来我们还会用到。
现在复制“green”图层，命名为“red”。注意保持red图层一直在green图层上面。

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
第二步
这一步是非常关键的，请仔细看好，这两个叠加图层将在接下来的几步中帮我们完成3D效果。
01.选择red图层，选择“图像”〉“调整”〉“通道混合器”。“输出通道”选择“红”，“源通道”中“红色”值调至100%，其他参数为0%。

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
02.接着“输出通道”选择“绿”，“源通道”中“红色”“绿色”“蓝色”数值均设为0%。

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
03.最后“输出通道”选择“蓝”，“源通道”中“红色”“绿色”“蓝色”数值均设为0%。点“确定”。

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
现在你的red图层看上去应该是这样的：

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
04.暂时隐藏red图层，选择green图层，选择“图像”〉“调整”〉“通道混合器”。“输出通道”选择“红”，“源通道”中“红色”值调至0%，其他参数均为0%。注意：这次不用动其他输出通道。

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
设置完成后green图层的样子：

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
第三步
重新点亮red图层。设置混合模式为“滤色”。你会发现整体图像的颜色又回到了之前的状态：

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
第四步
这时候~神奇的事情发生了。选择红色图层，向左移动近30个像素。戴上你的3D眼镜，告诉我你看见了什么？：）

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
没错，现在已经有一些3D效果了，但还不是特别理想。因为3D效果覆盖了整个画面，看起来还是显得平均。
接下来我们处理一下层次……
第五步
先来处理恐龙的3D效果。
01.复制red和green图层，合并它们命名为monster-3D。然后隐藏red和green图层。
找出分层文件里monster图层，复制2个。然后拖到monster-3D层以下。

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
02.把monster其中一个副本向左移动到与red层恐龙重合的位置。然后跟另一个monster层合并。

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
03.选中monster-3D层，右键〉创建剪贴蒙版。

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
好~再戴上3D眼镜看下~现在只有恐龙是立体的了。但是还没有结束。
04.将monster-3D层向下拼合图层，然后点击添加图层蒙版。

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
05.保持蒙版被选中，前景色为黑色，选择渐变工具：

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
06.编辑渐变模式为半透明，选择线性渐变，从恐龙脚的位置自下向上拉到文字位置：

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
第六步
用同样的方法处理标题文字。
01.复制red和green层，拼合图层，命名为“大袭来-3D”。
复制大袭来文字和其阴影图层，拖到“大袭来-3D”层下方。

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
02.拼合“3D”下方的文字和阴影层，并复制一个。将其中一个向左移动至与“red”层中重合的位置。

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
03.拼合两个文字层。选择其上面的“大袭来-3D”层，创建剪贴蒙版。

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
04.向下拼合“大袭来-3D”层。
打开“monster-3D”层，戴上眼镜检查下，效果还不错是吧？

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
但是我们看到跟恐龙叠加在一起的副标题部分还需要处理一下。

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
05.把两个文字图层复制并拖到“monster-3D”层上。

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
06.复制上述的这俩图层，左移至red层相应位置。然后拼合他们和之前的俩层。命名为“文字”

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
07.然后，选中原海报的所有层，复制，合并。拖该层到“文字”层上方。创建剪贴蒙版。

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
向下拼合该层，然后命名为“副标题”。
好了~这时你可以放到100%大小检查一下，没问题！

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
第六步
再用同样的方法处理建筑残破的碎片。
经过上面的练习你应该记得大致步骤吧：
（1）复制碎片图层拖放到“red”“green”以上。
（2）复制“red”和“green”俩图层，合并，命名为Destruction-3D，然后拖放到刚才复制的碎片图层以上。
（3）复制一个碎片图层，左移，移到跟red层里它的形状重合的位置，然后跟原位置的碎片层合并。
（4）将Destruction-3D层创建剪贴蒙版。

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
向下拼合Destruction-3D。这就是碎片层的3D层。
第六步
再用同样的方法处理建筑残破的碎片。
经过上面的练习你应该记得大致步骤吧：
（1）复制碎片图层拖放到“red”“green”以上。
（2）复制“red”和“green”俩图层，合并，命名为Destruction-3D，然后拖放到刚才复制的碎片图层以上。
（3）复制一个碎片图层，左移，移到跟red层里它的形状重合的位置，然后跟原位置的碎片层合并。
（4）将Destruction-3D层创建剪贴蒙版。

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
向下拼合Destruction-3D。这就是碎片层的3D层。
第七步
返回kid图层，复制它。将眼镜部分抠图，然后拖到red层之上。
接下来不用说了，用之前的方法，把眼镜部分做成3D的。

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
至此，本教程基本结束。
当然你可以根据自己的兴趣继续添加好玩的效果。
你也可以运用本教程中提到的各种PS技巧，将自己的照片做成好玩的3D图片。
祝愉快~
]]></description>
			<content:encoded><![CDATA[<p>先应景儿普及一下3D知识啊</p>
<p><span style="color: #ff99cc;">那么3D究竟是什么呢？</span><br />
<span style="color: #7693d0;"><br />
D是英文Dimension(线度、维)的字头，3D是指三维空间。国际上是以3D电影来表示立体电影。 　　<br />
人的视觉之所以能分辨远近，是靠两只眼睛的差距。人的两眼分开约5公分，两只眼睛除了瞄准正前方以外，看任何一样东西，两眼的角度都不会相同。虽然差距很小，但经视网膜传到大脑里，脑子就用这微小的差距，产生远近的深度，从而产生立体感。一只眼睛虽然能看到物体，但对物体远近的距离却不易分辨。根据这一原理，如果把同一景像，用两只眼睛视角的差距制造出两个影像，然后让两只眼睛一边一个，各看到自己一边的影像，透过视网膜就可以使大脑产生景深的立体感了。各式各样的立体演示技术，也多是运用这一原理，我们称其为“偏光原理”。 　　<br />
3D立体电影的制作有多种形式，其中较为广泛采用的是偏光眼镜法。它以人眼观察景物的方法，利用两台并列安置的电影摄影机，分别代表人的左、右眼，同步拍摄出两条略带水平视差的电影画面。放映时，将两条电影影片分别装入左、右电影放映机，并在放映镜头前分别装置两个偏振轴互成90度的偏振镜。两台放映机需同步运转，同时将画面投放在金属银幕上，形成左像右像双影。当观众戴上特制的偏光眼镜时，由于左、右两片偏光镜的偏振轴互相垂直，并与放映镜头前的偏振轴相一致；致使观众的左眼只能看到左像、右眼只能看到右像，通过双眼汇聚功能将左、右像叠和在视网膜上，由大脑神经产生三维立体的视觉效果。展现出一幅幅连贯的立体画面，使观众感到景物扑面而来、或进入银幕深凹处，能产生强烈的“身临其境”感。<br />
</span>以上介绍来自<a href="http://baike.baidu.com/view/9354.htm"><span style="color: #99cc00;">百度百科</span></a></p>
<p>看完了我们继续我们的教程，3D眼镜准备好了么？<br />
先看下今天的最终效果：<br />
<img class="alignleft size-full wp-image-686" title="yecoir-3D" src="http://www.yecoir.com/wp-content/uploads/2010/07/yecoir-3D.jpg" alt="yecoir-3D" width="550" height="779" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><a href="http://farm5.static.flickr.com/4086/4833450751_eab0a9bb92_o.jpg"><span style="color: #99cc00;">[大图见此]</span></a></p>
<p><a href="http://www.yecoir.com/wp-content/uploads/2010/07/3D_poster_resource.rar"><span style="color: #99cc00;">[下载PSD分层文件]</span></a></p>
<p>然后我们就开始吧！</p>
<p>第一步<br />
打开你之前做的海报。复制所有图层，合并它们，命名为“green”。注意不要把图层直接合并,因为分层文件接下来我们还会用到。<br />
现在复制“green”图层，命名为“red”。注意保持red图层一直在green图层上面。<br />
<img class="alignleft size-full wp-image-659" title="39" src="http://www.yecoir.com/wp-content/uploads/2010/07/39.jpg" alt="39" width="550" height="727" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>第二步<br />
这一步是非常关键的，请仔细看好，这两个叠加图层将在接下来的几步中帮我们完成3D效果。<br />
01.选择red图层，选择“图像”〉“调整”〉“通道混合器”。“输出通道”选择“红”，“源通道”中“红色”值调至100%，其他参数为0%。<br />
<img class="alignleft size-full wp-image-660" title="40" src="http://www.yecoir.com/wp-content/uploads/2010/07/40.jpg" alt="40" width="550" height="727" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>02.接着“输出通道”选择“绿”，“源通道”中“红色”“绿色”“蓝色”数值均设为0%。<br />
<img class="alignleft size-full wp-image-661" title="41" src="http://www.yecoir.com/wp-content/uploads/2010/07/41.jpg" alt="41" width="550" height="727" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>03.最后“输出通道”选择“蓝”，“源通道”中“红色”“绿色”“蓝色”数值均设为0%。点“确定”。<br />
<img class="alignleft size-full wp-image-662" title="42" src="http://www.yecoir.com/wp-content/uploads/2010/07/42.jpg" alt="42" width="550" height="727" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>现在你的red图层看上去应该是这样的：<br />
<img class="alignleft size-full wp-image-663" title="43" src="http://www.yecoir.com/wp-content/uploads/2010/07/43.jpg" alt="43" width="550" height="727" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>04.暂时隐藏red图层，选择green图层，选择“图像”〉“调整”〉“通道混合器”。“输出通道”选择“红”，“源通道”中“红色”值调至0%，其他参数均为0%。注意：这次不用动其他输出通道。<br />
<img class="alignleft size-full wp-image-664" title="44" src="http://www.yecoir.com/wp-content/uploads/2010/07/44.jpg" alt="44" width="550" height="727" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>设置完成后green图层的样子：<br />
<img class="alignleft size-full wp-image-665" title="45" src="http://www.yecoir.com/wp-content/uploads/2010/07/45.jpg" alt="45" width="550" height="727" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>第三步<br />
重新点亮red图层。设置混合模式为“滤色”。你会发现整体图像的颜色又回到了之前的状态：<br />
<img class="alignleft size-full wp-image-666" title="46" src="http://www.yecoir.com/wp-content/uploads/2010/07/46.jpg" alt="46" width="550" height="727" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>第四步<br />
这时候~神奇的事情发生了。选择红色图层，向左移动近30个像素。戴上你的3D眼镜，告诉我你看见了什么？：）<br />
<img class="alignleft size-full wp-image-667" title="47" src="http://www.yecoir.com/wp-content/uploads/2010/07/47.jpg" alt="47" width="550" height="727" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>没错，现在已经有一些3D效果了，但还不是特别理想。因为3D效果覆盖了整个画面，看起来还是显得平均。<br />
接下来我们处理一下层次……</p>
<p>第五步<br />
先来处理恐龙的3D效果。<br />
01.复制red和green图层，合并它们命名为monster-3D。然后隐藏red和green图层。<br />
找出分层文件里monster图层，复制2个。然后拖到monster-3D层以下。<br />
<img class="alignleft size-full wp-image-668" title="48" src="http://www.yecoir.com/wp-content/uploads/2010/07/48.jpg" alt="48" width="550" height="727" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>02.把monster其中一个副本向左移动到与red层恐龙重合的位置。然后跟另一个monster层合并。<br />
<img class="alignleft size-full wp-image-669" title="49" src="http://www.yecoir.com/wp-content/uploads/2010/07/49.jpg" alt="49" width="550" height="727" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>03.选中monster-3D层，右键〉创建剪贴蒙版。<br />
<img class="alignleft size-full wp-image-670" title="50" src="http://www.yecoir.com/wp-content/uploads/2010/07/50.jpg" alt="50" width="550" height="727" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>好~再戴上3D眼镜看下~现在只有恐龙是立体的了。但是还没有结束。</p>
<p>04.将monster-3D层向下拼合图层，然后点击添加图层蒙版。<br />
<img class="alignleft size-full wp-image-671" title="51" src="http://www.yecoir.com/wp-content/uploads/2010/07/51.jpg" alt="51" width="550" height="727" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>05.保持蒙版被选中，前景色为黑色，选择渐变工具：<br />
<img class="alignleft size-full wp-image-672" title="52" src="http://www.yecoir.com/wp-content/uploads/2010/07/52.jpg" alt="52" width="550" height="727" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>06.编辑渐变模式为半透明，选择线性渐变，从恐龙脚的位置自下向上拉到文字位置：<br />
<img class="alignleft size-full wp-image-673" title="53" src="http://www.yecoir.com/wp-content/uploads/2010/07/53.jpg" alt="53" width="550" height="727" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>第六步<br />
用同样的方法处理标题文字。<br />
01.复制red和green层，拼合图层，命名为“大袭来-3D”。<br />
复制大袭来文字和其阴影图层，拖到“大袭来-3D”层下方。<br />
<img class="alignleft size-full wp-image-674" title="54" src="http://www.yecoir.com/wp-content/uploads/2010/07/54.jpg" alt="54" width="550" height="727" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>02.拼合“3D”下方的文字和阴影层，并复制一个。将其中一个向左移动至与“red”层中重合的位置。<br />
<img class="alignleft size-full wp-image-675" title="55" src="http://www.yecoir.com/wp-content/uploads/2010/07/55.jpg" alt="55" width="550" height="727" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>03.拼合两个文字层。选择其上面的“大袭来-3D”层，创建剪贴蒙版。<br />
<img class="alignleft size-full wp-image-676" title="56" src="http://www.yecoir.com/wp-content/uploads/2010/07/56.jpg" alt="56" width="550" height="727" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>04.向下拼合“大袭来-3D”层。<br />
打开“monster-3D”层，戴上眼镜检查下，效果还不错是吧？<br />
<img class="alignleft size-full wp-image-677" title="57" src="http://www.yecoir.com/wp-content/uploads/2010/07/57.jpg" alt="57" width="550" height="727" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>但是我们看到跟恐龙叠加在一起的副标题部分还需要处理一下。<br />
<img class="alignleft size-full wp-image-678" title="58" src="http://www.yecoir.com/wp-content/uploads/2010/07/58.jpg" alt="58" width="550" height="727" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>05.把两个文字图层复制并拖到“monster-3D”层上。<br />
<img class="alignleft size-full wp-image-679" title="59" src="http://www.yecoir.com/wp-content/uploads/2010/07/59.jpg" alt="59" width="550" height="727" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>06.复制上述的这俩图层，左移至red层相应位置。然后拼合他们和之前的俩层。命名为“文字”<br />
<img class="alignleft size-full wp-image-680" title="60" src="http://www.yecoir.com/wp-content/uploads/2010/07/60.jpg" alt="60" width="550" height="727" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>07.然后，选中原海报的所有层，复制，合并。拖该层到“文字”层上方。创建剪贴蒙版。<br />
<img class="alignleft size-full wp-image-681" title="61" src="http://www.yecoir.com/wp-content/uploads/2010/07/61.jpg" alt="61" width="550" height="727" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>向下拼合该层，然后命名为“副标题”。<br />
好了~这时你可以放到100%大小检查一下，没问题！<br />
<img class="alignleft size-full wp-image-682" title="62" src="http://www.yecoir.com/wp-content/uploads/2010/07/62.jpg" alt="62" width="550" height="727" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>第六步<br />
再用同样的方法处理建筑残破的碎片。<br />
经过上面的练习你应该记得大致步骤吧：<br />
（1）复制碎片图层拖放到“red”“green”以上。<br />
（2）复制“red”和“green”俩图层，合并，命名为Destruction-3D，然后拖放到刚才复制的碎片图层以上。<br />
（3）复制一个碎片图层，左移，移到跟red层里它的形状重合的位置，然后跟原位置的碎片层合并。<br />
（4）将Destruction-3D层创建剪贴蒙版。<br />
<img class="alignleft size-full wp-image-683" title="63" src="http://www.yecoir.com/wp-content/uploads/2010/07/63.jpg" alt="63" width="550" height="727" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>向下拼合Destruction-3D。这就是碎片层的3D层。</p>
<p>第六步<br />
再用同样的方法处理建筑残破的碎片。<br />
经过上面的练习你应该记得大致步骤吧：<br />
（1）复制碎片图层拖放到“red”“green”以上。<br />
（2）复制“red”和“green”俩图层，合并，命名为Destruction-3D，然后拖放到刚才复制的碎片图层以上。<br />
（3）复制一个碎片图层，左移，移到跟red层里它的形状重合的位置，然后跟原位置的碎片层合并。<br />
（4）将Destruction-3D层创建剪贴蒙版。<br />
<img class="alignleft size-full wp-image-684" title="64" src="http://www.yecoir.com/wp-content/uploads/2010/07/64.jpg" alt="64" width="550" height="727" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>向下拼合Destruction-3D。这就是碎片层的3D层。</p>
<p>第七步<br />
返回kid图层，复制它。将眼镜部分抠图，然后拖到red层之上。<br />
接下来不用说了，用之前的方法，把眼镜部分做成3D的。<br />
<img class="alignleft size-full wp-image-685" title="65" src="http://www.yecoir.com/wp-content/uploads/2010/07/65.jpg" alt="65" width="550" height="727" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>至此，本教程基本结束。<br />
当然你可以根据自己的兴趣继续添加好玩的效果。<br />
你也可以运用本教程中提到的各种PS技巧，将自己的照片做成好玩的3D图片。<br />
祝愉快~</p>
]]></content:encoded>
			<wfw:commentRss>http://www.heyux.com/2010/07/28/%e6%95%99%e7%a8%8b-%e5%a6%82%e4%bd%95%e5%88%b6%e4%bd%9c%e4%b8%80%e5%bc%a03d%e5%a4%8d%e5%8f%a4%e6%8b%bc%e8%b4%b4%e6%b5%b7%e6%8a%a5-part-ii/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>[教程] 如何制作一张3D复古拼贴海报 Part I</title>
		<link>http://www.heyux.com/2010/07/28/%e6%95%99%e7%a8%8b-%e5%a6%82%e4%bd%95%e5%88%b6%e4%bd%9c%e4%b8%80%e5%bc%a03d%e5%a4%8d%e5%8f%a4%e6%8b%bc%e8%b4%b4%e6%b5%b7%e6%8a%a5-part-i/</link>
		<comments>http://www.heyux.com/2010/07/28/%e6%95%99%e7%a8%8b-%e5%a6%82%e4%bd%95%e5%88%b6%e4%bd%9c%e4%b8%80%e5%bc%a03d%e5%a4%8d%e5%8f%a4%e6%8b%bc%e8%b4%b4%e6%b5%b7%e6%8a%a5-part-i/#comments</comments>
		<pubDate>Thu, 29 Jul 2010 04:28:54 +0000</pubDate>
		<dc:creator>moxiao</dc:creator>
				<category><![CDATA[设计分享]]></category>

		<guid isPermaLink="false">http://www.heyux.com/?p=519</guid>
		<description><![CDATA[前言：
插画画过很多~但写这种记录式的教程还是第一次~
欢迎讨论提问吹捧膜拜以及批评指正：）
好~先来看看今天这部分的最终效果：

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  [大图见此]
接下来我将一步步展示给你制作的过程~
对了~你可以在[这里]下载到本教程中用到的图片素材：）
第一步
在photoshop中创建一个新文件：大小A4(21cm x 29.7cm)、分辨率300dpi、RGB颜色模式、白色背景。如下图：

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
由于后面添加3D效果的时候需要将图片偏移，所以我们需要增加一些“出血”来确保图片的完整。在“图像”〉“画布大小”中，把宽和高增加2cm（23cm x 31.7cm）。

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
第二步
拖进来一张街景的照片做为一个新层，ctrl+T变换图像至下图所示位置。命名这个层为“City”。
该图片可以在前面下载的压缩包里找到。

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
第三步
接下来的几步里,我们要替换一个更加诡异的、具有视觉表现力的天空,所以我们需要把建筑物“抠图”。
抠图的方法和技巧有很多种，通常我都会用钢笔工具来完成。
如果目标物体轮廓清晰、与背景明度差距较大，也可以用以下方法：
01.切到“通道”，复制蓝色通道，如图：

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
02.ctrl+L打开“色阶”，调整至以下效果：
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
03.这时可以打开其他层通道做对比，用黑色笔刷仔细将建筑物轮廓线以内填满，细节处适当借助钢笔工具。这个区域将是你最后保留的区域（所以天空位置如有黑色应该用白色填充）。
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
04.关掉其他颜色通道后检查一下，没错应该是这样的：
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
05.选中蓝色副本通道，点“载入选区”按钮：
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
06.然后，点选RGB通道如下图:
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
选好了吗？点“Delete”删除键。
07.现在抠图的工作已经完成，删除“蓝 副本”通道。回到图层面板，这就是我们要的结果:
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
第四步
01.现在打开天空的图片并拖到我们的场景中，调整大小，放在city图层下面命名为“clouds”。
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
我们看到主体场景已经出来了，但建筑跟天空的光影关系结合得并不算太好，别急，稍作调整。
02.选择“city”层，双击进入图层样式，点选“光泽”，按照下图参数进行设置。
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
03.现在，建筑物的明暗更加明显，并且跟天空发出的光源方向基本融合了：
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
04.但是这样还不够，选回“clouds”层，创建新的填充或调整图层 〉照片滤镜，进行如下设置：
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
05.现在的结果：
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
现在的整个场景基本达到了我们要的氛围，差强人意的是街道上过于悠闲的人……
当然我们可以用“克隆图章”工具把他们P掉，但考虑到之后的工作可以用其他前景物进行遮挡，所以为了节省时间暂时不做处理了。
第五步
这一步的主要任务是把恐龙置入场景。这里我选择了一张3D渲染的图片素材（因为实在没找着更好的）。
01.按照下图位置置入并用之前建筑图层的抠图方法把背景去掉。
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
结果：
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
02.给被怪物冲过的街道和建筑添加一些残破的效果，把Destruction_1、Destruction_2俩图拖入层中，至于建筑物周围。
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
03.合并俩层，再来点动感模糊吧……
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
04.现在给恐龙添加投影。
（1）复制恐龙的图层命名为“Monster shadow”并把该层置于恐龙层下，填充为黑色。
（2）编辑〉变换〉垂直翻转
（3）Ctrl+T 自由变换
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
但你知道，阳光从后上方射过来，投影肯定有一部分是被身体遮挡，不可能出现如此清晰的剪影。
所以请发挥想象力自行修改一些局部的影子轮廓。
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
设置阴影层不透明度为60%，高斯模糊为5。
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
第六步
用上一步骤的方法，加入一些奔跑的士兵。注意影子的位置，它应该是在恐龙后面的。
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
第七步
选择“矩形工具”，在图下方做一个遮挡，颜色值为#605d39。这是接下来填写文案的位置。
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
第八步
把主体人物置入画面中，抠图步骤不再赘述。
当然不是每一张你选择的图片都能非常适合场景的环境，无论在颜色还是明度上多少都需要一些调整和修改。
这里我提供直接去掉背景的PSD文件，节省大家的时间。
日后在设计自己的插图时你会发现，其实抠图改图也是一种乐趣。：）
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
第九步
下面添加一点趣味性，从小枪里发出一缕光束。用钢笔工具勾画，颜色值为#cdac5f，填充50%。
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
第十步
到这里我觉得有必要再统一一次颜色。从“创建新的填充或调整图层”去“照片滤镜”，按下图设置。
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
现在我们得到的结果是这样的：
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
第十一步
到了该添加标题文字的时候了。
现在我决定休息一下，顺便检查整个画面……
做图的过程就是这样，有时你盯着画面一两个小时后会有一定的惯性或审美疲劳，很难发现其中的问题。
这时不妨换换脑子休息一下，或者邀请别人来看下你的画面。
不要吝啬把做图的过程步骤与别人分享，这对自己来说也是很好的进步的机会。（真虚伪……）
话说回来，最后我发现，中间建筑边缘的线条过于平均、天空细节过于丰富跟前景抢视觉，这些都使画面看起来不那么顺眼。
接下来调整一下吧。
01.我希望画面中的建筑剪影高低错落，有节奏感。
查看整个画面，我发现右边那部分是可以改动的，而且很简单，复制一层楼上去就可以了。
首先复制出另一个city图层，用钢笔工具勾出你需要的部分&#62;&#62;&#62;建立选区&#62;&#62;&#62;反选&#62;&#62;&#62;删除多余的。
把这层楼拉高到合适的位置。如下：
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
02.选择天空图片所在的图层，将其水平翻转，调至合适的位置。
再来看看结果：
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
好了，图片部分暂时这样。我们开始下一部分&#8212;&#8211;字体。
第十二步
无论在一张海报还是宣传单或者名片封面的设计中，字体的选择都是成败的关键。
关于如何使用恰当的字体有很多资料可供学习，在这里不是讨论的重点。
关于标题，我需要一款类似于六七十年代武打片或科幻片那种字体。就像《恐龙特急克塞号》。
可是在我有限的字体库里实在找不到合适的，只能用钢笔工具画一个。
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
第十三步
把字体置入图中。
01.Ctrl+T自由变换〉透视〉斜切。最终如下图：
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
02.复制该图层填充较深颜色，向右下方稍微移动做为文字的阴影。
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
03.下面要把恐龙的嘴露出来：复制恐龙图层，勾选被文字遮挡部分，删除其余，拖到文字上方。
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
04.调整文字位置（向下稍微移动一点就好了），现在的效果：
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
05.置入副标题和其他文字。这里副标字体为“方正汉真广标简体”颜色为#c3ee85，变换〉斜切；小字为“方正兰亭特黑长_GBK”颜色#dcd4ab。同时把主标题颜色改为#f8f2d2。
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
第十四步
再次检查图像，整体调整。
01.还记得前面给建筑物做的残破肌理吗？可以再强烈一点。复制&#62;水平翻转，移至适当位置。
02.主体人物枪的光速，复制该图层，拖到原图层下面，动感模糊。
03.光速原图层前面缩窄，高斯模糊15。
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
做好了吗？
明天我们继续利用这张海报添加3D效果~
请自备3D眼镜：）
]]></description>
			<content:encoded><![CDATA[<p>前言：<br />
插画画过很多~但写这种记录式的教程还是第一次~<br />
欢迎讨论提问吹捧膜拜以及批评指正：）</p>
<p>好~先来看看今天这部分的最终效果：</p>
<p><img class="alignleft size-full wp-image-599" title="yecoir" src="http://www.yecoir.com/wp-content/uploads/2010/07/yecoir.jpg" alt="yecoir" width="550" height="776" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>  <a href="http://farm5.static.flickr.com/4097/4828920021_fb84f86a2d_o.jpg"><span style="color: #99cc00;">[大图见此]</span></a></p>
<p>接下来我将一步步展示给你制作的过程~<br />
对了~你可以在<a href="http://www.yecoir.com/wp-content/uploads/2010/07/3D%E5%A4%8D%E5%8F%A4%E6%B5%B7%E6%8A%A5%E6%95%99%E7%A8%8B--yecoir.rar"><span style="color: #99cc00;">[这里]</span></a>下载到本教程中用到的图片素材：）</p>
<p>第一步<br />
在photoshop中创建一个新文件：大小A4(21cm x 29.7cm)、分辨率300dpi、RGB颜色模式、白色背景。如下图：<br />
<img class="alignleft size-full wp-image-604" title="1" src="http://www.yecoir.com/wp-content/uploads/2010/07/1.jpg" alt="1" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>由于后面添加3D效果的时候需要将图片偏移，所以我们需要增加一些“出血”来确保图片的完整。在“图像”〉“画布大小”中，把宽和高增加2cm（23cm x 31.7cm）。<br />
<img class="alignleft size-full wp-image-605" title="2" src="http://www.yecoir.com/wp-content/uploads/2010/07/2.jpg" alt="2" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>第二步<br />
拖进来一张街景的照片做为一个新层，ctrl+T变换图像至下图所示位置。命名这个层为“City”。<br />
该图片可以在前面下载的压缩包里找到。<br />
<img class="alignleft size-full wp-image-606" title="3" src="http://www.yecoir.com/wp-content/uploads/2010/07/3.jpg" alt="3" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>第三步<br />
接下来的几步里,我们要替换一个更加诡异的、具有视觉表现力的天空,所以我们需要把建筑物“抠图”。<br />
抠图的方法和技巧有很多种，通常我都会用钢笔工具来完成。<br />
如果目标物体轮廓清晰、与背景明度差距较大，也可以用以下方法：<br />
01.切到“通道”，复制蓝色通道，如图：<br />
<img class="alignleft size-full wp-image-607" title="4" src="http://www.yecoir.com/wp-content/uploads/2010/07/4.jpg" alt="4" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>02.ctrl+L打开“色阶”，调整至以下效果：</p>
<p> <br />
<img class="alignleft size-full wp-image-608" title="5" src="http://www.yecoir.com/wp-content/uploads/2010/07/5.jpg" alt="5" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>03.这时可以打开其他层通道做对比，用黑色笔刷仔细将建筑物轮廓线以内填满，细节处适当借助钢笔工具。这个区域将是你最后保留的区域（所以天空位置如有黑色应该用白色填充）。</p>
<p> <br />
<img class="alignleft size-full wp-image-609" title="6" src="http://www.yecoir.com/wp-content/uploads/2010/07/6.jpg" alt="6" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>04.关掉其他颜色通道后检查一下，没错应该是这样的：</p>
<p> <br />
<img class="alignleft size-full wp-image-610" title="7" src="http://www.yecoir.com/wp-content/uploads/2010/07/7.jpg" alt="7" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>05.选中蓝色副本通道，点“载入选区”按钮：</p>
<p> <br />
<img class="alignleft size-full wp-image-611" title="8" src="http://www.yecoir.com/wp-content/uploads/2010/07/8.jpg" alt="8" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>06.然后，点选RGB通道如下图:</p>
<p> <br />
<img class="alignleft size-full wp-image-612" title="9" src="http://www.yecoir.com/wp-content/uploads/2010/07/9.jpg" alt="9" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>选好了吗？点“Delete”删除键。<br />
07.现在抠图的工作已经完成，删除“蓝 副本”通道。回到图层面板，这就是我们要的结果:</p>
<p> <br />
<img class="alignleft size-full wp-image-613" title="10" src="http://www.yecoir.com/wp-content/uploads/2010/07/10.jpg" alt="10" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>第四步<br />
01.现在打开天空的图片并拖到我们的场景中，调整大小，放在city图层下面命名为“clouds”。</p>
<p> <br />
<img class="alignleft size-full wp-image-614" title="11" src="http://www.yecoir.com/wp-content/uploads/2010/07/11.jpg" alt="11" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>我们看到主体场景已经出来了，但建筑跟天空的光影关系结合得并不算太好，别急，稍作调整。</p>
<p>02.选择“city”层，双击进入图层样式，点选“光泽”，按照下图参数进行设置。</p>
<p> <br />
<img class="alignleft size-full wp-image-615" title="12" src="http://www.yecoir.com/wp-content/uploads/2010/07/12.jpg" alt="12" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>03.现在，建筑物的明暗更加明显，并且跟天空发出的光源方向基本融合了：</p>
<p> <br />
<img class="alignleft size-full wp-image-616" title="13" src="http://www.yecoir.com/wp-content/uploads/2010/07/13.jpg" alt="13" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>04.但是这样还不够，选回“clouds”层，创建新的填充或调整图层 〉照片滤镜，进行如下设置：</p>
<p> <br />
<img class="alignleft size-full wp-image-617" title="14" src="http://www.yecoir.com/wp-content/uploads/2010/07/14.jpg" alt="14" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><img class="alignleft size-full wp-image-618" title="15" src="http://www.yecoir.com/wp-content/uploads/2010/07/15.jpg" alt="15" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>05.现在的结果：</p>
<p> <br />
<img class="alignleft size-full wp-image-619" title="16" src="http://www.yecoir.com/wp-content/uploads/2010/07/16.jpg" alt="16" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>现在的整个场景基本达到了我们要的氛围，差强人意的是街道上过于悠闲的人……<br />
当然我们可以用“克隆图章”工具把他们P掉，但考虑到之后的工作可以用其他前景物进行遮挡，所以为了节省时间暂时不做处理了。</p>
<p>第五步<br />
这一步的主要任务是把恐龙置入场景。这里我选择了一张3D渲染的图片素材（因为实在没找着更好的）。<br />
01.按照下图位置置入并用之前建筑图层的抠图方法把背景去掉。</p>
<p> <br />
<img class="alignleft size-full wp-image-620" title="17" src="http://www.yecoir.com/wp-content/uploads/2010/07/17.jpg" alt="17" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>结果：</p>
<p> <br />
<img class="alignleft size-full wp-image-621" title="18" src="http://www.yecoir.com/wp-content/uploads/2010/07/18.jpg" alt="18" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>02.给被怪物冲过的街道和建筑添加一些残破的效果，把Destruction_1、Destruction_2俩图拖入层中，至于建筑物周围。</p>
<p> <br />
<img class="alignleft size-full wp-image-622" title="19" src="http://www.yecoir.com/wp-content/uploads/2010/07/19.jpg" alt="19" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>03.合并俩层，再来点动感模糊吧……</p>
<p> <br />
<img class="alignleft size-full wp-image-623" title="20" src="http://www.yecoir.com/wp-content/uploads/2010/07/20.jpg" alt="20" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>04.现在给恐龙添加投影。<br />
（1）复制恐龙的图层命名为“Monster shadow”并把该层置于恐龙层下，填充为黑色。<br />
（2）编辑〉变换〉垂直翻转<br />
（3）Ctrl+T 自由变换</p>
<p> <br />
<img class="alignleft size-full wp-image-624" title="21" src="http://www.yecoir.com/wp-content/uploads/2010/07/21.jpg" alt="21" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>但你知道，阳光从后上方射过来，投影肯定有一部分是被身体遮挡，不可能出现如此清晰的剪影。<br />
所以请发挥想象力自行修改一些局部的影子轮廓。</p>
<p> <br />
<img class="alignleft size-full wp-image-625" title="22" src="http://www.yecoir.com/wp-content/uploads/2010/07/22.jpg" alt="22" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>设置阴影层不透明度为60%，高斯模糊为5。</p>
<p> <br />
<img class="alignleft size-full wp-image-626" title="23" src="http://www.yecoir.com/wp-content/uploads/2010/07/23.jpg" alt="23" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>第六步<br />
用上一步骤的方法，加入一些奔跑的士兵。注意影子的位置，它应该是在恐龙后面的。</p>
<p> </p>
<p><img class="alignleft size-full wp-image-627" title="24" src="http://www.yecoir.com/wp-content/uploads/2010/07/24.jpg" alt="24" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>第七步<br />
选择“矩形工具”，在图下方做一个遮挡，颜色值为#605d39。这是接下来填写文案的位置。</p>
<p> <br />
<img class="alignleft size-full wp-image-628" title="25" src="http://www.yecoir.com/wp-content/uploads/2010/07/25.jpg" alt="25" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>第八步<br />
把主体人物置入画面中，抠图步骤不再赘述。<br />
当然不是每一张你选择的图片都能非常适合场景的环境，无论在颜色还是明度上多少都需要一些调整和修改。<br />
这里我提供直接去掉背景的PSD文件，节省大家的时间。<br />
日后在设计自己的插图时你会发现，其实抠图改图也是一种乐趣。：）</p>
<p> <br />
<img class="alignleft size-full wp-image-629" title="26" src="http://www.yecoir.com/wp-content/uploads/2010/07/26.jpg" alt="26" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>第九步<br />
下面添加一点趣味性，从小枪里发出一缕光束。用钢笔工具勾画，颜色值为#cdac5f，填充50%。</p>
<p> <br />
<img class="alignleft size-full wp-image-630" title="27" src="http://www.yecoir.com/wp-content/uploads/2010/07/27.jpg" alt="27" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>第十步<br />
到这里我觉得有必要再统一一次颜色。从“创建新的填充或调整图层”去“照片滤镜”，按下图设置。</p>
<p> <br />
<img class="alignleft size-full wp-image-631" title="28" src="http://www.yecoir.com/wp-content/uploads/2010/07/28.jpg" alt="28" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>现在我们得到的结果是这样的：</p>
<p> <br />
<img class="alignleft size-full wp-image-632" title="29" src="http://www.yecoir.com/wp-content/uploads/2010/07/29.jpg" alt="29" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>第十一步<br />
到了该添加标题文字的时候了。<br />
现在我决定休息一下，顺便检查整个画面……<br />
做图的过程就是这样，有时你盯着画面一两个小时后会有一定的惯性或审美疲劳，很难发现其中的问题。<br />
这时不妨换换脑子休息一下，或者邀请别人来看下你的画面。<br />
不要吝啬把做图的过程步骤与别人分享，这对自己来说也是很好的进步的机会。（真虚伪……）<br />
话说回来，最后我发现，中间建筑边缘的线条过于平均、天空细节过于丰富跟前景抢视觉，这些都使画面看起来不那么顺眼。<br />
接下来调整一下吧。<br />
01.我希望画面中的建筑剪影高低错落，有节奏感。<br />
查看整个画面，我发现右边那部分是可以改动的，而且很简单，复制一层楼上去就可以了。<br />
首先复制出另一个city图层，用钢笔工具勾出你需要的部分&gt;&gt;&gt;建立选区&gt;&gt;&gt;反选&gt;&gt;&gt;删除多余的。<br />
把这层楼拉高到合适的位置。如下：</p>
<p> <br />
<img class="alignleft size-full wp-image-633" title="30" src="http://www.yecoir.com/wp-content/uploads/2010/07/30.jpg" alt="30" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>02.选择天空图片所在的图层，将其水平翻转，调至合适的位置。<br />
再来看看结果：</p>
<p> <br />
<img class="alignleft size-full wp-image-634" title="31" src="http://www.yecoir.com/wp-content/uploads/2010/07/31.jpg" alt="31" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>好了，图片部分暂时这样。我们开始下一部分&#8212;&#8211;字体。</p>
<p>第十二步<br />
无论在一张海报还是宣传单或者名片封面的设计中，字体的选择都是成败的关键。<br />
关于如何使用恰当的字体有很多资料可供学习，在这里不是讨论的重点。<br />
关于标题，我需要一款类似于六七十年代武打片或科幻片那种字体。就像《恐龙特急克塞号》。<br />
可是在我有限的字体库里实在找不到合适的，只能用钢笔工具画一个。</p>
<p> <br />
<img class="alignleft size-full wp-image-635" title="32" src="http://www.yecoir.com/wp-content/uploads/2010/07/32.jpg" alt="32" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>第十三步<br />
把字体置入图中。<br />
01.Ctrl+T自由变换〉透视〉斜切。最终如下图：</p>
<p> <br />
<img class="alignleft size-full wp-image-636" title="33" src="http://www.yecoir.com/wp-content/uploads/2010/07/33.jpg" alt="33" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>02.复制该图层填充较深颜色，向右下方稍微移动做为文字的阴影。</p>
<p> <br />
<img class="alignleft size-full wp-image-637" title="34" src="http://www.yecoir.com/wp-content/uploads/2010/07/34.jpg" alt="34" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>03.下面要把恐龙的嘴露出来：复制恐龙图层，勾选被文字遮挡部分，删除其余，拖到文字上方。</p>
<p> <br />
<img class="alignleft size-full wp-image-638" title="35" src="http://www.yecoir.com/wp-content/uploads/2010/07/35.jpg" alt="35" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>04.调整文字位置（向下稍微移动一点就好了），现在的效果：</p>
<p> <br />
<img class="alignleft size-full wp-image-639" title="36" src="http://www.yecoir.com/wp-content/uploads/2010/07/36.jpg" alt="36" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>05.置入副标题和其他文字。这里副标字体为“方正汉真广标简体”颜色为#c3ee85，变换〉斜切；小字为“方正兰亭特黑长_GBK”颜色#dcd4ab。同时把主标题颜色改为#f8f2d2。</p>
<p> <br />
<img class="alignleft size-full wp-image-640" title="37" src="http://www.yecoir.com/wp-content/uploads/2010/07/37.jpg" alt="37" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>第十四步<br />
再次检查图像，整体调整。<br />
01.还记得前面给建筑物做的残破肌理吗？可以再强烈一点。复制&gt;水平翻转，移至适当位置。<br />
02.主体人物枪的光速，复制该图层，拖到原图层下面，动感模糊。<br />
03.光速原图层前面缩窄，高斯模糊15。</p>
<p> <br />
<img class="alignleft size-full wp-image-641" title="38" src="http://www.yecoir.com/wp-content/uploads/2010/07/38.jpg" alt="38" width="550" height="790" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>做好了吗？<br />
明天我们继续利用这张海报添加3D效果~<br />
请自备3D眼镜：）</p>
]]></content:encoded>
			<wfw:commentRss>http://www.heyux.com/2010/07/28/%e6%95%99%e7%a8%8b-%e5%a6%82%e4%bd%95%e5%88%b6%e4%bd%9c%e4%b8%80%e5%bc%a03d%e5%a4%8d%e5%8f%a4%e6%8b%bc%e8%b4%b4%e6%b5%b7%e6%8a%a5-part-i/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>精确搜索&amp;快乐消费组 大清谷outing</title>
		<link>http://www.heyux.com/2010/05/10/%e4%ba%94%e6%9c%88%e5%85%ab%e5%8f%b7%e5%a4%a7%e6%b8%85%e8%b0%b7outing/</link>
		<comments>http://www.heyux.com/2010/05/10/%e4%ba%94%e6%9c%88%e5%85%ab%e5%8f%b7%e5%a4%a7%e6%b8%85%e8%b0%b7outing/#comments</comments>
		<pubDate>Mon, 10 May 2010 11:06:38 +0000</pubDate>
		<dc:creator>kadylee</dc:creator>
				<category><![CDATA[设计分享]]></category>

		<guid isPermaLink="false">http://www.heyux.com/?p=515</guid>
		<description><![CDATA[
因天公不作美，一直小雨不断，不过该做的都做了！
]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-516" title="4589095568_cd92d44cf2_o" src="http://www.heyux.com/wp-content/uploads/2010/05/4589095568_cd92d44cf2_o.jpg" alt="4589095568_cd92d44cf2_o" width="717" height="450" /></p>
<p>因天公不作美，一直小雨不断，不过该做的都做了！</p>
]]></content:encoded>
			<wfw:commentRss>http://www.heyux.com/2010/05/10/%e4%ba%94%e6%9c%88%e5%85%ab%e5%8f%b7%e5%a4%a7%e6%b8%85%e8%b0%b7outing/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Search user interface阅读笔记(一)整合分类与搜索</title>
		<link>http://www.heyux.com/2010/03/30/search-user-interface1/</link>
		<comments>http://www.heyux.com/2010/03/30/search-user-interface1/#comments</comments>
		<pubDate>Wed, 31 Mar 2010 01:58:23 +0000</pubDate>
		<dc:creator>pigtwo</dc:creator>
				<category><![CDATA[读书笔记]]></category>

		<guid isPermaLink="false">http://www.heyux.com/?p=505</guid>
		<description><![CDATA[《Search User Interfaces》是伯克利大学信息学院教授Marti Hearst撰写的关于搜索用户界面的书籍，从以用户为中心的角度介绍了搜索界面设计的各个方面。由于本书内容与我现在从事工作有密切联系，因此阅读兴趣一直很高。苦于没有中文版，只能咬牙坚持浅读一下英文在线版，在此强烈期待一下中文版的面世。作者将本书原版放在网上提供免费阅读：http://searchuserinterfaces.com/book/
书中花了很大篇幅阐述搜索与分类浏览之间的关系和整合方式，刚好淘宝搜索正是一个搜索与分类结合的典型案例，因此本文就结合淘宝搜索的案例聊一下这个话题。
分类浏览和搜索的最重要的两种信息获取方式，前者通过既定分类路径去“寻找”信息，后者通过一定查询条件去“索取”信息。通俗的理解，分类浏览是按系统的套路来办事，而搜索是按用户的套路来解决问题。这两种方式贯穿于信息生活的每个角落，它们各有所长，互不矛盾。相反，当分类与搜索完美结合的时候，信息获取效率也达到最优。
搜索界面中分类系统一般分为扁平式（flat）、阶梯式（hierarchical）、分面式（faceted）
扁平式：适用于展示平行关系的分类，但分类数量不能过多否则可读性会很差。主要作用是缩小搜索范围。比如淘宝搜索“笔记本”，给出的分类可以让用户直接进入某个分类下搜索。

阶梯式（树状式）：适用于展示包含关系的分类，便于用户理解分类之间的关系。主要作用是将搜索结果分组。比如搜索“牛仔裤”，它既属于男装也属于女装，阶梯式的分类结构可以将牛仔裤的搜索结果按男装和女装分组。

分面式：适用于展示内容同质化的分类，主要作用是搜索结果筛选与排序，比如在“男装”分类下搜索“牛仔裤”，可以按品牌、裤型、颜色等不同维度进行筛选。

这三种分类结构的复杂度是逐步递增的。扁平式分类与实体世界的经验是刚好吻合的，“这个东西应该放在哪？”；阶梯式分类能解决“这个东西放在这里也行，放在那里也可以，按什么归类来放？”；分面式分类打破了传统分类的思路，而是提出“这个东西要怎么描述？”
以上提到的三种方式都是用分类来辅助搜索，离开搜索这些分类体系本身就可以很好的运转。分类一直以来都是依赖人工维护的体系，搜索作为算法与技术驱动的力量为什么不能改变这个局面呢？美国vivisimo公司旗下的搜索引擎clusty（ http://clusty.com ）核心竞争力正是提供搜索结果自动分类，通过聚类算法（clustering algorithms）将搜索结果根据语义自动进行分类。比如在Clusty搜索“ipod“，左侧自动出现ipod的饰品、购买方式、评论、售后等分类；搜索” Beatles “则出现的是图片、歌词、电影、专辑等分类。
 
利用搜索技术进行自动分类，这种思路在微软旗下的bing搜索应用的淋漓尽致。除了拥有clusty的搜索结果自动分类功能外，bing购物搜索中用户点评实现了自动分项评分。比如搜索“ipod touch 8G“后会出现易用、功能、设计、电池、操作界面等分项。关于该产品的”电池 “共抓取到63条点评，分析出28条是正面评价，35条是负面评价，于是该项的总评分是44%。这个功能对用户做出购买决策有很大的帮助。


利用搜索技术分类比起人工分类有不少优势。针对有模糊搜索需求的用户，它更利于用户全面了解一个事物。由于实现了自动化，它可以更及时的跟踪信息的变化。书中举的一个例子可以很好的说明这一点：2005年9月在卡利特纳飓风经过新奥尔良后不久，在Clusty搜索“新奥尔良”出现在第一条的分类就是“飓风”。
当搜索可以实现分类的时候，搜索本身就是一个分类的过程，即信息按用户提供的条件进行分类。搜索与分类本是一家，从这个层面理解“整合分类与搜索”其实是一件非常自然的事情，就是按“用户的套路+系统的套路“来获取信息。
]]></description>
			<content:encoded><![CDATA[<p>《Search User Interfaces》是伯克利大学信息学院教授<a href="http://searchuserinterfaces.com/bio.html" target="_blank">Marti Hearst</a>撰写的关于搜索用户界面的书籍，从以用户为中心的角度介绍了搜索界面设计的各个方面。由于本书内容与我现在从事工作有密切联系，因此阅读兴趣一直很高。苦于没有中文版，只能咬牙坚持浅读一下英文在线版，在此强烈期待一下中文版的面世。作者将本书原版放在网上提供免费阅读：<a href="http://searchuserinterfaces.com/book/">http://searchuserinterfaces.com/book/</a></p>
<p>书中花了很大篇幅阐述搜索与分类浏览之间的关系和整合方式，刚好淘宝搜索正是一个搜索与分类结合的典型案例，因此本文就结合淘宝搜索的案例聊一下这个话题。<span id="more-505"></span></p>
<p>分类浏览和搜索的最重要的两种信息获取方式，前者通过既定分类路径去“寻找”信息，后者通过一定查询条件去“索取”信息。通俗的理解，分类浏览是按系统的套路来办事，而搜索是按用户的套路来解决问题。这两种方式贯穿于信息生活的每个角落，它们各有所长，互不矛盾。相反，当分类与搜索完美结合的时候，信息获取效率也达到最优。</p>
<p>搜索界面中分类系统一般分为扁平式（flat）、阶梯式（hierarchical）、分面式（faceted）</p>
<p><strong>扁平式：</strong>适用于展示平行关系的分类，但分类数量不能过多否则可读性会很差。主要作用是缩小搜索范围。比如淘宝搜索“<a href="http://search.taobao.com/search?shopf=newsearch&amp;q=%B1%CA%BC%C7%B1%BE&amp;cat=&amp;scat=" target="_blank">笔记本</a>”，给出的分类可以让用户直接进入某个分类下搜索。</p>
<p><img class="alignnone size-full wp-image-506" title="sui1" src="http://www.heyux.com/wp-content/uploads/2010/03/sui1.PNG" alt="sui1" width="769" height="110" /></p>
<p><strong>阶梯式（树状式）</strong>：适用于展示包含关系的分类，便于用户理解分类之间的关系。主要作用是将搜索结果分组。比如搜索“<a href="http://search.taobao.com/search?shopf=newsearch&amp;q=%C5%A3%D7%D0%BF%E3" target="_blank">牛仔裤</a>”，它既属于男装也属于女装，阶梯式的分类结构可以将牛仔裤的搜索结果按男装和女装分组。</p>
<p><img class="alignnone size-full wp-image-507" title="sui2" src="http://www.heyux.com/wp-content/uploads/2010/03/sui2.PNG" alt="sui2" width="767" height="169" /></p>
<p><strong>分面式：</strong>适用于展示内容同质化的分类，主要作用是搜索结果筛选与排序，比如在“男装”分类下搜索“<a href="http://search.taobao.com/search?q=%C5%A3%D7%D0%BF%E3&amp;cat=50010167&amp;from=compass&amp;navlog=compass-2-c-50010167" target="_blank">牛仔裤</a>”，可以按品牌、裤型、颜色等不同维度进行筛选。</p>
<p><img class="alignnone size-full wp-image-508" title="sui3" src="http://www.heyux.com/wp-content/uploads/2010/03/sui3.PNG" alt="sui3" width="768" height="258" /></p>
<p>这三种分类结构的复杂度是逐步递增的。扁平式分类与实体世界的经验是刚好吻合的，“这个东西应该放在哪？”；阶梯式分类能解决“这个东西放在这里也行，放在那里也可以，按什么归类来放？”；分面式分类打破了传统分类的思路，而是提出“这个东西要怎么描述？”</p>
<p>以上提到的三种方式都是用分类来辅助搜索，离开搜索这些分类体系本身就可以很好的运转。分类一直以来都是依赖人工维护的体系，搜索作为算法与技术驱动的力量为什么不能改变这个局面呢？美国vivisimo公司旗下的搜索引擎clusty（ <a href="http://clusty.com/">http://clusty.com</a> ）核心竞争力正是提供搜索结果自动分类，通过聚类算法（clustering algorithms）将搜索结果根据语义自动进行分类。比如在Clusty搜索“<a href="http://clusty.com/search?input-form=clusty-simple&amp;v:sources=webplus&amp;query=ipod" target="_blank">ipod</a>“，左侧自动出现ipod的饰品、购买方式、评论、售后等分类；搜索” <a href="http://clusty.com/search?input-form=clusty-simple&amp;v:sources=webplus&amp;query=Beatles" target="_blank">Beatles</a> “则出现的是图片、歌词、电影、专辑等分类。</p>
<p><img class="alignnone size-full wp-image-509" title="sui4" src="http://www.heyux.com/wp-content/uploads/2010/03/sui4.PNG" alt="sui4" width="258" height="494" /> <img class="alignnone size-full wp-image-510" title="sui5" src="http://www.heyux.com/wp-content/uploads/2010/03/sui5.PNG" alt="sui5" width="262" height="498" /></p>
<p>利用搜索技术进行自动分类，这种思路在微软旗下的bing搜索应用的淋漓尽致。除了拥有clusty的搜索结果自动分类功能外，bing购物搜索中用户点评实现了自动分项评分。比如搜索“<a href="http://www.bing.com/shopping/iPod-touch-8GB-2nd-Generation/search?q=ipod&amp;p1=[CommerceService%20scenario%3d%22reviews%22%20docid%3d%228B317D3371A666287664%22]&amp;wf=Commerce&amp;FORM=CQCL" target="_blank">ipod touch 8G</a>“后会出现易用、功能、设计、电池、操作界面等分项。关于该产品的”电池 “共抓取到63条点评，分析出28条是正面评价，35条是负面评价，于是该项的总评分是44%。这个功能对用户做出购买决策有很大的帮助。</p>
<p><img class="alignnone size-full wp-image-511" title="sui6" src="http://www.heyux.com/wp-content/uploads/2010/03/sui6.PNG" alt="sui6" width="160" height="379" /></p>
<p><img class="alignnone size-full wp-image-512" title="sui7" src="http://www.heyux.com/wp-content/uploads/2010/03/sui7.PNG" alt="sui7" width="686" height="456" /></p>
<p>利用搜索技术分类比起人工分类有不少优势。针对有模糊搜索需求的用户，它更利于用户全面了解一个事物。由于实现了自动化，它可以更及时的跟踪信息的变化。书中举的一个例子可以很好的说明这一点：2005年9月在卡利特纳飓风经过新奥尔良后不久，在Clusty搜索“新奥尔良”出现在第一条的分类就是“飓风”。</p>
<p>当搜索可以实现分类的时候，搜索本身就是一个分类的过程，即信息按用户提供的条件进行分类。搜索与分类本是一家，从这个层面理解“整合分类与搜索”其实是一件非常自然的事情，就是按“用户的套路+系统的套路“来获取信息。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.heyux.com/2010/03/30/search-user-interface1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>【分享会笔记】“所有程序”与“回收站”的讨论</title>
		<link>http://www.heyux.com/2010/03/23/all_program-recycle/</link>
		<comments>http://www.heyux.com/2010/03/23/all_program-recycle/#comments</comments>
		<pubDate>Wed, 24 Mar 2010 03:04:16 +0000</pubDate>
		<dc:creator>pigtwo</dc:creator>
				<category><![CDATA[设计分享]]></category>

		<guid isPermaLink="false">http://www.heyux.com/?p=496</guid>
		<description><![CDATA[本周团队内部设计师交流会上，月漓同学的原型评审中一个问题引发了一段长时间的讨论。这是一个用户自定义导航链接的交互设计任务，用户可以对List A和List B的链接做排序和隐藏操作，与windows开始菜单非常相似。

月漓的做法如下，鼠标悬停在ListA下的链接a2上，出现一个删除按钮。

点击删除a2后，List  A中的a2消失。同时所有菜单中的a2变灰，显示“已隐藏”文案，增加一个“显示”链接。

先来回想一下windows “开始菜单”的操作方式：点击“所有程序”弹出程序列表，选择某个程序点击右键“附到开始菜单”。该程序会出现在“开始菜单”中，在“所有程序”中也不会消失。也就是说“开始菜单”是“所有程序”子集。月漓的方案正是这个思路。
之后有同学提出不同意见，认为已删除和未删除的链接都出现在右侧区域内意义不大，只需要把已删除的链接展示出来即可。把“查看所有菜单”改成“查看其它菜单”，显示已隐藏的链接。理由是用户不用看到重复的信息。

按照这种思路，两者就变成“开始菜单”与“回收站”的关系了。
如果说 “所有程序” 与 “开始菜单”是复制粘贴关系，那么 “开始菜单”与“回收站”则是剪切粘贴关系。
那么这时候应该用“所有程序”还是“回收站”呢？归根结底是信息初始化的问题。
在windows系统里，用户根据需要从 “所有程序” 发送链接到“开始菜单”，这是“初始为空，按需增加”的过程。在互联网产品里，比如用户在开心网上安装一个应用，这个应用在应用列表中并不会消失，只会标记“已安装”。这也是 “初始为空，按需增加”的过程。
月漓这个项目场景则是“初始为全，按需删减”，如果用“所有程序”那么初始情况下会出现两个“所有程序”，难怪有同学提出：信息太重了。
最后，把个人观点总结成一句绕口令：
1、  列表初始内容为空的时候，应该用“所有程序”，信息从“所有程序”复制到列表
2、  列表初始内容为全的时候，应该用“回收站”，信息从列表剪切到“回收站”
]]></description>
			<content:encoded><![CDATA[<p>本周团队内部设计师交流会上，月漓同学的原型评审中一个问题引发了一段长时间的讨论。这是一个用户自定义导航链接的交互设计任务，用户可以对List A和List B的链接做排序和隐藏操作，与windows开始菜单非常相似。</p>
<p><img class="alignnone size-full wp-image-497" title="l1" src="http://www.heyux.com/wp-content/uploads/2010/03/l1.png" alt="l1" width="545" height="316" /></p>
<p>月漓的做法如下，鼠标悬停在ListA下的链接a2上，出现一个删除按钮。</p>
<p><img class="alignnone size-full wp-image-498" title="l2" src="http://www.heyux.com/wp-content/uploads/2010/03/l2.png" alt="l2" width="544" height="316" /></p>
<p>点击删除a2后，List  A中的a2消失。同时所有菜单中的a2变灰，显示“已隐藏”文案，增加一个“显示”链接。</p>
<p><img class="alignnone size-full wp-image-499" title="l3" src="http://www.heyux.com/wp-content/uploads/2010/03/l3.png" alt="l3" width="544" height="316" /></p>
<p>先来回想一下windows “开始菜单”的操作方式：点击“所有程序”弹出程序列表，选择某个程序点击右键“附到开始菜单”。该程序会出现在“开始菜单”中，在“所有程序”中也不会消失。也就是说“开始菜单”是“所有程序”子集。月漓的方案正是这个思路。</p>
<p>之后有同学提出不同意见，认为已删除和未删除的链接都出现在右侧区域内意义不大，只需要把已删除的链接展示出来即可。把“查看所有菜单”改成“查看其它菜单”，显示已隐藏的链接。理由是用户不用看到重复的信息。</p>
<p><img class="alignnone size-full wp-image-500" title="l4" src="http://www.heyux.com/wp-content/uploads/2010/03/l4.png" alt="l4" width="546" height="318" /></p>
<p>按照这种思路，两者就变成“开始菜单”与“回收站”的关系了。</p>
<p>如果说 “所有程序” 与 “开始菜单”是复制粘贴关系，那么 “开始菜单”与“回收站”则是剪切粘贴关系。</p>
<p>那么这时候应该用“所有程序”还是“回收站”呢？归根结底是<strong>信息初始化</strong>的问题。</p>
<p>在windows系统里，用户根据需要从 “所有程序” 发送链接到“开始菜单”，这是“初始为空，按需增加”的过程。在互联网产品里，比如用户在开心网上安装一个应用，这个应用在应用列表中并不会消失，只会标记“已安装”。这也是 “初始为空，按需增加”的过程。</p>
<p>月漓这个项目场景则是“初始为全，按需删减”，如果用“所有程序”那么初始情况下会出现两个“所有程序”，难怪有同学提出：信息太重了。</p>
<p>最后，把个人观点总结成一句绕口令：</p>
<p>1、  列表初始内容为空的时候，应该用“所有程序”，信息从“所有程序”复制到列表</p>
<p>2、  列表初始内容为全的时候，应该用“回收站”，信息从列表剪切到“回收站”</p>
]]></content:encoded>
			<wfw:commentRss>http://www.heyux.com/2010/03/23/all_program-recycle/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>注意力经济和声誉经济的价值</title>
		<link>http://www.heyux.com/2010/02/01/%e6%b3%a8%e6%84%8f%e5%8a%9b%e7%bb%8f%e6%b5%8e%e5%92%8c%e5%a3%b0%e8%aa%89%e7%bb%8f%e6%b5%8e%e7%9a%84%e4%bb%b7%e5%80%bc/</link>
		<comments>http://www.heyux.com/2010/02/01/%e6%b3%a8%e6%84%8f%e5%8a%9b%e7%bb%8f%e6%b5%8e%e5%92%8c%e5%a3%b0%e8%aa%89%e7%bb%8f%e6%b5%8e%e7%9a%84%e4%bb%b7%e5%80%bc/#comments</comments>
		<pubDate>Tue, 02 Feb 2010 03:31:19 +0000</pubDate>
		<dc:creator>玄化</dc:creator>
				<category><![CDATA[读书笔记]]></category>
		<category><![CDATA[免费]]></category>
		<category><![CDATA[关注度]]></category>
		<category><![CDATA[声誉]]></category>
		<category><![CDATA[注意力]]></category>
		<category><![CDATA[非货币市场]]></category>

		<guid isPermaLink="false">http://www.heyux.com/?p=491</guid>
		<description><![CDATA[         最近在看《免费》一书，里面提到非货币经济，有点意思。书中提到非货币市场(如图)，说“ 当钞票不再是市场上最重要的交易信号的时候，‘注意力经济’和‘声誉经济’的地位和价值陡然提升。”突然一下发现周围都是注意力经济和声誉经济。

         网络让人之间、物之间、人和物之间的关系越来越错综复杂，人们纷纷的想尽办法去提高注意力和声誉，因为注意力和声誉一旦量化将会成为直接的金钱。举例说明在facebook和myspace中，人们靠认识结交朋友的多少来提高自己的关注度和声誉，同时免费使用facebook和myspace的产品。而facebook和myspace也需要这些会员通过他们的产品来更多的认识朋友传播他们的品牌提高他们的产品、网站的关注度和声誉，这些东西一旦量化就将成为真金白银。同样在电子商务市场（淘宝和ebay）也是如此，当商品数量和店铺数量激增达到庞大的数字时，提高关注度和声誉也将势在必行。为了提高注意力和声誉，评价体系应运而生。通过评价体系卖家可以获得更多的关注和声誉，当然这些就可以转化成他们的生意了（这也难怪刷钻和炒作信誉的出现），同时声誉好的卖家越多也可以提高电子商务平台的声誉。这种互助互利的交换，双方都获得了想得到的利益。
        这种看不见直接钱交易的劳动互换，反而威力巨大。想想为什么会威力巨大呢。这里会提到一个经济学里的概念：一个充裕市场的出现将伴随着一个（匮乏）稀缺市场的诞生。对，没错。提高注意力和声誉就是这样一个稀缺市场，它是伴随着互联网中复杂的关系和羊群效应的出现而诞生的。理论上网络的存在可以使得注意力和声誉无限的放大。
        随着网络或者说数字产品走向低价或是免费，注意力和声誉将成为互换和互助的重要砝码。当然互换和互助最终也得转换成线下实物的交换和服务，形成最终的价值。
参考资料：

]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.douban.com/subject/3932520/"></a>         最近在看《免费》一书，里面提到非货币经济，有点意思。书中提到非货币市场(如图)，说“ 当钞票不再是市场上最重要的交易信号的时候，‘注意力经济’和‘声誉经济’的地位和价值陡然提升。”突然一下发现周围都是注意力经济和声誉经济。</p>
<p><img title="模式4" src="http://www.heyux.com/wp-content/uploads/2010/02/模式4.png" alt="模式4" width="486" height="486" /></p>
<p>         网络让人之间、物之间、人和物之间的关系越来越错综复杂，人们纷纷的想尽办法去提高注意力和声誉，因为注意力和声誉一旦量化将会成为直接的金钱。举例说明在facebook和myspace中，人们靠认识结交朋友的多少来提高自己的关注度和声誉，同时免费使用facebook和myspace的产品。而facebook和myspace也需要这些会员通过他们的产品来更多的认识朋友传播他们的品牌提高他们的产品、网站的关注度和声誉，这些东西一旦量化就将成为真金白银。同样在电子商务市场（淘宝和ebay）也是如此，当商品数量和店铺数量激增达到庞大的数字时，提高关注度和声誉也将势在必行。为了提高注意力和声誉，评价体系应运而生。通过评价体系卖家可以获得更多的关注和声誉，当然这些就可以转化成他们的生意了（这也难怪刷钻和炒作信誉的出现），同时声誉好的卖家越多也可以提高电子商务平台的声誉。这种互助互利的交换，双方都获得了想得到的利益。</p>
<p>        这种看不见直接钱交易的劳动互换，反而威力巨大。想想为什么会威力巨大呢。这里会提到一个经济学里的概念：一个充裕市场的出现将伴随着一个（匮乏）稀缺市场的诞生。对，没错。提高注意力和声誉就是这样一个稀缺市场，它是伴随着互联网中复杂的关系和羊群效应的出现而诞生的。理论上网络的存在可以使得注意力和声誉无限的放大。</p>
<p>        随着网络或者说数字产品走向低价或是免费，注意力和声誉将成为互换和互助的重要砝码。当然互换和互助最终也得转换成线下实物的交换和服务，形成最终的价值。</p>
<p><strong>参考资料：</strong>
<p><a href="http://www.douban.com/subject/3932520/"><strong><img style="float:left;padding:0 20px 20px 0;border:0" src="http://t.douban.com/mpic/s3970994.jpg" alt="" /></strong></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.heyux.com/2010/02/01/%e6%b3%a8%e6%84%8f%e5%8a%9b%e7%bb%8f%e6%b5%8e%e5%92%8c%e5%a3%b0%e8%aa%89%e7%bb%8f%e6%b5%8e%e7%9a%84%e4%bb%b7%e5%80%bc/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>交互设计师-成功有效的团体沟通（3）</title>
		<link>http://www.heyux.com/2010/01/25/how-to-be-user-expirence-designer/</link>
		<comments>http://www.heyux.com/2010/01/25/how-to-be-user-expirence-designer/#comments</comments>
		<pubDate>Mon, 25 Jan 2010 15:37:21 +0000</pubDate>
		<dc:creator>老三</dc:creator>
				<category><![CDATA[设计分享]]></category>
		<category><![CDATA[读书笔记]]></category>

		<guid isPermaLink="false">http://www.heyux.com/?p=486</guid>
		<description><![CDATA[
本文主要涉及三个部分内容：

演讲的基本要素
演讲、演讲人、听众
有利演说的挑战（提高技艺）


有利演说的基本要素
增进信心

造成演讲恐惧心理的几个事实

并非只有你害怕当众演讲，仅仅是不习惯
80%~90%的成功演讲者在最开始的演讲中都会有林场恐惧症，所以你的临场恐惧和大家都一样。适当的临场恐惧是有用的，当你发现自己的脉搏加速、呼吸急促，别着急，这都是你身体对外界刺激的警觉反应，也随时预备高要采取行动。假如这些生理上的反应都在合理范围之类，反而可以帮助你想得更快，讲得更流利，一般来说，都比在正常情况下要显得更有效率。
对于大部分人来说，公开演讲是个“未知量”，因此充满了焦虑和恐惧因素。对于刚开始的人来说，公开演讲是一系列错综复杂的陌生状态，很像是刚学开车一样。要使这种让人恐惧的状况变得简单容易，只有靠不停的练习。


正确的准备方法
只有充分准备的演讲者，才会有充分的信心。当你站在台上演讲的时候，你要做好防御任何“攻击”的准备，如果您没有做好准备，那当然会显得没有信心。当然，也不要把整篇演讲稿都一字不拉的记下来，要不然演讲会缺少活力。

理清思路
理清自己的思路，完善的表达自己的想法。演讲完发现不知所云非常不靠谱的做法。你应该先好好思考自己的题目，使其渐趋成熟、深入……然后，再把这些想法变成文字——仅用简单的文字把想法固定下来，记录下来——这样会比较容易组织安排，使松散的观念变得有条理、有秩序。


下定必会成功的信心
就算不喜欢这个题目，但是还得去做的时候，何不把整个人“卖”给这个题目——坚定的信仰。仔细的研究题目，寻找在演讲中煽起信心之火的源头。
表现信心
演讲时变现出对题目的信心，如果你都对自己观点没有信息，如何让其他人对你的观点有信心？ 

快捷方法

由经验和研究中，找出你擅长谈论的话题

把自己的生活体验告诉我们
由自己的经历中寻找题目


对你的讲题感兴趣
热切的想和听众分享所讲的内容

演讲、演讲人、听众

主题不要过于分散
加强储备力量。
多用描述和例证

5W：何时、何地、何人、何事、为什么
演讲要和平时讲故事一样，有人物、有情节、有感情色彩。抽象和空泛是演讲的大地，训导式的演讲只会让听众厌倦。讲实例，讲凡人小事，这才是听众想要的。
利用对白使演讲变得戏剧化。


用明确、熟悉的字眼来制造图像。
“能够在你面前制造图像的演讲人，必定是个容易被了解的人。”
演讲要和平时讲故事一样，有人物、有情节、有感情色彩。抽象和空泛是演讲的大地，训导式的演讲只会让听众厌倦。讲实例，讲凡人小事，这才是听众想要的。抽象的风格都不好。你的句子应该都是石头、桌子、椅子、男人、女人等这一类具体、有生命的字眼。
一鸟在手，胜过二鸟在林。
下了很大的雨 —— 不下则已，一下便是倾盆大雨。
家禽 —— 一只白色的断腿小鸡
使谈话富有活力
演讲不应该是呆板、无感情的。要全力以赴，调用自己所有的热情，去高呼、去描绘、去感染每一个听总。要熟悉你要讲的题目，然后从自身的感受出发，将之扩展开来。

找出你最热切想要讲的题目
假如演讲人坚决相信某件事，而且又讲得很坚定，则必能吸引一定的支持者。
重新体验你对题目的感觉
演讲的时候不妨加入适量的情绪。别抑制自己真正的感受，别把自己炙热的请同感冷却下来。让听众知道，你对这个题目如何感兴趣，如何愿意谈论这个话题，你便可以吸引住听众的注意力。
要做得煞有其事
当你上台演讲的时候，要显得胸有成竹，不要像是被送上断头台似的。


与听众分享谈话的内容
演讲不是自己讲话自己听，而是要向听众传达信息。在这一过程中，你的态度觉得了听众的态度。放下身段，用真诚、谦虚来影响听众。

顾及听众的兴趣。
给予最诚挚的赞赏
与听众合二为一
在你开始讲话之后，尽快想办法讲些能与听众建立起关系的话来。
让听众参与你的演讲
采取较低姿势



有力演说的挑战
如何组织长篇大论

要立刻引起听众的注意

以举例证开始
制造悬疑性
陈述一个引人注意的事实
要听众举手反应。
告诉听众，他们可以获得什么好处。
利用展示。


避免令人不愉快的注意

避免一开始便说道歉的话
避免一开始使用“滑稽”的故事


支持你的主要观念

利用统计资料
利用专家的见证
利用类推法
利用示范表演


要求行动

总结说明
在长篇演讲里，演讲很容易涵盖较多题材，因此到了结尾的时候，听众不免对先前所讲的有点模糊不清，不能有个完整的概念。许多演讲人往往忽略了这点，以为听众会像自己一样，对这些概念清清楚楚。其实不然，因为演讲人对这些概念是经过长期思考，因而熟记于心。但这些对听众都完全是崭新的概念，所以在结尾时应对演讲做一个总结。
要求行动
演讲完了之后，清楚的告诉听众要他们做什么，以达到演讲的思想。



读卡耐基《成功有效的团体沟通》做出的读书笔记。
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.douban.com/subject/3365735/"><img src="http://t.douban.com/mpic/s3624155.jpg" alt="" /></a></p>
<h2>本文主要涉及三个部分内容：</h2>
<ul>
<li>演讲的基本要素</li>
<li>演讲、演讲人、听众</li>
<li>有利演说的挑战（提高技艺）</li>
</ul>
<p><span id="more-486"></span></p>
<h2>有利演说的基本要素</h2>
<h3>增进信心</h3>
<ul>
<li>造成演讲恐惧心理的几个事实
<ul>
<li>并非只有你害怕当众演讲，仅仅是不习惯<br />
80%~90%的成功演讲者在最开始的演讲中都会有林场恐惧症，所以你的临场恐惧和大家都一样。适当的临场恐惧是有用的，当你发现自己的脉搏加速、呼吸急促，别着急，这都是你身体对外界刺激的警觉反应，也随时预备高要采取行动。假如这些生理上的反应都在合理范围之类，反而可以帮助你想得更快，讲得更流利，一般来说，都比在正常情况下要显得更有效率。<br />
对于大部分人来说，公开演讲是个“未知量”，因此充满了焦虑和恐惧因素。对于刚开始的人来说，公开演讲是一系列错综复杂的陌生状态，很像是刚学开车一样。要使这种让人恐惧的状况变得简单容易，只有靠不停的练习。</li>
</ul>
</li>
<li>正确的准备方法<br />
只有充分准备的演讲者，才会有充分的信心。当你站在台上演讲的时候，你要做好防御任何“攻击”的准备，如果您没有做好准备，那当然会显得没有信心。当然，也<strong>不要把整篇演讲稿都一字不拉的记下来</strong>，要不然演讲会缺少活力。</p>
<ul>
<li>理清思路<br />
理清自己的思路，完善的表达自己的想法。演讲完发现不知所云非常不靠谱的做法。你应该先好好思考自己的题目，使其渐趋成熟、深入……然后，再把这些想法变成文字——仅用简单的文字把想法固定下来，记录下来——这样会比较容易组织安排，使松散的观念变得有条理、有秩序。</li>
</ul>
</li>
<li>下定必会成功的信心<br />
就算不喜欢这个题目，但是还得去做的时候，何不把整个人“卖”给这个题目——坚定的信仰。<strong>仔细的研究题目，寻找在演讲中煽起信心之火的源头</strong>。</li>
<li>表现信心<strong><br />
</strong>演讲时变现出对题目的信心，如果你都对自己观点没有信息，如何让其他人对你的观点有信心？<strong> </strong></li>
</ul>
<h3>快捷方法</h3>
<ul>
<li>由经验和研究中，找出你擅长谈论的话题
<ul>
<li>把自己的生活体验告诉我们</li>
<li>由自己的经历中寻找题目</li>
</ul>
</li>
<li>对你的讲题感兴趣</li>
<li>热切的想和听众分享所讲的内容</li>
</ul>
<h2>演讲、演讲人、听众</h2>
<ul>
<li>主题不要过于分散</li>
<li>加强储备力量。</li>
<li>多用描述和例证
<ul>
<li>5W：何时、何地、何人、何事、为什么<br />
演讲要和平时讲故事一样，有人物、有情节、有感情色彩。抽象和空泛是演讲的大地，训导式的演讲只会让听众厌倦。讲实例，讲凡人小事，这才是听众想要的。</li>
<li>利用对白使演讲变得戏剧化。</li>
</ul>
</li>
<li>用明确、熟悉的字眼来制造图像。<br />
<em>“能够在你面前制造图像的演讲人，必定是个容易被了解的人。”<br />
</em>演讲要和平时讲故事一样，有人物、有情节、有感情色彩。抽象和空泛是演讲的大地，训导式的演讲只会让听众厌倦。讲实例，讲凡人小事，这才是听众想要的。抽象的风格都不好。你的句子应该都是石头、桌子、椅子、男人、女人等这一类具体、有生命的字眼。<br />
一鸟在手，胜过二鸟在林。<br />
下了很大的雨 —— 不下则已，一下便是倾盆大雨。<br />
家禽 —— 一只白色的断腿小鸡</li>
<li>使谈话富有活力<br />
演讲不应该是呆板、无感情的。要全力以赴，调用自己所有的热情，去高呼、去描绘、去感染每一个听总。要熟悉你要讲的题目，然后从自身的感受出发，将之扩展开来。</p>
<ul>
<li>找出你最热切想要讲的题目<br />
假如演讲人坚决相信某件事，而且又讲得很坚定，则必能吸引一定的支持者。</li>
<li>重新体验你对题目的感觉<br />
演讲的时候不妨加入适量的情绪。别抑制自己真正的感受，别把自己炙热的请同感冷却下来。让听众知道，你对这个题目如何感兴趣，如何愿意谈论这个话题，你便可以吸引住听众的注意力。</li>
<li>要做得煞有其事<br />
当你上台演讲的时候，要显得胸有成竹，不要像是被送上断头台似的。</li>
</ul>
</li>
<li>与听众分享谈话的内容<br />
演讲不是自己讲话自己听，而是要向听众传达信息。在这一过程中，你的态度觉得了听众的态度。放下身段，用真诚、谦虚来影响听众。</p>
<ul>
<li>顾及听众的兴趣。</li>
<li>给予最诚挚的赞赏</li>
<li>与听众合二为一<br />
在你开始讲话之后，尽快想办法讲些能与听众建立起关系的话来。</li>
<li>让听众参与你的演讲</li>
<li>采取较低姿势</li>
</ul>
</li>
</ul>
<h2>有力演说的挑战</h2>
<p>如何组织长篇大论</p>
<ul>
<li>要立刻引起听众的注意
<ul>
<li>以举例证开始</li>
<li>制造悬疑性</li>
<li>陈述一个引人注意的事实</li>
<li>要听众举手反应。</li>
<li>告诉听众，他们可以获得什么好处。</li>
<li>利用展示。</li>
</ul>
</li>
<li>避免令人不愉快的注意
<ul>
<li>避免一开始便说道歉的话</li>
<li>避免一开始使用“滑稽”的故事</li>
</ul>
</li>
<li>支持你的主要观念
<ul>
<li>利用统计资料</li>
<li>利用专家的见证</li>
<li>利用类推法</li>
<li>利用示范表演</li>
</ul>
</li>
<li>要求行动
<ul>
<li>总结说明<br />
在长篇演讲里，演讲很容易涵盖较多题材，因此到了结尾的时候，听众不免对先前所讲的有点模糊不清，不能有个完整的概念。许多演讲人往往忽略了这点，以为听众会像自己一样，对这些概念清清楚楚。其实不然，因为演讲人对这些概念是经过长期思考，因而熟记于心。但这些对听众都完全是崭新的概念，所以在结尾时应对演讲做一个总结。</li>
<li>要求行动<br />
演讲完了之后，清楚的告诉听众要他们做什么，以达到演讲的思想。</li>
</ul>
</li>
</ul>
<p>读卡耐基《<a href="http://www.douban.com/subject/3365735/" target="_blank">成功有效的团体沟通</a>》做出的读书笔记。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.heyux.com/2010/01/25/how-to-be-user-expirence-designer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>卖家增值生产队，我们的2009</title>
		<link>http://www.heyux.com/2010/01/18/%e6%88%91%e4%bb%ac%e7%9a%842009/</link>
		<comments>http://www.heyux.com/2010/01/18/%e6%88%91%e4%bb%ac%e7%9a%842009/#comments</comments>
		<pubDate>Tue, 19 Jan 2010 06:28:27 +0000</pubDate>
		<dc:creator>kadylee</dc:creator>
				<category><![CDATA[设计分享]]></category>
		<category><![CDATA[淘宝UED]]></category>

		<guid isPermaLink="false">http://www.heyux.com/?p=484</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="400" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="align" value="middle" /><param name="src" value="http://player.youku.com/player.php/sid/XMTQ2Njc2MTI0/v.swf" /><param name="quality" value="high" /><embed type="application/x-shockwave-flash" width="480" height="400" src="http://player.youku.com/player.php/sid/XMTQ2Njc2MTI0/v.swf" quality="high" align="middle"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.heyux.com/2010/01/18/%e6%88%91%e4%bb%ac%e7%9a%842009/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>web设计团队角色关系</title>
		<link>http://www.heyux.com/2010/01/13/webrelationship/</link>
		<comments>http://www.heyux.com/2010/01/13/webrelationship/#comments</comments>
		<pubDate>Thu, 14 Jan 2010 05:33:48 +0000</pubDate>
		<dc:creator>rosa</dc:creator>
				<category><![CDATA[设计分享]]></category>

		<guid isPermaLink="false">http://www.heyux.com/?p=480</guid>
		<description><![CDATA[一个国外设计师定义的web团队的角色之间的关系，如图。个人感觉还是定义的蛮科学的。
原文地址：http://blog.braintraffic.com/2010/01/behold-the-mighty-hive/


]]></description>
			<content:encoded><![CDATA[<p>一个国外设计师定义的web团队的角色之间的关系，如图。个人感觉还是定义的蛮科学的。</p>
<pre style="font: normal normal normal 12px/18px Consolas, Monaco, 'Courier New', Courier, monospace; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: Arial, Helvetica, sans-serif; word-wrap: break-word; white-space: pre-wrap; width: 590px; overflow-x: hidden; overflow-y: hidden; word-break: break-all; padding: 0px;">原文地址：<a style="cursor: pointer; color: #666699; text-decoration: none;" rel="nofollow" href="http://blog.braintraffic.com/2010/01/behold-the-mighty-hive/" target="_blank">http://blog.braintraffic.com/2010/01/behold-the-mighty-hive/</a></pre>
<p><img class="alignnone size-full wp-image-481" title="p56715623-1" src="http://www.heyux.com/wp-content/uploads/2010/01/p56715623-1.jpg" alt="p56715623-1" width="600" height="293" /></p>
<pre style="margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family: Arial, Helvetica, sans-serif; word-wrap: break-word; white-space: pre-wrap; width: 590px; overflow-x: hidden; overflow-y: hidden; word-break: break-all; padding: 0px;"></pre>
]]></content:encoded>
			<wfw:commentRss>http://www.heyux.com/2010/01/13/webrelationship/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
