推荐阅读
UI设计师最需要了解的设计工作流程
每个设计师看文章都有自己的喜好，有些人喜欢看一些纯设计技法或者设计教程，有些人喜欢看一些偏理论的知识点，比如工作经验、设计流程、设计分析等等。其实作为一名UI设计师应该看文章不要挑剔，每一方面都要看一下，这样才能更好的提升自己的设计水平和管理能力。欢迎关注作者所在的丁香园设计团队微信公众号：「花厂设计招待所」今天主要来跟大家聊聊我自己的工作习惯和方法，相信作新人看了一定会收获很多~1. 一般怎么规划好工作上的需求?我使用teambition软件来管理我的日常需求，teambition是一款团队协作软件，由于公司使用的是tower，所以目前teambiton我是用来管理个人需求。我用过tower，可能觉得界面不够美观，有些地方体验不是特别好，不过用来团队协作应该也是不错的。由于朋友的推荐，我就尝试用teambiton来管理个人的日常需求，发现已经能够满足日常的工作需要了。下面我放上几张截图来说明我如何使用teambition。因为teambition功能点非常多，这里只是做个示例，希望有兴趣的自己体验一下。产品设计流程图（PM）App设计流程图适合全新App设计，整理出所有大致需要做的东西，然后按照从左到右的顺序分别完成。
使用Photoshop给外景人像添加唯美逆光效果
最终效果原图1、打开素材图片，创建可选颜色调整图层，对黄色，青色进行调整，参数及效果如下图。这一步主要把草地的颜色转为橙黄色。2、创建色相/饱和度调整图层，对黄色进行调整，参数及效果如下图。这一步把草地颜色转为红褐色。
Camera Raw各版本英文变中文的方法
很多朋友对Photoshop CS2 RAW格式插件的安装没问题,只需拷贝Camera Raw.8bi文件到相应的文件夹就可以了,但是显示的是英文,希望此方法能够解决大家将Camera Raw各版本在Photoshop CS2 中英文变中文的方法的问题。高手就不要看了！ Photoshop CS2 RAW格式插件的安装路径: PS CS2英文版，安装路径是：C:\Program Files\Adobe\Adobe Photoshop CS2\Plug-Ins\File Formats把Camera Raw.8bi拷贝到这个目录下就行 Adobe Photoshop CS2简体中文版的安装目录：把Camera Raw.8bi文件copy到C:\Program Files\Adobe\Adobe Photoshop CS2\Plug-Ins\文件格式 目录下面即可 安装好cs2后，将RAW格式的图片导入PSPScs2,若显示的Camera Raw英文界面,选择open,将图片导入PS中，选择文件，看看有没有关闭并转到Bridge选项，若没有，需要进行升级，即Adobe Bridge，Adobe Bridge 1.0.2 update的下载地址：http://download.adobe.com/pub/adobe/...idge102Win.zip。升级后,打开PScs2,文件--关闭并转到Bridge--提示保存图片，是否？进入在桌面Adobe Bridge中--Edit(编辑)--Preferences....(首选项)--Advnaced(高级)--Language(语言)--选择Chinaexe,Simplified(简体中文)－－OK(确定)--关闭Adobe Bridge,重启PS，打开文件就出现RAW的中文界面了,此方法适合于Camera Raw各个版本
Flash动态解析Web应用程序服务器路径
玩过Flash+ASP/PHP开发的朋友都知道，在Flash软件里测试Flash从后台脚本读取数据的时候，不能直接的用如“loaddata.asp”这样的路径，必须是http://www.domain.com/Application/loaddata.asp 或者 http: 开头的路径。有些人问了？为什么呢？当FlashPlayer里测试的时候收到load("loaddata.asp")这个命令的时候，他会直接读swf文件路径下的 loaddata.asp文件。但由于没有经过IIS的运行处理，直接读入Flash内部，当然，读出的结果就是%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%类似这样了，所以就无法根据我们的意愿来处理数据了，而当FlashPlayer执行load("http://www.domain.com/Application/loaddata.asp")这个命令的时候，他就不再是本地的TXT文件读取命令，而是一个HTTP请求，FlashPlayer把这个请求发送到HTTP服务器，服务器的IIS解析脚本返回结果后Flashplayer便可以正确的处理这些数据了。(废话一堆)当然如果你清楚了路径的关系，也可以把写load("loaddata.asp")写到Flash里，上传的时候，把.asp .swf 和包含 .swf的html文件，都放在一个目录里就行了。特别指出的是swf 在取得路径时，是取包含他的html和.asp的关系的。而不是 swf 与 asp的路径关系。说起来已经是有一点晕了，但如果理解了路径的关系，那就非常简单了。好了，进入正题，虽然输入HTTP路径就可以正确读取数据，但是在程序开发测试阶段可能经常需要开发者更换服务器，那样就对我们造成了一定的麻烦，你每更换到另外一个服务器上面的时候就要修改一次他的HTTP路径，如果读取了N(N≠0)个文件，难道还要手动修改N次？当然不是，那么通过下面这个小技巧便可以轻松解决这个问题：把SWF文件嵌入到一个ASP页面里面，输入如下代码：<%Dim PageUrl,URLarry,i,ApplicationURLPageUrl="http://" & Request.ServerVariables("http_host") & Request.ServerVariables("url")Response.Write "PageURL="&PageUrlURLarry=Split(PageUrl,"/")Arryubound=ubound(URLarry,1)-1For i=0 to ArryuboundApplicationURL=ApplicationURL&URLarry(i)&"/"NEXTResponse.Write "<br>ApplicationURL="&ApplicationURL '这一句仅仅是测试代码是否正确，可省%>好了，对ASP有一定了解的朋友应该都明白代码是什么意思了，PHP也可以用这种思路来写，下面在SWF路径中可以这样写 <%="flash.swf?myserver="&ApplicationURL%> 这样就可以通过URL把变量传递给SWF文件，在Flash影片中便可以直接访问这个变量了，就是_root.myserver。 好的，现在来让我们测试一下结果，先编写一个loaddata.asp，让他返回一个back变量。打开FLASH，新建一个文件。然后在场景中拖入两个动态文本框，分别命名为txt.url 然后在第一帧输入以下代码：mytxt=new LoadVars()mytxt.load(_root.myserver+"loaddata.asp")mytxt.onLoad=function(sUCcess){if(success){
最新发布
Photoshop通道抠图法巧抠阴影图片
碰到有阴影的图片应该怎么用Photoshop抠图呢？本文我们介绍用Photoshop通道抠阴影图片的的方法，婚纱之类抠图的也可以用本方法。 1.打开一幅阴影比较明显的图片，见图1。 2.我们用通道抠图，那我们开始吧。重制蓝通道，色阶调一下。见图2。 3.前景色调白，用画笔把阴影部分擦鸟，再反选，这可是精致活儿。见图3。 4.将该通道转为选区吧，ctrl+~回到我们的图层，ctrl＋j将俺们选的东东复制。见图4 5.接下来该是难搞的阴影鸟，这里先介绍个快捷键，（因为听说公司里讲究滴是效率，所以我把常用的快捷键都背下来老，真叫我去菜单中找，我可能找不到^0^ ）ctrl+alt+~,他的作用是选择复合图层的高亮区，如果改为ctrl+alt+1就是选择红色通道里滴罗，依此类推哈。我们来用吧。点选背景图层，ctrl+alt+~,接着Ctrl+Shift+I反选（因为我们选的是阴影，当然是暗部了），ctrl+J,将阴影复制到新层。见图5
Photoshop 通道法为漂亮MM抠图
原图： 效果如下： 教程开始： 处理图片时，抠图是大家常会遇到的问题，对于边缘整齐、象素对比强烈的，可以用魔棒或是路径工具进行抠图处理。但是对于人物飘飘长发，用这些工具就无从下手了。事实上，抠图的方法很多，不同的图片有不同的抠法。下面笔者就向大家推荐一种最常用而且最有效的方法——通道抠图法。 1.启动Photoshop，导入要处理的图片，点选“钢笔”工具，属性设置，然后将图片中人物的主体轮廓勾出。注意碎发部分就不要勾在里面，因为在后面将对其进行专门地处理。 小技巧：在用“钢笔”工具勾图片时，略向里一点，这样最后的成品才不会有杂边出现。 2.打开“路径”面板，这时你会发现路径面板中多了一个“工作路径”，单击“将路径作为选区载入”按钮，将封闭的路径转化为选区。
Photoshop 抠图―套索工具和魔术棒工具篇
在经典的这段时间，经常在PS版区学习，看了不少朋友的帖子，学到了不少东西，在我所看到的帖子里，有很多朋友提到扣图这个问题，所以我们自然而然的就想到选区，又不得不联想到某些工具或命令。就像人一吃饭就要想到筷子与汤勺一个道理。 在经典好友与蓝色的支持和信任下，做了一段时间的版主，翻帖的次数越来越多，所看到的抠图的需求越来越多，所以对抠图做了一些归纳。实际以前经典有朋友总结过，而今天再次总结，是因为它是重要的。 其实对于PS而言，光总结，只理论是不行的，因为它是一个动手的软件，所以要求我们动手实际去做，所以，总结完成后，我们来实际练习，帖子会不断更新，直到我们把抠图练到”我的图片我做主”的水平，让我们一起学习！ 也许这将会是我在经典发表的最用心的一篇教程（因为一直很惭愧，从没有给过朋友太大的帮助），也许它会给人情味很浓的经典带来一点点贡献，也许会为我是亲爱的论坛网友带来一丝丝帮助，也许……不管怎么样，反正这篇教程我写定了，因为已经酝酿好久了，憋不住了。 图片在处理的时候，大多时候都会要求我们抠图，当然，也就是做选区！而实际上，PS在抠图的时候不只局限在工具中，还有其它的N种方法，那你对抠图到底了解多少呢？？知道如何具体处理吗？？让我们一个一个来，先从工具说起。 首先申明，本教程是抠图大集合，有很多东西就是学习了别人的东西而总结下来的，学习的时候也许已经忘记在哪里学到的了，所以不要将我的教程和其它教程去做比较，而且，本姑娘水平有限，也许有问题解决的不到位，但是我会努力，和大家一起进步，我的图片我做主，大家一起来练手。 好了，不多说了，let’s go on……来，现在开始！ 工具篇--------之套索工具和魔术棒工具的用法
Photoshop 抠图―背景橡皮擦工具的使用
也许一提橡皮工具组，大家都会自然而然的想到他们的作用DDD擦除，疏不知原来背景橡皮也有扣图的作用，有还是没有呢？那让我们一起来试试吧。 做图用到的素材： 操作步骤： 1．打开一张图片，如图所示，通过观查可以发现此图可通过多种方法抠图，这种情况下，其实还可以使用我们经常使用而想不到的最简单的背景橡皮进行处理，不信？那好，跟我来吧！~ 2．将头发的颜色设为前景色，发丝边缘的颜色设为背景色，如图所示： 3．选择背景橡皮工具，其属性设置如图，依然保持刚才所设置前景色的背景的颜色，在人物边缘点击，如图所示：
宝宝照片处理抠图难题：细软模糊的头发
这张宝宝照片因为背景比较花，再加上图片质量不是非常好，宝宝的头发又比较细软，所以头发部分过于模糊，因此想用Photoshop抠图换背景有点难度，需要一些技巧。 下面我们来看修理方法。比较通道中各个通道的头发对比，选择对比强一些的蓝通道，复制一份。并分区处理，把左边选择后，CTRL+I反相。这样，头发颜色就统一了，左右都是黑色的头发。 用加深和减淡工具把一些模糊的边缘修理一下，这样对比强一点点，再用色阶就会干净很多。 放大图片，把人物的绝对范围选择出来，把这部分通道填黑。这样就有了整体的选择区。至于头发边缘处，我们利用通道来做。 为了防止修坏，把这个通道复制一下。另外，也可以用复制的多通道，制作不同对比的头发选择区。最后把多通道结合到一起，这样可以方便地对图像进行多个区域的调整，比全图整体调整的效果要好很多。 可以看出来，左右的头发，有着不同的颜色对比，所以我们要分区来做，把左边选择出来，用色阶调出对比来。至于头发的细节，最后我们再做。调对比时，在通道中使用选择区，可以保护已经调好的部分。
Photoshop 通道抠图（头发）
用PS抠图是我们经常要做的，其中头发与透明物体是抠图的难点， 这里的方法大家不妨一试！ 图片如下： 原图 图片如下： 在通道中复制明暗对比高的：如蓝色 图片如下：
数码婚纱照片Photoshop抠图技巧
现在很多的影楼里都在实用了数码合成婚纱照片，虽然有一些抠图的软件，但是我觉得能够处理各种复杂情况抠好图的还是adobe 的Photoshop软件！ 这里我介绍一下我在实际的工作中是怎样用Photoshop简便快速的抠出图片的。因为在一个平面设计中，抠图、修图、拼图是三大基本功，基础的学习者还要从点滴入手。这里有一幅图片，大家比较一下是抠前和抠后的合成效果。 抠图前 抠图后 我们在以前的论坛里可能是见过别人抠的方法，实际上有很多，如抽出，图层蒙板，通道等很多方法，但是每一个全不是绝对的，但是我在实际上，通道用的还是很多的。 如下面这个图要是用抽出方法就不是很容易，还会浪费很多的时间。因为要是有大量片的时候，时间，效率是很重要的，在大型的影楼里，一个熟练制作人员一天会做三到四套相册，也就是要抠上百张的图片，所以一个好的工作方法和流程是很重要的！
Photoshop图像合成实例：女孩与孔雀 抠图
适用读者：photoshop中级水平读者进阶。 教学重点：对色相饱和度的调整有更深一步的认识。 教学难点：滤色混合模式的理解、色相饱和度调整对颜色的不同影响、通道转为图像的思想阻力突破。 独创之处：突破抠图思想局限，将通道做为最终制作结果用于合成，素材本身只是一个辅助图像。 素材如下： 点击看大图 点击看大图 效果图：