<?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>Yottaworks™ Studio &#187; Photoshop Tutorials</title>
	<atom:link href="http://yottaworks.net/tag/photoshop-tutorials/feed/" rel="self" type="application/rss+xml" />
	<link>http://yottaworks.net</link>
	<description>Ideas, illustrations, tutorials and footprints of Kael</description>
	<lastBuildDate>Sat, 20 Feb 2010 09:58:30 +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>将Illustrator的路径导入复制到Photoshop中的方法</title>
		<link>http://yottaworks.net/article-245/</link>
		<comments>http://yottaworks.net/article-245/#comments</comments>
		<pubDate>Fri, 14 Dec 2007 13:51:52 +0000</pubDate>
		<dc:creator>Kael</dc:creator>
				<category><![CDATA[Designs]]></category>
		<category><![CDATA[Photoshop Tutorials]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[<img src="/wp-content/uploads/2007/12/Ai-path-2-ps-banner.jpg" border="0" alt="" />
开门见山，将Adobe Illustrator（AI）中的路径导入复制到Photoshop（PS）中的方法：
在Adobe Illustrator CS3的默认设置下，不能将路径复制到Photoshop中，因此我们需要修改首选项设置。]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" src="http://yottaworks.cn/wp-content/uploads/2007/12/Ai-path-2-ps-banner.jpg" alt="" /><br />
开门见山，将Adobe Illustrator（Ai）中的路径导入复制到Photoshop（PS）中的方法：</p>
<p>Adobe Illustrator作为最强大的矢量图像处理软件之一，它在路径制作方面的能力当然比以像素处理为主的Photoshop要高出很多，而我们也经常需要将Ai中的路径转移到PS中进行合成。<br />
但是，在Adobe Illustrator CS3的默认设置下，不能将路径复制到Photoshop中，因此我们需要修改首选项设置。</p>
<p><strong>1. </strong>打开Illustrator，进入菜单“编辑”- “首选项”- “文件处理与剪贴板”，在设置窗口中，AICB的选项下，勾选“保留路径”。如图：<br />
<img src="/wp-content/uploads/2007/12/ai-path-preference.png" alt="" /></p>
<p><img src="/wp-content/uploads/2007/12/ai-copy2-ps-option.png" alt="" align="right" /></p>
<p><strong>2.</strong> 完成上面的设置后，同时打开AI与PS，<br />
在Illustrator中选择路径，复制，<br />
到Photoshop中粘贴，就会出现如下的提示窗口。<br />
选择粘贴为“路径”，确定。<br />
这样，Ai中的路径就复制到PS中了。</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<br />
突然需要将Ai中的路径复制到PS中，发现在国内的网站中根本没有相关的内容，虽然百度知道上有人问这个问题，但是最佳答案还是那种不负责任的回答。<br />
还好，在国外的<a href="http://www.photoshopsupport.com/" target="_blank">PhotoshopSupport</a>上找到了需要的答案，就日志一篇，作为今天的份。</p>
<p>PS：如需转载，请标明本站链接。</p>
]]></content:encoded>
			<wfw:commentRss>http://yottaworks.net/article-245/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>[原创教程] 用Photoshop画Vista方形/圆形按钮</title>
		<link>http://yottaworks.net/article-173/</link>
		<comments>http://yottaworks.net/article-173/#comments</comments>
		<pubDate>Wed, 25 Apr 2007 16:39:46 +0000</pubDate>
		<dc:creator>Kael</dc:creator>
				<category><![CDATA[Designs]]></category>
		<category><![CDATA[Photoshop Tutorials]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[<img src="/wp-content/uploads/2007/04/ps-vista-button-title.jpg" border="0" alt="" />
<span style="color: purple;">下面的教程，完全来自本人的研究心得，本站原创。如果大家还有什么高见，或者更简单的方法，小站非常欢迎大家交流经验，批评指正！</span>

网上也有类似的文章，但是终究有些地方没有把握住Vista按钮的特点，尚不生动。而且大都是转载来转载去的相同的东西。]]></description>
			<content:encoded><![CDATA[<p><img src="/wp-content/uploads/2007/04/ps-vista-button-title.jpg" border="0" alt="" /><br />
<span style="color: purple;">下面的教程，完全来自本人的研究心得，本站原创。如果大家还有什么高见，或者更简单的方法，小站非常欢迎大家交流经验，批评指正！</span></p>
<p>网上也有类似的文章，但是终究有些地方没有把握住Vista按钮的特点，尚不生动。而且大都是转载来转载去的相同的东西。</p>
<p>大家如果经常关注我的博客，可能会注意到前不久的那个<a href="/?p=168" target="_blank">摄影大赛网上投票系统</a>中，那个标题中的Vista按钮。可能有人想知道它是怎么画的吧，它不是从别的地方截取下来的图片，而是100%鼠绘的，其中的方法，自然是要多观察，多捉摸，仔细推敲啦。</p>
<p>进入正题，开始说Vista按钮的画法：</p>
<p>１. 新建一个图像（简直是废话，当然要新建了 &#8211; -b），选择一个图片作为背景，这是为了便于调整按钮的透明度。</p>
<p>２. 使用圆角矩形工具画一个方框。注意，选择工具条为路径矩形工具，如图1，圆角半径为5px或6px，画一个需要大小的圆角矩形。为了方便以后使用，在路径面板（图层面板右边第三个选项卡）中保存当前工作路径，命名为“外框”，如图1所示：<br />
<img src="/wp-content/uploads/2007/04/ps-vista-button-step1.jpg" border="0" alt="" /><br />
３. 按钮的描边1。新建一个图层，名为“外框”，在路径面板中右键单击“外框”路径，选择“建立选区”，羽化半径0px，激活“外框”图层，在菜单中选择“编辑”| “描边(S)&#8230;　”，选择深灰色描边。</p>
<p>４. 按钮的描边2。再使用（3）中的方法，建立选区，收缩选区1px（菜单中“选择”|“修改”|“收缩(C)&#8230;　”），在“外框”图层中使用较浅的灰色描边。</p>
<p>５. 按钮底色。新建图层名为“按钮底色”，使用（3）中的方法建立选区，收缩选区2px，然后使用油漆桶工具上色。3，4，5步的效果如图2：<br />
<img src="/wp-content/uploads/2007/04/ps-vista-button-step2.jpg" border="0" alt="" /><br />
６. 按钮上部的增亮。新建“上部增亮”图层，用矩形选框选择如图区域（左右和上部稍稍超出按钮），使用“黑-白”的渐变填充。（小提示：按住Shift拖动，可以垂直、水平，45度渐变。）</p>
<p>７. 按钮下部的加深。新建“下部加深”图层，在下面紧贴6中的图层，使用“黑色-深灰”的渐变填充。</p>
<p>８. 创建剪贴蒙板。按住Alt，移动鼠标到2个图层之间，鼠标会出现如图的形状，单击鼠标，图层名称前就会出现向下的箭头，表示该图层只在下面图层存在的区域显示。<br />
给“上部增亮”和“下部加深”建立剪贴蒙板，全部指向“按钮底色”。</p>
<p>９. 调节图层透明度。调整7中的三个图层的透明度，于是可以达到图3的效果：<br />
<img src="/wp-content/uploads/2007/04/ps-vista-button-step3.jpg" border="0" alt="" /><br />
１０. 经过上面的步骤，在加上文字，Vista按钮就基本上做好了。如图4：（某些地方可以再稍微加工加工）<br />
<img src="/wp-content/uploads/2007/04/ps-vista-button-step4.jpg" border="0" alt="" /><br />
１１. Vista的按钮在鼠标悬停的时候还会出现蓝色的亮光，下面就来说怎么做：<br />
新建一个图层“蓝色亮光”。使用矩形选框工具，选择一个比按钮更大的区域，用#00ccff 的蓝色填充（用油漆桶）。<br />
使用8中的方法，把“蓝色亮光”图层也对“按钮底色”图层添加剪贴蒙板。</p>
<p>接下来就是重要的内容了，使用<a href="/?p=156" target="_blank">钢笔工具<img src="/wp-content/uploads/2007/03/ps-pen-icon.png" border="0" alt="" /></a>，画出如图5中的路径：<br />
<img src="/wp-content/uploads/2007/04/ps-vista-button-step5.jpg" border="0" alt="" /><br />
１２. 然后在路径中右键点击鼠标，选择“建立选区”，在弹出对话框中输入“羽化半径”２０px，然后点击图层面板下面的添加图层蒙板按钮<br />
<img src="/wp-content/uploads/2007/04/ps-vista-button-cover.jpg" border="0" alt="" /><br />
这样就完成了最终的效果！！如图6：<br />
<img src="/wp-content/uploads/2007/04/ps-vista-button-step6.jpg" border="0" alt="" /><br />
12步中，羽化半径的大小，取决于你的按钮的大小，可以多次尝试获得适当的数值。另外，11步中路经的形状可能需要多次试验，直到得到满意的效果。关于<a href="/?p=156" target="_blank">钢笔工具</a>的使用技法，可以参考我<a href="/?p=156" target="_blank">曾经写过的相关日志</a>。</p>
<p>这样就完了，唉，写个教程真的太累了！！！眼睛弄花了，敲键盘手都酸了。</p>
<p><strong>总结一下Vista按钮的特点：</strong><br />
1。外框深色（1px），内框颜色较浅（1px）。<br />
2。透明度的控制。<br />
3。上面的光泽和下半部分的阴影。<br />
4。激活时有蓝色光亮。</p>
<p><span style="color: red;"><strong>本站原创，谢绝转载！！</strong></span></p>
]]></content:encoded>
			<wfw:commentRss>http://yottaworks.net/article-173/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>原来还有个Alt &#8211; Photoshop钢笔工具技法</title>
		<link>http://yottaworks.net/article-156/</link>
		<comments>http://yottaworks.net/article-156/#comments</comments>
		<pubDate>Sat, 24 Mar 2007 00:33:31 +0000</pubDate>
		<dc:creator>Kael</dc:creator>
				<category><![CDATA[Designs]]></category>
		<category><![CDATA[Photoshop Tutorials]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[<img src="/wp-content/uploads/2007/03/photoshop-tool-pen.png" border="0" alt="" />
<strong>Kael的经验</strong>（<span style="color: red;">update</span>:2007-11-18）
在开始使用钢笔工具勾线的时候，可以随意一些，不用太精确，只确认大体的形状。最后使用“直接选择工具”调整到最佳效果。]]></description>
			<content:encoded><![CDATA[<p><img src="/wp-content/uploads/2007/03/photoshop-tool-pen.png" border="0" alt="" /></p>
<blockquote><p><strong>Kael的经验</strong>（<span style="color: red;">update</span>:2007-11-18）<br />
<strong>在开始使用钢笔工具勾线的时候，可以随意一些，不用太精确，只确认大体的形状。最后使用“直接选择工具”调整到最佳效果。</strong>（它和“路径选择工具”在同一个栏位，这个工具的使用方法很直观，只要动手，应该就知道怎么用）</p></blockquote>
<p>另外，锚点的个数以少为佳，但是对于某一种形状，有必要的最少锚点数，对于这方面的问题，也可以写出一个教程，但是个人觉得没有必要，还请大家在使用的过程中体会。</p>
<p><strong>个人感觉，钢笔工具是Photoshop中最需要熟练掌握的工具了</strong>，在制作选区方面，可以说比其他任何工具都要精确。但是我今天才发现使用钢笔工具<img src="/wp-content/uploads/2007/03/ps-pen-icon.png" border="0" alt="" />的时候Alt组合键的用法，而以前基本无视的，遗憾啊，这样错过了很多快捷操作的机会。</p>
<p>突然兴起，写个简单教程，嘿嘿！其中，使用“［］”包括的内容比较简单，可以跳过。</p>
<p>其实，使用Alt快捷键，便可以取代钢笔工具<img src="/wp-content/uploads/2007/03/ps-pen-icon.png" border="0" alt="" />右键菜单中的所有其他工具，加快操作。下面以一个简单的应用为例：</p>
<p>下面是一个图形，我们要使用钢笔工具选定它的轮廓。当然还可以使用很多其他的方法，但是这里只是通过简单而典型的事例来说明钢笔工具的用法。下面是一个简单的路径：<br />
<img src="/wp-content/uploads/2007/03/path-sketch-map.png" border="0" alt="" /><br />
［使用钢笔工具后，在画面上单击，便会新建一个节点（或者叫锚点），然后再在其他地方点击，就会建立又一新的节点，并且他们之间以线段（折线）连接。<br />
如果你单击鼠标新建节点的同时，拖动鼠标，就会生成句柄，并且与上一个节点间将以弧线连接。通过拖动句柄，就可以控制弧线的曲度和走向。］</p>
<p>这个时候就要说一下了，我们看到上图中的句柄包括了2个方向，它会分别影响到与上一节点和下一节点间的弧线。而双向的句柄我们经常用不到，这个时候，我们可以按住Alt，单击这个节点，这个时候句柄就变成单向的了。如下图，可以看到鼠标的形状变化。<br />
<img src="/wp-content/uploads/2007/03/pen-node-transform2single.png" border="0" alt="" /><br />
<strong>关于在选择区域的时候那些地方需要新建节点的问题</strong>，大概有这么几种：</p>
<ul>
<li>弧度发生改变的点；</li>
<li>拐点（拐点通俗的说就是弧线偏向发生变化的点，可以查看有关数学资料了解精确定义），叫做拐角节点；</li>
<li>尖角处，称作直角型节点。</li>
</ul>
<p>最后根据需要可以增加节点。</p>
<p>使用这个方法，选择整个图形，并且最后点击起始节点闭合路径。但是这个时候可能有些不尽人意的地方，我们便需要对路径进行细微的调整。</p>
<p>当我们用<img src="/wp-content/uploads/2007/03/ps-path-select-icon.png" border="0" alt="" />选定路径，然后用钢笔工具<img src="/wp-content/uploads/2007/03/ps-pen-icon.png" border="0" alt="" />把鼠标放到节点上的时候，鼠标就会变成如下图(a)所示样子，点击后就会删除该节点；若移动到路径线上，便如(b)的样子，点击将新建节点（锚点）；如果按住Ctrl键，然后将鼠标置于节点上，便如(c)的样子，点击拖动鼠标就可以改变当前节点的位置。<br />
<img src="/wp-content/uploads/2007/03/pen-insert-delete.png" border="0" alt="" /></p>
<p>经过上面的步骤，细心调整，应该可以很完美的选定你的目标图形了~</p>
<p>最后附带说下锚点的转换。当按住Alt，将鼠标置于节点上的时候，鼠标便会变成下图所示形状，点击鼠标，节点就会对直角型节点、光滑型节点与拐角节点进行相互转换。下面是转换成直角节点的效果：<br />
<img src="/wp-content/uploads/2007/03/pen-node-transform.png" border="0" alt="" /><br />
如果按住Alt拖动句柄，那么可以<strong>单独调节</strong>一个方向上的句柄</p>
<p><span style="color: red;"><strong>本站原创，若需转载，请在文章醒目位置标明本站的有效连接：</strong></span><a href="http://yottaworks.cn" target="_blank">http://yottaworks.cn</a></p>
]]></content:encoded>
			<wfw:commentRss>http://yottaworks.net/article-156/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
