推荐阅读
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制作舞动火焰文字特效
本教程的火焰字效果制作的非常自然，尤其是火焰及火花部分非常不错。作者制作的时候用到了很多叠加图层和一些烟雾素材。如果你还没有这些素材可以去网上下载。最终效果 放大图 一、创建一个新文件，大小为1200 * 800 px ，用黑色填充背景。在背景上使用我们之前下载的字体。（颜色已经在下图指出） 二、在文本图层上，应用下图所示的混合选项设置：外发光。
Photoshop制作燃烧的火焰熔岩文字效果
熔岩字制作方法有很多，最快捷的就是直接使用纹理素材。制作效果之前，自己找一些有裂纹的纹理素材，然后用图层样式等加强纹理效果及颜色，后期渲染高光及火焰等即可。最终效果 一、打开下图所示的背景素材。 二、加一个小小的径向渐变，反向如下图，混合模式改为“正片叠底”。
PS打造火焰背景特效的木纹文字
本教程的文字制作非常有创意。作者用一些破碎的木块通过变形处理，搭建成一个完整的字母。 后期再修好细节，调整好明暗，再加上合适的背景即可。最终效果 一、创建一个新图片，背景为白色。然后使用下载好的笔刷在图片中添加一些污垢的效果。 二、设置前景色的浅棕色，打开笔刷的选择窗口选择“粉笔”笔刷在图片中再画上一些痕迹的效果。
PS如何执行“色调分离”命令
今天给大家分享一个PS如何执行“色调分离”命令，“色调分离”命令通过减少色阶的数量减少图像中的颜色。下面我们就一起来看看PS如何执行“色调分离”命令吧！效果图1、在菜单栏中执行“图像>调整>色调分离”命令；2、在弹出的“色调分离”对话框中进行参数设置；3、完成操作后，得到的效果图；4、前后的对比效果；
用PS制作炫酷的裂纹火焰文字效果
好的字体效果制作过程相对要复杂一点，基本上都有多个图层，如质感层、纹理层、装饰层等。每一个层都比较重要，制作的时候需要发挥自己的想象做出创意的效果。最终效果 一、新建1024*768px大小的文档，设置前景色为#532118，背景色为#170b09，用径向渐变工具拉渐变。 二、打开素材1，拉入画布中，改图层模式为叠加。
Photoshop制作流畅手绘火焰艺术文字图片
跟其他的火焰字不同，本文的火焰字直接截取火焰的局部区域，贴到文字上面，然后变形跟文字的笔画融合，这样得到的效果就比较流畅，跟手绘的效果一样，感兴趣的朋友让我们一起来学习吧。最终效果1、新建文件。打开PS软件，按Ctrl + N 新建，尺寸为1024 * 768像素，分辨率为72像素/英寸，如下图。2、把前景色设置为黑色，然后用油漆桶工具把背景填充黑色。3、打开文字素材，用移动工具拖进来，调整好位置后把不透明度设置为50%，如下图。4、先来制作第一个字，需要完成的效果如下图。
制作漂亮火焰中秋文字图片的PS教程
这里的火焰字也是用手工来完成。过程：先设置好想要的文字或图形；然后用火焰素材按照文字的笔画分段做变形处理；制作的方法非常简单，不过操作的时候需要细心和耐心。 最终效果 一、新建一个1000 * 750像素，分辨率为72的画布，背景填充黑色。 新建一个组，保持图1到本机，文字为PNG格式，用PS打开，拖到新建的组里面，并调整好位置。按住Ctrl + 鼠标左键点击图层面板文字缩略图载入文字选区，如图2。 二、新建一个图层，选择菜单：编辑 > 描边，数值为1，颜色为黄色，确定后取消选区，再把原文字图层隐藏，效果如下图。
PS如何制作超酷的火焰燃烧文字效果
作者制作火焰字的思路非常不错：用图层样式来制作初步的红色纹理字，然后增强边缘的高光，再用火焰素材叠加，就可以得到非常不错的效果。 最终效果 一、首先创建一个1000x600px的背景，填充黑色。添加一个径向渐变图层，参数如图。完成后调整图层不透明度为40%。 二、打开岩浆纹理素材，将它定义成图案。（编辑 → 定义图案）。
PS怎么添加、删除、选择、移动锚点，快捷键是什么？
在有了绘制路径与形状的相关基础操作后，本文将对锚点的基础操作进行介绍，如添加锚点、删除锚点、移动锚点、选择锚点等。下面我们就一起来看看PS怎么添加、删除、选择、移动锚点，快捷键是什么吧！锚点是路径节点上的标志点，可以控制路径的曲率方向，下面将对如何添加和删除锚点操作进行详细讲解。1.添加锚点创建路径后，如果发现路径中锚点较少不能满足需要，可以添加锚点。在工具箱中选择添加锚点工具，如图1所示。此时光标变为了图2所示的样子，在路径中需要添加锚点的地方单击，即可添加锚点。2.删除锚点如果路径中的锚点过多，可以删除锚点。在工具箱中选择删除锚点工具，如图3所示。此时光标变成了图4所示的样式，在路径中需要删除锚点的地方单击，即可删除锚点。选择锚点是指选择整个路径上的锚点，移动锚点是指选择独立锚点来进行位置和方向的移动。下面将对如何选择和移动锚点操作进行详细讲解。1.选择锚点在工具箱中选择路径选择工具，如图5所示。接着在图像文档中已绘制的路径上单击，即可将这条路径上的所有锚点选中，如图6所示。
合成立体美女踢球手机海报图片的PS教程
效果图非常简单，不过非常有立体感。作者直接用手机来创作，屏幕部分加上草地；然后加入人物和足球，人物部分感觉是从屏幕里面出来的一样，这样就可以增强画面的立体感。最终效果 一、在开始之前我们先来看看会用到的素材：手机、人物、场地、足球、笔刷。 二、我们先在PS中打开素材：手机，选择裁剪工具，裁掉素材右侧小部分内容，增加素材上部的空间，结果如图所示。