推荐阅读
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){
最新发布
Knockout常规抠图实例：毛绒小熊
本文我们用实例的方式介绍抠图软件Corel Knockout的常规抠图步骤，把下面这只可爱的毛绒小熊从背景中抠出来。 一、输入要处理的图像文件 1) 启动COREL KNOCKOUT1。5程序，点击菜单FILE>OPEN； 2) 寻找程序的安装目录； 3) 在该目录中，点击TUTORIAL FILES\SAMPLE\IMAGES\BEAR。TIF。输入该图像到程序的操作界面中。如果图像太小，不便处理，可以点击菜单WINDOW\ZOOM IN放大该图像。 二、绘制对象内部选区 通过绘制对象的内部选区，可以定义前景对象，也就是要"抠""对象，而编辑选区是指添加，移动特定的选区。在必要的情况下，在绘制选区的同时，可以使用小型放大镜，放大局部边缘，以便精确绘制选区。 1) 点击工具箱中的"对象内部"选区工具 2) 绘制对象"熊"的内部选区线。注意，一定不要碰到边缘处透过皮毛显示出来的背景区域。 正确的内部选区 错误的内部选区 3) 如果必要，在绘制选区线的同时，按下"L"键，激活小型放大镜，以便能更精确地绘制选区线条。所谓精确是指尽可能地靠近对象的边缘区域，但是绝对不能碰到背景色象素。选区线的精确程度，影响着最后的处理效果。 4) 如果必要，可以按下"SHIFT"键，同时绘制选区线条，可以添加选区； 5) 如果必要，按下"ALT"键，同时划线，可以去掉特定区域的选区线； 4)和5)是精确处理选区的编辑操作。 6) 如果对整个选区不满意，按下"DELETE"键，将其全删除，重新绘制。 三、绘制对象的外部选区 绘制外部选区是用来定义图像背景的，操作方法同绘制内部选区几乎相同。 1) 点击工具箱中的"对象外部"选区工具 2) 绘制外部选区线条。注意，一定不要碰到小熊的皮毛； 正确的外部选区 错误的内部选区 四、"抠"图处理 1) 在工具箱的"过渡区复杂度"列表中，根据过渡区中前，背景色的复杂程度，选择任一合适的选项:低，中低，中高，高。因本例比较简单，故选择"LOW"； 2) 点击列表下面的"处理"按钮，或者CTRL+P，进行"抠"图。程序根据内外选区及复杂度，自动处理图像，将前景对象从背景中"抠"出来； 3) 如果必要，可以点击颜色面板中的任一色彩选项，替换衬托色。不同的衬托色可以检验出"抠"图的效果； 4) 如果必要，点击颜色面板下面的"图像"按钮，输入衬托图像。 5) 点击菜单VIEW，然后根据意愿，执行以下命令: ORIGINAL:显示原始状态图像； KNOCKED OUT:显示"抠"图:ALPHA:显示阿尔法通道。 阿尔法通道是COREL KNOCKOUT的精髓，该通道在PS6中将得到充分的利用。 五、保存项目 1) 点击菜单FILE\SAVE PROJECT AS； 2) 确定存盘路径，输入文件名； 3) 点击"保存"，COREL KNOCKOUT保存的项目的扩展名为CKO； 六、输出"抠"图 抠图的最终目的是将其应用到特定的背景图像中，COREL KNOCKOUT以三种格式输出图像:PHOTOSHOP的PSD，COREL PHOTO PAINT 的CPT和TIF位图。输出的同时，保留了阿尔法通道，以便用户能在如PHOTOSHOP等位图编辑程序中应用。 1) 点击菜单FILE\EXPORT(输出)； 2) 在随之打开的窗口中确定输出路径，输入文件名，选择文件输出格式(本例选择的是PSD)，然后点击"保存"； 七、在PHOTOSHOP6中应用抠图 1) 启动PS6，并打开刚刚保存的文件； 2) 粘贴选好的背景图像； 3) 使用FREE TRANSFORM命令，调整背景图像的大小，使之适合窗口； 4) 点击菜单SELECT，执行LOAD SELECTIONG命令。在随之弹出的窗口里，打开CHANNEL选择菜单，选择ALPHA 1，点击OK。这时，编辑窗口里将显示选区。然后反选； 5) 点击菜单EDIT，执行CLEAR命令； 6) 压平图层，然后取消选区(CTRL+P)。
*滤镜KPT3(2)KPT Spheroid Designer
第一部分 KPT Spheroid Designer（球形设计器）这是一个在图像或选取区制作漂浮的球形的滤镜。其界面如图，各按钮的含义见后图中标识。球形滤镜是KPT3中最复杂的一部分，它提供众多的样本球的事例，并可对二维图像进行逼真的三维模拟。球形设计器常用来制作球形按钮和各种球形排列图案。一、Options菜单该菜单用于设定小球的显示方式。点击Options下面的小三角打开该菜单、共有10个选项，选中某个选项后在对话框中的大球显示当前设置效果，可拖动它进行调整。下面逐一讲述各显示模式。 Normal：标准模式。Procedural+：球体包摸式与图像色彩相加。Procedural-：球体色模式与图像色彩相威。Darken Only：只限于暗部效果摸式。Lighten Only：只限于亮部效果模式。Multiply：将色彩重叠，颜色加深效果摸式。Scree：：将图像漂白模式。Difference：以两种颜色的差值作为新色彩。Add：添加模式。Subtract：特色彩相减后的模式。Launch To Previous State：选取此项则最近一次使用的设置会在下次打开滤镜时展示。Tablet Enhancement：选取此项则某些图形板将运行得更稳定。Graphical Presets：选中此项可滚动预置的滤镜图形样品。Black Out Screen：选取此项后法镜后面的屏幕将被黑色代替。二、Preset Menu（预设菜单）点击最下面横条上的小三角目标就可打开Preset Menu（预设菜单），这里提供了很多预设效果可直接运用。三、Apply Options（排列方式菜单）排列方式下拉菜单里有十多种排列效果，用于设置小球在图像上漂浮的形式。其15种常用选项为：Apollonian Packing：古典排列。Random Spheres：随机的球形。Random Ellipses：随机的椭圆形。Spiral Packing1：螺旋形物体1。Spiral Packing2：螺旋形物体2。Spiral Packing3：螺旋形物体3。Star Packing 1：星状效果1。Star Packing 2：星状效果2。Splatter Small：飞溅的小球体。Splatter Medium：飞溅的中球体。Splatter Big：飞溅的大球体。Radial Spherize：辐射式缠绕排列。Genesis packing：小球体的组装排列。Use Shadows：使用阴影。Use Mutation：使用变化。Spheres on a path：球体路径。Genesis Editor映射：用来创建奇妙的、以球形为基础的形状，如星星、雪花等。 Genesis Editor：为创建以球形为基础的形状提供良好的环境。点击该指令后，弹出Genesis Editor对话框。
用滤镜和笔刷制作诡异的魔法球
想象一下巫师的魔法球，肯定从外表上来看就很诡异，和普通的水晶球不同。今天为大家介绍Photoshop应用的2个设计技巧，介绍两种设计魔幻风格小球的创意方法，通过学习设计其中方法，大家掌握Photoshop工具的使用技巧，就可以举一反三创作出更多风格的魔法球了。1、第一个技巧是教大家使用滤镜功能，设计魔幻小球内核填充图案的方法。首先在背景上画一个正方形的矩形（按住Shift键，使用矩形选取框绘制），然后新建一个图层，选择“滤镜”菜单下“渲染”中的“云层”效果，填充得到的效果如图2。 8、跟着下来要使这个光鲜的矩形变身为球形。选择“滤镜”菜单“扭曲”中的“海洋波纹”滤镜，得到的效果如图8。 1、首先在背景图层上新建一层，填充黑色，然后用椭圆形选取框工具在图像上绘制一个正圆形选取框（图13）。
滤镜特效范例29
1、新建图像，新建图层，用画笔在画面中心画一条直线，如下图。2、使用【滤镜_扭曲_旋转扭曲】，得到如下左图的效果。然后【滤镜_扭曲_极坐标】得到如下中图的效果。复制该图层，将其旋转90度并对齐，得到类似下右图的效果。--3、将图层合并后复制，将复制出来的图层旋转180度，图像效果和图层调板分别如下左图和中图。然后对两个图层分别使用【滤镜_风格化_风】，方法为“风”，方向分别为“从左”和“从右”，得到如下右图的效果。--4、将两个图层一起选择，然后〖CTRL_J〗复制，这样将会同时复制出两个图层。将这两个复制出来的图层同时选择，通过自由变换将它们旋转90度，形成如下左图的效果。使用裁切工具保留部分图像，类似下右图。-5、如果在早先使用直径较大的笔刷，以及另外的色相饱和度调整，加上适当的裁切，可以得到类似下2图的效果。-
滤镜特效范例30
1、新建图像，填充黑色背景，然后使用【滤镜_渲染_镜头光晕】，效果如下左图。接着使用【滤镜_扭曲_切变】，设定如下右图。-2、将图层复制3份并分别旋转各个角度，将混合模式改为“变亮”，效果如下左图。在最上层建立色相饱和度调整层，改变图像的色彩，效果如下右图。-3、将任意一个方向的图案复制一层，并移动到所有箭头的最上方(色相饱和度调整层之下)，将混合模式改为“线性减淡”。效果和图层调板分别如下2图。-总结：主要在于使用切变滤镜来制作箭头效果，之后可以通过各种方式复制并组合，本例中是制作为4向箭头，也可以制作为6向或更多，还可以通过自由变换作出更多的变化。对于本例的效果，还可以通过色彩调整工具对个别的箭头作出修改，营造箭头间颜色的反差。
滤镜特效范例31
1、新建图像，填充黑色背景，使用【滤镜_渲染_镜头光晕】，设定如下左图。然后使用【滤镜_艺术效果_塑料包装】，设定如下中图。图像效果如下右图。--2、使用【滤镜_扭曲_波纹】，设定如下左图。接着使用【滤镜_扭曲_旋转扭曲】，设定如下右图。-3、建立渐变映射调整层，渐变的设定如下左图，色标为黑橙黄白。图像效果如下右图。也可以通过其他方式为图像着色。-
滤镜特效范例32
1、新建图像，填充黑色背景，然后使用【滤镜_渲染_镜头光晕】，效果如下图。2、建立色彩平衡和曲线调整层，设定分别如下左图和中图，图像效果如下右图。--3、对镜头光晕所在的图层使用【滤镜_扭曲_波浪】，设定如下图。4、〖CTRL_J〗复制图层，对其〖CTRL_F〗重复几次波浪滤镜，然后将混合模式改为“差值”。图层调板和图像效果分别如下2图。-
滤镜特效范例33
1、新建图像，填充黑色背景，多次使用【滤镜_渲染_镜头光晕】，设定如下左图。效果如下右图。-2、〖CTRL_J〗将图层复制，将混合模式改为“滤色”。接着分别对上方和下方的的图层使用【滤镜_模糊_径向模糊】，设定分别如下左图和中图。图像效果如下右图。--3、〖CTRL_J〗将图层复制两次，将混合模式都改为“滤色”。图层调板如下左图，效果如下中图。将所有图层合并后使用【图像_调整_自动颜色】，效果如下右图。--总结：由于镜头光晕形成的素材亮度较低，在执行模糊滤镜后亮度更低，因此需要复制图层来增强亮度。但如果在镜头光晕滤镜中设定较高的亮度，又会使后期使用模糊滤镜后光线轨迹过长。当然，也可以在使用了镜头光晕滤镜后，直接复制图层提高原始素材的亮度，再继续后面的操作。
滤镜特效范例34
1、新建图像，填充一个绿色，如下左图。然后执行【滤镜_艺术效果_海绵】，设定如下中图。图像效果如下右图。--2、使用【滤镜_艺术效果_干画笔】和【滤镜_艺术效果_胶片颗粒】，设定分别如下左图和中图。图像效果如下右图。--3、使用【滤镜_模糊_动感模糊】和【滤镜_画笔描边_成角的线条】，设定分别如下左图和中图。图像效果如下右图。--4、使用【滤镜_模糊_阴影线】和【滤镜_风格化_照亮边缘】，设定分别如下第1图和第2图。图像效果如下第3图。可以〖CTRL_F〗重复一次，效果如下第4图。---总结：用照亮边缘滤镜来营造效果，之前的若干滤镜都是为了准备素材，使用时也可以任意组合其他滤镜。对于最后的效果，还可以进一步制作，如使用渐变映射等。
滤镜特效范例35
1、新建图像，填充黑色背景。使用文本文字工具输入文字。如下左图。然后〖CTRL_J〗将文本层复制一层备并隐藏。图层调板如下右图。-2、 对原先的文字层使用【滤镜_扭曲_风】，设定如下左图。〖CTRL_F〗重做一次，效果图下中图。然后【图像_旋转画布_90度顺时针】，再按〖CTRL_F〗两次执行风滤镜。这样重复旋转与风滤镜，直到转回到原先的角度。得到如下右图的效果。--3、 〖CTRL_J〗将执行完风滤镜的图层复制一份，对其使用【滤镜_扭曲_波纹】，设定如下中图。然后将其混合模式改为“叠加”，图层调板如下中图。图像效果如下右图。--4、 〖CTRL_J〗将执行完一次波纹滤镜的图层复制，对其使用【滤镜_扭曲_波纹】，设定如下左图。将其混合模式改为“排除”，图层调板如下中图。图像效果如下右图。--5、将原先隐藏的文字层显示出来，将文字颜色改为黑色，并为其添加外发光样式，设定如下左图。图像效果如下右图。-