推荐阅读
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){
最新发布
把MM照片制作成水彩效果
1，首先，当然就是打开要处理的相片，复制一层，再用磁性套索工具将人物脸部选取出来。 2，不要取消选区，将选区扩大2个像素（选择--修改--扩展），再将选区羽化3个像素（右键--羽化），最后复制选区，粘贴到新建的图层上。 3，在刚建的新图层上，将鼠标对着图层缩览图按右键，选择“选择图层透明度”，将脸部再选出来，再按CTRL+L弹出色阶对话框，参数设置： 4，不要取消选区，按CRTL+B 弹出色彩平衡对话框，参数设置如图 ，取消选区。 5，对最上面的图层添加蒙版，然后再用画笔在人物的嘴、眼、鼻等地方涂抹（注：前景色是黑色）， 6，再对下面的图层使用色彩平衡（CTRL+B），参数设置如图： 7，再将鼠标对着最上的图层的缩览图，按右键，选择“选择图层透明度”，将选区扩大5个像素，再将选区羽化5个像素，最后反选选区。 8，不要取消选区，点击第二个图层，在这个图层上使用水彩画纸（滤镜--素描--水彩画纸），参数设置如图： 9，合并图层，工作就完成了。
PS为风景图调出另类色彩
1、给它来个照片滤镜（图层/新建调整图层/照片滤镜） 2、给它来个曲线（图层/新建调整图层/曲线） 3、再进行色彩平衡调整下（图层/新建调整图层/色彩平衡） 4、新建图层，然后按快捷键（ctrl+alt+shift+e）
把照片调成淡雅色彩
1.添加一个色彩平衡层：色阶值为12、0、0。 2.添加一个可选颜色层：白色中减少黑色-90,透明度为50%。 3.添加一个亮度/对比度层：亮度：-5；对比度+5。 4.添加一个曲线层：如图所示： 5.复制一个背景层，置为顶层，改模式为颜色。 6.添加一个纯色层，颜色为：R:0；G:66；B:78，改模式为颜色， 透明度为40%,OK完成。 7、如果感觉还不是很清淡，那就继续再加一步。 添加一个纯色层，颜色为：R:160；G:180；B:255，改模式为颜色， 透明度为40%。
PS制作四种效果：梦里水乡
效果一： 1、用PS自带滤镜涂抹棒进行处理一下,数据如下： 2、再用绘画涂抹简单处理一下。 3、按SHIFT+ALT+CTRL+~选取高光部分,并填充白色。 4、盖印图层并进行木刻效果,注意逼真度要高。 5、进行如下的色相/饱和度的调整。 6、加强一下亮度对比度。 7、盖印图层(SHIFT+ALT+CTRL+E),并复制一层,设为滤色和降低不透明度。 8、进行渐变映射,大致颜色如下图。 9、用曲线降低高光部分。 10、对背景图进行抽线效果(将背景去色,复制一层,反相,最小值1,改为线性减淡,合并图层),进行正片叠底。 11、再进行亮度对比度的调节。 12、再次盖印并进行纹理滤镜的操作,不透明度可随大家喜欢程度减小。 效果二： 1、对背景进行色相和饱和度的调节,把红框内的色彩饱和度都调为-100。 2、再进行色彩平衡处理。 3、选取高光部分,并填如下色彩。 4、盖印图层并设为滤色,不透明度50%。 5、进行色彩平衡处理。 6、盖印图层,反相处理,并高反差保留30象素,设为叠加状态。 7、进行抽线处理,正片叠度,不透明度降低。
把照片调成古铜色调特效
6：双击ctrl+5（洋红通道），颜色为：905130，专色如图设（供参考）。 7：把多余的的ctrl+6（黄色通道）删除，最后如图，大家对照画面检查一下自己的操作。 8：按着按shift键，通道面板中，点选洋红和黑色（专色）通道，然后执行图像－－模式－－灰度； 9：在最顶上的灰度通道中，填充白色，如图； 10：再执行图像－－模式－－RGB颜色； 11：按着shift键，选中洋红和黑色通道，然后如截图箭头指向示意图操作； 最后效果如图。
制作阿宝色
1、打开原图，双击图锁，先对图片进行磨皮美白，磨皮的方法很多，可以用历史快照的方法进行磨皮，也可以用其他方法，我偷懒，用软件磨的皮，（磨皮后的效果如图所示）。 2、点图层面板的“创建新的填充或调整图层”按钮（如图1蓝色箭头所示），选择曲线，调整图层的明度，数值如图2，（数值可以根据各人的感觉来调，对不同图片，数值也是不同的。（效果如图所示） 3、继续上一步的操作，点图层面板的“创建新的填充或调整图层”按钮，选择色阶，继续调整PP的明度，目的是增加PP的对比度，数值如图2，（效果如图所示）。 4、至到3步止，磨皮和美白基本完成，接下来是阿宝色的具*作步骤，合并可风图层，按Ctrl+j复制一层（图层1，如图1所示），接着点图像/模式/lab颜色，将RGB模式转为lab模式（如图2），这时会出现一个对话框（如图3），选择不拼合。5、点图层面板的通道（图4的蓝色箭头所示），进入通道面板，全选a通道（Ctrl+a），复制a通道（ctrl+c），将a通道粘贴到b通道（ctrl+v），取消选择。（如图4所示） 6、完成第5步之后，我们会发现图片的登色出来了，有了阿宝色的初步样了。（图1）7、不要停下来，现在来进一步调色，点a通道，用曲线(ctrl+m0进一步调整色彩（图3），把曲线往下调一点，你会发现肤色变青了，这时的数值也要凭自己的感觉来调整，我的数值仅供参考（图4）。（效果如图2所示） 8、回到图层面板，点图像/模式/RGB颜色，把PP从lab模式转回到RGB模式（图1），这时如果你对图层的色彩满意了（图3），可以保存，但对于高在要求的你来说，还可以进一步调整，让PP更加完美。9、我们接着往下做，在图层面板时对分别用色相、色彩平衡、色阶来进一步调整。（如图4调整后的效果） 10、色相、色阶、色彩平衡的数值分别如下图（再说一次调色没有绝对值，全凭自己的感觉，下图只供参考） 11、最后对图片进行锐化，点滤镜/锐化/USM锐化，数值如下图，OK，完工（最终效果图)
把照片调成深秋色彩
3、用柔一点的画笔或用套索工具选出人物轮廓后羽化1或2像素,填充黑色,选择反选后填充白色,这时先不要取消选择,下一步还要用到： 4、新建一个选取颜色的调整图层,要确定选中的是背景而不是人,然后参数设置如下：
制作素雅色彩
3.然后把图层1的混合模式设为“颜色”，效果如图。 4.接着再把图层1副本的混合模式设为“强光”，效果如图。 5.其实效果已经出来了，为了增强效果，我们再按Ctrl+J复制一层，并把混合模式设为“柔光”，得到最终效果。
