推荐阅读
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){
最新发布
Ulead COOL 3D教程之：三维文字旋转进入特效
上两篇文章我们分别学习了Ulead COOL 3D的界面及工具栏和主要的一些工作窗口。在这个基础上，我们现在进行一些简单的练习，来进一步熟悉Ulead COOL 3D的界面以及操作方法。 在这篇里我们制作一个三维文字旋转进入的动画效果，效果如图显示。 1、首先打开Ulead COOL 3D，在对象工具栏中点击文字工具，输入文字，设置显示的字体和大小。如图。对象工具栏的介绍请参考Ulead COOL 3D教程之界面篇和工具栏篇。 2、设置倒角，打开模板库（也叫百宝箱/调色板），找到“对象风格”―“倒角”―“框架”，选中需要的模板，点击窗口右上角的“对号”，也可直接双击应用到对象。如图 3、设置灯光，找到“场景”－“灯光”，选中需要的灯光，双击应用。如图 4、设置动画长度，在时间线窗口中，将动画长度设置为25帧，并移动帧指针到20帧处，在Position（位置）和Orientation（旋转）属性上分别打上一个关键帧。 5、将指针移动到开头处，并选择位置属性，输入Z轴的数值为-750。如图 6、选择旋转属性，设置X轴的数值为360。如图 7、在模板库中，依次选择“场景”－“背景图片”，选中如图所示的背景图片，双击应用。 8、通过播放控制工具栏，来预览最终的结果。 在这篇教程中我们主要是利用Ulead COOL 3D的模板来制作，具体的手工设置会在后续教程中讲解。
Ulea（友立）COOL 3D Lathe建模和贴图
在上几篇教程中我们分别介绍了，Ulead COOL 3D的界面、工具栏及主要的工作窗口，并随后做了一个三维文字旋转进入的练习。经过上几篇教程的学习我们对Ulead COOL 3D的界面和操作有了一定的了解。现在我们来学习一下在Ulead COOL 3D中利用Lathe工具制作简单的三维物体。 Ulead COOL 3D中利用Lathe工具我们可以制作一些以中心轴旋转而成的三维物体，这一点和3DMax有点相识。在这篇教程中我们将利用Lathe工具制作一个陶罐，然后利用Lathe制作一个可乐罐来练习贴图。效果如图。一、Lathe建模练习1、首先打开Ulead COOL 3D ，为了制作中更容易看清楚物体，我们这里设置背景颜色为蓝色。在属性面板中，选择Background（背景颜色），设置Color（颜色）为蓝色。如图。2、在对象工具栏中，点击Lathe，进入Lathe对象编辑，绘制如图的形状。
用Ulead COOL 3D“打造”数码影片3D标题
第四步：创建视频文件。首先从“文件”菜单中选择“创建动画文件”子菜单中的“视频文件”命令，如图2，这时打开保存对话框，在“文件名”框中输入需要保存的文件名称，然后单击“选项”按钮，在“常规”选项卡中将“帧速率”设置为DVD的标准值25帧/秒，在“压缩”选项卡中将“数据类型”设置为“32位RGB”，单击“确定”返回到“另存为视频文件”对话框，然后单击“保存”按钮将视频文件保存在指定的文件夹中； 第五步：将三维标题加入数码影片。打开会声会影，将编辑的数码影片素材编辑好，然后选择“覆叠”菜单切换到“覆叠轨”，单击左下角的“插入媒体文件”命令，在弹出的子菜单中选择“添加视频”命令，在打开的对话框中找到您刚才创建的视频标题并打开，这时您的三维标题就添加到叠加轨上了； 第六步：调整三维标题。将标题摆好后，这时在左侧打开一个调整画面，在这里可以对素材的区间、声音大小、是否淡入淡出以及回放速度进行调整。只需将相应的参数进行改变即可，如图3。如果您想让观众看得清楚一点，可以将其回放速度设置慢一点，单击“回放速度”按钮，在弹出的对话框中拖动“回放速度”面板上的滑块来调整，调整范围可以是原速度的10%-1000%，即放慢到原来的1/10或加快达到原来的10倍。 第七步：单击选项面板顶部右侧的“动画与滤镜”按钮切换到第二个选项，在此处决定视频素材的运动或让它静止不动，或在视频素材上移动，如图4。
给电影做个Cool片头
我们用的软件是Ulead Cool 3D Studio。 DV玩家对Ulead Cool 3D的了解可能更多限于3D字的制作方面而忽视了它在三维场景制作上的强大功能。至Cool 3D Studio发布，局面才有了大的改观。这个Ulead改变了市场定位全新推出的新产品，不仅继承了Cool 3D的优异特性，而且改进了3D引擎，强化了建模能力（增加了Lathe建模方式和Freeform修改工具，以及支持3DS模型的导入），增加了动画背景、渐变背景和魔术纹理背景模式，支持背景声音的设置和动画贴图等，使Cool 3D Studio终于有了大家气象，成为功能强大的3D设计软件。 下面以一个片头的制作为舞台，让Ulead Cool 3D Studio来场精彩表演吧。 创意 为简化操作，整个片头分成A、B两段分别制作，最后用“会声会影”或Ulead MediaStdio Pro拼接起来即成。A段：背景为选择的视频。另一段视频从屏幕深处推至眼前，爆裂，隐去。场景中始终有云烟缭绕。B段：背景仍为选择的视频，三个贴有视频的影框从背景不同方向飞出，排成一列。一团烟云从左至右飘过，影框随之旋转变为“我之影”三个字，字发出闪动的辉光，最后定格。 A段制作 1.在Ulead Cool 3D中新建场景。在Project/Dimensions菜单中设置场景大小为320×240 Pixels。 2.在View/Toolbars Manager菜单中打开Attribute Panel。在该面板的下拉框中选择Background项，再选Video项，弹出打开文件对话框，选择准备好的背景视频文件。这样视频背景便设置好了。 3.点击左边工具栏的Insert Graphics，在弹出的Path Editor窗口画一长方形，并调整参数为X：0，Y：0，Width：200，Height：150（图1）。确认后即生成平板对象。
Ulead COOL 3D快速上手指南
功能简介 COOL 3D的主界面分成上中下三部分，上面部分是菜单选项和工具栏，中间是所做的立体字图形，下面分为左右两栏，左栏区是图形美化功能选项，右栏区是某个选项可以选取的直观图形。其中图形美化功能主要有以下几项： 1.目标风格图库(Gallery) 单击Gallery，在图库中列出了可以选取的立体字颜色和形状，共有26种，颜色和立体字厚度各不相同，如果要选中某种立体风格，只要把鼠标移到图库中对应的风格图上，然后双击它，做出立体字的颜色和三维风格就会随之改变。 2.动画效果(Animation) 在制作视频文件或GIF动画时将用到该项，其主要功能是给所选目标指定一定的路径，使目标在规定的路径和方向上旋转运动。COOL 3D提供了21种动画效果，只要双击某个动画效果，你做的立体字就会按照对应的方式动起来。 3.更多选项(More) 主要包括Style、Light&Color、Texture、Camera四项。 样式(Style)选项：该项列出了立体字的倾斜角度、立体字的厚度和倾斜后的形状，共有31种，当你要选某种Style时，只要把鼠标移到该图上直接双击即可；在该选项中，你还可以通过选择Hollow、Imprint、Frame、Board选项，对所选目标进行挖空、烙印、加入花边、板刻等处理。 光线与颜色(Light&Color)选项：通过该选项，你可以完成对所选目标的上光与上色，但要注意的是当你选择了本选项时，既会对所选目标上光与上色，同时也将影响到图中的所有目标。
Ulead Gif Animator 基础入门教程（1）运行程序
一、认识窗口 Ulead Gif Animator 是友立公司出品的一款动画制作软件，用它可以很方便的制作出Gif图片来，下面我们来认识一下它的窗口； 1、安装 1）原版的Ulead Gif Animator是英文版的，可以在它的主页上下载15天的试用版，也可以在华军下载：http://www.onlinedown.net/soft/579.htm 2）我们一般使用汉化版或安装汉化包来学习，http://www.onlinedown.net/soft/580.htm 3）安装版会在桌面放置一个快捷图标，绿色版的解压后在文件夹中找到一个绿色地球图标，自己创建一个快捷方式； 2、启动 1）双击这个绿色地球图标，即可启动Ulead Gif Animator，打开一个窗口，中间有一个向导对话框；
Ulead Gif Animator 基础入门教程（2）空白动画
二、空白动画 动画的原理是，许多图片快速连续播放，人眼睛看着就是一个连贯的动画了，下面我们来看一个简单的动画； 1、运行程序 1）在桌面双击Ulead Gif Animator图标，或者在文件夹中双击它的图标，就可以启动程序； 2）启动成功后，显示一个默认的空白文档，如果出现向导提示，点“关闭”； 2、制作动画 1）选择画笔工具，在下面的黑色颜色块上点一下，出来一个颜色面板，在下边选中绿色，然后点右上角的“OK”按钮确定；
Ulead Gif Animator 基础入门教程（3）文字动画
三、闪光字 动画的原理是，许多图片快速连续播放，人眼睛看着就是一个连贯的动画了，下面我们来看一个简单的动画，它是利用颜色的变化来产生闪光字效果； 1、运行程序 1）在桌面双击Ulead Gif Animator图标，或者在文件夹中双击它的图标，就可以启动程序； 2）启动成功后，显示一个默认的空白文档，如果出现向导提示，点“关闭”； 2、第一帧文字 1）在左边的工具箱里点击选中文字工具T，然后在中间的白色画布上点一下，在右下角出来一个文本面板，
Ulead Gif Animator 基础入门教程（4）透明动画
四、透明动画GIF动画还有一个特点，就是可以制作成透明的，这样就可以更好地跟背景融合在一起，下面我们来看一个简单的动画； 1、运行程序 1）在桌面双击Ulead Gif Animator图标，或者在文件夹中双击它的图标，就可以启动程序； 2）启动成功后，显示一个默认的空白文档，如果出现向导提示，点“关闭”； 2、制作动画 1）进入后默认是一个白色背景，按一下键盘上的Delete键，删除白色底色，显示出棋盘格图案，表示透明背景；
Ulead Gif Animator 基础入门教程（5）拆分文字
五、拆分文字文字动画中，有一种效果是文字逐渐显示，也称为叫打字机效果，下面我们来看一个练习； 1、运行程序 1）在桌面双击Ulead Gif Animator图标，或者在文件夹中双击它的图标，就可以启动程序； 2）启动成功后，显示一个默认的空白文档，如果出现向导提示，点“关闭”； 2、制作动画 1）按Delete键删除白色背景，选文字工具，点一下画布，输入“拆分文本”颜色为红色；