<?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>飞鱼 ^_^ 浆抱罗斯‘s blog &#187; photoshop</title>
	<atom:link href="http://qilei.org/tag/photoshop/feed/" rel="self" type="application/rss+xml" />
	<link>http://qilei.org</link>
	<description>这里是一个非专业交互设计师 - 飞鱼 的blog。飞鱼的生活就像吃一盘螺丝, 你得努力吸才能品尝到快乐^_^</description>
	<lastBuildDate>Mon, 09 Apr 2012 07:01:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>乱翻乱教 &#8211; iOS5 通知栏背景制作</title>
		<link>http://qilei.org/201110/make-the-ios-5-notification-center-bg-with-photoshop/</link>
		<comments>http://qilei.org/201110/make-the-ios-5-notification-center-bg-with-photoshop/#comments</comments>
		<pubDate>Sun, 16 Oct 2011 08:23:20 +0000</pubDate>
		<dc:creator>飞鱼</dc:creator>
				<category><![CDATA[乱翻乱教]]></category>
		<category><![CDATA[iOS5]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://qilei.org/?p=1321</guid>
		<description><![CDATA[Photoshop 制作ios5通知栏背景 制作工具：Adobe Photoshop cs5 作者：飞鱼 iOS5发布后评价都说很棒，于是毫不犹豫的刷了，算是纪念Jobs的临终大作。改进的功能很多，其中一个大功能就是有了一个跟android几乎一样的通知栏，同事看了说：我擦，这功能跟android 的下拉框有啥区别？完全抄袭么&#8230; 然后就有人说了：那不是，瞧，对比一下，明显&#8230; iOS5的通知栏帅多了，瞧这背景，瞧这细节&#8230;。 好吧，仔细看了下的确很酷，细节纹理做得很棒，像一块布。发现做起来也不复杂就几步就可以了^__^。 最终效果 步骤 1 新建psd，大小800*600，填充背景色(#45454c)。如下图。飞鱼：填充神马的不用我教了吧 XD 步骤 2 新建图层, 填充黑色(#000000)，选择 滤镜-杂色-添加杂色，杂色数量20%左右。然后将图层模式改为：滤色。如下图。 步骤 3 分别选择 滤镜-模糊-动感模糊，角度90，距离30左右。然后选择 滤镜-锐化-锐化，如下图： 这个时候基本有点感觉了吧^__^ 继续。 步骤 4 接下来只要做横向的效果就差不多了，新建一个图层，按照步骤2，只是角度变为45度。结果如下图： 这里其实还有另外一个办法就是复制一层，ctrl+t 旋转一下就可以了，不过长度会不够。 步骤 5 到这里效果基本都出来了，只要加个图层，做一下内阴影，或者黑白渐变，然后叠加一下就有效果了。 总结 可以发现，做这个东西只要几种滤镜就可以轻松达到效果，具体细节需要仔细去调，比如颜色，阴影等。 个人觉得主要的难点在于如何做成可以平铺的图案，抽空研究一下。^__^ 您可能还对这些日志感兴趣仿制品 &#8211; apple icon &#8211; camera乱翻乱教 &#8211; 制作可爱的小鸟勃起图标乱翻乱教 – 小鸡快跑 &#8211; Photoshop 超级可爱小鸡乱翻乱教-编号004-用photoshop制作绚丽的星球设计部培训第二课]]></description>
			<content:encoded><![CDATA[<p><img class="janblus-preview" title="ios-nb-sml" src="http://qilei.org/wp-content/uploads/2011/10/ios-nb-sml.jpg" alt="" width="100" height="100" /></p>
<h2>Photoshop 制作ios5通知栏背景</h2>
<p>制作工具：Adobe Photoshop cs5<br />
作者：飞鱼<br />
iOS5发布后评价都说很棒，于是毫不犹豫的刷了，算是纪念Jobs的临终大作。改进的功能很多，其中一个大功能就是有了一个跟android几乎一样的通知栏，同事看了说：我擦，这功能跟android 的下拉框有啥区别？完全抄袭么&#8230; 然后就有人说了：那不是，瞧，对比一下，明显&#8230; <em>iOS5的通知栏帅多了，瞧这背景，瞧这细节&#8230;</em>。<br />
好吧，仔细看了下的确很酷，细节纹理做得很棒，像一块布。发现做起来也不复杂就几步就可以了^__^。</p>
<h3>最终效果</h3>
<p><img src="http://qilei.org/wp-content/uploads/2011/10/ios-nb-05.jpg" alt="" width="500" height="350" /><br />
<span id="more-1321"></span></p>
<h3>步骤 1</h3>
<p>新建psd，大小800*600，填充背景色(#45454c)。如下图。<em>飞鱼：填充神马的不用我教了吧 XD</em><br />
<img src="http://qilei.org/wp-content/uploads/2011/10/ios-nb-01.jpg" alt="" width="500" height="350" /></p>
<h3>步骤 2</h3>
<p>新建图层, 填充黑色(#000000)，选择 <strong>滤镜-杂色-添加杂色</strong>，杂色数量20%左右。然后将图层模式改为：<strong>滤色</strong>。如下图。<br />
<img src="http://qilei.org/wp-content/uploads/2011/10/ios-nb-02.jpg" alt="" width="500" height="350" /></p>
<h3>步骤 3</h3>
<p>分别选择 <strong>滤镜-模糊-动感模糊</strong>，角度90，距离30左右。然后选择 <strong>滤镜-锐化-锐化</strong>，如下图：<br />
<em>这个时候基本有点感觉了吧^__^ 继续。</em><br />
<img src="http://qilei.org/wp-content/uploads/2011/10/ios-nb-03.jpg" alt="" width="500" height="350" /></p>
<h3>步骤 4</h3>
<p>接下来只要做横向的效果就差不多了，新建一个图层，按照步骤2，只是角度变为45度。结果如下图：<br />
<em>这里其实还有另外一个办法就是复制一层，ctrl+t 旋转一下就可以了，不过长度会不够。<br />
</em><br />
<img src="http://qilei.org/wp-content/uploads/2011/10/ios-nb-04.jpg" alt="" width="500" height="350" /></p>
<h3>步骤 5</h3>
<p>到这里效果基本都出来了，只要加个图层，做一下内阴影，或者黑白渐变，然后叠加一下就有效果了。<br />
<img src="http://qilei.org/wp-content/uploads/2011/10/ios-nb-05.jpg" alt="" width="500" height="350" /></p>
<h3>总结</h3>
<p>可以发现，做这个东西只要几种滤镜就可以轻松达到效果，具体细节需要仔细去调，比如颜色，阴影等。<br />
<em>个人觉得主要的难点在于如何做成可以平铺的图案，抽空研究一下。^__^</em></p>
<h2  class="related_post_title">您可能还对这些日志感兴趣</h2><ul class="related_post"><li><a href="http://qilei.org/201112/copy-with-apple-icon-camera/" title="仿制品 &#8211; apple icon &#8211; camera">仿制品 &#8211; apple icon &#8211; camera</a></li><li><a href="http://qilei.org/201103/create-a-cute-bird-icon-in-photoshop/" title="乱翻乱教 &#8211; 制作可爱的小鸟勃起图标">乱翻乱教 &#8211; 制作可爱的小鸟勃起图标</a></li><li><a href="http://qilei.org/201003/photoshop-made-an-cute-chick/" title="乱翻乱教 – 小鸡快跑 &#8211;  Photoshop 超级可爱小鸡">乱翻乱教 – 小鸡快跑 &#8211;  Photoshop 超级可爱小鸡</a></li><li><a href="http://qilei.org/200906/making-a-planet-by-photoshop/" title="乱翻乱教-编号004-用photoshop制作绚丽的星球">乱翻乱教-编号004-用photoshop制作绚丽的星球</a></li><li><a href="http://qilei.org/200903/web-design-training-class-two/" title="设计部培训第二课">设计部培训第二课</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://qilei.org/201110/make-the-ios-5-notification-center-bg-with-photoshop/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>乱翻乱教 &#8211; 制作可爱的小鸟勃起图标</title>
		<link>http://qilei.org/201103/create-a-cute-bird-icon-in-photoshop/</link>
		<comments>http://qilei.org/201103/create-a-cute-bird-icon-in-photoshop/#comments</comments>
		<pubDate>Wed, 09 Mar 2011 15:06:43 +0000</pubDate>
		<dc:creator>飞鱼</dc:creator>
				<category><![CDATA[乱翻乱教]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[PSDTUTS]]></category>

		<guid isPermaLink="false">http://qilei.org/?p=1163</guid>
		<description><![CDATA[Photoshop 超级可爱的勃起小鸟图标 制作工具：Adobe Photoshop cs3 原文地址：猛击此链接 飞鱼:这只小鸟教程好久前就想做了, 但是发现篇幅太长, 每次看到我都 无语的叹了口气哈. 这个个教程原文描述的难度是初学者, 但是有些小细节还是比较难的. 不过这个教程精髓就是在 成充分利用ps 里的 图层混合选项 这个东东, 做完之后可以发现仅仅用 混合选项 调出来的颜色 也是非常有质感的. 最终效果 步骤很多, 但是每步都比较简单, 只要按照步骤一下一下来一定能做出好东西^__^ 步骤 1 新建psd 文件,尺寸 800*600 , 72dpi, RGB, 白色背景, 使用圆圈形状工具, 颜色#0099ff, 在图上画蓝色的圈圈, 大小适当即可. 给图层命名: 身体. 如下图. 步骤 2 使用路径选择工(A) 选中圆圈路径, 同时按住 alt + shift 往下拖动路径, 就可以在同一个图层复制一份圆圈路径出来 , 注意: 图片里是拖动的时候截的图, 复制完后 [...]]]></description>
			<content:encoded><![CDATA[<p><img class="janblus-preview" title="bird-sml" src="http://qilei.org/wp-content/uploads/2011/03/bird_sml.jpg" alt="" width="100" height="100" /></p>
<h2>Photoshop 超级可爱的勃起小鸟图标</h2>
<p>制作工具：Adobe Photoshop cs3<br />
原文地址：<a title="Super Cute Easter Wallpaper Illustration Tutorial" href="http://psd.tutsplus.com/tutorials/icon-design/create-a-cute-twitter-bird-icon-in-photoshop/" target="_blank">猛击此链接</a><br />
<em>飞鱼:这只小鸟教程好久前就想做了, 但是发现篇幅太长, 每次看到我都 无语的叹了口气哈. </em><br />
这个个教程原文描述的难度是初学者, 但是有些小细节还是比较难的.<br />
不过这个教程精髓就是在 <del datetime="2011-03-10T02:44:46+00:00">成</del>充分利用ps 里的<strong> 图层混合选项</strong> 这个东东,<br />
做完之后可以发现仅仅用 混合选项 调出来的颜色 也是非常有质感的.</p>
<h3>最终效果</h3>
<p><img class="alignnone size-full wp-image-1164" title="20110309-bird" src="http://qilei.org/wp-content/uploads/2011/03/20110309-bird.jpg" alt="" width="600" height="240" /><br />
步骤很多, 但是每步都比较简单,<br />
只要按照步骤一下一下来一定能做出好东西^__^</p>
<p><span id="more-1163"></span></p>
<h3>步骤 1</h3>
<p>新建psd 文件,尺寸 800*600 , 72dpi, RGB, 白色背景,  使用圆圈形状工具, 颜色#0099ff, 在图上画蓝色的圈圈, 大小适当即可. 给图层命名: 身体. 如下图.<br />
<img src="http://qilei.org/wp-content/uploads/2011/03/bird_01.jpg" alt="" title="bird_01" width="500" height="400" class="alignnone size-full wp-image-1174" /></p>
<h3>步骤 2</h3>
<p>使用路径选择工(A) 选中圆圈路径, 同时按住 alt + shift 往下拖动路径, 就可以在同一个图层复制一份圆圈路径出来 , <em>注意: 图片里是拖动的时候截的图, 复制完后 应该有两个圈. </em><br />
<img src="http://qilei.org/wp-content/uploads/2011/03/bird_02.jpg" alt="" title="bird_02" width="500" height="430" class="alignnone size-full wp-image-1175" /></p>
<h3>步骤 3</h3>
<p>用(A)选中下面的圆圈路径 ctrl +T 对下面的圆圈 修改 调整其大小.</p>
<h3>步骤 4</h3>
<p>使用直接选择工具(也是A, 空心的箭头) 选择 圆圈上面的节点, 调整节点 , 将 圆圈形状调成下图所示.<br />
注意: 调整节点左右弧度的时候,按住 shift 可以保持不会上下偏移.<br />
<img src="http://qilei.org/wp-content/uploads/2011/03/bird_04.jpg" alt="" title="bird_04" width="500" height="400" class="alignnone size-full wp-image-1176" /></p>
<h3>步骤 5</h3>
<p>使用圆圈形状工具, . 在 身体 图层上方, 画 长条的圆圈, 图层命名为 眼圈, 图层面板 中修改形状颜色为白色, 使用同样的方法,复制一只眼睛. 注意眼睛比例.<br />
<img src="http://qilei.org/wp-content/uploads/2011/03/bird_05.jpg" alt="" title="bird_05" width="500" height="400" class="alignnone size-full wp-image-1177" /></p>
<h3>步骤 6</h3>
<p>然后用钢笔工具在头部制作 小鸟头发的形状.<br />
<img src="http://qilei.org/wp-content/uploads/2011/03/bird_06.jpg" alt="" title="bird_06" width="500" height="400" class="alignnone size-full wp-image-1178" /></p>
<p>PS: 这里原文似乎少了一步,就是 画眼珠子的图层 , 其实跟上一步一样,只不过是两个小的正圆, 就不用教了吧 嘎嘎. 眼珠的颜色值为: #5e3b11<br />
<img src="http://qilei.org/wp-content/uploads/2011/03/bird_06a.jpg" alt="" title="bird_06a" width="500" height="400" class="alignnone size-full wp-image-1185" /></p>
<p><em>reader用户想继续阅读请猛击标题. 图片太多,于是分段</em></p>
<h2  class="related_post_title">您可能还对这些日志感兴趣</h2><ul class="related_post"><li><a href="http://qilei.org/200810/how-to-create-a-delicious-green-apple-illustration/" title="飞鱼的乱翻乱教-编号002-美味青苹果">飞鱼的乱翻乱教-编号002-美味青苹果</a></li><li><a href="http://qilei.org/201110/make-the-ios-5-notification-center-bg-with-photoshop/" title="乱翻乱教 &#8211; iOS5 通知栏背景制作">乱翻乱教 &#8211; iOS5 通知栏背景制作</a></li><li><a href="http://qilei.org/201003/photoshop-made-an-cute-chick/" title="乱翻乱教 – 小鸡快跑 &#8211;  Photoshop 超级可爱小鸡">乱翻乱教 – 小鸡快跑 &#8211;  Photoshop 超级可爱小鸡</a></li><li><a href="http://qilei.org/200906/making-a-planet-by-photoshop/" title="乱翻乱教-编号004-用photoshop制作绚丽的星球">乱翻乱教-编号004-用photoshop制作绚丽的星球</a></li><li><a href="http://qilei.org/200903/web-design-training-class-two/" title="设计部培训第二课">设计部培训第二课</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://qilei.org/201103/create-a-cute-bird-icon-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
		<item>
		<title>乱翻乱教 – 小鸡快跑 &#8211;  Photoshop 超级可爱小鸡</title>
		<link>http://qilei.org/201003/photoshop-made-an-cute-chick/</link>
		<comments>http://qilei.org/201003/photoshop-made-an-cute-chick/#comments</comments>
		<pubDate>Wed, 03 Mar 2010 15:15:38 +0000</pubDate>
		<dc:creator>飞鱼</dc:creator>
				<category><![CDATA[乱翻乱教]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://www.qilei.org/?p=729</guid>
		<description><![CDATA[Photoshop 超级可爱小鸡 作者：Vaclav 此人的blog 很帅气··· 膜拜ing 制作工具：Adobe Photoshop cs3 原文地址：猛击此链接 (英文强悍的可以参考原文) 发现工作后就没有好好的干过自己爱干的事情(不想说做爱做的事)，reader上的tutorial 堆积如山，不过有人说的好，时间挤挤还是有的。 想到不知不觉订阅快200了，还是多写写吧，就当自己前进的动力，最近还是有挺多东西要写的，听飞鱼娓娓道来 ^___^ 今天更新的东西是tutorial 上一个小鸡的制作，总体比较简单，有点小技巧，简单不简单。相信对初学者会有很大的帮助，像我这样的菜鸟也就做做小教程吧，谁让我爱分享，咩哈哈哈·~ 最终效果 步骤1 新建一个文档，多大无所谓，够大就行，我用的是500×400，用形状工具画两个圈(按住shift 可以在同一个图层画两个圆)。用钢笔工具按住ctrl点击下图中的节点适当修一下形状。这个应该很简单吧，不用我教，什么？ 钢笔怎么修不会？ =，= 往下看 效果如下： 钢笔工具(P) 在使用的时候 可以配合ctrl，shift，alt  可以完成很多好玩的东东，你可以自己试试看，自己总结。  步骤2 接下来用选择工具(A)选中头部的圈，按住shift 选中另外一个圈，(或者直接在界面拖动选中两个也可以)，点击上面 “组合” 就可以把两个圈圈合并，当然是不能分开的，所以要细心 接下来要使用钢笔工具将接口部分变得平滑。 如下图，钢笔工具在线上的3钟状态如下图中右侧的样子， 分别是添加节点，删除节点，和重置平滑 (重置平滑，是按住alt在线上出现的，单击就是不平滑(角)，可以拖动重新拉平滑度，这个东西在调整曲线的时候非常有用。) 调整后的效果如下： 您可能还对这些日志感兴趣乱翻乱教 &#8211; iOS5 通知栏背景制作乱翻乱教 &#8211; 制作可爱的小鸟勃起图标乱翻乱教-编号004-用photoshop制作绚丽的星球设计部培训第二课乱翻乱教-Photoshop-剪贴蒙版妙用]]></description>
			<content:encoded><![CDATA[<p><img class="janblus-preview" title="chick-sml" src="http://www.qilei.org/wp-content/uploads/2010/03/chick-sml.png" alt="" width="100" height="100" /></p>
<h2>Photoshop 超级可爱小鸡</h2>
<p>作者：<a title="check to see Vaclav’s site" rel="no-follow" href="http://www.upir.org/" target="_blank">Vaclav </a> <em>此人的blog 很帅气··· 膜拜ing</em><br />
制作工具：Adobe Photoshop cs3<br />
原文地址：<a title="Super Cute Easter Wallpaper Illustration Tutorial" href="http://psd.tutsplus.com/tutorials/drawing/super-cute-easter-wallpaper-illustration-tutorial/" target="_blank">猛击此链接</a> (英文强悍的可以参考原文)<br />
发现工作后就没有好好的干过自己爱干的事情(<em>不想说做爱做的事</em>)，reader上的tutorial 堆积如山，不过有人说的好，时间挤挤还是有的。<br />
想到不知不觉订阅快200了，还是多写写吧，就当自己前进的动力，最近还是有挺多东西要写的，听飞鱼娓娓道来 ^___^</p>
<p>今天更新的东西是tutorial 上一个小鸡的制作，总体比较简单，有点小技巧，简单不简单。相信对初学者会有很大的帮助，像我这样的菜鸟也就做做小教程吧，谁让我爱分享，咩哈哈哈·~</p>
<h3>最终效果</h3>
<p><img class="alignnone size-full wp-image-737" title="chick-preview" src="http://www.qilei.org/wp-content/uploads/2010/03/chick-preview.png" alt="" width="500" height="350" /><br />
<span id="more-729"></span></p>
<h3>步骤1</h3>
<p>新建一个文档，多大无所谓，够大就行，我用的是500×400，用形状工具画两个圈(按住shift 可以在同一个图层画两个圆)。用钢笔工具按住ctrl点击下图中的节点适当修一下形状。<em>这个应该很简单吧，不用我教，什么？ 钢笔怎么修不会？ =，= 往下看</em><br />
效果如下：<br />
<img class="alignnone size-full wp-image-734" title="chick-001" src="http://www.qilei.org/wp-content/uploads/2010/03/chick-001.png" alt="" width="500" height="350" /><br />
钢笔工具(P) 在使用的时候 可以配合ctrl，shift，alt  可以完成很多好玩的东东，你可以自己试试看，自己总结。 <img title="chick-002" src="http://www.qilei.org/wp-content/uploads/2010/03/chick-002.png" alt="" width="500" height="350" /></p>
<h3>步骤2</h3>
<p>接下来用选择工具(A)选中头部的圈，按住shift 选中另外一个圈，(或者直接在界面拖动选中两个也可以)，点击上面 “组合” 就可以把两个圈圈合并，<em>当然是不能分开的，所以要细心</em> 接下来要使用钢笔工具将接口部分变得平滑。<br />
如下图，钢笔工具在线上的3钟状态如下图中右侧的样子， 分别是添加节点，删除节点，和重置平滑 (<em>重置平滑，是按住alt在线上出现的，单击就是不平滑(角)，可以拖动重新拉平滑度，这个东西在调整曲线的时候非常有用。</em>)<br />
<img class="alignnone size-full wp-image-736" title="chick-003" src="http://www.qilei.org/wp-content/uploads/2010/03/chick-003.png" alt="" width="500" height="350" /><br />
调整后的效果如下：<br />
<img class="alignnone size-full wp-image-739" title="chick-004" src="http://www.qilei.org/wp-content/uploads/2010/03/chick-004.png" alt="" width="500" height="350" /></p>
<h2  class="related_post_title">您可能还对这些日志感兴趣</h2><ul class="related_post"><li><a href="http://qilei.org/201110/make-the-ios-5-notification-center-bg-with-photoshop/" title="乱翻乱教 &#8211; iOS5 通知栏背景制作">乱翻乱教 &#8211; iOS5 通知栏背景制作</a></li><li><a href="http://qilei.org/201103/create-a-cute-bird-icon-in-photoshop/" title="乱翻乱教 &#8211; 制作可爱的小鸟勃起图标">乱翻乱教 &#8211; 制作可爱的小鸟勃起图标</a></li><li><a href="http://qilei.org/200906/making-a-planet-by-photoshop/" title="乱翻乱教-编号004-用photoshop制作绚丽的星球">乱翻乱教-编号004-用photoshop制作绚丽的星球</a></li><li><a href="http://qilei.org/200903/web-design-training-class-two/" title="设计部培训第二课">设计部培训第二课</a></li><li><a href="http://qilei.org/200902/photoshop-clip-mask-tip/" title="乱翻乱教-Photoshop-剪贴蒙版妙用">乱翻乱教-Photoshop-剪贴蒙版妙用</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://qilei.org/201003/photoshop-made-an-cute-chick/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>乱翻乱教-编号004-用photoshop制作绚丽的星球</title>
		<link>http://qilei.org/200906/making-a-planet-by-photoshop/</link>
		<comments>http://qilei.org/200906/making-a-planet-by-photoshop/#comments</comments>
		<pubDate>Mon, 08 Jun 2009 04:31:39 +0000</pubDate>
		<dc:creator>飞鱼</dc:creator>
				<category><![CDATA[乱翻乱教]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://www.qilei.org/?p=481</guid>
		<description><![CDATA[用photoshop制作一个星球 作者：Greg Martin 制作工具：Adobe Photoshop 原文地址：猛击此链接 (英文强悍的可以参考原文) 飞鱼: 偶然发现这个东东非常绚丽，就狠下心来把它啃下来分享大伙。 由于笔者用的是photoshop7的跟我现在的cs3相去甚远，于是我就简单看了一下原文，做了一下，然后自己整理出这个教程。步骤相当简单，但意义深远，亲手做过一遍才能领会。 最终效果 步骤1：绘制背景 首先当然是新建一个600*500左右的文件。填充背景为黑色，新建一层“星球”，在场景中绘制一个白色正圆。如下图： 飞鱼：可能你会纳闷为什么要画个白色的？继续往下看 新建一层“光照”，在“光照”层上右键- 创建剪贴蒙版，然后用选区工具圈出如下图的选区(当然你可以不圈，不影响)，使用渐变工具在“光照”层拉出如下图的渐变，渐变颜色为“#774c2f”~“#ffffff”。效果如下： 这时候大概有个星球的阴影啦^_^，那么继续。由于发现这个“阴影”渐变太平滑，看着有点假，于是加了如下步骤来解决这个问题。选择“光照”层，自由变换(ctrl+T)，在图上右键，选择变形，将中间部分的黑色阴影稍微往上扯一下，这样就比先前好多了。如下图： 好的看下效果图，嗯~这还是不像星球 =。= 不急，后面还有 您可能还对这些日志感兴趣乱翻乱教 &#8211; iOS5 通知栏背景制作乱翻乱教 &#8211; 制作可爱的小鸟勃起图标乱翻乱教 – 小鸡快跑 &#8211; Photoshop 超级可爱小鸡设计部培训第二课乱翻乱教-Photoshop-剪贴蒙版妙用]]></description>
			<content:encoded><![CDATA[<p><img class="janblus-preview" src="http://pic.yupoo.com/2-fish/0095378feba4/medium.jpg" alt="制作简单绚丽的星球" width="100" height="100" /></p>
<h2>用photoshop制作一个星球</h2>
<p>作者：<a title="check to see Greg Martin’s site" href="http://gallery.artofgregmartin.com/" target="_blank">Greg Martin </a><br />
制作工具：Adobe Photoshop<br />
原文地址：<a title="making_a_planet" href="http://gallery.artofgregmartin.com/tuts_arts/making_a_planet.html" target="_blank">猛击此链接</a> (英文强悍的可以参考原文)<br />
<em>飞鱼: 偶然发现这个东东非常绚丽，就狠下心来把它啃下来分享大伙。</em><br />
由于笔者用的是photoshop7的跟我现在的cs3相去甚远，于是我就简单看了一下原文，做了一下，然后自己整理出这个教程。步骤相当简单，但意义深远，亲手做过一遍才能领会。</p>
<h3>最终效果</h3>
<p><img alt="" src="http://pic.yupoo.com/2-fish/7248178feba6/medium.jpg" class="alignnone" width="500" height="417" /></p>
<p><span id="more-481"></span></p>
<h3>步骤1：绘制背景</h3>
<p>首先当然是新建一个600*500左右的文件。填充背景为黑色，新建一层“星球”，在场景中绘制一个白色正圆。如下图：<br />
<img alt="" src="http://pic.yupoo.com/2-fish/0755978fef1c/medium.jpg" class="alignnone" width="500" height="417" /><br />
<em>飞鱼：可能你会纳闷为什么要画个白色的？继续往下看</em><br />
新建一层“光照”，在“光照”层上右键- <a href="http://www.qilei.org/200902/photoshop-clip-mask-tip/" title="点击查看 剪贴蒙版 的使用方法">创建剪贴蒙版</a>，然后用选区工具圈出如下图的选区(<em>当然你可以不圈，不影响</em>)，使用渐变工具在“光照”层拉出如下图的渐变，渐变颜色为“#774c2f”~“#ffffff”。效果如下：<br />
<img alt="" src="http://pic.yupoo.com/2-fish/4762278ff0ef/medium.jpg" class="alignnone" width="500" height="417" /><br />
这时候大概有个星球的阴影啦^_^，那么继续。<em>由于发现这个“阴影”渐变太平滑，看着有点假，于是加了如下步骤来解决这个问题。</em>选择“光照”层，自由变换(ctrl+T)，在图上右键，选择变形，将中间部分的黑色阴影稍微往上扯一下，这样就比先前好多了。如下图：<br />
<img alt="" src="http://pic.yupoo.com/2-fish/1389478ff278/medium.jpg" class="alignnone" width="500" height="417" /><br />
好的看下效果图，嗯~这还是不像星球 =。=  <em>不急，后面还有</em><br />
<img alt="" src="http://pic.yupoo.com/2-fish/9350778ff278/medium.jpg" class="alignnone" width="500" height="417" /></p>
<h2  class="related_post_title">您可能还对这些日志感兴趣</h2><ul class="related_post"><li><a href="http://qilei.org/201110/make-the-ios-5-notification-center-bg-with-photoshop/" title="乱翻乱教 &#8211; iOS5 通知栏背景制作">乱翻乱教 &#8211; iOS5 通知栏背景制作</a></li><li><a href="http://qilei.org/201103/create-a-cute-bird-icon-in-photoshop/" title="乱翻乱教 &#8211; 制作可爱的小鸟勃起图标">乱翻乱教 &#8211; 制作可爱的小鸟勃起图标</a></li><li><a href="http://qilei.org/201003/photoshop-made-an-cute-chick/" title="乱翻乱教 – 小鸡快跑 &#8211;  Photoshop 超级可爱小鸡">乱翻乱教 – 小鸡快跑 &#8211;  Photoshop 超级可爱小鸡</a></li><li><a href="http://qilei.org/200903/web-design-training-class-two/" title="设计部培训第二课">设计部培训第二课</a></li><li><a href="http://qilei.org/200902/photoshop-clip-mask-tip/" title="乱翻乱教-Photoshop-剪贴蒙版妙用">乱翻乱教-Photoshop-剪贴蒙版妙用</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://qilei.org/200906/making-a-planet-by-photoshop/feed/</wfw:commentRss>
		<slash:comments>20</slash:comments>
		</item>
		<item>
		<title>设计部培训第二课</title>
		<link>http://qilei.org/200903/web-design-training-class-two/</link>
		<comments>http://qilei.org/200903/web-design-training-class-two/#comments</comments>
		<pubDate>Sun, 08 Mar 2009 02:07:02 +0000</pubDate>
		<dc:creator>飞鱼</dc:creator>
				<category><![CDATA[乱翻乱教]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[ued]]></category>

		<guid isPermaLink="false">http://www.qilei.org/?p=409</guid>
		<description><![CDATA[这周毕业设计开题报告,所以基本上没什么事, 周五的第二课培训也相当滴邪恶. 讲了2个钟头, 发现我越来越shi了~~~ 第二课,不但演讲变得娴熟, PPT也十分淫-荡, 规模一也有小幅增长(原先6人,第二课涨到8人,增长率不是一般的高丫). 本周分享了自己的一些需求分析方法,以及 代码写作习惯,还有一些PS小技巧等等. 讲栅格系统的时候, 大伙有些听不懂.可能我表达得还不够爽快, 毕竟咱是山寨老师, =.= 不过栅格系统这个东东还是挺future的, 娃们听得还算爽快, 就像他们所说的, 学校的老湿们都还在教table的时候我们已经进步到了div了, 现在又提前接触到了栅格系统, 惭愧惭愧.^_^ 下次有空拍张照片show 一下,话说咱设计部 人手一台本本,什么牌子都有. IBM,惠普,acer&#8230; 培训的时候 如此多本本 挤在几张小桌子上场面很壮观,很high~~ 课程纲要: 专题制作需求分析 框架制定 设计要点(栅格系统) 模板制作 切页技巧 目录分类技巧 PS小技巧 分析 实例操作 如果谁有兴趣的话可以给我留言, 我把PPT以及资料发你,然后自己YY 如果你是杭电的话, 且迫切想学的话, 也可以留言, 飞鱼我想办法把教室搞大,然后一起YY 如果你对本培训有更好的见解的话,欢迎现场YY. 还有一些我分享的PS小技巧,我只是提了下技巧名称,只是现场演示了一遍,如果对其中有不了解的话, 我下次写个教程什么的分享一下. 您可能还对这些日志感兴趣乱翻乱教 &#8211; iOS5 通知栏背景制作乱翻乱教 &#8211; 制作可爱的小鸟勃起图标乱翻乱教 – 小鸡快跑 &#8211; Photoshop [...]]]></description>
			<content:encoded><![CDATA[<p><img alt="设计部培训第二课" src="http://pic.yupoo.com/2-fish/898407160aa3/medium.jpg" class="alignnone" width="500" height="375" /><br />
这周毕业设计开题报告,所以基本上没什么事, 周五的第二课培训也相当滴邪恶. 讲了2个钟头, 发现我越来越shi了~~~<br />
第二课,不但演讲变得娴熟, PPT也十分淫-荡, 规模一也有小幅增长(<em>原先6人,第二课涨到8人,增长率不是一般的高丫</em>). 本周分享了自己的一些需求分析方法,以及 代码写作习惯,还有一些PS小技巧等等. <span id="more-409"></span><br />
讲<a href="http://www.qilei.org/200809/thinking-for-the-grid_systems/">栅格系统</a>的时候, 大伙有些听不懂.可能我表达得还不够爽快, 毕竟咱是山寨老师, =.= 不过栅格系统这个东东还是挺future的, 娃们听得还算爽快, 就像他们所说的, 学校的老湿们都还在教table的时候我们已经进步到了div了, 现在又提前接触到了栅格系统, 惭愧惭愧.^_^<br />
下次有空<strong>拍张照片</strong>show 一下,话说咱设计部 人手一台<strong>本本</strong>,什么牌子都有. IBM,惠普,acer&#8230;  培训的时候 如此多本本 挤在几张小桌子上场面很壮观,很high~~</p>
<h3>课程纲要:</h3>
<ul>
<li>专题制作需求分析</li>
<li>框架制定</li>
<li>设计要点(栅格系统)</li>
<li>模板制作</li>
<li>切页技巧</li>
<li>目录分类技巧</li>
<li>PS小技巧 分析</li>
<li>实例操作</li>
</ul>
<p>如果谁有兴趣的话可以给我留言, 我把<strong>PPT以及资料</strong>发你,然后自己YY<br />
如果你是杭电的话, 且迫切想学的话, 也可以留言, 飞鱼我想办法把教室<strong>搞大</strong>,然后一起YY<br />
如果你对本培训有<strong>更好的见解</strong>的话,欢迎现场YY.</p>
<p>还有一些我分享的PS小技巧,我只是提了下<strong>技巧名称</strong>,只是现场演示了一遍,如果对其中有不了解的话, 我下次写个教程什么的分享一下.</p>
<h2  class="related_post_title">您可能还对这些日志感兴趣</h2><ul class="related_post"><li><a href="http://qilei.org/201110/make-the-ios-5-notification-center-bg-with-photoshop/" title="乱翻乱教 &#8211; iOS5 通知栏背景制作">乱翻乱教 &#8211; iOS5 通知栏背景制作</a></li><li><a href="http://qilei.org/201103/create-a-cute-bird-icon-in-photoshop/" title="乱翻乱教 &#8211; 制作可爱的小鸟勃起图标">乱翻乱教 &#8211; 制作可爱的小鸟勃起图标</a></li><li><a href="http://qilei.org/201003/photoshop-made-an-cute-chick/" title="乱翻乱教 – 小鸡快跑 &#8211;  Photoshop 超级可爱小鸡">乱翻乱教 – 小鸡快跑 &#8211;  Photoshop 超级可爱小鸡</a></li><li><a href="http://qilei.org/200908/from-ui-to/" title="从UI到UED &#8211; 阿里日文站">从UI到UED &#8211; 阿里日文站</a></li><li><a href="http://qilei.org/200906/making-a-planet-by-photoshop/" title="乱翻乱教-编号004-用photoshop制作绚丽的星球">乱翻乱教-编号004-用photoshop制作绚丽的星球</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://qilei.org/200903/web-design-training-class-two/feed/</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
		<item>
		<title>乱翻乱教-Photoshop-剪贴蒙版妙用</title>
		<link>http://qilei.org/200902/photoshop-clip-mask-tip/</link>
		<comments>http://qilei.org/200902/photoshop-clip-mask-tip/#comments</comments>
		<pubDate>Tue, 17 Feb 2009 06:29:10 +0000</pubDate>
		<dc:creator>飞鱼</dc:creator>
				<category><![CDATA[乱翻乱教]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://www.qilei.org/?p=367</guid>
		<description><![CDATA[Photoshop-剪贴蒙版使用心得 作者：飞鱼 制作工具：Adobe Photoshop 版权说明：飞鱼本人原创,版权所有.转载请注明出处,谢谢合作. 很多人对剪贴蒙版还不是太熟悉, 网上相关的教程也比较少, 所以就想分享一下自己设计过程中,对剪贴蒙版的用法举例. 1.为什么要用剪贴蒙版 比如:当前你要做一个固定尺寸(250*100)的banner. 方法有两种,一种是直接新建一个尺寸为(250*100)的文档. 这种方法的缺点是:不能和周边环境的设计融洽, 会影响整体页面的效果. 第二种方法就是剪贴蒙版. 用剪贴蒙版可以很好的解决这个问题. 2.剪贴蒙版的原理 如下图: 其实这个东西原理跟图层蒙版的效果差不多. 其实就是简化版的图层蒙版. 它的原理是将下方的图层作为蒙版.上方的图层作为过滤对象, 即上方图层超出部分都会被隐藏掉. 3.剪贴蒙版的优点 a.可以制作固定尺寸的banner b.修改方便，不会影响蒙版的可视范围； c.可运用不同滤镜，不同透明度以产生一些意想不到的特效. 4.创建剪贴蒙版有两种方法 a.选中要创建剪贴的图层分别选 图层- 创建剪贴蒙版. b.在需要的图层上右键-创建剪贴蒙版. 文字图层的右键没这选项,可以用方法a来实现. 飞鱼:表告诉我你连蒙版是啥都不知道,不知道的我下回再解释=.= 制作案例 首先看最终效果. 步骤1 新建一个文档, 将要做的banner 网页效果图 截个图, 粘帖到文档作为背景效果. 新建一个图层box,在图层上绘制一个矩形,尺寸为banner的尺寸,并且调整好位置. 步骤2 从你的素材库里挑选你想要设计的一些素材, 放在box层上方.如下图: 此时,由于图片过大,超出了banner要求的尺寸,没事稍后就好. 步骤3 选中素材图层,右键选择 -创建剪贴蒙版-,此时 超出部分就乖乖的隐藏了,是不是很神奇啊, 你可以任意移动,缩放修改该图层,以达到最佳效果. 步骤4 增加修饰,以及文字效果.就完成了. 总结 个人觉得在网页设计中,剪贴蒙版比图层蒙版更为常用. 您可能还对这些日志感兴趣乱翻乱教 [...]]]></description>
			<content:encoded><![CDATA[<p><img alt="" src="http://pic.yupoo.com/2-fish/781166fdb7aa/thumb.jpg" class="janblus-preview" width="100" height="100" /></p>
<h2>Photoshop-剪贴蒙版使用心得</h2>
<p>作者：<a href="http://www.qilei.org">飞鱼</a><br />
制作工具：Adobe Photoshop<br />
版权说明：飞鱼本人原创,<em>版权所有</em>.转载请注明出处,谢谢合作.<br />
很多人对<strong>剪贴蒙版</strong>还不是太熟悉, 网上相关的教程也比较少, 所以就想分享一下自己设计过程中,对剪贴蒙版的用法举例.</p>
<ul>
<li>1.<strong>为什么要用剪贴蒙版</strong><br />
比如:当前你要做一个固定尺寸(250*100)的banner. 方法有两种,一种是直接新建一个尺寸为(250*100)的文档. <em>这种方法的缺点是:不能和周边环境的设计融洽, 会影响整体页面的效果.</em><br />
第二种方法就是剪贴蒙版. 用剪贴蒙版可以很好的解决这个问题.</li>
<li>2.<strong>剪贴蒙版的原理</strong><br />
如下图: 其实这个东西原理跟图层<a target="_blank" href="http://baike.baidu.com/view/63262.htm">蒙版</a>的效果差不多. 其实就是简化版的图层蒙版. 它的原理是将下方的图层作为蒙版.上方的图层作为过滤对象, 即上方图层超出部分都会被隐藏掉.
</li>
<li>3.<strong>剪贴蒙版的优点</strong><br />
a.可以制作固定尺寸的banner<br />
b.修改方便，不会影响蒙版的可视范围；<br />
c.可运用不同滤镜，不同透明度以产生一些意想不到的特效.
</li>
<li>4.<strong>创建剪贴蒙版有两种方法</strong><br />
a.选中要创建剪贴的图层分别选 图层- 创建剪贴蒙版.<br />
b.在需要的图层上右键-创建剪贴蒙版. <em><strong>文字图层</strong>的右键没这选项,可以用方法a来实现</em>.<br />
<em>飞鱼:表告诉我你连蒙版是啥都不知道,不知道的我下回再解释=.=</em></li>
</ul>
<p><span id="more-367"></span><br />
<img alt="" src="http://pic.yupoo.com/2-fish/342356fdc224/medium.jpg" class="alignnone" width="500" height="229" /></p>
<h3>制作案例</h3>
<p>首先看最终效果.<br />
<img alt="" src="http://pic.yupoo.com/2-fish/195306fdc9d5/medium.jpg" class="alignnone" width="500" height="260" /></p>
<h3>步骤1</h3>
<p>新建一个文档, 将要做的banner 网页效果图 截个图, 粘帖到文档作为背景效果. 新建一个图层box,在图层上绘制一个矩形,尺寸为banner的尺寸,并且调整好位置.<br />
<img alt="" src="http://pic.yupoo.com/2-fish/111256fdc9d5/medium.jpg" class="alignnone" width="500" height="260" /></p>
<h3>步骤2</h3>
<p>从你的素材库里挑选你想要设计的一些素材, 放在box层上方.如下图: 此时,由于图片过大,超出了banner要求的尺寸,没事稍后就好.<br />
<img alt="" src="http://pic.yupoo.com/2-fish/746086fdc9d7/medium.jpg" class="alignnone" width="500" height="260" /></p>
<h3>步骤3</h3>
<p>选中素材图层,右键选择 -创建剪贴蒙版-,此时 超出部分就乖乖的隐藏了,是不是很神奇啊, 你可以任意移动,缩放修改该图层,以达到最佳效果.<br />
<img alt="" src="http://pic.yupoo.com/2-fish/480026fdc9d4/medium.jpg" class="alignnone" width="500" height="260" /></p>
<h3>步骤4</h3>
<p>增加修饰,以及文字效果.就完成了.<br />
<img alt="" src="http://pic.yupoo.com/2-fish/195306fdc9d5/medium.jpg" class="alignnone" width="500" height="260" /></p>
<h3>总结</h3>
<p>个人觉得在网页设计中,剪贴蒙版比图层蒙版更为常用.</p>
<h2  class="related_post_title">您可能还对这些日志感兴趣</h2><ul class="related_post"><li><a href="http://qilei.org/201110/make-the-ios-5-notification-center-bg-with-photoshop/" title="乱翻乱教 &#8211; iOS5 通知栏背景制作">乱翻乱教 &#8211; iOS5 通知栏背景制作</a></li><li><a href="http://qilei.org/201103/create-a-cute-bird-icon-in-photoshop/" title="乱翻乱教 &#8211; 制作可爱的小鸟勃起图标">乱翻乱教 &#8211; 制作可爱的小鸟勃起图标</a></li><li><a href="http://qilei.org/201003/photoshop-made-an-cute-chick/" title="乱翻乱教 – 小鸡快跑 &#8211;  Photoshop 超级可爱小鸡">乱翻乱教 – 小鸡快跑 &#8211;  Photoshop 超级可爱小鸡</a></li><li><a href="http://qilei.org/200906/making-a-planet-by-photoshop/" title="乱翻乱教-编号004-用photoshop制作绚丽的星球">乱翻乱教-编号004-用photoshop制作绚丽的星球</a></li><li><a href="http://qilei.org/200903/web-design-training-class-two/" title="设计部培训第二课">设计部培训第二课</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://qilei.org/200902/photoshop-clip-mask-tip/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>乱翻乱教-编号003-Photoshop 制作 字体冒烟效果</title>
		<link>http://qilei.org/200901/smoke-type-photoshop-10-steps/</link>
		<comments>http://qilei.org/200901/smoke-type-photoshop-10-steps/#comments</comments>
		<pubDate>Sun, 25 Jan 2009 12:00:35 +0000</pubDate>
		<dc:creator>飞鱼</dc:creator>
				<category><![CDATA[乱翻乱教]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://www.qilei.org/?p=326</guid>
		<description><![CDATA[Photoshop十步制作字体冒烟效果 作者：abduzeedo 制作工具：Adobe Photoshop 原文地址：猛击此链接 (英文强悍的可以参考原文) 在此教程中，我们将介绍如何用一些笔刷和图层效果建立一个烟字体效果，相当简单，5-10分钟就可以完成。 鞠躬：发现好久没有更新教程了，都说挺忙，其实是懒，决定2009年每周做两个，大家帮忙监督，^_^ 最终效果 步骤1 打开Photoshop ，新建一文件，尺寸是1920×1200 像素。然后制作一个渐变效果的背景。 方法可以直接用渐变填充，或者新建一层用 图层的渐变样式(我用的是图层样式-渐变叠加)。如下：渐变参数为：径向 #07090a &#8211; #202b35 步骤2 在图层中间 写 一些字，选个让字体看起来粗大点的字体(我用的是Segoe UI)。然后 分别选 滤镜 &#8211; 模糊 &#8211; 动感模糊(Filter&#62;Blur&#62;Motion Blur)给字体添加效果，参数如下：90度 20px 中间提示 栅格化图层 属正常现象，因为滤镜都要在位图上操作。 步骤3 继续给文字图层加滤镜 分别选 滤镜 &#8211; 扭曲 &#8211; 波浪 (Filter&#62;Distort&#62;Wave), 参数如下：生产器数 3 波长 10 &#8211; 346 波幅 5 &#8211; 35 其他如下图。 步骤4 [...]]]></description>
			<content:encoded><![CDATA[<p><img alt="" src="http://pic.yupoo.com/2-fish/630296dfa995/thumb.jpg" class="janblus-preview" width="100" height="100" /></p>
<h2>Photoshop十步制作字体冒烟效果</h2>
<p>作者：<a target="_blank"  href="http://localhost/blogs/abduzeedo">abduzeedo</a><br />
制作工具：Adobe Photoshop<br />
原文地址：<a target="_blank"  title="Photoshop十步制作字体冒烟效果-飞鱼的乱翻乱教-编号003" href="http://abduzeedo.com/smoke-type-photoshop-10-steps">猛击此链接</a> (英文强悍的可以参考原文)<br />
在此教程中，我们将介绍如何用一些笔刷和图层效果建立一个烟字体效果，相当简单，5-10分钟就可以完成。</p>
<p><em class="janblus-say">鞠躬：发现好久没有更新教程了，都说挺忙，其实是懒，决定2009年每周做两个，大家帮忙监督，^_^</em></p>
<h3>最终效果</h3>
<p><img alt="" src="http://pic.yupoo.com/2-fish/638346dfaa4d/medium.jpg" class="alignnone" width="500" height="313" /><br />
<span id="more-326"></span></p>
<h3>步骤1</h3>
<p>打开Photoshop ，新建一文件，尺寸是1920×1200 像素。然后制作一个渐变效果的背景。<br />
方法可以直接用渐变填充，或者新建一层用 <strong>图层的渐变样式</strong>(我用的是图层样式-渐变叠加)。如下：渐变参数为：径向 #07090a &#8211; #202b35<br />
<img alt="" src="http://pic.yupoo.com/2-fish/445266dfa876/medium.jpg" class="alignnone" width="500" height="318" /><br />
<img alt="" src="http://pic.yupoo.com/2-fish/752776dfa878/medium.jpg" class="alignnone" width="500" height="402" /></p>
<h3>步骤2</h3>
<p>在图层中间 写 一些字，选个让字体看起来粗大点的字体(我用的是Segoe UI)。然后 分别选 滤镜 &#8211; 模糊 &#8211; 动感模糊(Filter&gt;Blur&gt;Motion Blur)给字体添加效果，参数如下：90度 20px<br />
<em class="janblus-say">中间提示 栅格化图层 属正常现象，因为滤镜都要在位图上操作。</em><br />
<img alt="" src="http://pic.yupoo.com/2-fish/348696dfab4c/medium.jpg" class="alignnone" width="500" height="318" /><br />
<img alt="" src="http://pic.yupoo.com/2-fish/405286dfab4c/medium.jpg" class="alignnone" width="500" height="318" /><br />
<img alt="" src="http://pic.yupoo.com/2-fish/041966dfab4a/medium.jpg" class="alignnone" width="325" height="352" /></p>
<h3>步骤3</h3>
<p>继续给文字图层加滤镜 分别选 滤镜 &#8211; 扭曲 &#8211; 波浪 (Filter&gt;Distort&gt;Wave), 参数如下：生产器数 3  波长 10 &#8211; 346  波幅 5 &#8211; 35 其他如下图。<br />
<img alt="" src="http://pic.yupoo.com/2-fish/731266dfba22/medium.jpg" class="alignnone" width="500" height="318" /><br />
<img alt="" src="http://pic.yupoo.com/2-fish/906176dfba21/medium.jpg" class="alignnone" width="464" height="396" /></p>
<h3>步骤4</h3>
<p>再给文字图层 加一次高斯模糊(滤镜 &#8211; 模糊 &#8211; 高斯模糊)，模糊半径为10像素左右。效果如下：<br />
<img alt="" src="http://pic.yupoo.com/2-fish/144326dfbaad/medium.jpg" class="alignnone" width="500" height="318" /><br />
<img alt="" src="http://pic.yupoo.com/2-fish/272696dfbaae/medium.jpg" class="alignnone" width="325" height="305" /><br />
然后将该图层编组(ctrl + G)，然后将图层模式 改为 颜色减淡。效果如下<br />
<em class="janblus-say">看吧，出效果了吧，前面看着挺丑，从这部开始，就好看多了</em><br />
<img alt="" src="http://pic.yupoo.com/2-fish/224736dfbaaf/medium.jpg" class="alignnone" width="217" height="234" /><br />
<img alt="" src="http://pic.yupoo.com/2-fish/594066dfbaac/medium.jpg" class="alignnone" width="500" height="318" /></p>
<h3>步骤5</h3>
<p>离胜利不远啦，接下来我们加点雾气效果。新建一图层，填充黑色，分别选 滤镜 &#8211; 渲染 &#8211; 分层云彩 (Filter&gt;Render&gt;Clouds)，<br />
将该图层编组(ctrl + G)，然后将改组的图层模式 改为 颜色减淡。效果如下，<br />
然后给云彩图层加个蒙版(图层 &#8211; 图层蒙版 &#8211; 隐藏全部)，然后再选择画笔(B)，点击右键 选择互通画笔工具，将硬度调整至0%，前景色调至白色，然后在蒙版上涂，<em class="janblus-say">可以先沿着字母轮廓涂，然后再扩散开</em><br />
<img alt="" src="http://pic.yupoo.com/2-fish/742326dfbc8d/medium.jpg" class="alignnone" width="500" height="318" /><br />
<img alt="" src="http://pic.yupoo.com/2-fish/224606dfbc8c/medium.jpg" class="alignnone" width="212" height="253" /><br />
<img alt="" src="http://pic.yupoo.com/2-fish/453966dfbc8b/medium.jpg" class="alignnone" width="500" height="318" /></p>
<h3>步骤6</h3>
<p><em class="janblus-say">本作中最经典的一步，莫过于此，也是最精华的一步</em><br />
在云彩层的上面新建一图层，在字上方画出烟熏效果，烟的画笔可以 <strong><a target="_blank"  href="http://qbrushes.com/photoshop-abstract-brushes/smoke-brushes/">点击这里</a></strong> 下载，如下图，<br />
<em class="janblus-say">烟的画笔有6种差不多，可以自由发挥，注意搭配，以及调整画笔尺寸以及位置。注意：用烟画笔时，在界面上点一下即可，不要像画图一样拖动，不然cpu吃不消，photoshop挂掉了就不好了，我就这么干过。</em><br />
<img alt="" src="http://pic.yupoo.com/2-fish/271126dfbeed/medium.jpg" class="alignnone" width="499" height="380" /><br />
<img alt="" src="http://pic.yupoo.com/2-fish/424446dfbeef/medium.jpg" class="alignnone" width="500" height="318" /></p>
<h3>步骤7</h3>
<p>多来点烟，让图片更华丽些，效果如下，以及图层分布，<br />
<img alt="" src="http://pic.yupoo.com/2-fish/214986dfc10c/medium.jpg" class="alignnone" width="500" height="318" /><br />
<img alt="" src="http://pic.yupoo.com/2-fish/900026dfc10b/medium.jpg" class="alignnone" width="210" height="441" /></p>
<h3>步骤8</h3>
<p><em class="janblus-say">这一步也相当之好，增加点迷幻效果。</em><br />
在最底下的渐变层上方新建一层，填充黑色，分别选 滤镜 &#8211; 纹理 &#8211; 纹理化(Filter&gt;Texture&gt;Texturizer)，在右边设置参数如下：纹理,画布，缩放100% 凸显4  光照 上。 完成之后将 图层模式 改为 颜色减淡。<br />
<img alt="" src="http://pic.yupoo.com/2-fish/087716dfc2a8/medium.jpg" class="alignnone" width="500" height="276" /><br />
<img alt="" src="http://pic.yupoo.com/2-fish/575196dfc2b0/medium.jpg" class="alignnone" width="500" height="318" /><br />
<img alt="" src="http://pic.yupoo.com/2-fish/312886dfc2a9/medium.jpg" class="alignnone" width="212" height="303" /></p>
<h3>步骤9</h3>
<p><em class="janblus-say">这一步讲的是Photoshop cs4的一个新特性，实现反向效果，cs3里同样可以实现方法不同而已</em><br />
选择最上方的图层，在图层面板下选择 调整图层滤镜，选反相 如下图<br />
<img alt="" src="http://pic.yupoo.com/2-fish/473936dfc585/medium.jpg" class="alignnone" width="213" height="145" /><br />
<img alt="" src="http://pic.yupoo.com/2-fish/626766dfc59c/medium.jpg" class="alignnone" width="500" height="313" /></p>
<h3>步骤10</h3>
<p>打完收工。<br />
总结：看吧，是很简单呢，主要是利用了各种滤镜效果，以及 那非常邪恶的 画笔，当然 <a href="http://qbrushes.com/">QBrush</a> 上还有好多华丽的笔刷，可以自行下载。还有最重要的一点就是，合理的搭配，以及注意细节。<br />
再看一下最终效果图： <a target="_blank" href="http://pic.yupoo.com/2-fish/638346dfaa4d/inda4x92.jpg"> <strong>点击这里</strong> </a> 查看大图<br />
<img alt="" src="http://pic.yupoo.com/2-fish/638346dfaa4d/medium.jpg" class="alignnone" width="500" height="313" /></p>
<h2  class="related_post_title">您可能还对这些日志感兴趣</h2><ul class="related_post"><li><a href="http://qilei.org/201110/make-the-ios-5-notification-center-bg-with-photoshop/" title="乱翻乱教 &#8211; iOS5 通知栏背景制作">乱翻乱教 &#8211; iOS5 通知栏背景制作</a></li><li><a href="http://qilei.org/201103/create-a-cute-bird-icon-in-photoshop/" title="乱翻乱教 &#8211; 制作可爱的小鸟勃起图标">乱翻乱教 &#8211; 制作可爱的小鸟勃起图标</a></li><li><a href="http://qilei.org/201003/photoshop-made-an-cute-chick/" title="乱翻乱教 – 小鸡快跑 &#8211;  Photoshop 超级可爱小鸡">乱翻乱教 – 小鸡快跑 &#8211;  Photoshop 超级可爱小鸡</a></li><li><a href="http://qilei.org/200906/making-a-planet-by-photoshop/" title="乱翻乱教-编号004-用photoshop制作绚丽的星球">乱翻乱教-编号004-用photoshop制作绚丽的星球</a></li><li><a href="http://qilei.org/200903/web-design-training-class-two/" title="设计部培训第二课">设计部培训第二课</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://qilei.org/200901/smoke-type-photoshop-10-steps/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>出水芙蓉的绿色 oh~ 美女?</title>
		<link>http://qilei.org/200812/design-of-club-redhome/</link>
		<comments>http://qilei.org/200812/design-of-club-redhome/#comments</comments>
		<pubDate>Sat, 20 Dec 2008 08:41:42 +0000</pubDate>
		<dc:creator>飞鱼</dc:creator>
				<category><![CDATA[又设又计]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[redhome]]></category>
		<category><![CDATA[产品]]></category>
		<category><![CDATA[社区]]></category>

		<guid isPermaLink="false">http://www.qilei.org/?p=286</guid>
		<description><![CDATA[考试前夕,突然手痒,做了这么个东西. 对.家园社区 还没生出来&#8220; 但快了&#8220;我尽快,努力,使劲^_^ 打算把这个东西作为自己的第二个产品运营.^_^ 一直都困在 家园给我的印象,就是家园的网站到底用什么颜色好, 之前的论坛被做成了淡蓝色,然后被劈得不行. 感觉那段时间不在状态, 想太多东西. 后来 看了 QQ秀, 发现 家园不就是应该像这样一个 处在生长期的嫩绿色嘛. 于是很多东西都一目了然. 最早是暗红,然后是红的,后来变蓝,现在是绿, 不知道什么时候会变黄&#8220;`哈哈 很多东西都还在策划中, 这次的设计融入了好多元素,说的难听点就是 参考了好多网站的设计, 比如:腾讯首页 , 19lou , 猫扑. PS:个人觉得问题不在于抄袭, 在于 怎么把其他好的设计重新组装,然后产生一些新的idea. PS2:快考试啦&#8220;`我竟然还在想这个,我没救了 =.= 您可能还对这些日志感兴趣乱翻乱教 &#8211; iOS5 通知栏背景制作乱翻乱教 &#8211; 制作可爱的小鸟勃起图标乱翻乱教 – 小鸡快跑 &#8211; Photoshop 超级可爱小鸡乱翻乱教-编号004-用photoshop制作绚丽的星球设计部培训第二课]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" src="http://pic.yupoo.com/2-fish/841866b01ea9/medium.jpg" alt="" width="500" height="409" /></p>
<p>考试前夕,突然手痒,做了这么个东西.<br />
对.家园社区 <em class="janblus-say">还没生出来&#8220; 但快了&#8220;我尽快,努力,使劲^_^</em><br />
打算把这个东西作为自己的第二个产品运营.^_^</p>
<p>一直都困在 家园给我的印象,就是家园的网站到底用什么颜色好, 之前的<a href="http://bbs.redhome.cc/">论坛</a>被做成了淡蓝色,然后被劈得不行. 感觉那段时间不在状态, 想太多东西.<br />
后来 看了 <a href="http://show.qq.com/">QQ秀</a>, 发现 家园不就是应该像这样一个 处在生长期的嫩绿色嘛.<br />
于是很多东西都一目了然.<br />
<em class="janblus-say">最早是暗红,然后是红的,后来变蓝,现在是绿, 不知道什么时候会变黄&#8220;`哈哈</em><br />
<span id="more-286"></span><br />
<img class="alignnone" src="http://pic.yupoo.com/2-fish/478746b021d8/medium.jpg" alt="" width="500" height="201" /></p>
<p>很多东西都还在策划中, 这次的设计融入了好多元素,说的难听点就是 参考了好多网站的设计,<br />
比如:腾讯首页 , 19lou , 猫扑.<br />
PS:个人觉得问题不在于抄袭, 在于 怎么把其他好的设计重新组装,然后产生一些新的idea.<br />
PS2:快考试啦&#8220;`我竟然还在想这个,我没救了 =.=</p>
<h2  class="related_post_title">您可能还对这些日志感兴趣</h2><ul class="related_post"><li><a href="http://qilei.org/201110/make-the-ios-5-notification-center-bg-with-photoshop/" title="乱翻乱教 &#8211; iOS5 通知栏背景制作">乱翻乱教 &#8211; iOS5 通知栏背景制作</a></li><li><a href="http://qilei.org/201103/create-a-cute-bird-icon-in-photoshop/" title="乱翻乱教 &#8211; 制作可爱的小鸟勃起图标">乱翻乱教 &#8211; 制作可爱的小鸟勃起图标</a></li><li><a href="http://qilei.org/201003/photoshop-made-an-cute-chick/" title="乱翻乱教 – 小鸡快跑 &#8211;  Photoshop 超级可爱小鸡">乱翻乱教 – 小鸡快跑 &#8211;  Photoshop 超级可爱小鸡</a></li><li><a href="http://qilei.org/200906/making-a-planet-by-photoshop/" title="乱翻乱教-编号004-用photoshop制作绚丽的星球">乱翻乱教-编号004-用photoshop制作绚丽的星球</a></li><li><a href="http://qilei.org/200903/web-design-training-class-two/" title="设计部培训第二课">设计部培训第二课</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://qilei.org/200812/design-of-club-redhome/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Dreamweaver CS4 试用笔记</title>
		<link>http://qilei.org/200810/dreamweaver-cs4-tryout/</link>
		<comments>http://qilei.org/200810/dreamweaver-cs4-tryout/#comments</comments>
		<pubDate>Fri, 31 Oct 2008 11:56:44 +0000</pubDate>
		<dc:creator>飞鱼</dc:creator>
				<category><![CDATA[生活琐碎]]></category>
		<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://www.qilei.org/?p=221</guid>
		<description><![CDATA[看完大猫 (这家伙换了个邪恶的域名ooxx.me很Orz) 的 大换血之后，将Dreamweaver CS4，Photoshop CS4弄下来，试用了一小时。写个试用笔记。 下载地址 就到猫猫哪里找吧，人家找得也挺辛苦的^_^ 首先是Photoshop CS4 跟所有的绿色版一样，只能看不能用，花瓶一个。 原因：打开一个代3个以上字体的psd文件就down掉了，记得上次用CS3绿色版时，也这样因为载入字体库文件产生假死，或者软件崩溃。具体解决方法不得而知，现在装正式破解版^_6 飞鱼在此向盗版哥哥膜拜，再次向Adobe膜拜，你们如此宽宏大量，希望你们正版软件再便宜点，我就弄正版啦··· 如果谁知道如何处理该Photoshop CS4 down掉问题，请及时告诉，飞鱼万分感谢。 其实相对于CS4的界面风格，我更喜欢CS3的，感觉CS4金属感太强。可能这种色调用在Dreamweaver上会好些。 然后是Dreamweaver CS4。首先是报告一下，用了一小时后，没有出现down机特效，评分4.5分(5分满) 1.界面 相当喜欢这次界面，色调非常适合代码调试。 2.新增功能 我没看新功能简介，只是用了一小时，把发现的一些新功能分享一下。 首先是一个文件关联，如下图： 当打开一个文件它会将关联的文件都列出来，觉得这点功能非常实用。 然后是视图，貌似DW这版总算加入了实时的视图，不用老在浏览器和编辑器切换啦。 之前的DW编辑视图非常之搓，经常避而不见 第三点是右上角的视图切换。很人性化的加入了之前没有的拆分代码，以及垂直拆分。开代码对比增加了易用性。 第四点是无意中发现的。 当你在编辑区(html页面)鼠标不动的时候(大概3秒)，鼠标的位置会出现一个图标(如下图)，点了下发现新大陆。 该弹出窗，列出了所有鼠标所在层级到根级的css名列表，这个功能简直太好了，你可以直接点击并编辑相应的css， 这个功能对前端的帮助非常大。 补充：根据提示，按住alt键点击代码可以马上弹出该窗口呢，非常实用 补充：···· 第五点 是 Dreamweaver CS4 的css验证系统，以及代码纠错貌似做得好了·，因为之前一直都用DW8，=.= 其他功能继续琢磨再分享哈。 您可能还对这些日志感兴趣乱翻乱教 &#8211; iOS5 通知栏背景制作乱翻乱教 &#8211; 制作可爱的小鸟勃起图标乱翻乱教 – 小鸡快跑 &#8211; Photoshop 超级可爱小鸡乱翻乱教-编号004-用photoshop制作绚丽的星球设计部培训第二课]]></description>
			<content:encoded><![CDATA[<p><img src="http://pic.yupoo.com/2-fish/8297866e5cac/medium.jpg" alt="Dreamweaver CS4 截图" width="500" height="341" /><br />
看完<a href="http://ooxx.me/">大猫</a> (<em class="janblus-say">这家伙换了个邪恶的域名ooxx.me很Orz</em>) 的 <a href="http://ooxx.me/change-blood.orz">大换血</a>之后，将Dreamweaver CS4，Photoshop CS4弄下来，试用了一小时。写个试用笔记。<br />
<em class="janblus-say">下载地址 就到猫猫哪里找吧，人家找得也挺辛苦的^_^</em><span id="more-221"></span><br />
首先是Photoshop CS4 跟所有的绿色版一样，只能看不能用，花瓶一个。<br />
原因：打开一个代3个以上字体的psd文件就down掉了，记得上次用CS3绿色版时，也这样因为载入字体库文件产生假死，或者软件崩溃。具体解决方法不得而知，现在装正式破解版^_6 <em class="janblus-say">飞鱼在此向盗版哥哥膜拜，再次向Adobe膜拜，你们如此宽宏大量，希望你们正版软件再便宜点，我就弄正版啦···</em><br />
如果谁知道如何处理该Photoshop CS4 down掉问题，请及时告诉，飞鱼万分感谢。<br />
其实相对于CS4的界面风格，我更喜欢CS3的，感觉CS4金属感太强。可能这种色调用在Dreamweaver上会好些。</p>
<p>然后是Dreamweaver CS4。首先是报告一下，用了一小时后，没有出现down机特效，评分4.5分(5分满)<br />
<strong>1.界面</strong><br />
相当喜欢这次界面，色调非常适合代码调试。</p>
<p><strong>2.新增功能</strong></p>
<p>我没看新功能简介，只是用了一小时，把发现的一些新功能分享一下。<br />
首先是一个文件关联，如下图：<br />
当打开一个文件它会将关联的文件都列出来，觉得这点功能非常实用。<br />
<img class="alignnone" src="http://pic.yupoo.com/2-fish/4404966e61df/medium.jpg" alt="" width="391" height="81" /></p>
<p>然后是视图，貌似DW这版总算加入了实时的视图，不用老在浏览器和编辑器切换啦。<br />
<em class="janblus-say">之前的DW编辑视图非常之搓，经常避而不见</em></p>
<p>第三点是右上角的视图切换。很人性化的加入了之前没有的<strong>拆分代码</strong>，以及<strong>垂直拆分</strong>。开代码对比增加了易用性。<br />
<img class="alignnone" src="http://pic.yupoo.com/2-fish/1822566e5f54/medium.jpg" alt="" width="192" height="185" /></p>
<p>第四点是无意中发现的。<br />
当你在编辑区(html页面)鼠标不动的时候(大概3秒)，鼠标的位置会出现一个图标(如下图)，点了下发现新大陆。<br />
该弹出窗，列出了所有鼠标所在层级到根级的css名列表，这个功能简直太好了，你可以直接点击并编辑相应的css，<br />
这个功能对前端的帮助非常大。<br />
<em class="janblus-say">补充：根据提示，按住alt键点击代码可以马上弹出该窗口呢，非常实用</em></p>
<p><img class="alignnone" src="http://pic.yupoo.com/2-fish/3720966e6027/medium.jpg" alt="" width="249" height="149" /><br />
<img class="alignnone" src="http://pic.yupoo.com/2-fish/7275166e5f3c/medium.jpg" alt="" width="463" height="445" /></p>
<p>补充：····<br />
第五点 是 Dreamweaver CS4 的css验证系统，以及代码纠错貌似做得好了·，因为之前一直都用DW8，=.=<br />
其他功能继续琢磨再分享哈。</p>
<h2  class="related_post_title">您可能还对这些日志感兴趣</h2><ul class="related_post"><li><a href="http://qilei.org/201110/make-the-ios-5-notification-center-bg-with-photoshop/" title="乱翻乱教 &#8211; iOS5 通知栏背景制作">乱翻乱教 &#8211; iOS5 通知栏背景制作</a></li><li><a href="http://qilei.org/201103/create-a-cute-bird-icon-in-photoshop/" title="乱翻乱教 &#8211; 制作可爱的小鸟勃起图标">乱翻乱教 &#8211; 制作可爱的小鸟勃起图标</a></li><li><a href="http://qilei.org/201003/photoshop-made-an-cute-chick/" title="乱翻乱教 – 小鸡快跑 &#8211;  Photoshop 超级可爱小鸡">乱翻乱教 – 小鸡快跑 &#8211;  Photoshop 超级可爱小鸡</a></li><li><a href="http://qilei.org/200906/making-a-planet-by-photoshop/" title="乱翻乱教-编号004-用photoshop制作绚丽的星球">乱翻乱教-编号004-用photoshop制作绚丽的星球</a></li><li><a href="http://qilei.org/200903/web-design-training-class-two/" title="设计部培训第二课">设计部培训第二课</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://qilei.org/200810/dreamweaver-cs4-tryout/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>飞鱼的乱翻乱教-编号002-美味青苹果</title>
		<link>http://qilei.org/200810/how-to-create-a-delicious-green-apple-illustration/</link>
		<comments>http://qilei.org/200810/how-to-create-a-delicious-green-apple-illustration/#comments</comments>
		<pubDate>Sun, 05 Oct 2008 16:56:52 +0000</pubDate>
		<dc:creator>飞鱼</dc:creator>
				<category><![CDATA[乱翻乱教]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[PSDTUTS]]></category>
		<category><![CDATA[教程]]></category>

		<guid isPermaLink="false">http://www.qilei.org/?p=195</guid>
		<description><![CDATA[如何制作美味的青苹果插图 作者：Eren Göksel 制作工具：Adobe Photoshop 原文地址：猛击此链接 (英文强悍的可以参考原文) 在此教程中，我们将使用Photoshop来制作一个苹果图案。 飞鱼沮丧地说：令人遗憾的是，该文章开头就注明了，如果想要psd文件，以及教程文件，请付多少多少钱(9美刀/每月.好高消费)。 所以不知道会不会涉及到版权问题，所以这次我就用自己边翻边截的图吧^_^ 最终效果图 步骤1 新建一个如下图尺寸的psd文件。800×800 300dpi。 步骤2 新建一层“苹果”，使用椭圆选框工具(M)绘制一个正圆选区(如下图)。并使用渐变填充工具(G)填充渐变色，其中前景色为:#88cc33 背景色为:#005522。效果如下： 步骤3 然后 打开图层的混合选项，添加内阴影。参数如下： 步骤4 新建一个图层“纹理” ，按住ctrl 点击 “苹果”层 建立选区，分别选择 滤镜(Filter)>渲染(Render)>云彩(Clouds)，如下图： 然后选择 滤镜(Filter)>扭曲(Distort)>球面化(Spherize) 注意：做球面化的时候要保持选区,不然会出现错误. 球面化的参数: 数量:100% 模式:正常。 然后修改图层模式为：柔光 。效果如下：此时该圆变得富有质感。 步骤5 在顶部新建一层“斑点”,给苹果添加一些小瑕疵。选择笔刷工具(B), 修改前景色为#ccdd99。调整笔刷尺寸为5 硬度100 。同样按住ctrl 点击 “苹果”层 建立选区，在苹果上点出一些小斑点。然后将尺寸缩小到3，再点一些小斑点，增加层次感 。分别选择 滤镜> 模糊>动感模糊 参数分别为：角度90 距离3px; 飞鱼小声地说：那个斑点就少点一些, 适量即可,不然也太坑洼了点 haha 然后做一个 球面化(上面有说)。就产生下图。 步骤6 新建一图层“凹槽”，制作苹果顶部凹槽部分。使用椭圆工具(U)绘制,如下图的白色椭圆。在“凹槽”上方新建一层“凹槽阴影”，同样，绘制一个黑色的圆。如下图。 [...]]]></description>
			<content:encoded><![CDATA[<p><img class="janblus-preview" src="http://pic.yupoo.com/2-fish/4395564c6676/thumb.jpg" alt="美味的青苹果插图-preview.jpg" width="100" height="88" /></p>
<h2>如何制作美味的青苹果插图</h2>
<p>作者：<a title="Posts by Eren Göksel" href="http://new.psdtuts.com/author/eren-goksel/">Eren Göksel</a><br />
制作工具：Adobe Photoshop<br />
原文地址：<a title="如何制作美味的青苹果插图-飞鱼的乱翻乱教-编号002" href="http://new.psdtuts.com/drawing/how-to-create-a-delicious-green-apple-illustration/">猛击此链接</a> (英文强悍的可以参考原文)<br />
在此教程中，我们将使用Photoshop来制作一个苹果图案。<br />
<em class="janblus-say">飞鱼沮丧地说：令人遗憾的是，该文章开头就注明了，如果想要psd文件，以及教程文件，请付多少多少钱(9美刀/每月.好高消费)。 所以不知道会不会涉及到版权问题，所以这次我就用自己边翻边截的图吧^_^</em><br />
<span id="more-195"></span></p>
<h3>最终效果图</h3>
<p><img src="http://pic.yupoo.com/2-fish/4395564c6676/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-最终效果图" width="500" height="442" /></p>
<h3>步骤1</h3>
<p>新建一个如下图尺寸的psd文件。800×800 300dpi。<br />
<img src="http://pic.yupoo.com/2-fish/7148764c5f38/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤1" width="500" height="321" /></p>
<h3>步骤2</h3>
<p>新建一层“苹果”，使用椭圆选框工具(M)绘制一个正圆选区(如下图)。并使用渐变填充工具(G)填充渐变色，其中前景色为:#88cc33 背景色为:#005522。效果如下：<img src="http://pic.yupoo.com/2-fish/4546464c1526/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤2" width="500" height="442" /></p>
<h3>步骤3</h3>
<p>然后 打开图层的混合选项，添加内阴影。参数如下：<br />
<img src="http://pic.yupoo.com/2-fish/4479964c1756/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤3" width="500" height="442" /><br />
<img src="http://pic.yupoo.com/2-fish/8230964c5f2b/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤3" width="500" height="409" /></p>
<h3>步骤4</h3>
<p>新建一个图层“纹理” ，按住ctrl 点击 “苹果”层 建立选区，分别选择 滤镜(Filter)>渲染(Render)>云彩(Clouds)，如下图：<br />
<img src="http://pic.yupoo.com/2-fish/1703364c5f2a/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤4" width="500" height="442" /><br />
然后选择  滤镜(Filter)>扭曲(Distort)>球面化(Spherize) <em class="janblus-say">注意：做球面化的时候要保持选区,不然会出现错误.</em> 球面化的参数: 数量:100% 模式:正常。 然后修改图层模式为：柔光 。效果如下：此时该圆变得富有质感。<br />
<img src="http://pic.yupoo.com/2-fish/7589964c5f2a/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤4" width="500" height="442" /></p>
<h3>步骤5</h3>
<p>在顶部新建一层“斑点”,给苹果添加一些小瑕疵。选择笔刷工具(B), 修改前景色为#ccdd99。调整笔刷尺寸为5  硬度100 。同样按住ctrl 点击 “苹果”层 建立选区，在苹果上点出一些小斑点。然后将尺寸缩小到3，再点一些小斑点，增加层次感<br />
。分别选择 滤镜> 模糊>动感模糊 参数分别为：角度90 距离3px;<br />
<em class="janblus-say">飞鱼小声地说：那个斑点就少点一些, 适量即可,不然也太坑洼了点 haha </em><br />
<img src="http://pic.yupoo.com/2-fish/7007664c5f2c/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤5" width="500" height="442" /><br />
然后做一个 球面化(上面有说)。就产生下图。<br />
<img src="http://pic.yupoo.com/2-fish/3876264c5f2d/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤5" width="500" height="442" /></p>
<h3>步骤6</h3>
<p>新建一图层“凹槽”，制作苹果顶部凹槽部分。使用椭圆工具(U)绘制,如下图的白色椭圆。在“凹槽”上方新建一层“凹槽阴影”，同样，绘制一个黑色的圆。如下图。<br />
<em class="janblus-say">提示：原文意思是使用选区工具(M)来制作这两个圆，意思一个样，只不过使用椭圆工具时你可以调整圆，然后将其栅格化。</em><br />
<img src="http://pic.yupoo.com/2-fish/4254264c5f2e/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤6" width="500" height="442" /><br />
然后选择 “凹槽阴影”层，点击右键 创建剪贴蒙版。然后选择 滤镜> 模糊>高斯模糊 参数 为 17px ； 将图层 透明度 改为50%；选择 “凹槽”层，将图层模式改为 正片叠底。效果如下.<br />
<em class="janblus-say">要点：就想原文所说的，可以微移黑色层，调到适当位置即可，以体现真实感。</em><br />
<img src="http://pic.yupoo.com/2-fish/1369364c5f2f/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤6" width="500" height="442" /></p>
<h3>步骤7</h3>
<p>这一步我们制作一些高光效果。新建图层 &#8220;高光1&#8243;。绘制如下白色形状。方法可以有很多，原文的方法就是利用选区工具(M) 先画个圆，填充白色，然后再用选区工具画另外一个圆。删除掉。效果图见原文。<br />
另外一种方法，应该更准确，就是利用椭圆工具。绘制一个圆(形状)，然后在同一个形状层内再绘制一个形状减去重叠部分即可。调整到适当位置后 将图层栅格化就能达到原先的效果。 如下图<br />
<img src="http://pic.yupoo.com/2-fish/5510464c5f32/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤7" width="500" height="442" /><br />
然后将图层 进行一次 高斯模糊(如上) 参数：10px 。<br />
<img src="http://pic.yupoo.com/2-fish/4048764c5f34/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤7" width="500" height="442" /></p>
<h3>步骤8</h3>
<p>用同样的方法 新建图层 &#8220;高光2&#8243;。绘制如下白色形状，然后 进行高斯模糊，参数8px<br />
<img src="http://pic.yupoo.com/2-fish/7304764c5f34/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤8" width="500" height="442" /><br />
<img src="http://pic.yupoo.com/2-fish/6396464c6534/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤8" width="500" height="442" /></p>
<h3>步骤9</h3>
<p>在&#8221;高光1&#8243;层下方 新建一图层&#8221;黑色&#8221;，使用油漆桶(G)填充黑色。然后使用按住shift 选择中 &#8220;黑色,&#8221; &#8220;高光1,&#8221; 和 &#8220;高光2&#8243; 等三个图层，将三个图层合并，命名为“高光”。分别 选择 滤镜>画笔描边>喷溅 参数：喷色半径(6)平滑度 (14)。按住ctrl 点击 “苹果”层 建立选区，反向，删除其余部分。将图层模式改为：滤色<br />
<img src="http://pic.yupoo.com/2-fish/9377464c6535/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤9" width="500" height="442" /><br />
<img src="http://pic.yupoo.com/2-fish/0397064c5f36/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤9" width="500" height="442" /></p>
<h3>步骤10</h3>
<p> 在&#8221;斑点&#8221; 层上方新建 一层 &#8220;红色&#8221; ，在如下图位置出绘制一圆,填充：#ffbe00。<br />
按住ctrl 点击 “苹果”层 建立选区。 进行一次高斯模糊：50px。然后修改图层模式为：色相<br />
<img src="http://pic.yupoo.com/2-fish/6410364c5f10/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤10" width="500" height="442" /><br />
<img src="http://pic.yupoo.com/2-fish/7029464c6537/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤10" width="500" height="442" /></p>
<h3>步骤11</h3>
<p>同样在， &#8220;红色&#8221; 下方新建一层 &#8220;黄色&#8221; ，绘制一圆，填充#fff444，使用步骤10相同的方法。高斯模糊：50px。图层模式为：高光。透明度为：75%。<br />
<img src="http://pic.yupoo.com/2-fish/0478964c5f11/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤11" width="500" height="442" /><br />
<img src="http://pic.yupoo.com/2-fish/8707764c5f12/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤11" width="500" height="442" /></p>
<h3>步骤12</h3>
<p>在图层顶部新建一图层“倒影”。使用选区工具制作如下图。方法：用选区工具(M)绘制一个大矩形，然后用选区工具(M)删去中间部分即可。<br />
<img src="http://pic.yupoo.com/2-fish/9762664c5f13/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤12" width="500" height="442" /></p>
<h3>步骤13</h3>
<p>选择图层“倒影”，添加图层蒙版(图层>图层蒙版>显示全部，或者点击图层面板下方第三个图标)，在蒙版里填充如下图中的渐变。<br />
<em class="janblus-say">飞鱼小声地说：借用一下原图，这图做起来麻烦，我懒</em><br />
对“倒影” 做一次高斯模糊：4px(适当增减)；然后再分别选择 编辑>变换>变形。在上方属性栏里的下拉框选择：扇形。参数：弯度：-20%。然后 再调整一下位置，以及角度。效果图如下<br />
<img src="http://pic.yupoo.com/2-fish/5921464c5f15/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤13" width="490" height="500" /></p>
<h3>步骤14</h3>
<p>在顶部新建一层“背光” ，按住ctrl 点击 “苹果”层 建立选区，填充白色。保持选区，使用向左键盘将选区向左移动10px，然后删除选区部分。再一次按住ctrl 点击 “苹果”层 建立选区，使用一次高斯模糊：7px。选择橡皮工具(E),将尺寸调到270左右，硬度为0%；在如下图所示位置，擦除白色背光。<br />
<em class="janblus-say">飞鱼小声地说：再次借用，偷笑ing</em><br />
<img src="http://pic.yupoo.com/2-fish/6894964c5f18/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤14" width="490" height="500" /><br />
当然也不忘我做的东东啦··<br />
<img src="http://pic.yupoo.com/2-fish/7851364c5f17/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤14" width="500" height="442" /></p>
<h3>步骤15</h3>
<p>现在是不是看着还不太像苹果啊··囧~~~ 当然啦 没有柄当然不像啦··<br />
这一部开始制作叶柄，离成功不远了。<br />
新建一层“叶柄”，使用钢笔工具(P)绘制如下图 的叶柄路径(路径按钮 在钢笔属性面板上的第二个图标)。然后选择笔刷工具(B)，然后打开画笔面板(F5)，在 形状动态中 设置：控制为：渐隐 20；最小直径：20%。 设置笔尖形状： 直径14px 硬度100%。 然后设置前景色为 #884411。<br />
<em class="janblus-say">飞鱼提示：有些人的画笔面板没有打开扩展模式，就是面板上没有下图中的那些按钮。打开扩展模式很简单，在右侧的弹出下拉按钮里找到勾上就可以</em><br />
然后点开路径面板。双击路径，弹出储存路径(后面有用)，选择路径，右键 > 描边路径。就可以画出叶柄。<br />
按住ctrl 点击 “凹槽”层 建立选区，使用矩形选区工具(M)按住shift 绘制如下选区。反向，删除多余的叶柄。<br />
<img src="http://pic.yupoo.com/2-fish/5359864c5f1b/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤15" width="490" height="500" /><br />
<img src="http://pic.yupoo.com/2-fish/0294164c5f18/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤15" width="500" height="442" /></p>
<h3>步骤16</h3>
<p>新建一图层“叶柄高光”，使用画笔工具，将尺寸设置为：5px；将前景设置为白色，和画叶柄同样的方法。画出叶柄高光部分。<br />
按住ctrl 点击 “叶柄”层 建立选区，高斯模糊：1px。图层透明度改为40%；<br />
选择“叶柄”层，分别点： 滤镜>杂色>添加杂色。 参数：数量(3%) 单色, 高斯分布。<br />
使用 加深工具(O)，使用一个较大且平滑的尺寸(65px,硬度0%)，在叶柄上涂抹，使其产生阴影效果。如下图<br />
<img src="http://pic.yupoo.com/2-fish/7200164c5f1f/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤16" width="490" height="500" /><br />
<img src="http://pic.yupoo.com/2-fish/8498564c5f20/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤16" width="500" height="442" /></p>
<h3>步骤17</h3>
<p>在“叶柄”层下方新建一层“叶柄阴影” 。绘制一个黑色矩形，如下图，自由变换ctrl+T，然后进行高斯模糊(7px)，然后使用一个柔和的大尺寸橡皮擦(E)工具，擦去<br />
上方部分阴影。像去除“叶柄”下方 部分的方法一样，去除阴影的下方部分。修改图层透明度为：60%。<br />
<img src="http://pic.yupoo.com/2-fish/5271864c5f21/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤17" width="490" height="500" /></p>
<h3>步骤18</h3>
<p>到此为止，苹果部分制作完毕，可以将苹果的图层编个组命名“大苹果”以便以后使用。给背景上色：#004400。<br />
<em class="janblus-say">飞鱼得意地笑：这样是不是已经出来苹果的样子啦··，别激动，后面还有</em><br />
下面做一点微调。将“高光”层，“红色”层，“黄色”层的透明度(85%)，“凹槽阴影“透明度(95%),“背光”(60%),“倒影”层(55%)。(可以根据自己感觉调整)<br />
为了使苹果更有质感，我再给“苹果”层 添加内发光效果。参数如下：混合模式(叠加)，透明度(30%)，大小(20px)，颜色(#003300)，然后我把内阴影的 透明度改为45%。<br />
最后我给“斑点”层增加了一个外发光 效果。参数如下：混合模式(叠加)，透明度(60%)，大小(8px)，颜色(#2b2b2b)。<br />
<img src="http://pic.yupoo.com/2-fish/6282264c6539/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤18" width="500" height="442" /></p>
<h3>步骤19</h3>
<p>在“大苹果”组下方，新建一个图层“阴影”，制作苹果的阴影。方法很简单，绘制一个黑色椭圆，然后进行高斯模糊(40px) 就可以了。<br />
<img src="http://pic.yupoo.com/2-fish/8730264c5f23/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤19" width="500" height="442" /><br />
<img src="http://pic.yupoo.com/2-fish/9192864c5f23/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤19" width="500" height="442" /></p>
<h3>步骤20</h3>
<p>在背景上方新建一层“反光” ，绘制场景。同样，绘制一个大的椭圆填充：#338833<br />
然后高斯模糊(75px)。<br />
<img src="http://pic.yupoo.com/2-fish/7180464c5f25/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤20" width="500" height="442" /><br />
<img src="http://pic.yupoo.com/2-fish/0527064c5f26/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤20" width="500" height="442" /></p>
<h3>步骤21</h3>
<p><em class="janblus-say">飞鱼邪恶地笑：终于到最后一步了，这一部堪称 该教程 最神奇的一步<br />
</em><br />
因为目前 该苹果看起来还太圆，那么就对“大苹果”组，进行一次整形。合并“大苹果”组(建议复制一份备用)分别选择 编辑>变换>变形，使用你神奇的鼠标对各个节点进行微调，调成如下图形式，让苹果的形状更像苹果。<br />
<img src="http://pic.yupoo.com/2-fish/0982264c5f27/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-步骤21" width="500" height="442" /></p>
<h3>打完收工</h3>
<p><img src="http://pic.yupoo.com/2-fish/4395564c6676/medium.jpg" alt="飞鱼的乱翻乱教-如何制作美味的青苹果插图-最终效果图" width="500" height="442" /></p>
<h2  class="related_post_title">您可能还对这些日志感兴趣</h2><ul class="related_post"><li><a href="http://qilei.org/201103/create-a-cute-bird-icon-in-photoshop/" title="乱翻乱教 &#8211; 制作可爱的小鸟勃起图标">乱翻乱教 &#8211; 制作可爱的小鸟勃起图标</a></li><li><a href="http://qilei.org/200809/how-to-create-a-transparent-battery-icon/" title="飞鱼的乱翻乱教-编号001-水晶质感icon">飞鱼的乱翻乱教-编号001-水晶质感icon</a></li><li><a href="http://qilei.org/201110/make-the-ios-5-notification-center-bg-with-photoshop/" title="乱翻乱教 &#8211; iOS5 通知栏背景制作">乱翻乱教 &#8211; iOS5 通知栏背景制作</a></li><li><a href="http://qilei.org/201005/m8-developer-starting-with-vs2008/" title="乱翻乱教 – M8开发环境(vs2008)配置 [菜鸟版]">乱翻乱教 – M8开发环境(vs2008)配置 [菜鸟版]</a></li><li><a href="http://qilei.org/201003/photoshop-made-an-cute-chick/" title="乱翻乱教 – 小鸡快跑 &#8211;  Photoshop 超级可爱小鸡">乱翻乱教 – 小鸡快跑 &#8211;  Photoshop 超级可爱小鸡</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://qilei.org/200810/how-to-create-a-delicious-green-apple-illustration/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

