推荐阅读
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){
最新发布
制作在草原蹦跑的金马效果
3、复制一个层次较丰富的通道，执行“滤镜”“模糊”“高斯模糊”命令，在弹出的高斯模糊对话框中设置半径为4.5像素，效果如图04所示。 图04 在弹出的高斯模糊对话框中设置半径为4.5像素 4、按Ctrl+L键，调整一下色阶以便使层次对比更明显，如图05所示。 图05 调整一下色阶以便使层次对比更明显 5、按Ctrl+A键将图像全选后把调整的通道做为灰度图拷贝入图层。把文件另存为PSD文件，做为置换图。 6、将纹理图片拖入文件中生成图层2，按Ctrl+T键将其调整至和文件一样大小。 7、选择图层2，执行菜单栏中的“滤镜”“扭曲”“玻璃”命令，弹出玻璃对话框，在对话框中将扭曲度和平滑度调至最大，纹理选择载入纹理，选择载入纹理后弹出一个打开的对话框，选择刚才保存的PSD文件，设置如图06所示。 图06 载入纹理 确定后画面上出现了一种强烈的玻璃效果如图07所示。 图07 出现了一种强烈的玻璃效果 8、进入通道面板，把Alpha 1通道载入选区，返回图层面板，在图层2上按Ctrl+J键将选区拷贝粘贴入新图层，隐藏图层2观看效果如图08所示。 图08 将选区拷贝粘贴入新图层 9、选择图层1，隐藏图层3，按Ctrl+Alt+4键把Alpha 1通道载入选区，再按Ctrl+I键反选选区后将背景删除，再按Ctrl+D键取消选区。 10、设置前景色为黑色，背景色为白色，执行菜单栏中的“滤镜”“素描”“铬黄”命令，弹出铬黄对话框，设置细节为6，平滑度为9，如图09所示。 图09 铬黄对话框 确定后画面效果如图10所示，图像出现了强烈的光感。 图10 图像出现了强烈的光感 11、按Shift+Ctrl+F键执行消褪铬黄命令，弹出消褪对话框，在对话框中，可以调整透明度和模式，如图11所示，选择强光可以使一部分深色的金属纹理变亮。 图11 选择强光可以使一部分深色的金属纹理变亮。 12、确定后显示图层3，并将图层3的图层混合模式设置为强光。效果如图12所示。这时金属的材料初步形成，但是由于多次命令操作，佛像的细节损失了许多，下面就增加细节。 图12 图层混合模式设置为强光 13、选择背景层，按Ctrl+Alt+4键将Alpha通道载入选区，然后按Ctrl+J键将选择内容拷贝粘贴入新层，为图层4。把图层4拖至图层3的上方，并把图层4图层混合模式设置为强光，效果如图13所示。 图13 将Alpha通道载入选区 14、对图层4进行着色处理，按Ctrl+U键弹出色相/饱和度对话框，勾选着色和预览图标，将色相调整为黄褐色，加强饱和度，降低明度，设置如图14所示。 图14 将色相调整为黄褐色，加强饱和度，降低明度。
PhotoShop打造超酷放射特效
3、按Ctrl+D取消选择，然后执行滤镜/模糊/径向模糊。4、按下Ctrl + F重复执行一次刚才的滤镜命令。 5、按下Ctrl + U键，调出色相/饱和度对话框，如下图。
PS打造螺旋3D抽象效果
渐变工具栏中设置如下：（请注意这里使用的是径向渐变，不要设置成了线性渐变，设置完后将选择区填充渐变。 5.接下来取消选择，执行滤镜-素描-烙黄。参数设置：细节=0，平滑=10。如下图所示： 6.这一步做起来有些麻烦，选择刚用滤镜处理完的形状图层，按CTRL+T执行自由变换，在右击选择透视。将右下的调整角拖拉至最左边，将其调整为一个沙漏形状。调整好后按ENTER确定。 3.接着按播放选区按钮，重复执行动作，直到和下图相似。 4.首先合并除背景层以外的所有可见图层，然后在合并的形状图层之上建立一个新的图层并填充你所喜欢的颜色。并设置图层的混合模式为颜色。 5.然后点击形状图层载如其选择区，在回到它的上层也就是颜色层执行反选删除操作。
PS滤镜制作抽象涡轮
5.在图层副本1上执行滤镜-扭曲-波浪。 按下设置对话当中框随机按纽。 6.在图层2副本上重复应用改滤镜5次（快捷键是CTRL+F），设置图层混合模式为变亮。 7.合并所有可见图层。 8.按CTRL+U打开色相/饱和度设置对话框： 9.复制此图层并执行滤镜-扭曲-旋转扭曲，设置角度为最大999%，设置图层混合模式为变亮。现在在按CTRL+SHIFE+E合并所有可见图层：
Photoshop滤镜打造抽象的光影效果
2．选择”滤镜”― ”渲染”― ”镜头光晕”，其设置如下所示。 4．将背景层复制一份按Ctrl+J；将图层1旋转90度，按Ctrl+T―再右单击图像中变形区域―选择旋转90度；其混合模式改变”变亮”； 提示：复制图层的方法有三种： 其一，直接拖动要复制的图层到图层控制面板上的新建图层按钮上； 其二，先Ctrl+A（全部选择）―Ctrl+C（复制）―Ctrl+V（粘贴）； 其三，也是了快捷的，直接按Ctrl+J； 5．将此图层1再复制5份，你也可以多复制几份以备后面造型使用。 6．再选择图层1副本，用”滤镜”― ”扭曲”― ”极坐标”，其选项为，选择从平面到极坐标；效果如下图所示； 提示： 根据自己的需要可以自选择要复制图层的个数以及最终保留的哪些图层，可以将不喜欢的图层删除。 如下图像是通过保留不同极坐标效果、不同的颜色以及对效果进行变形而制作出的几种效果，大家可以自由发挥。。。
用PS极坐标滤镜打造螺旋蚊香
小技巧：平时有些朋友绘路径时总会不小心会画断，可能这时却不知怎样画多条不闭合的路径了吧，其实画完第一条路径后，按住Ctrl在任意处单击，即可绘制第二条路径了。 注意：桌面要符合透视、蚊子可在新图层上用画笔几笔画出，再缩小。一定要记得加上影子。
Photoshop“风”滤镜制作热气与幕布效果
新建合适大小的图像文件，背景为黑色。新建透明图层2，用白色画笔在图层2中随意画上线条，如下； 热气效果的制作方法：继续使用滤镜―扭曲―水波。 参数设置
滤镜制作彩色小贝壳
二、新建图层一，用矩形选框工具拉出0.25*10的竖条选区，填充R：212G：204B：129,用方向键将该矩形选区右移15个像素，继续填充，以此类推，填满画布。（用图章工具或图层渐变也可达到这种效果，大家可以试试）（图一） 将最里层的白圈填充R：242G：230B：112，然后在菜单栏上点击选择―色彩范围，弹出对话框，用变为吸管工具的指针引取画面上白色部分，色彩容差调整为100%，确定对话框后，按Delete删除全部白色部分。（图八） 十六、新建图层三，用圆形选框工作拉出一个与图层一副本一样大小的椭圆来，填充R：242G：230B：112，并链接图层一副本与图层三，再合并（ctrl+E）（图十四）