<?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>Yecoir &#187; 其他的 [OTHER]</title>
	<atom:link href="http://www.yecoir.com/?feed=rss2&#038;cat=18" rel="self" type="application/rss+xml" />
	<link>http://www.yecoir.com</link>
	<description>设计 图片 生活日志</description>
	<lastBuildDate>Wed, 01 Sep 2010 01:59:38 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>[教程] 如何制作一张3D复古拼贴海报 Part II</title>
		<link>http://www.yecoir.com/?p=658</link>
		<comments>http://www.yecoir.com/?p=658#comments</comments>
		<pubDate>Tue, 27 Jul 2010 09:45:06 +0000</pubDate>
		<dc:creator>yecoir</dc:creator>
				<category><![CDATA[其他的 [OTHER]]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[拼贴]]></category>
		<category><![CDATA[插画教程]]></category>

		<guid isPermaLink="false">http://www.yecoir.com/?p=658</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图片。
祝愉快~
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;与本教程无关的分割线&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;
你是否遇到过这样的问题……
在photoshop里看到的图片颜色与在windows照片查看器里看到的颜色相差很多。
解决办法如下：
电脑：控制面板&#62;外观和个性化&#62;显示&#62;屏幕分辨率&#62;高级设置&#62;颜色管理&#62;设备配置文件。选“sRGB IEC61966-2.1”
photoshop：文件&#62;新建&#62;颜色配置文件。选相同的“sRGB IEC61966-2.1”
这样就没问题了：）


感谢万能的技术大拿悟玄老师的小技巧分享：）
]]></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" /><br />
<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>第二步<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" /><br />
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" /><br />
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" /><br />
现在你的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" /><br />
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" /><br />
设置完成后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" /><br />
第三步<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" /><br />
第四步<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" /><br />
没错，现在已经有一些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" /><br />
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" /><br />
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" /><br />
好~再戴上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" /><br />
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" /><br />
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" /><br />
第六步<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" /><br />
02.拼合“3D”下方的文字和阴影层，并复制一个。<br />
将其中一个向左移动至与“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" /><br />
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" /><br />
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" /><br />
但是我们看到跟恐龙叠加在一起的副标题部分还需要处理一下。<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" /><br />
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" /><br />
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" /><br />
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" /><br />
向下拼合该层，然后命名为“副标题”。<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" /><br />
第六步<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" /><br />
向下拼合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" /><br />
向下拼合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>至此，本教程基本结束。<br />
当然你可以根据自己的兴趣继续添加好玩的效果。<br />
你也可以运用本教程中提到的各种PS技巧，将自己的照片做成好玩的3D图片。<br />
祝愉快~</p>
<p><span style="color: #ff99cc;">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;与本教程无关的分割线&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</span></p>
<p>你是否遇到过这样的问题……<br />
在photoshop里看到的图片颜色与在windows照片查看器里看到的颜色相差很多。<br />
解决办法如下：<br />
电脑：控制面板&gt;外观和个性化&gt;显示&gt;屏幕分辨率&gt;高级设置&gt;颜色管理&gt;设备配置文件。选“sRGB IEC61966-2.1”<br />
photoshop：文件&gt;新建&gt;颜色配置文件。选相同的“sRGB IEC61966-2.1”<br />
这样就没问题了：）<br />
<img class="alignleft size-full wp-image-706" title="1" src="http://www.yecoir.com/wp-content/uploads/2010/07/110.jpg" alt="1" width="550" height="602" /><br />
<img class="alignleft size-full wp-image-707" title="2" src="http://www.yecoir.com/wp-content/uploads/2010/07/210.jpg" alt="2" width="550" height="602" /><br />
感谢万能的技术大拿<a href="http://t.sina.com.cn/mouce">悟玄老师</a>的小技巧分享：）</p>
]]></content:encoded>
			<wfw:commentRss>http://www.yecoir.com/?feed=rss2&amp;p=658</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[教程] 如何制作一张3D复古拼贴海报 Part I</title>
		<link>http://www.yecoir.com/?p=598</link>
		<comments>http://www.yecoir.com/?p=598#comments</comments>
		<pubDate>Mon, 26 Jul 2010 02:50:18 +0000</pubDate>
		<dc:creator>yecoir</dc:creator>
				<category><![CDATA[其他的 [OTHER]]]></category>
		<category><![CDATA[拼贴]]></category>
		<category><![CDATA[插画教程]]></category>

		<guid isPermaLink="false">http://www.yecoir.com/?p=598</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>好~先来看看今天这部分的最终效果：<br />
<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" /><br />
<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" /><br />
由于后面添加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>第二步<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>第三步<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" /><br />
02.ctrl+L打开“色阶”，调整至以下效果：<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" /><br />
03.这时可以打开其他层通道做对比，用黑色笔刷仔细将建筑物轮廓线以内填满，细节处适当借助钢笔工具。这个区域将是你最后保留的区域（所以天空位置如有黑色应该用白色填充）。<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" /><br />
04.关掉其他颜色通道后检查一下，没错应该是这样的：<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" /><br />
05.选中蓝色副本通道，点“载入选区”按钮：<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" /><br />
06.然后，点选RGB通道如下图:<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" /><br />
选好了吗？点“Delete”删除键。<br />
07.现在抠图的工作已经完成，删除“蓝 副本”通道。回到图层面板，这就是我们要的结果:<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>第四步<br />
01.现在打开天空的图片并拖到我们的场景中，调整大小，放在city图层下面命名为“clouds”。<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" /><br />
我们看到主体场景已经出来了，但建筑跟天空的光影关系结合得并不算太好，别急，稍作调整。</p>
<p>02.选择“city”层，双击进入图层样式，点选“光泽”，按照下图参数进行设置。<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" /><br />
03.现在，建筑物的明暗更加明显，并且跟天空发出的光源方向基本融合了：<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" /><br />
04.但是这样还不够，选回“clouds”层，创建新的填充或调整图层 〉照片滤镜，进行如下设置：<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" /><br />
<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" /><br />
05.现在的结果：<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" /><br />
现在的整个场景基本达到了我们要的氛围，差强人意的是街道上过于悠闲的人……<br />
当然我们可以用“克隆图章”工具把他们P掉，但考虑到之后的工作可以用其他前景物进行遮挡，所以为了节省时间暂时不做处理了。</p>
<p>第五步<br />
这一步的主要任务是把恐龙置入场景。这里我选择了一张3D渲染的图片素材（因为实在没找着更好的）。<br />
01.按照下图位置置入并用之前建筑图层的抠图方法把背景去掉。<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" /><br />
结果：<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" /><br />
02.给被怪物冲过的街道和建筑添加一些残破的效果，把Destruction_1、Destruction_2俩图拖入层中，至于建筑物周围。<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" /><br />
03.合并俩层，再来点动感模糊吧……<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" /><br />
04.现在给恐龙添加投影。<br />
（1）复制恐龙的图层命名为“Monster shadow”并把该层置于恐龙层下，填充为黑色。<br />
（2）编辑〉变换〉垂直翻转<br />
（3）Ctrl+T 自由变换<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" /><br />
但你知道，阳光从后上方射过来，投影肯定有一部分是被身体遮挡，不可能出现如此清晰的剪影。<br />
所以请发挥想象力自行修改一些局部的影子轮廓。<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" /><br />
设置阴影层不透明度为60%，高斯模糊为5。<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" /><br />
第六步<br />
用上一步骤的方法，加入一些奔跑的士兵。注意影子的位置，它应该是在恐龙后面的。<br />
<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" /><br />
第七步<br />
选择“矩形工具”，在图下方做一个遮挡，颜色值为#605d39。这是接下来填写文案的位置。<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" /><br />
第八步<br />
把主体人物置入画面中，抠图步骤不再赘述。<br />
当然不是每一张你选择的图片都能非常适合场景的环境，无论在颜色还是明度上多少都需要一些调整和修改。<br />
这里我提供直接去掉背景的PSD文件，节省大家的时间。<br />
日后在设计自己的插图时你会发现，其实抠图改图也是一种乐趣。：）<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" /><br />
第九步<br />
下面添加一点趣味性，从小枪里发出一缕光束。用钢笔工具勾画，颜色值为#cdac5f，填充50%。<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" /><br />
第十步<br />
到这里我觉得有必要再统一一次颜色。从“创建新的填充或调整图层”去“照片滤镜”，按下图设置。<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" /><br />
现在我们得到的结果是这样的：<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" /><br />
第十一步<br />
到了该添加标题文字的时候了。<br />
现在我决定休息一下，顺便检查整个画面……<br />
做图的过程就是这样，有时你盯着画面一两个小时后会有一定的惯性或审美疲劳，很难发现其中的问题。<br />
这时不妨换换脑子休息一下，或者邀请别人来看下你的画面。<br />
不要吝啬把做图的过程步骤与别人分享，这对自己来说也是很好的进步的机会。（真虚伪……）<br />
话说回来，最后我发现，中间建筑边缘的线条过于平均、天空细节过于丰富跟前景抢视觉，这些都使画面看起来不那么顺眼。<br />
接下来调整一下吧。<br />
01.我希望画面中的建筑剪影高低错落，有节奏感。<br />
查看整个画面，我发现右边那部分是可以改动的，而且很简单，复制一层楼上去就可以了。<br />
首先复制出另一个city图层，用钢笔工具勾出你需要的部分&gt;&gt;&gt;建立选区&gt;&gt;&gt;反选&gt;&gt;&gt;删除多余的。<br />
把这层楼拉高到合适的位置。如下：<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" /><br />
02.选择天空图片所在的图层，将其水平翻转，调至合适的位置。<br />
再来看看结果：<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" /><br />
好了，图片部分暂时这样。我们开始下一部分&#8212;&#8211;字体。</p>
<p>第十二步<br />
无论在一张海报还是宣传单或者名片封面的设计中，字体的选择都是成败的关键。<br />
关于如何使用恰当的字体有很多资料可供学习，在这里不是讨论的重点。<br />
关于标题，我需要一款类似于六七十年代武打片或科幻片那种字体。就像《恐龙特急克塞号》。<br />
可是在我有限的字体库里实在找不到合适的，只能用钢笔工具画一个。<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" /><br />
第十三步<br />
把字体置入图中。<br />
01.Ctrl+T自由变换〉透视〉斜切。最终如下图：<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" /><br />
02.复制该图层填充较深颜色，向右下方稍微移动做为文字的阴影。<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" /><br />
03.下面要把恐龙的嘴露出来：复制恐龙图层，勾选被文字遮挡部分，删除其余，拖到文字上方。<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" /><br />
04.调整文字位置（向下稍微移动一点就好了），现在的效果：<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" /><br />
05.置入副标题和其他文字。这里副标字体为“方正汉真广标简体”颜色为#c3ee85，变换〉斜切；小字为“方正兰亭特黑长_GBK”颜色#dcd4ab。同时把主标题颜色改为#f8f2d2。<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>第十四步<br />
再次检查图像，整体调整。<br />
01.还记得前面给建筑物做的残破肌理吗？可以再强烈一点。复制&gt;水平翻转，移至适当位置。<br />
02.主体人物枪的光速，复制该图层，拖到原图层下面，动感模糊。<br />
03.光速原图层前面缩窄，高斯模糊15。<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" /><br />
做好了吗？<br />
明天我们继续利用这张海报添加3D效果~<br />
请自备3D眼镜：）</p>
]]></content:encoded>
			<wfw:commentRss>http://www.yecoir.com/?feed=rss2&amp;p=598</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>推荐</title>
		<link>http://www.yecoir.com/?p=554</link>
		<comments>http://www.yecoir.com/?p=554#comments</comments>
		<pubDate>Thu, 08 Jul 2010 12:13:49 +0000</pubDate>
		<dc:creator>yecoir</dc:creator>
				<category><![CDATA[其他的 [OTHER]]]></category>
		<category><![CDATA[涂鸦]]></category>

		<guid isPermaLink="false">http://www.yecoir.com/?p=554</guid>
		<description><![CDATA[好玩的在线涂鸦网站
用鼠标定位也很准~而且笔有压感~
下面是刚才“测试”随手涂的~

]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.zefrank.com/scribbler/scribblertoo/"><span style="color: #339966;">好玩的在线涂鸦网站</span></a><br />
用鼠标定位也很准~而且笔有压感~<br />
下面是刚才“测试”随手涂的~<br />
<img class="alignleft size-full wp-image-555" title="未标题-2" src="http://www.yecoir.com/wp-content/uploads/2010/07/未标题-2.jpg" alt="未标题-2" width="550" height="550" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.yecoir.com/?feed=rss2&amp;p=554</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>残的~</title>
		<link>http://www.yecoir.com/?p=516</link>
		<comments>http://www.yecoir.com/?p=516#comments</comments>
		<pubDate>Sun, 04 Jul 2010 19:17:24 +0000</pubDate>
		<dc:creator>yecoir</dc:creator>
				<category><![CDATA[其他的 [OTHER]]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.yecoir.com/?p=516</guid>
		<description><![CDATA[想画的东西没时间画~该做的东西又做不出来~
这不能全赖时间~实在是自己太没正事儿了~得反省~
没工作的周末也没见你画画啊~整天瞎玩儿~
本以为一天能做仨页面~结果三天做出一个~
真的可以去死了！
而且已经有预感~此稿必飞机~

还有一张相对好玩的~

]]></description>
			<content:encoded><![CDATA[<p>想画的东西没时间画~该做的东西又做不出来~<br />
这不能全赖时间~实在是自己太没正事儿了~得反省~<br />
没工作的周末也没见你画画啊~整天瞎玩儿~<br />
本以为一天能做仨页面~结果三天做出一个~<br />
真的可以去死了！</p>
<p>而且已经有预感~此稿必飞机~<br />
<img src="http://www.yecoir.com/wp-content/uploads/2010/07/index-s.jpg" alt="index-s" title="index-s" width="550" height="1111" class="alignleft size-full wp-image-517" /></p>
<p>还有一张相对好玩的~<br />
<img src="http://www.yecoir.com/wp-content/uploads/2010/07/首页s.jpg" alt="首页s" title="首页s" width="550" height="1115" class="alignleft size-full wp-image-518" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.yecoir.com/?feed=rss2&amp;p=516</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
