<?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>IDloveto &#187; photoshop教程</title>
	<atom:link href="http://www.idloveto.com.cn/post/category/wd/ps-tutorials/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.idloveto.com.cn</link>
	<description>criss's blog</description>
	<lastBuildDate>Fri, 02 Jul 2010 07:27:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>国外优秀PS基础教程翻译&#8211;图层（layers）&#124;IDloveto</title>
		<link>http://www.idloveto.com.cn/post/pstutoriallayer/</link>
		<comments>http://www.idloveto.com.cn/post/pstutoriallayer/#comments</comments>
		<pubDate>Thu, 03 Sep 2009 09:21:07 +0000</pubDate>
		<dc:creator>criss</dc:creator>
				<category><![CDATA[photoshop教程]]></category>
		<category><![CDATA[国外PS教程]]></category>
		<category><![CDATA[图层]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[PS]]></category>

		<guid isPermaLink="false">http://www.idloveto.com.cn/post/%e5%9b%be%e5%b1%82%ef%bc%88layers%ef%bc%89idloveto/</guid>
		<description><![CDATA[原文地址链接：Working With Layers In Photoshop 作者：David Leggett 大卫·莱格特 有兴趣请移步观看更多：tutorial9&#124;photoshop 由于是翻译的所以和作者的原文会略有出入，当然还是保持作者原来的风格~ ... ]]></description>
			<content:encoded><![CDATA[<p>原文地址链接：<a href="http://www.tutorial9.net/photoshop/working-with-layers-in-photoshop/" target="_blank">Working With Layers In Photoshop</a> 作者：David Leggett 大卫·莱格特</p>
<p>有兴趣请移步观看更多：<a href="http://www.tutorial9.net/photoshop" target="_blank">tutorial9|photoshop</a></p>
<p>由于是翻译的所以和作者的原文会略有出入，当然还是保持作者原来的风格~</p>
<p>在Photoshop中，图层（layers）的作用是对图片独立的一部分进行编辑而不影响其他部分。形象点说图层就像是一张张堆叠在一起的透明纸张，他们能够随意改变上下重叠的位置，并且每一个图层都能够独立作业而不影响到其他图层，当你把这些图层堆叠到一起是，就是你想要的图片！</p>
<p> </p>
<h1><span style="color: #008080;">关于图层的详细解释</span></h1>
<p>请看如下在Photoshop中得到的图像：</p>
<p><a href="http://idloveto.com.cn/wp-content/uploads/2009/09/exampledocument.gif"><img class="alignnone" style="border: 0pt none; display: inline; margin-left: 0px; margin-right: 0px;" title="example-document" src="http://idloveto.com.cn/wp-content/uploads/2009/09/exampledocument_thumb.gif" border="0" alt="example-document" width="397" height="146" align="left" /></a></p>
<p style="text-align: left;"> </p>
<p style="text-align: left;"> </p>
<p style="text-align: left;"> </p>
<p style="text-align: left;"> </p>
<p> </p>
<p> </p>
<p> </p>
<p>怎么看，这都只是一张简单的平面图片，然而在Photoshop中，这个其实层层堆叠在一起的4个分开的图层：一个蓝色的背景图层；两个分开的T9(Tutorial 9)云朵，以及最上层的T9的文本图层。（见下图）</p>
<p><a href="http://idloveto.com.cn/wp-content/uploads/2009/09/photoshoplayersdiagram.jpg"><img class="alignnone" style="border: 0pt none; display: inline; margin-left: 0px; margin-right: 0px;" title="photoshop-layers-diagram" src="http://idloveto.com.cn/wp-content/uploads/2009/09/photoshoplayersdiagram_thumb.jpg" border="0" alt="photoshop-layers-diagram" width="459" height="265" align="left" /></a></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>所以你可以看到，图层更像是层层堆叠的透明体，没一层上都有不同的(上面一个图层的)叠影。</p>
<p>OK，让我把理论结合实践吧~</p>
<p> </p>
<h1><span style="color: #008080;">在Photoshop中如何使用图层？</span></h1>
<p><span style="color: #008080;"><br />
</span></p>
<p>为了您能更方便滴理解图层的使用，最好的办法就是打开你的Photoshop自己尝试一下。</p>
<p>P.S. 为了显示这个教程的效果，我特意把作者的展示图片换成了我自己练习的图片，一来显得的确很简单，二来我的界面是中文的，大家方便看懂咯~ 当然内容和原文作者的还是一致的！</p>
<p>新建一个<strong>400*400像素</strong>，<strong>分辨率为72像素/英寸 </strong>的图像。</p>
<p><a href="http://idloveto.com.cn/wp-content/uploads/2009/09/eec37a9d0b32.png"><img style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; margin-right: 0px; border-right-width: 0px" title="图像规格" src="http://idloveto.com.cn/wp-content/uploads/2009/09/thumb.png" border="0" alt="图像规格" width="300" height="187" align="left" /></a></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>我们将用图层制作出如下图像：</p>
<p><a href="http://idloveto.com.cn/wp-content/uploads/2009/09/d0b976c081b5.png"><img style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" title="最终效果" src="http://idloveto.com.cn/wp-content/uploads/2009/09/thumb1.png" border="0" alt="最终效果" width="403" height="403" /></a></p>
<p> <span id="more-383"></span></p>
<h2><span style="color: #800000;">填充背景色</span></h2>
<p>通常地，当我们在Photoshop里面工作的时候，我的习惯是按照从背景层到顶部图层的顺序（这应该是因为图像也是这样被观看者观察的），所以一开始我们先将背景层填充为暗绿色。</p>
<p><strong>选择一个暗绿色背景</strong> 首先点击选择你的前景色出现如下页面，通过色条（这个名字叫啥我也不是很清楚···）选择一个合适的颜色，或者干脆些，你可以在下图黄色部分“#”后面直接输入<em>36442a</em>得到我们需要的颜色即可。</p>
<p><a href="http://idloveto.com.cn/wp-content/uploads/2009/09/a1f04ef44adf.png"><img style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; margin-right: 0px; border-right-width: 0px" title="选择背景颜色" src="http://idloveto.com.cn/wp-content/uploads/2009/09/thumb2.png" border="0" alt="选择背景颜色" width="499" height="336" align="left" /></a></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>点击确认选择刚才所选的颜色。 现在在工具栏中选择 <strong>填充工具</strong>（就是那只小油桶），在图像的任何部位点击一下即可将将整个背景图层颜色填充为刚才选择的前景色。</p>
<p> </p>
<h2><span style="color: #800000;">创建一个新图层</span></h2>
<p>让我们快速浏览一下浮动窗口的图层面板，看一下一些基本的功能：</p>
<p><a href="http://idloveto.com.cn/wp-content/uploads/2009/09/2c53312117eb.jpg"><img style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; margin-right: 0px; border-right-width: 0px" title="图层面板文字" src="http://idloveto.com.cn/wp-content/uploads/2009/09/thumb.jpg" border="0" alt="图层面板文字" width="392" height="392" align="left" /></a></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>点击“<strong>新建图层</strong>”建立新图层（别跟我说你还不知道怎么新建···看上图或者下图的黄色区域）</p>
<p><a href="http://idloveto.com.cn/wp-content/uploads/2009/09/de20358d021b.png"><img style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; margin-right: 0px; border-right-width: 0px" title="新建图层" src="http://idloveto.com.cn/wp-content/uploads/2009/09/thumb3.png" border="0" alt="新建图层" width="244" height="215" align="left" /></a></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>正如你所看的的，我们又建立了一个叫做“图层1”的新图层 ，<strong>双击图层 </strong>名称可以对图层1 <strong>重命名</strong>。</p>
<p>当这个 <strong>图层被选中</strong>（既如上图高亮蓝色），你将在Photoshop文档的这个图层上单独工作。</p>
<p> </p>
<h2><span style="color: #800000;">绘制草丛</span></h2>
<p>在工具栏中选择 <strong>画笔工具</strong>，在Photoshop中已经预设了一个叫做“沙丘草”的画笔，我们将用这个画笔在我们的图像中绘制草（哎，不得不说··· 这个”草”字真的很不喜欢···）</p>
<p>在画笔工具的选项栏，打开预设画笔（出现在画笔2字右边的黑色向下的小箭头···囧！真的很贴心啊！），在下拉画笔列表中选择我们需要的“沙丘草”。</p>
<p><a href="http://idloveto.com.cn/wp-content/uploads/2009/09/8fb6cef32a8a.png"><img style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; margin-right: 0px; border-right-width: 0px" title="画笔工具" src="http://idloveto.com.cn/wp-content/uploads/2009/09/thumb4.png" border="0" alt="画笔工具" width="260" height="287" align="left" /></a></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>在这个教程里面偶们就不去详细滴讲这个笔画工具了， 但是您需要知道的是：画笔工具使用的前提是在不同颜色的背景和前景之间，所以在这里我们必须选择一个类似绿色来绘制沙丘草~</p>
<p>这边我们设置为<em>#19250f</em>（不知道怎么设置？，回到上面去看看吧···在填充背景色里面）</p>
<p>既然我们已经选好了合适的前景和背景色，那么我们就可以在新图层开始工作了~点击并按住左键并移动~（效果图我就不放上来了~）</p>
<p>接下来让我们添加文字吧~</p>
<p> </p>
<h2><span style="color: #800000;">文字工具</span></h2>
<p>选择 <strong>横排文字工具 </strong>（文字工具里面第一个就是了）， 设置<strong> 前景色</strong>为白色，在图中任何位置点击后即可开始打字~</p>
<p><img style="display: inline; margin-left: 0px; margin-right: 0px" src="http://www.tutorial9.net/wp-content/uploads/2008/03/type.jpg" alt="" align="left" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>写完之后， <strong>全选文字</strong>（怎么全选您不会不知道的吧？） 下面我们在 <strong>文字选线栏 </strong>里面设施 <strong>文字属性</strong>.</p>
<p>字体设置为 <strong>Arial </strong>字体样式为 <strong>Bold</strong> 大小为<strong> 60pt</strong>, 消除锯齿方式为 <strong>锐利 </strong>(这边声明一下···我crisp不知道怎么翻译，和中文版的PS对应不起来。这边消除锯齿就是消除图像边缘部分的粗糙，看起来能够更加平滑~)</p>
<p><img style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; margin-right: 0px; border-right-width: 0px" src="http://www.tutorial9.net/wp-content/uploads/2008/03/type-attributes.jpg" border="0" alt="" align="left" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>我们可以看到Photoshop已经在图层面板中建立了一个文字图层，注意文字图层名称会自动按照输入文字命名~</p>
<p><a><img style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; margin-right: 0px; border-right-width: 0px" title="文字图层" src="http://idloveto.com.cn/wp-content/uploads/2009/09/thumb5.png" border="0" alt="文字图层" width="291" height="256" align="left" /></a></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>OK,让我们调整文字图层的位置，以实现文字“躲”在草堆后面的效果~</p>
<p> </p>
<h2><span style="color: #800000;">移动图层</span></h2>
<p>我们首先要做的是把文字图层的位置改变，将他移动到草堆的下面。这样草堆就能够在文字图层的前端显示了~ 在图层面板中，<strong>点击并拖动文字图层 </strong>至草堆的下方。</p>
<p><a href="http://idloveto.com.cn/wp-content/uploads/2009/09/c8f16dd69544.png"><img style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin-left: 0px; margin-right: 0px; border-right-width: 0px" title="移动图层" src="http://idloveto.com.cn/wp-content/uploads/2009/09/thumb6.png" border="0" alt="移动图层" width="304" height="269" align="left" /></a></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>现在我们可以用 <strong>移动工具</strong>（工具栏最上面的箭头） 来改变文字出现在图像中的位置。 选中文字图层之后， 用 <strong>移动工具 </strong>拖动文字，在图像中移动（随便你往哪拖都行，我们的效果是把文字拖到草叶尖那儿）</p>
<p><img style="display: block; float: none; margin-left: auto; margin-right: auto" src="http://www.tutorial9.net/wp-content/uploads/2008/03/move-a-layer.gif" alt="" /></p>
<p>怎么样，很简单是吧···  现在你应该大概了解图层这玩意了吧~  让我们继续把图片完成，并学习一些其他功能！</p>
<p> </p>
<h2><span style="color: #800000;">透明度， 图层混合模式和填充选项</span></h2>
<p>我们再新建一个图层，它将位于文字图层和背景图层之间。 用 <strong>椭圆选框工</strong>具（可能隐藏于另一个选框工具后），在如图位置划出一个椭圆型。</p>
<p align="center"><a href="http://idloveto.com.cn/wp-content/uploads/2009/09/ab4b2f161d52.png"><img class="alignleft" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" title="椭圆选框" src="http://idloveto.com.cn/wp-content/uploads/2009/09/thumb7.png" border="0" alt="椭圆选框" width="245" height="228" /></a> <img class="alignleft" src="http://www.tutorial9.net/wp-content/uploads/2008/03/selection.jpg" alt="" width="275" height="224" /></p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left"> </p>
<p align="left">使用 <strong>填充工具</strong>，用白色将椭圆形填充（选择颜色和填充工具上文已经有了哦~），填充完成后，按 <strong>Ctrl+D取消选择</strong></p>
<p><a href="http://idloveto.com.cn/wp-content/uploads/2009/09/8b1129237a52.png"><img style="border: 0px none; display: inline;" title="椭圆白色" src="http://idloveto.com.cn/wp-content/uploads/2009/09/thumb8.png" border="0" alt="椭圆白色" width="275" height="117" /></a> <a href="http://idloveto.com.cn/wp-content/uploads/2009/09/5c6802f99742.png"><img style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" title="椭圆叠加" src="http://idloveto.com.cn/wp-content/uploads/2009/09/thumb9.png" border="0" alt="椭圆叠加" width="312" height="117" /></a></p>
<p>现在肯定如上图一样在工作区域中出现白色的椭圆形咯，让我们在图层面板中的 <strong>混合模式 </strong>中进行设置得到后图的效果：将 <strong>图层混合模式 </strong>设置为 <strong>叠加</strong>。</p>
<p>设置混合模式可以说还是比较简单的功能，在这里就不多进行讲解了~ 不过可以的话，可以自己去尝试体验这个功能，实践出真知嘛~</p>
<p>现在再将 <strong>透明度 </strong>设置到 <strong>15%~20% </strong>之间。（选择项就在图层混合模式之后，就不做图片说明了）</p>
<p>简单的操作！ 让我们完成另一个椭圆，点击这个图层选择 <strong>复制图层</strong>，这样可以完全克隆这个图层（包括混合模式和透明度的属性）。 选中复制的图层，用移动工具调整第二个椭圆的位置，达到你所满意的效果就OK了~</p>
<p><img style="display: inline; margin-left: 0px; margin-right: 0px" src="http://www.tutorial9.net/wp-content/uploads/2008/03/final.jpg" alt="" width="330" height="330" align="left" /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>当我们透过位于顶部（也就是复制的图层）的椭圆看后面的那个椭圆是什么样的效果？ 出现这个效果的原因就是我们设置了图层的透明度。 当我们将这个属性设置为小于100%的某一个值，就可以透过这个图层看到位于后面的图层，得到图片中的效果。</p>
<p> </p>
<p><a href="http://idloveto.com.cn/wp-content/uploads/2009/09/99c9a070d52d.png"><img style="border-right: 0px; border-top: 0px; display: inline; margin-left: 0px; border-left: 0px; margin-right: 0px; border-bottom: 0px" title="组" src="http://idloveto.com.cn/wp-content/uploads/2009/09/thumb10.png" border="0" alt="组" width="212" height="244" align="left" /></a></p>
<p>最后，让我们再来学习另一个在图层面板里面非常有用的功能。点击<strong>创建组</strong>（这是一个类似文件夹的图标在删除图层按键的左边，见上文）</p>
<p>组功能类似文件夹，在一个组中，你可以放置各种图层，当你选中一个组后（将类似你选中一个独立的图层），你将可以调整透明度，混合模式，以及图层位置（这些属性将都会发生改变），总之，一个组将变为一个新的整体接受属性设置~</p>
<p>让我实践实践~ 将两个椭圆形图层拖进新建组，一旦图层被选中进入组内，他们的位置将较其他独立图层显示为缩进，如左图。</p>
<p>在图层面板中选中组，用移动工具拖动椭圆形，这时两个椭圆将以一个整体进行移动，但是他们作为单独图层的属性将会保留并且同样可设置。</p>
<p>现在大家看完了这个关于图层的教程，想必对于图层的理解应该更上一层楼了（恩！ 至少我是了~ 希望大家都是这样！从一知半解到熟悉~）。 另外希望教程能够激发您的兴趣，能够去探索Photoshop其他强大的功能，对于学好Photoshop更有信心。</p>
<p>OK，教程到此结束。</p>
<p>P.S. 1 终于写完鸟~ 有那么点长，如果你真的想学习PS那么希望你能看到至少这边，并且自己去实践~ 肯定有用哦！</p>
<p>P.S. 2 不晓得类似的文章能不能拯救偶的博客··· 不行的话就当是自己的学习笔记吧~~</p>
<h2  class="related_post_title">您还可以看看这些文章</h2><ul class="related_post"><li><a href="http://www.idloveto.com.cn/post/photoshop-tutorial-coming-soon/" title="Photoshop教程&#8211;coming soon|IDloveto">Photoshop教程&#8211;coming soon|IDloveto</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.idloveto.com.cn/post/pstutoriallayer/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Photoshop教程&#8211;coming soon&#124;IDloveto</title>
		<link>http://www.idloveto.com.cn/post/photoshop-tutorial-coming-soon/</link>
		<comments>http://www.idloveto.com.cn/post/photoshop-tutorial-coming-soon/#comments</comments>
		<pubDate>Sun, 30 Aug 2009 02:28:00 +0000</pubDate>
		<dc:creator>criss</dc:creator>
				<category><![CDATA[photoshop教程]]></category>
		<category><![CDATA[国外ps教程翻译]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://www.idloveto.com.cn/post/photoshop%e6%95%99%e7%a8%8b-coming-soonidloveto/</guid>
		<description><![CDATA[OK，这又是一个新的分类~ 我最近闲暇时间在看一些Photoshop（下文简称PS）的教程。 都是国外的一些教程（也就看了那么一两个而已） 看国外的教程，你能感觉到作者的用心，制作的都很巧妙，... ]]></description>
			<content:encoded><![CDATA[<p>OK，这又是一个新的分类~ 我最近闲暇时间在看一些Photoshop（下文简称PS）的教程。 都是国外的一些教程（也就看了那么一两个而已）</p>
<p>看国外的教程，你能感觉到作者的用心，制作的都很巧妙，更加能够激发读者的兴趣（至少我就是这样了···） 所以独乐乐不如众乐乐，我找时间翻译一些出来分享给大家~</p>
<p>当然我接触到的都是一些基础的教程，高手就绕道吧~ 希望更多人能够更了解真实的PS，能够用它来点缀自己的生活，也能用到工作中去~</p>
<p>第一篇教程翻译会在近期放上来~ 考虑用怎么样的形式写出来才能够保持作者原有的风格，又能融入自己的一些想法~（当然还是作者的风格比较重要，我需要做的只是增加一些趣味性~）</p>
<p>P.S. 1 本来这篇就想写了··· 但是没想好标题怎么命名~</p>
<p>P.S. 2 PS 真是个好东西~~</p>
<h2  class="related_post_title">您还可以看看这些文章</h2><ul class="related_post"><li><a href="http://www.idloveto.com.cn/post/pstutoriallayer/" title="国外优秀PS基础教程翻译&#8211;图层（layers）|IDloveto">国外优秀PS基础教程翻译&#8211;图层（layers）|IDloveto</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.idloveto.com.cn/post/photoshop-tutorial-coming-soon/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>
