推荐阅读
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制作点光样式的漂亮心形图案
效果图基本上用画笔来完成。过程：先用钢笔勾出心形路径，然后设置好画笔预设，再用画笔描边路径就可以得到初步的粒子效果，后期用图层样式等增加发光效果即可。 最终效果 一、新建一个1000 * 800 像素，分辨率为72的画布，背景填充暗红色：#320000，如下图。 二、新建一个图层，用钢笔勾出心形的轮廓，左侧部分有三条路径，勾好一条后按住Ctrl键点一下空白区域，然后勾第二条，第三条。 三、新建一个50 * 50像素的画笔，新建一个图层，选择椭圆选框工具，按住Shift键拉一个3像素左右的正圆选区，确定后把选区填充黑色。 取消选区后选择菜单：编辑 > 定义画笔，在弹出的窗口命好名，后面会用到。把当前文档关闭。
制作紫色透明水晶心形图案的PS教程
教程分为两个大的部分：背景和水晶心形。背景先用渐变色填充，然后填充自制图案，再用滤镜等做一些变形处理；心形部分制作稍微复杂一点，用到多个图层，分别控制高光、暗部、细节等，用图层样式来完成。最终效果 一、打开Photoshop，新建一个文件。设置如下图，像素长宽比选择：方形像素。保存文件并命名为Adv Reflective Clear Style.psd。在工作过程中要记得经常按Ctrl+S保存和更新文件。 二、双击背景层打开图层对话框。更改名字“Gradient bg（渐变BG）”，并单击“确定”。双击“渐变BG”图层打开图层样式对话框，然后选择左边选项栏的渐变叠加。创建一个径向渐变，单击渐变编辑器添加渐变色，具体设置如下。
制作立体风格齿轮设置图标的PS教程
教程主要使用图层样式和布尔运算工具来完成，推荐给思缘的朋友来学习，希望思缘对PS图层样式和布尔运算还不太熟悉的同学不要错过，下面让我们一起来学习吧。先看看效果 第一步，用布尔运算画好外形1.ctrl+n新建画布，像素妹建的是800*600的，大家可以随意，但要记住分辨率一定要是72DPI2.用椭圆工具按住shift画出一个正圆，颜色可以先随意填充一个，后期还可以再修改，并分别在锚点处拉出两条参考线，如下图; 3.画一个较小的矩形，画之前按住shift，开始画之后可以松手，这样就可以和之前画好的圆在一个图层内，放在圆形的顶部，与圆形相交，并且参考线在矩形中间，如下图;
如何制作逼真鹅卵石图片实例的PS教程
鹅卵石制作重点是纹理部分。需要用多种滤镜做出初步的纹理，然后用变形工具变形处理做成所需效果。后期叠加到底色上面即可。最终效果 一、新建一个800 * 600像素的文件，背景填充青绿色：#6CAB9A，如下图。 二、新建一个组，用钢笔勾出石块的轮廓，转为选区后给组添加图层蒙版，如下图。 三、在组里新建一个图层填充黄褐色：#C9AB7A作为底色。
制作高档红酒广告海报的PS教程
本教程是国外的翻译教程。可以翻译的不够专业，很多步骤都有一些偏差。制作的时候我们主要是要领会作者的创作思路和方法，多看一下过程图，这样我们可能会有很大的启发。最终效果 一、要开始你将需要创建一新的Photoshop文件，并设置了尺寸和我是下面的截图英寸要创建一新的文件只需按下Ctrl键 + N在键盘上，或到该文件标签，并选择新建。 二、接下来，我们也可直接和抓住我们的酒一瓶素材;此快速操作，我们将使用一启瓶伏特加拍摄。 我们的素材可在这里找到：酒瓶素材下载。 一旦你的素材就下跌到新文档中，一旦它在你的新文件只是轻易地移动到周围的素材在你的画布中心的.此举工具是’V字键键盘。 三、接下来我们将添加一些颜色中加入我们的瓶。 要添加颜色中我们需要使一新的图层，这是您的键盘上的 CTRL+SHIFT+N 我们新建一个图层。 创建新的图层之后我们可用按键盘上的 ‘B’ 抓住画笔工具并单击鼠标右键。 一旦您右键单击的画笔设置对话框应打开； 设置您刷我是在下面的屏幕快照。
制作飘逸渐变光束彩带的PS实例教程
复杂的光束制作是非常繁琐的，如果当做一个整体来绘制，工作量是巨大的，而且光束叠加部分的效果不好刻画。可以把光束分解成一些小块，然后分段来完成，这样制作的过程相对简单一些，也比较好修改。最终效果 一、新建一个壁纸大小的文档，这里设置的是1024 * 768像素，背景填充黑色，如下图。 二、新建一个组，用钢笔勾出光束的第一部分轮廓，转为选区后给组添加蒙版。 三、在组里新建一个图层填充蓝色，如下图。
用PS制作飘逸的渐变光束彩带实例图案
复杂的光束制作是非常繁琐的，如果当做一个整体来绘制，工作量是巨大的，而且光束叠加部分的效果不好刻画。可以把光束分解成一些小块，然后分段来完成，这样制作的过程相对简单一些，也比较好修改。最终效果 一、新建一个壁纸大小的文档，这里设置的是1024 * 768像素，背景填充黑色，如下图。 二、新建一个组，用钢笔勾出光束的第一部分轮廓，转为选区后给组添加蒙版。 三、在组里新建一个图层填充蓝色，如下图。
制作红色塑料礼品包装带的PS教程
看似简单的飘带，制作起来还是蛮复杂的。因为彩带有极强的反光效果，边缘及中间部分都有相应的高光和暗调。制作的时候需要分段慢慢渲染。最终效果 一、用PS新建一个800 * 600像素的文档，背景选择白色。新建一个组，在组里新建一个图层，用钢笔勾出下图所示的选区，填充红色：#E00000。 二、新建一个图层，按Ctrl + Alt + G与前一图层编组，然后在当前图层下面新建一个图层，用钢笔勾出下图所示的选区，按Ctrl + Alt + D 羽化10个像素后填充暗红色：#C00000，作为中间部分的暗调部分。 三、新建一个图层，用钢笔或套索勾出下图所示的选区，羽化10个像素后填充颜色：#FA0000。
制作质感金属计数秒表图案的PS教程
秒表的外壳是金属的，质感部分制作比较麻烦。同时不同的部件用的制作方法不同。圆环部分可以用图层样式来制作质感，按键部分需要用金属渐变来制作。最终效果 一、新一个800 * 600像素的文件，背景填充黑色。新建一个组，用椭圆选框工具拉出下图所示的正圆选区，给组添加蒙版。 二、调出当前蒙版选区，在组里新建一个图层填充黄褐色：#927F45，如下图。 三、用椭圆选框工具拉出下图所示的整体选区，按Delete删除中间部分，得到一个圆环。
PS制作紫色心形喷溅水珠实例图案
本教程制作过程虽然复杂，不过思路很好理解。我们只需要用喷溅笔刷或素材，按照心形的轮廓刷上笔刷。然后把得到的喷溅心形多复制几层，分别设置好图层样式，把颜色及水珠质感设置出来即可。 最终效果 一、新建1024*768的画布，分辨率72DPI，使用自定义形状工具做一个心形图案。 二、插入不同的飞溅素材，适当的变换和旋转，使之成为心形，每个图层的图层混合模式均为正片叠底，这样可以显现出背景的心形。如下图所示同样的飞溅素材使用了两次，只是适当的拉伸、移动和倒置。点这里下载所有喷溅素材。 三、和上述步骤一样，插入不同形状的飞溅素材。