推荐阅读
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 打开素材图片。 二、圈出选区。使用【矩形选框工具】圈出选区，如下图所示。
PS去除女生脸部斑点瑕疵的磨皮教程
祛斑的方法有很多，下面介绍一种比较实用的方法，有点类似高低频；高频图片为简单修理的原图素材，低频图片为人物光滑磨皮的图片；然后进行一些差值运算，分别得到斑点高光和暗部选区，后期分别用曲线压暗和调亮，就可以消除斑点。最终效果 原图 一、点击原图素材，然后把图片保存到本机，再用PS打开。按Ctrl + J 把背景图层复制一层，命名为“简修”，如下图。 二、在工具箱选择“修复画笔”工具，如下图。
Photoshop软件制作动感运动鞋广告海报
流体及粒子效果是非常动感及常用的效果。制作方法有很多，较为容易的就是直接使用喷溅液体素材或笔刷，设置好颜色后直接刷到物体上即可。最终效果 一、新建1289*1000px大小的文档，编辑填充颜色#adadad。 二、打开背景素材，拉入文档中，ctrl+T变换大小摆放好位置。执行调整--黑白（去色），将图层模式改为叠加，不透明度24%。
PS制作汽车创意合成案例教程
本案例将通过汽车的创意合成操作，制作-款新能源汽车海报， 汽车的品牌为奥维，主打新能源汽车。这里将紧扣主题，以环保、健康为设计主思路制作该海报。案例效果图1、按Ctrl+O组合键，打开“汽车素材jpg”素材文件；2、选择钢笔工具，沿着汽车外形绘制路径，按Ctrl+Enter组合键 ，将其转换为选区；3、创建选区后，按Ctrl+J组合键复制为“图层1”，之后按住Ctr|键单击“图层1”， 调出选区，新建一个图层，为选项填充为白色，然后隐藏背景图层；4、将“土层png”素材图片置入到文档中，放到“图层2”图层的上方，向下建立剪贴蒙版；
PS制作复古欧美风促销海报案例教程
今天给大家带来一个复古欧美风格的促销海报案例，主要是利用图层样式的红绿重影特效制作来制作， 具体操作步骤如下。案例效果图1、首先按Ctrl+N组合键，打开“新建”对话框，对新建文档的参数进行设置后，单击“确定按钮，创建一个新文档；2、执行“文件>打开”命令，在弹出的“打开”对话框中选择素材图片，使用移动工具，将图片移动到新建文档中的合适位置，将该图层命名为“照片”；3、按Ctrl+J组合键，复制“照片”图层，得到“照片副本”图层，双击该图层，在打开的“图层样尤”对话框中设置“混合选项”图层样式，在“高级混合”选项区域取消勾选“通道”下的R复选框；4、然后勾选“光泽” 复选框，在右侧面板中设置相关参数；
PS软件合成炫酷科幻水人图片效果
本教程的合成效果有点类似科幻片的角色，一个全部由水构成的人物，非常有创意。制作的过程比较简单：我们需要把人物手，脚，脸等部分用图章工具去掉，用水花素材替换，需要控制好水花的浓度及溅起的水花方向，后期再调整一下颜色即可。最终效果 原图 一、打开原图素材，我们首先要用仿制图章工具将腿部去掉，露出后面的墙体。 二、擦除后的效果如图，在墙体上加上了一些阴影效果。
PS制作星空背景的案例教程
今天给大家分享一个PS制作星空背景的案例教程，喜欢星空，想要制作一个星空背景图片，该怎么制作呢？接下面就跟小编一起动手吧案例效果图1、首先，新建600*400的画布；2、使用渐变工具，掉整颜色数值，由上而下做出渐变背景；3、新建图层，将前景色设为黑色，按住Alt+del键填充图层；4、执行滤镜>杂色>添加杂色，选用高斯分布、单色，调整合适数值；
PS软件把照片调成在水中拍摄效果
本教程介绍模拟水中拍摄特效的制作方法。大致过程：先根据自己的需要拍摄一组背景较暗的人像效果，人物形态要符合水中的漂浮效果。然后调色及模糊处理作出朦胧效果，后期用水纹等素材叠加作出波纹感即可。最终效果 原图 一、原图是作为素材来拍摄的，在拍摄之前对于想要制造的效果已经大概有了思路，结合一些水下效果的素材制作，还要突出人物的飘渺空灵感觉。 二、柔光效果模拟水底。复制背景层，生成新的图层，然后应用滤镜，滤镜—模糊—高斯模糊。
调出暗调光影旗袍女孩特写照片的PS教程
素材图片人物虽然是古装，不过环境颜色还不够古典；调色的时候可以把主色转为比较古典的蓝色；再给图片加上高光和暗角增强古典韵味；最后加强好人物部分的光影即可。最终效果 原图 一、打开原图素材大图，按Ctrl + J 把背景图层复制一层，用模糊工具把红圈区域背景模糊处理。 二、创建可选颜色调整图层，对黄色，绿色进行调整，参数设置如图2，3，效果如图4。这一步给图片增加橙黄色。
PS将照片制作为中国风水墨画风格
今天给大家分享一个PS将照片制作为中国风水墨画风格的案例教程，主要是运用滤镜库里的一些滤镜功能，操作步骤简单，亦真亦假，究竟是拍出来的，还是画出来的，感兴趣的朋友动起手来，一起来学习制作吧！效果图教程步骤1、将素材拖拽进PS。先按CTRL+J复制一层； 2、将图层CTRL+SHIFT+U去色,并将去色图层再复制一层； 3、隐藏最上面的图层，选择第二个图层。执行滤镜-滤镜库-艺术效果-干画笔，数值如下(大家也可以根据自己的图片进行微调)； 4、继续选择该图层执行滤镜-模糊-特殊模糊，数值如下； 5、将最上面的图层打开，执行滤镜-滤镜库-艺术效果-绘画涂抹； 6、将该图层的混合模式修改为颜色减淡，不透明度修改为40%；