推荐阅读
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复杂背景抠散乱的头发
原图： 效果图： 方法步骤： 01、打开图片，ctrl+j两次，得到图层1和图层1副本。点击红圈处，创 建新图层，得到图层2把这层放于图层1与背景层之间，并填充颜色，这 里填充了绿色，作为检验效果和新的背景层。 02、在图层1执行滤镜--抽出命令。在强制前景处打勾，颜色选择白，为
Photoshop去边命令巧除抠图杂边
Photoshop去边命令巧除抠图杂边。 本教程为中国教程网 叶冷 原创。 之所以选这个图，是因为最终抠出的图的边缘比较清晰，易看，最终也易懂。 我复制“蓝通道”为“蓝副本通道”，用色阶调整得到白色选区，抠出这个图。 由于我着重是讲述边缘的问题，具体抠图步骤就省略了。 加了一个深蓝色的背景，大家看，在这个背景的衬托下植物的边缘明显有呈现出一种灰白色。 在这个图里，简单地述说一下修边中三个命令：去边、移去黑色杂边、移去白色杂边。
用Photoshop通道为漂亮MM照片抠图
对于边缘整齐、色彩对比强烈的图片，可以用Photoshop魔棒或是路径工具进行抠图处理。但是对于人物飘飘长发，最好使用通道抠图法。通道抠图法的重点是运用图片自身通道信息来选择所需要抠取的部分。 前后效果对比 1.启动Photoshop，导入要处理的图片，点选“钢笔”工具，属性设置 将图片中人物的主体轮廓勾出。注意碎发部分就不要勾在里面，因为在后面将对其进行专门地处理。 小技巧：在用“钢笔”工具勾图片时，略向里一点，这样最后的成品才不会有杂边出现。 2.选择“窗口→路径”打开“路径”面板，这时你会发现路径面板中多了一个“工作路径”，单击“将路径作为选区载入”按钮，将封闭的路径转化为选区。
Photoshop通道法抠取茂密树枝
这里我们主要利用了Photoshop的颜色识别能力来进行判断和选择，通道法抠取图片是Photoshop中最为高阶的抠图技巧，掌握了它，你可以随意的抠取自己需要的任何图片了。 （1）首先打开photoshop软件，点击菜单“打开”命令，打开我们的“树枝”素材图片。在图片中我们可以看见茂密的树枝无论是用钢笔、索套、画笔、抽出工具都不能实现树枝的抠取，如图1。 图1 打开“树枝”素材图片 （2）通过观察，可见图像中除了待抠取的树枝外，背景是一个蓝色的渐变。这里我们选择蓝色通道，并将其复制一份。这样我们可以在不影响原图像色色彩下任意编辑我们选定的通道，如图2。 图2 Photoshop复制蓝色通道 （3）选中复制的蓝色通道图层，点击“ctrl+i”组合键将图像反相，反相后的图像如图3，这样你可以明显的看出背景部门变成了灰色，而待抠取的树枝部门变成了白色。这是为了我们可以更好的将背景和我们需要抠取的图像分离出来。 图3 反相后的图像效果
Photoshop一图多解抠图从此变得简单
Photoshop一图多解抠图从此变得简单。 原图 最终效果 一、抽出滤镜抠图法 101、打开图片，ctrl+j两次，分别得到图层1和图层1副本。 102、点击红圈处，新建图层2放于图层1和背景层之间，作为检 查效果和新的背景层，并填充颜色。
Photoshop巧用色彩范围抠出复杂人物图象
Photoshop巧用色彩范围抠出复杂人物图象。 原图 最终效果 1 打开如下图片，复制图层，将背景层锁定。我们将在复制层进行抠图，隐藏背景层。选择 >> 色彩范围，打开色彩范围窗口，选择最左边的吸管工具并点击图像背景，这时在色彩范围窗口中你会发现被选择部分变成了白色，移动颜色容差滑杆，使得图像大部分区域变成黑色，并且背景易于选取。提示：要添加颜色到选区时，应使用中间的吸管工具点击要添加的色彩部分。 2 获得选区，在通道面板中，按下“将选区存储为通道”按钮，得到一alpha通道，取消选择（Ctrl+D），点击“Alpha 1”层，这时图像变成黑白色。提示：图像中的黑色区域是我们要保留的部分，白色为要扣除的部分。 3 这时我们发现图像中还有部分灰色区域，这些将成为半透明区域，所以必须将他们调整为纯黑色或纯白色。图像 >> 调整 >> 色阶，打开色阶窗口，由左向右拖动黑色滑杆直到灰色区域变为纯黑色为止。由右向左移动白色滑杆将白色区域变得更清晰。
Photoshop超简单抠婚纱方法
Photoshop超简单抠婚纱方法。 原图 最终效图 步骤一：打开原图，新建立三层，模式都为滤色。 步骤二：打开通道面板、载入明暗分明的通道。 步骤三：分别填入纯的红绿蓝三色，点击链接后，合并三层。
Photoshop抠图片实例教程
Photoshop抠图片实例教程。 原图 最终效果图 1、打开原图,用钢笔工具或套索工具勾出人物主体（即不透明部分）如图： 2、将路径作为选区载入。这句话如果你不明也不要紧，你就按ctrl+Enter让路径转为蚂蚁线就行了。如图所示： 3、保持蚂蚁线不变，按ctrl+j自动生成“图层1”，隐藏背景图层，效果如图所示：
Photoshop通道抠图实例教程
Photoshop通道抠图实例教程。 原图 最终效果图 1.启动Photoshop，导入要处理的图片，点选“钢笔”工具，属性设置，然后将图片中人物的主体轮廓勾出。注意碎发部分就不要勾在里面，因为在后面将对其进行专门地处理。 小技巧：在用“钢笔”工具勾图片时，略向里一点，这样最后的成品才不会有杂边出现。 2.打开“路径”面板，这时你会发现路径面板中多了一个“工作路径”，单击“将路径作为选区载入”按钮，将封闭的路径转化为选区。
Photoshop超细头发通道抠图教程
Photoshop超细头发通道抠图教程。 原图 最终效果图 1、先查看通道找，看看主体部分用何通道比较合适，我选择了蓝通道。复制蓝通道。对此通道进行色阶调整。 对此通道进行色阶调整。 2、反相。用画笔把头发主体之外涂黑。