推荐阅读
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“组装”一只标本浸泡罐
图1 可以看到在旁边的图层中就建立了一个新的图层，名字为“形状1”。 图层显示为两部分，左面的为该层的填充内容，右侧的为该层的路径形状（矢量蒙板缩览图）。图2 2.设置该形状的图层内容。 形状图层建立后，都是以纯色进行的填充。 注意：由于系统有个“记忆效应”，会根据该层下面那层形状图层的内容，来建立新层，所以这个纯色不一定就是前景色。如果是更改纯色，只要双击图层调板的图层内容，就可以在“拾色器”里更改颜色。 如果要进行其他设置，需要选择菜单“图层”―“更改图层内容”： “渐变”――相应的会出现一个设置对话框，在这里，点击渐变会出现“渐变编辑器”；可选择样式、角度和缩放；渐变的方向。 现在你可以把前景色设置为白色，背景色设置为RGB（0，176，240）。选择“前景到背景”渐变样式，然后设置样式为“径向”，更改一下角度。 这里，最重要的一个练习是，这个时候可以把鼠标移动到图像上，在路径内，按鼠标左键拖动，可以移动渐变的中心直到你满意为止。 点击“好”，确定你要进行的渐变设置。图3 “图案”――设置与渐变基本类似，此处不做练习。
以“笔”画“笔”―Photoshop制作逼真的蘸水钢笔
1.新建一600*600的画布。 2.用钢笔工具，绘制出蘸水钢笔的笔尖。路径如图A1。然后将路径转换为选区，前景色使用30%灰色，填充。效果如图A2。 图A1图A2 3.接下来为笔尖初步增加质感，使用“加深工具”将边缘加重、加深。参数为：范围 高光，暴光度69%，笔刷大小根据情况自定。再使用“浅淡工具”将笔尖的中心部分擦亮。参数为：范围 高光 暴光度34%，笔刷大小不要过大 在20-30左右即可。涂抹后效果如图A3。
Photoshop鼠绘一支木质笔竿蘸水笔
1.新建一个400*600的文件。 2.用钢笔勾出钢笔的外边形状，按ctrl+enter转化为选区后，用RGB（120，116，138）进行填充。 图1 图2图3 3.再用钢笔勾画出中间空心部分（一定要保存该路径），按ctrl+enter转化为选区后，把钢笔中心掏空。注意，下面所进行的步骤中，如果有高斯模糊的，最好用钢笔的形状裁切一下，避免白色出界。图4
photoshop中制作逼真的鼠标
3.将路径转为选区，将前景色设置为30%的黑，按ALT+DELETE填充。 4.到滤镜--杂色--添加杂色，数量为0.2，高斯分布，单色。 5.到菜单--滤镜--渲染--光照效果，做如（图2）设置。 6.新建一个层，图层2，用钢笔工具钩出鼠标个分割部分的的线条，转成选区并以黑色填充。（图3）图03 完成后效果如（图5）。 8.新建一个层，用钢笔工具钩出鼠标的阴暗面，然后转为选区，选择画笔工具，笔触大小设置为45，不透明度调到80%左右，在选区内涂，涂的时候注意层次与明暗。靠近受光面的地方要逐渐变亮。如（图6）。
PS鼠绘娇嫩欲滴的鲜橙
需要下载源文件请点击这里 通过这个教程的制作,希望能让大家深入的了解加深减淡工具的使用,及一些简单的PS滤镜应用。 1.新建一个600X450DPI，白色背景，RGB模式的图象。 2.新建图层1，用椭圆工具拉一个椭圆出来，用钢笔工具按住CTRL对椭圆的路径形状加以调整，为了使路径更符合实际的橙子外形，还可以用钢笔在此路径上添加一些节点再作更进一步的调整。（图1）。 3.将路径转换为选区，选择复位渐变，将右端的颜色设置为R：248 G：189 B：104，将左端颜色设置为R：245 G：114 B：7。并在选区中拉一个如（图2）的渐变出来。图2 5.下来把橙子的背光面的暗调部分做一下，方法很简单，用工具箱中的加深工具稍微抹一下效果就出来了（图5）。
Photoshop制作高介质水晶徽章
3.双击此图层，在图层样式中钩选，内发光跟渐变叠加效果，将内发光的不透明度设置为10%，发光色设置为白色，大小设置为30个象素，其它不变；再将渐变叠加的不透明度设置为50，其它不变（图2）。 4.按住CTRL点击该图层，使其选区浮起，选择减淡工具，将画笔直径设置为60个象素左右，硬度设置为0，并将暴光度该改为 20%，用画笔笔触的边缘围绕球面的边缘处来回的轻轻涂抹，并在球面的中上部位同样执行涂抹，来使高光及边缘受光处的颜色减淡。完成后再双击此图层，选择内阴影效果，将不透明度设置为100%，距离设置为0个象素，阻塞同样设置为0，大小设置为5个象素（图3）。图03 6.选用椭圆选框工具，框选住圆形的上下两头，并将选区羽化6个象素（图5）。 7.将选中区域删除，并将图层2的不透明度设置为40%，混合模式更改为颜色减淡（图6）。
使用Photoshop7.0制作手镯
1. 新建一个文件，在背景层中填充深红色，然后依次使用Filter/Noise/Add Noise（滤镜/杂色/添加杂色）滤镜和Filter/Blur/Gaussian Blur（滤镜/模糊/高斯模糊）滤镜，设置合适的参数后确定（因为这两个滤镜实现比较简单，就不单独制作过程，不明白的朋友可以参考本站其它教程）。为背景制作红色的毛毯效果，如图2所示： 2. 新建一个层，起名为“手镯”， 在这个层中画一个黑色的环形（先绘制一个圆形选区，然后填充黑色，再在中间绘制一个略小的圆形选区，删除选区内容）。如图3所示：图3 在对话框左侧直接点击Drop Shadow【投影】选项，为图层应用投影样式，并切换出投影选项的参数设置。考虑到背景是红色调的，因此将投影颜色设置为暗红色，各项具体参数如图5所示：
Photoshop制作哈蜜瓜
1.新建640*480文档，白背景。 新建一层，命名“瓜皮”，用矩形选框在画布中间画个大椭圆，填充浅绿色（159/182/115）。 2.将选区储存为ALPHA1。取消选择，双击“瓜皮”层，选择内发光：混合模式为正片叠底，不透明度85%，颜色66/82/36，大小8。（02）3.在背景上新建一层，将“瓜皮”层向下和这个空图层合并变为普通层，用钢笔钩出上半部不要的部分，删除。这部分是瓜肉，可不要钩得太光滑了。 4.用橡皮檫修整瓜皮的左边，再用加深工具涂抹，添加2%杂色。
Photoshop绘作逼真蕃茄
1.新建500*400文档，白背景。 新建一层，用椭圆工具画个圆形，将选区转为路径，建立工作路径的容差约在2-3，如果低于1会有太多的节点。适当添加描点，用直接选择工具调整节点做出蕃茄的外形。如果钢笔用得好就直接用钢笔钩出来，如果想方便就将原图的形状抠过来吧。2.按CTRL+ENTET将路径转为选区，填充红色（220/79/61）。 3.在上部画个椭圆选区，用选择-变换选区略倾斜些，羽化20，调出亮度/饱和度：增加亮度55，增加饱和度50。 4.画个大椭圆，羽化20，反选，增加亮度30。
不堪回首-再造残旧的飞镖
3.将三角形的路径转换为选区，填充灰色。选择钢笔工具，在等边三角形的底边上勾勒出飞镖轮廓的弧度边缘（图2）。 4.将此路径转换为选区并将选区内选中的灰色部分删除，执行菜单-编辑-自由变换，将灰色的三角形旋转成如（图3）所示的样子。图03 6.再将图层1副本复制一份为图层1副本2，并执行菜单-编辑-自由变换，将图形旋120度（图5）。再将此半个三角移至由图层1与图层1副本组成的三角形的底部，并把它摆放得与大三角的左右两边吻合（图6）。