推荐阅读
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 gif animator制作特别的生日贺卡效果
导进来后点文本文档选出自己喜欢得字体如下 然后最关健得地方就是打开属性栏找到视频F\X里得照像机镜头,在点一下就出现了缩放动作.不要动直接点然后全是确定,做完这个后在动画贞面板上出现了七贞把我们得原始第一贞删掉保存就O了,效果图如下是不是感觉很单间,,感觉喜欢得顶一下！
U5超牛滤镜的下载和安装,利用滤镜为形象添加闪动边框等动态效果
U5外挂滤镜下载地址(Ulead GIF-X.Plugin 2.0):http://www.onegreen.net/Soft_Show.asp?SoftID=4563教程:U5滤镜的下载和安装效果图:
Ulead Gif Animator 5的立体旋转图片GIF做法
1：我们首先肯定电脑上有U5的软件・如果没有的话我给大家一个下载的地址下载地址：http://www.onegreen.net/Soft_Show.asp?SoftID=942：我们要有U5的外挂！下载地址：http://www.onegreen.net/Soft_Show.asp?SoftID=45633：当您拿到外挂的时候，我们首先打开它，其中有一个软件名称叫：ins_Gif-x 这个的・我们反手键点安装，4：然后我们打开U5选择文件（坐上角第一个）选择 参数选择，这个时候会出现对话框 我们找到插件程序过滤器 有4个选择我们就选择第一个打上勾就可以！点击浏览选择我传给大家的外挂的整个目录就可以了，然后点确定，5：这个时候我就将帮刚刚打开的U5给关掉 在重新打开U5，我们选择自己要做的图片 比如你们心爱的人 然后把图片选中 这个时候我们找到过滤器 GIF- X 2.0 这个时候我们就可以制作旋转立体的图片了・声明：今天我就拿正方形的旋转来说吧・我们选择3Dmap这个时候我们的又上角会出现球体 我们选择立方体就可以了・如果您还想添加其他的照片 这个时候我们选择 其他表面 添加图片 （图片格式必须为BMP）的然后点确定 等待几秒就OK了・我们保存下就OK了・当然此滤镜效果还有很多 就看你怎么运用了！
Ulead GIF Animator 使用综合手册
图1 点击图1 中的 Try 按钮后, 在进入 Ulead GIF Animator 4.0 前还会出现另一个窗口, 询问您要注册还是要继续试用这个软件。点击 Try More 按钮继续试用 Ulead GIF Animator 4.0, 或是点 Order Now 按钮立即注册这个软件（图2）。 我们选择继续试用这个软件, 点击图2 中的 Try More 按钮, Ulead GIF Animator 4.0 就开始初始化程序, Ulead GIF Animator 4.0 需要和 QuickTime 3.0 for Windows 配合使用, 如果您还没有安装 QuickTime, Ulead GIF Animator 4.0 就会弹出一个提示您安装该软件的窗口（图3）。 如果您的 Ulead GIF Animator 4.0 是注册过的, 并且您在使用 Ulead GIF Animator 4.0 时已经安装了 QuickTime 3.0 for Windows, 那么启动之后, Ulead GIF Animator 4.0 就会直接进入使用界面, 上述的三个窗口都不会再出现。 二、 Ulead GIF Animator 4.0的特性 1、崭新的界面 GIF Animator 的新界面使您的工作过程就象在流水线上加工产品, 您需要使用到的按钮和工具都放在您触手可及的地方。在工作区中加入了颜色面板, 并且有 4 个选项卡, 让您在编辑和优化图像层的时候更加顺手。 2、便捷的工作模式 4 个选项卡使您在工作进程中的切换变得快捷, 这4个选项卡是: Compose（组合）, Edit（编辑）, Optimize（优化）和 Preview（预览）。 3、加强的图像层显示 现在您可以轻易地用三种模式显示图像层, 所需的仅仅是点击一下鼠标。 4、层叠模式 Edit（编辑）选项卡使您可以用层叠模式工作, 在这种模式下, 您可以在当前图像的下面看见以前的图像, 这样您就可以更加精确地操作了。 5、新的选取工具 使用 Edit（编辑）模式中新的选取工具, 您就可以灵活地控制正在编辑的图像。您还可以使用滤镜来处理被选取的图像。 6、动画融合功能 现在, 您可以将两个动画融合为一个新的动画, 创造出独特的效果。 7、动态标题文本效果 GIF Animator 能产生非常漂亮的标题文本, 您可以让标题文本在动画中滚动, 显示一条消息, 或是简单地改变颜色。 8、新增的 Video FX。 两个新的 Video FX 组件可以产生极佳的动画效果：Run & Stop Push 效果在动画中插入一个图像由模糊, 抖动变得清晰, 稳定的片断；而 Power Off 效果则在动画中插入一段好似关闭电视一样的效果, Power Off 效果一般可在动画结束时使用。 9、改进的优化 新的计算方法使图像在压缩比很高的前提下仍能保证非常好的质量。并且, 您可以很方便地使用优化向导或以前保存的设置来优化保存图像文件。 10、预设置管理 这项特性可以很好地管理您以前在优化选项中保存的设置, 并且根据使用的频率对它们排序, 以便提高工作效率。 11、批处理功能 如果您要重新优化整个网站中所有的 GIF 动画文件, GIF Animator 就可以大显身手了。使用批处理, 您可以使用 GIF Animator 优化引擎运行每一个 GIF 动画文件, 几秒钟以后, 您就可以看到优化以后的效果。 12、改进的动画打包 新的设置让您在打包动画时有更多的自由。您可以超级链接这个动画, 用户化消息框的风格, 以及更多的设置。 13、用户预览 您可以指定某个浏览器来查看动画。 14、改进的重定义尺寸 新的选项让您在重定义动画尺寸可以指定动画的质量, 以便于更好地满足您的特殊要求。 三、Ulead GIF Animator, Version 4.0 的界面（图4）图4
UGA实例教程（2）导入3Ｄ文字动画
第二课 导入3Ｄ文字动画基本要求：3Ｄ文字动画与图的大小必须一致。不一致可以利用UA-5变化成一致大小。下图是在一张背景图中导入3Ｄ文字动画的方法。照此方法，我们也可以利用自己的头像导入一张闪光图变成闪光头像。 原图 变化图方法如下图此主题相关图片如下：
UGA实例教程（3）屏幕移动效果
文字教程：1.新建一个文件 宽200 高140 2.添加图像 3.添加桢并把眼睛点上，稍稍移动一下图。4. 重复3步骤二次5. 选中第一桢，按住shift 键，在第四桢上点一下，（四桢全选中）右击----画面属性，廷迟时间改为306. 点第一桢，点“之间”按钮，如图设置7. 点第七桢，开始桢改为7 结束桢改为88. 点第十三桢，开始桢改为13 结束桢改为149. 第一至第十九桢全部选中，右击选择“相同的桢”，再次右击，选“反向桢顺序”。点中“选定桢相反顺序”---确定10. 预览-----另存为
UGA实例教程（4）花开花落
文字教程：1. 导入一张图，点“添加文本条”位置在“之间”后面一个“Ｔ”2. 在出现的对话框中选“文本”输入汉字并选定自己喜欢的字体、颜色、大小3. 选“效果” 进入场景选择垂直合并，画面桢设为10 退出场景选放大 画面桢高为15 4. 选“画面桢控制” 延迟时间设为10 在“分配到画面桢”前打上勾5 点确定----创建为文本条6. 另存为 可以试试其他文字效果，自由发挥。
UGA实例教程（6）跳跃字
1. 打开一张图2. 点击文本工具“Ｔ”（左边第一排第二个）并在图上按一下，出现“文本条目框”3. 选择汉字输入法------选择汉字字体、大小、颜色，输入第一个字：“你”------确定。可以看到多出了一层，这一层就叫“你”。把字拖到合适的位置。4. 再在图上按一下，“文本条目框”，再次按第三步操作一次，这次输入第二个字：“好”5. 再在图上按一下，“文本条目框”，再次按第三步操作一次，这次输入第三个字：“吗”6. 把三个字排列整齐，可以看到现在有四层，分别叫做：图、你、好、吗 7. 按“添加桢”三次，添加后是空白的，把四个层都点上眼睛。这样有四个看上去一模一样的桢。8. 选择第二桢，在“你”这一层上点一下，层变成蓝色，把“你”字垂直往上移动一点。（别移得太大）9. 再选择第三桢，在“好”这一层上点一下，层变成蓝色，把“好”字垂直往上移动一点。10. 再选择第四桢，在“吗”这一层上点一下，层变成蓝色，把“吗”字垂直往上移动一点。
UGA实例教程（8）十字架效果
1. 打开一张图，按添加桢再添加5桢 2. 选中第一桢、编辑-----复制----选中第二桢----粘贴----选第三桢----粘贴.......直到第六桢----粘贴 3. 选中第一桢，选择画笔工具：找一个颜色，大小为2 直线 4. 依次选中各桢，分别画十字，位置从左上角直至右下角。 5. 把时间延迟设置为20 此主题相关图片如下：