推荐阅读
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){
最新发布
用PS灰度模式调制老旧单色照片
本教程介绍灰度模式下，照片快速调色的方法。PS功能非常强大，还有很多我们没有接触到的功能。本教程就是在灰度模式下，然后选择双色调来调色，调色非常快捷。 原图 最终效果 一、在PS中打开素材，执行：图像》模式》灰度（因为在将RGB模式的图像转为双色调前必须先转成灰度），此时PS会弹出对话框“是否扔掉颜色信息”，选“是”就行。 二、执行：图像》模式》双色调，在双色调选项对话框中选择“双色调”，如下图示：
抠取透明矿泉水瓶的PS抠图教程
透明的物体抠图相对要麻烦一点，如果要求不高，我们可以直接提取图片的高光选区，添加蒙版；在蒙版上去除不需要的部分，然后单独把不透明度的部分在蒙版上涂出来即可。最终效果 原图 一、用Photoshop软件打开透明矿泉水瓶素材图片，把背景图层复制一层，按Ctrl + A全选，再按Ctrl + C 复制图层，然后添加图层蒙版。 二、按住Alt键 + 鼠标左键点击白色的蒙版，进入蒙版编辑状态，然后再按Ctrl + V 把刚才我们复制的图层粘贴到图层蒙版中；现在可以看到，图层蒙版中有了一个和图层一样的图层。
把照片人物皮肤调亮换背景的PS技巧
Lightroom，因其简单，易上手但却拥有非常强大的后期功能，而深受摄影师的喜爱。这次，摄影师Jeff Meyer给我们带来了一个人像后期教程，简单的6步完成室内人像后期制作。先来看一下前后对比图吧。 1.修正白平衡把图片导入Lightroom后，第一步要做的便是修正图像的白平衡。在基本面板中，有一个吸光模样的工具，叫白平衡选择器，选择该工具，在背景中点击一下就可以修正白平衡了。 2.基本面板调整调整基础面板上的参数时，往往是按照从上往下的顺序来进行的(按住Alt，可以出现选择复位色调和偏好按钮)。在这张照片中，我调整的参数如下，曝光度+0.67，对比度+20，鲜艳度+57，饱和度-25。
抠取透明婚纱照片的PS软件抠图技巧
透明的婚片抠图方法有很多。本教程用到的是通道选区法。大致过程：先选取一个画质较好的通道复制一层，用调色工具把对比度加大，然后用画笔涂掉杂乱的背景，即可得到初步的效果。后期用选区复制，再调整细节即可。最终效果 原图 一、ps打开原图素材，按Ctrl + J 把背景图层复制两层，分别命名为“1”，“2”，如下图。 二、关闭图层“2”，选择图层1，按Ctrl + Shift + U 去色。
PS如何使用背景橡皮擦工具
背景橡皮擦工具是一一个相对智能化的擦除工具，设置完背景色后，使用背景橡皮擦工具可以在擦除背景的同时保留前景色对象的边缘。1、首先在工具箱中选择背景橡皮擦工具，同时在其属性栏中进行参数设置；2、接下来在图像中擦除多余的部分即可；3、完成上述操作后查看效果对比；4、在背景橡皮檫工具属性栏中，若勾选“保护前景色”复选框，则可以在涂抹图像时保护前景色。
高清模特头像照片后期磨皮润色的PS技巧
对原图特征进行基本分析后，我们通过后期技术对皮肤进行精细刻画，最终的效果看上去会很美味（所以叫它“美味人像后期”）。具体的流程是怎样的呢？让我们一起往下看。最终效果 原图 一、基础瑕疵调整1、我们从原图上可以看到很多小的瑕疵（杂乱的头发，脸部的小疙瘩/痘痘，汗毛，眼白里的红血丝，下眼睑的皱纹，鼻孔的汗毛，嘴唇的褶皱等一些看上去最碍眼的东西），首先复制一层原图，通过图章或者修复画笔工具适当的减淡修饰需要去掉的瑕疵,需要说的是图章工具在使用的后要注意控制好“不透明度”和“流量”的数值，根据实际情况来随时调节这两个数值的参数。 另外脸部的杂发这样非常突出的瑕疵可以直接用修补工具简单修饰（切记不可过度使用）。左上角几根杂发利用套索或者钢笔工具圈出选取，羽化2-3个像素，再用图章进行覆盖。
PS风滤镜组的基本知识以及使用方式
“风格化 ”滤镜组中有8种滤镜，主要可以置换像素、查找并增加图像的对比度，制作出绘画和印象派风格化效果。该滤镜组包括“ 查找边缘”、“等高线”、“风”、“浮雕效果”、“扩散”、“拼贴”、“曝光过度"和“凸出”滤镜，下面将对一些较为常见滤镜的应用进行详细讲解：使用“风”滤镜，可以在图像中添加细小的水平线来模拟出风吹的效果，仅仅在水平方向发挥作用。1、在菜单栏中执行“滤镜>风格化>风”命令，在弹出的“风”对话框中进行参数设置；下面将对“风”对话框中的主要参数的含义进行详细介绍：预览区域:用于预览添加滤镜的效果。方法:用于设置风的类型，包括“风”、“大风”和“飓风”3个单选按钮。方向: 用于设置风吹的方向，包括“向左”和“向右”两个单选按钮。使用“浮雕效果 ”滤镜可以勾画图像或选区轮廓，通过降低勾画图像或选区周围色值，产生凸起或者凹陷的效果。1、在菜单栏中执行“滤镜>风格化>浮雕效果”命令，在弹出的“浮雕效果”对话框中进行参数设置；下面将对“浮雕效果”对话框中的主要参数进行详细介绍：
PS渐变工具的使用方法
使用渐变工具可以在整个文档或者选区内填充渐变变色，并达到多种颜色混合的效果，改工具的应用非常广泛，还可以填充图层蒙版和快速蒙版等操作，是PS中应用频率最高的工具之一。1、首先在工具中选择渐变工具，在渐变工具属性栏中进行参数设置；2、接下来图像中绘制渐变线即可；3、完成上述操作，看看前后的对比效果；4、选择渐变工具后，属性栏如下图；下面就对渐变工具属性栏中的主要参数的应用进行讲解：渐变编辑器:单击该按钮，可以打开“渐变编辑器”对话框，对渐变的相关参数进行设置；渐变类型:在该区域中可以对渐变的类型进行选择。“ 线性渐变”是默认的渐变类型，“径向渐变”可以以圆形方式从起点到终点渐变，“角度渐变”可以创建围绕起点逆时针扫描方式的渐变，“对称渐变”可以以均衡的线性渐变在起点任意一侧创建渐变 ，“ 菱形渐变”可以以菱形方式从起点向外创建渐变“渐变编辑器”对话框；下面对该对话框中各主要参数的含义进行讲解：
PS如何使用红眼工具？
红眼工具可以去除用闪关灯拍摄人物照片中的红眼，以及动物照片中的白光或者反光1、首先在工具箱中选择红眼工具，在其属性栏中进行参数设置；2、接下来在人物的瞳孔上进行修复即可；3、完成上述操作后查看效果对比；4、选择红眼工具后，其属性栏。接下来将对红眼工具属性栏中主要参数的含义进行讲解：瞳孔大小:用于对需要修复瞳孔的大小进行设置；变暗量:用于对瞳孔的暗度进行设置；
PS镜头校正的基础参数
在Photoshop CS6中，“镜头校正”滤镜是-个独立的滤镜，可用于修复常见的镜头瑕疵，如桶形失真、枕形失真、晕影等。1、在菜单栏中执行“滤镜>镜头校正”命令，即可打开“镜头校正”对话框，并设置相关参数；下面将对“ 镜头校正”对话框中的主要参数进行详细介绍。移去扭曲工具:使用该工具在图像中拖动、可使图像拉直或膨胀。拉直工具:用于绘制一条线，以将图像拉直到新的横轴或纵轴。移动网格工具:使用该工具拖动以对齐网格。抓手工具/缩放工具:这两个工具用于在窗口中拖动，以引动图像或扩展区域。