推荐阅读
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){
最新发布
快速漫游Illustrator 10(6)
3. 编辑桌布外观为了使桌布外观看起来更加逼真，需要使用图形编辑命令和工具对桌布超出桌面的部分进行编辑，使之看起来有下垂的效果。选择 Zoom Tool(缩放工具)，将需要修改的区域放大。选择 Scissors Tool(剪刀工具)，分别在桌布边线与桌面边缘线的两个交点处单击，将其边线的路径剪切断。如果开启了智能参考线功能，当鼠标靠近交点时，会自动对齐并显示intersect(相交)标记，如（图14）所示。图14 剪切路径选择 Direct Selection Tool（直接选取工具），向右拖动三角形的顶点，直至适当位置时释放鼠标，如（图15）所示。图15 编辑桌布外观按下Shift键，使用 Direct Selection Tool（直接选取工具）将被剪切开的桌布的两个部分同时选中。在Pathfinder（寻找路径）选项面板中，选择 Add(添加)按钮，将两个部分合为一个完整路径，如（图16）所示。图16 合并路径后的图形
快速漫游Illustrator 10(13)
第六步：创建混合利用10中的混合功能，将花心圆的边线和星形花瓣这两个不同形状和颜色的图形进行混合，得到奇特的效果。在工具箱中选择 Blend Tool(混合工具),在花心圆图形中单击一次，以确定混合的一个对象。再在星形花瓣图形中单击一次，以确定混合的另一个对象，即可产生混合效果，如（图32）所示。图32 应用混合效果 第七步：使用图层实际上，每当绘制一个新图形时，系统都自动为这个图形建立了一个Layers(图层)，这在Illustrstor10中的Layers(图层)选项面板中，可以清楚地看到。利用图层选项面板，可以把绘图作品中的不同图形对象进行排列、组合及显示等操作和控制。1. 排列图层现在为艺术相框添加图片，并将其排列到艺术相框的后面。单击Layers（图层）标签，调出图层选项面板；如果Layers（图层）选项面板不可见，在Windows(窗口)菜单中选择Show Layers(显示图层选项面板)命令即可看见，如（图33）所示。图33 Layers（图层）选项面板
快速漫游Illustrator 10(17)
2. 沿路径添加文字利用路径文字工具，沿花瓶边缘添加一些文字。使用 Zoom Tool(缩放)工具，将花瓶区域放大，以便于操作。使用 Pen Tool(钢笔工具)，沿花瓶边缘绘制一条与其相似的曲线，如（图42）所示。图42 绘制曲线在工具箱中选择与 (文字工具)同组的 Path Type Tool（路径文字工具），在绘制曲线的顶部单击一次以确定文字输入点，此时曲线变成一条可见的路径并有一个闪动的光标。 输入文字“漫游10”, 如（图43）所示。图43 沿路径输入文字设置文字颜色、字体及大小后，将文字移动到花瓶中既可，如（图44）所示。图44 路径文字效果选择File（文件）菜单中的Save（保存）命令，将绘图作品保存起来。也可以根据该绘图作品的不同用途，按不同的格式保存Illustrator10文件，甚至可以发布到互联网络中（具体操作方法，参见有关Illustrator10“网上发布”功能的介绍）。 至此，已经完成了这次漫游Illustrator10之旅，对Illustrator10绘制图形作品的流程和其强大功能也有了一些初步了解，接下来就是进一步熟悉Illustrator10，创建自己的Illustrator绘图作品吧！
快速漫游Illustrator 10(1)
Adobe 10是出版、和在线图像的工业标准矢量绘图软件。无论是生产印刷出版线稿的设计者、从事包装设计的专业插画家、生产多媒体图像的艺术家、还是互联网页或在线出版的制作者，使用Adobe Illustrator所提供的具有突破性、富于创意的选项和功能强大的工具，定能完美的实现自己的设计意图，提供无限的创意空间。如果你想了解Illustrator10，就可以一步一步地跟随下面介绍的实例，如（图1）所示，对Illustrator10进行一次快速的漫游，初步感受一下Illustrator10的强大功能。图1 最终完成的绘图作品第一步： 创建图形文件在绘制图形之前，需要根据作品的用途，创建一个新文件。单击File（文件）菜单中的New（新建）命令或按下快捷键Ctrl + N，即可弹出New Document(新建文件)对话框，如（图2）所示。图2 Document(新建文件)对话框在该对话框的Name(文件名)文本栏中输入新建文件的名称为“漫游”；在Artboard Setup（画板设置）选项栏中，设置Size（尺寸）为Custom（自定义），Width（宽）和Height（高）都为480pt；在Color Mode（颜色模式）选项栏中选择CMYK颜色模式。设置完成后，单击OK（确定）按钮即可新建一个画板大小为480×480pt的CMYK颜色模式的绘图文件。
快速漫游Illustrator 10(16)
第九步：添加文字在10中，可以很容易地在任意一点或路径上创建文字。1. 输入文字利用文字工具为这幅绘图作品添加上标题。在工具箱中选择 Type Tool(文字工具)，在需要添加文字的位置单击，即可出现闪动的光标。输入标题文字“Adobe Illustrator 10”。单击 Selection Tool（选择工具），选择整个文字（在键入文字后单击选择工具，系统会自动选择整个文字）。拖动控制框上的控制点，改变文字的大小和位置，如（图39）所示。图39 调整文字大小选择Windows(窗口)菜单Type(文字)选项中的Character（字符）命令，调出Character（字符）选项面板。在字符选项面板中设置Font（字体）为Allegro ，还可以设置选项，如（图40）所示。图40 Character（字符）选项面板在工具箱底部Fill And Stroke(填充和描边色)框中设置文字颜色即可。同样的方法添加山绘图作品的副标题，如（图41）所示。图 41 添加文字后的效果
快速漫游Illustrator 10(7)
第四步： 使用画笔与填充颜色现在将花朵画上花枝，并为绘制出的图形对象填充颜色。1. 绘制曲线利用钢笔工具绘制两条贝塞尔曲线作为花朵的花枝。选择工具箱中的 Pen Tool(钢笔工具)，在花瓶口边线上单击一下确定一个端点后，移动到花朵边缘线上的适当位置，按下鼠标并拖动，即可拖出一条曲线控制柄。移动控制柄直到对曲线的角度和弯度都满意时释放鼠标，如（图17）所示。图17 绘制曲线同样的方法绘制另一条曲线（注意不要与前一条曲线连在一起，在后面另有他用）。使用 Selection Tool（选择工具），可选择曲线并移动到适当位置，如（图18）所示。图18 移动曲线
快速漫游Illustrator 10(11)
第五步：笔刷与图案符号在10中，还可以利用自定义笔刷、图案及符号，来绘制图形。使用 Direct Selection Tool（直接选取工具），选择花瓶中左侧的花枝。单击选项面板中的Banana Leaf（香蕉叶）图案，即可看到选定的花枝变成了树叶，如（图26）所示。图26 使用笔刷绘制树叶如果树叶的位置不符合要求，可以双击选项面板中的Banana Leaf（香蕉叶）图案，在弹出的Scatter Brush Options（分散笔刷选项）对话框中调整Rotation（旋转）等设置，如（图27）所示。图27 Scatter Brush Options（分散笔刷选项）对话框选择与花朵连接的花枝后，单击Stroke（笔触）标签，调出笔触选项面板。在Weight（笔刷宽度）数值框中设置笔刷宽度为3pt，即可将花枝加粗，如（图28）所示。图28 设置笔刷宽度
快速漫游Illustrator 10(9)
3. 设置渐变利用渐变色填充工具为花瓶和桌面填充具有渐变效果的颜色。使用 Selection Tool（选择工具）选择花瓶图形后，单击Fill And Stroke(填充和描边色)框下面的 Gradient（渐变色）按钮，即可为花瓶填充灰度渐变色。选择工具箱中的 Gradient Tool（渐变工具），在花瓶的右侧单击并拖动出一条控制线，来调整起始颜色到终止颜色渐变的方向和范围，如（图22）所示。图22 调整渐变方向和范围同样的方法给桌面填充渐变色。由于系统默认渐变是灰度渐变模式，需要在Color(颜色)和Gradient(渐变色)选项面板中进行相关设置，才能改变渐变的颜色。单击Gradient(渐变色)标签，调出渐变色选项面板，并单击选项面板中的渐变起始色调节滑块。单击Color(颜色)标签，调出颜色选项面板，然后单击选项面板右上角的小三角按钮，在弹出的选项菜单中选择CMYK颜色模式选项，即可将颜色选项面板中的调色条变为彩色，如（图23）所示。图23 设置渐变颜色模式
快速漫游Illustrator 10(10)
在颜色选项面板的调色条中选择渐变起始色。同样的方法设置渐变终止色，如(图24)所示。图24 设置渐变色选择 Gradient Tool（渐变工具），调整渐变色方向和范围，如（图25）所示。图25 修改后的桌面渐变颜色