推荐阅读
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，再打开保存的马素材图片，如图1。 二、进入通道面板，把蓝色通道复制一份，得到蓝副本通道，如下图。
PS高斯模糊工具磨皮美白案例教程
今天给大家分享一个PS使用高斯模糊磨皮美白的案例教程，高斯模糊磨皮法是最早最常用的磨皮方法之一，操作方式简单易上手，是非常快速有效的磨皮方式，下面就一起来看看PS高斯模糊磨皮美白案例教程吧！前后对比效果图搞死模糊磨皮美白步骤1、首先，将需要磨皮的图片放入PS中，并复制一层；2、执行“滤镜>模糊>高斯模糊”命令；3、高斯模糊的数值为“8”（可根据实际效果来调整）；
PS怎样制作漂亮的彩色心形烟雾图案
效果图重点是烟雾部分的制作，需要在心形的边缘及中间位置增加类似烟雾的高光。至于火焰部分，直接使用火焰素材，稍作变形即可。最终效果 一、新建一个1024 * 650像素的文件，背景填充黑色。新建一个组，用钢笔勾出心形的轮廓，转为选区后给组添加图层蒙版。 二、在组里新建一个图层，选择渐变工具，颜色设置如图2，由左至右拉出图3所示的线性渐变，确定后把图层不透明度改为：40%，这一层只作为一个参考层，后面的烟雾渲染后可以删除。
制作蓝色梦幻心形组合图案的PS教程
梦幻心形构成比较简单，最重要是把发光部分渲染出来。大致过程：先用图层样式给整体加上发光效果。然后用画笔及减淡工具渲染局部边缘高光。最后加上装饰小点即可。最终效果 一、新建一个800 * 600像素的画布，选择渐变工具，颜色设置如图1，由左上至右下拉出图2所示的线性渐变，如果觉得过亮可以用曲线压暗一点。 二、新建一个图层，用钢笔勾出心形轮廓，转为选区后填充淡黄色，效果如下图。
制作圆滑立体红色心形图案的PS教程
立体心形相对来说比较容易刻画，只需要了解清爽高光及暗部的构成。然后由底层开始制作，逐层把立体感渲染出来。注意好过渡自然即可。 最终效果 一、新建一个800 * 600像素的文档，背景选择白色。新建一个组，用钢笔勾出心形的轮廓，转为选区后给群添加图层蒙版，如下图。 二、在组里新建一个图层，选择渐变工具，颜色设置如图2，拉出图3所示的径向渐变。
PS蒙尘与划痕磨皮美白案例教程
今天给大家分享一个PS使用蒙尘与划痕磨皮美白的案例教程，蒙尘与划痕磨皮法相对于高斯法，蒙尘与划痕磨皮法更能突显皮肤的质感，操作方式简单易上手，是非常快速有效的磨皮方式，下面就来看看PS蒙尘与划痕磨皮美白案例教程吧！前后对比图蒙尘与划痕磨皮美白教程步骤1、首先，将需要磨皮的图片放入PS中，并复制一层；2、执行“滤镜>杂色>蒙尘与划痕”命令；3、高斯模糊的数值，半径为“10”阈值为“8”（可根据实际效果来调整）；
制作漂亮金色彩带心形图案的PS教程
金属彩带由两个大的部分构成：中间金属心形及边缘部分的金属彩带。制作的过程略有不同，心形部分直接用图层样式制作金属质感，其它装饰部分则需要手工渲染质感。最终效果 一、新建一个1024 * 800像素的文件，选择渐变工具，颜色设置如图1，拉出图2所示的径向渐变作为背景。 二、新建一个组，打开下图所示的素材，拖进来，解锁后适当放好位置。
PS将模糊图片变清晰的案例教程
今天给大家分享一个使用PS将模糊图片变清晰的案例教程，PS是一款十分强大的图形软件，它不仅可以用于平面设计、网页设计、UI设计等领域，还可以对图片、文字进行美化处理，那么PS如何将图片变清晰呢？下面就来看看具体的操作步骤原图效果图1、首先将图片放入PS中，点击图层后面的小锁解锁；2、CTRL+J复制一层，选中复制图层3、执行菜单下的“滤镜”-“锐化—USM锐化”命令，在设置窗口中适当调节一下锐化参数，根据图片模糊的情况来调节；4、接着执行“图像”-“模式—LAB颜色”命令，在弹出的窗口中选择“拼合”图层确定；5、在LAB模式下，再复制出一层；
如何制作紫色水晶心形图案的PS教程
作者制作心形的时候非常细致，加入了很多细节，如中间的网状光束，星光，边缘线条，光斑背景等，虽然制作繁琐一点，不过效果非常细腻。最终效果 一、新建大小自定画布，新建一个图层，建立一条路径，调整到你想象的样子。这是一个体力活。 二、填充一款你喜欢的颜色。 三、给心形添加图层样式，设置内发光及投影，数值自定，效果如下图。
PS制作漂亮潦草的霓虹光线文字效果
手工制作霓虹字虽然繁琐一点，不过细节方法要好很多。过程：先用画笔写出想要的文字，再以文字为参考，在上面绘制一些光束，然后渲染颜色和高光，再局部增加一些发光样式即可。不同的文字可用不同的颜色。 最终效果 一、新建一个800 * 650像素，分辨率为72的文档。选择渐变工具，颜色设置如图1，然后由中心向边角拉出紫色至黑色的径向渐变作为背景。 二、先来制作第一个文字，需要完成的效果如下图。