推荐阅读
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色阶工具给风景照片进行调色教程
色阶是我们在photoshop中经常用的一个工具，估计很多同学认为是一个非常简单的工具，只需动动上面的小滑块就好了，但是实际情况是这样吗?我们在Photoshop的学习中，怎么才算真正会使用一款工具?会通道、路径、蒙板、滤镜是黄金;通工具原理、快捷键飞一般操作是铂金;能用PS各种工具来制作仿真效果图、视频、编辑动作等算是钻石级;3D、没有不能处理的图片、没有解决不了的问题的，是大师王者级别。如果不懂原理，我认为上限就只有黄金。 在开始之前，先了解一下这些名词 (1)预设：预先给你设定好的一些效果，我们在后期中很少用，一般使用默认值 (2)定义黑白灰场 主要是用来定义图像中最亮的点和最暗的点，矫正色彩对比度。 (3)创建剪贴蒙版 创建后，色阶的调整只会对它下面的图层起作用，而不是对所有的图层 (4)通道
Photoshop制作多彩喷溅烟雾效果的文字设计教程
前言：本教程中，我们创建了文本，填充了多彩纹理素材，并用画笔创建一个多彩的爆炸效果，最后我们添加了几个烟纹理图像来完成整个效果。在本教程中，我们创建了文本，填充了多彩纹理素材，并用画笔创建一个多彩的爆炸效果，最后我们添加了几个烟纹理图像来完成整个效果。先看下最终效果图：我们新建或Ctrl+N，创建2500x 2000像素大小，分辨率72像素/英寸，RGB颜色，8位，背景内容为黑色的新文件 。大小也可以根据需要自己设定。转到文字工具（T）在画布中输入文字，我们现在输入pslm，字体：方正超粗黑简体。转到图层面板新建一层，同时选中文字图层和图层1，Ctrl+E合并图层，得到图层1。
Photoshop文字设计:制作漂亮的金属描边光斑字
本文的文字效果由两大部分构成：中间的光斑和金属描边；光斑部分直接使用了光斑图案，再用图层样式加上了颜色，增强了光斑亮度；描边部分直接用图层样式加上描边，并增加浮雕效果，增强金属感。最终效果1、打开PS软件，选择菜单：文件 > 新建，画布尺寸设置如下图，也可以按自己的需求设置大小。2、选择渐变工具，颜色设置如下图，然后由画布中心向边角拉出径向渐变作为背景。3、选择横排文字工具，设置好字体和大小，然后输入文字，文字颜色任意，如下图。4、在图层面板的下面点击“添加图层样式”图标设置图层样式，如下图。
Photoshop制作超酷的冰凌文字设计教程
作者制作冰块字的方法非常简单，直接截取冰块素材的局部，贴到文字轮廓区域，组成想要的文字；然后调节好细节，并用图层样式增加一些效果；最后调整整体颜色，得到想要的效果。最终效果1、新建700*1120px大小的文档，编辑填充黑色。我们打开素材图，用矩形选框工具选区一部分，粘贴到我们的文档中。<点图片查看大图>2、执行滤镜--艺术效果--干画笔，设置如下。 3、效果如下（如果你没有得到下面相似的效果，可以重复滤镜几次）。
Illustrator使用3D工具和参考线来创建立体的图标
当我们在做一些立方造型的时候会用到一些带颜色的参考线，来保持个图标形体间的大小相似。通过后面的学习，我将告诉你怎样创建立体图标，你甚至能将他们组合成一个3D的城市景象。一旦你掌握了基础图形的绘制方法，那么你几乎可以绘制出各种东西。01 首先我们要做的是找一个比较好的参考图片，我们将试着画出当中的一个部分。然后打开AI然后创建参考线：我们使用混合工具，拉出30度和-30度的斜线，然后右击将他们作为参考线。(混合工具的使用方法：全选两条线CTRL+ALT+B，在对象>混合 中设置)02 下一步，绘制一个长方体，使用3D凸出和斜角工具，既方便又快速的把长方体转换成为立体图形。你能设置凸出厚度来获得满意的图形。将表面设置成无底纹，因为我们更希望能够自定义它。 03 现在前往对象>扩展外观。这样会让它变成平面图形，更容易修改。如果你想让图形变得更长更高，你可以对应参考线进行修改。
Photoshop与AI结合制作扭曲的灯管字设计教程
教程看似非常简单，不过操作上还是挺复杂的；首先需要对文字造型，在AI里面画出流畅的线条字；再把文字转为初步的灯管字；最后在PS中对文字进行润色，并增加细节等。最终效果1、首先打开AI，并用钢笔工具勾画出基础轮廓图形。2、用椭圆工具画一个直径为8MM的圆，并填充颜色。3、水平复制一个圆，并双击工具栏中的混合选项，间距改为指定步数为1000步，点击确认。4、持续上一步。分别点击左侧圆、右侧圆。知识点（AI混合选项的运用），选中混合好的圆柱，并复制若干个（CTRL+D)。
精选国外以黄色调为主的网页设计欣赏
对于任何网站而言，配色方案都是其中最关键的影响因素之一。你可以使用你所熟悉的配色方案，也可以跳出来选择更加大胆、明快、更有性格的配色方案，它们或许更容易给人留下深刻的印象。而今天我们要说的，是黄色。作为暖色调，黄色象征能量，带来温度，充满生命力，它可以让你的网站看起来更具有亲和力，舒适而温馨。毫无疑问，黄色色调的网站设计大多都非常的醒目，让人难以忽视。但是同时，它也是一个不容易掌控的颜色，一个不小心可能会毁掉网站的整个设计。所以，你需要清楚地了解黄色的运用手法——比如先看看那些设计优秀的网站是怎样使用大面积黄色色调的。在黄色作为主色调/背景色的时候，文字内容如何展现，各种控件如何使用，这些都值得学习。Lordz明快的黄色和动感的舞蹈有着天然的契合度，这也是为什么瑞士城市舞蹈学院选择使用黄色作为网站的主色调。为了确保网站内容的识别度，设计师采用的是黄黑搭配。James Tupper拥有韩国血统的摄影师JamesTupper 也在设计他的作品展示页的时候选择了黄色作为主色调。 在字体配色上，他同样选取了黑色。Collectif-yay
Photoshop制作动感喷溅效果玫瑰花型裙子海报设计教程
效果图非常大气，也非常有艺术感。主体部分为穿玫瑰裙字的人物，作者给裙子边缘增加了一些喷溅效果，背景部分增加了一些高光素材，其它部分增加了一些几何元素，非常动感。最终效果一、打开人物图片，利用矩形选框工具将文件放大到要求大小。二、打开星空素材，拖到人物图层上面，混合模式改为“柔光”，不透明度改为：40%。 三、打开高光素材，拖到星空图层上面，混合模式改为“滤色”。