推荐阅读
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){
最新发布
UGA实例教程（9）下雨效果
1. 打开一张图，按添加桢再添加3桢2. 选中第一桢、编辑-----复制----选中第二桢----粘贴----选第三桢----粘贴.......直到第四桢----粘贴3. 选择画笔工具按图示选择4. 从第一桢开始到最后一桢画长短、位置不一的直线。5. 把时间延迟设置为10
UGA实例教程（10）飘雪效果
1. 打开一张图，添加文本条。 2. 在文本输入“*”若干个，并把*号拖到最顶部。 3. 按图设置：注意红笔圈出的部分。 4. 确定，创建为文本条。 5. 存盘
UGA实例教程（11）眨眼效果
1. 打开一张图。 2. 点添加桢，复制第一桢并粘贴到第二桢。（一定要添加桢，不然图会乱跳） 3. 选择颜色选取工具，在上眼皮附近点一下选中皮肤色。 4. 用画笔工具把第二桢的眼睛涂成一条线状。（此时最好把图放大，一定要细心，重点就在这里）如图 5. 把第一桢设为30秒 第二桢高为5秒----眼睛就可以眨起来了。 6. 当然为了美观还可以多添加几桢，但一定要添加桢，再复制第一桢或者复制第二桢。如图：1，3，5桢相同 2，4，6桢相同 其他需要注意的是：最好采用漫画效果的头像图制作，彩色照片因为色彩过于丰富，做出来效果可能不太好。
UGA实例教程（12）闪动字体
1. 新建一个文件：宽200 高80 背景完全透明 2. 采用文本工具Ｔ输入“音画天地”四个字，字体任选，大小为50 颜色采用两种颜色。我采用了大红与大绿。 3. 选择视频-----Darkroom-----HUE Saturation 4. 背景采用白色----应用这个效果20桢。如图设置。 5. 去除各桢白色背景----最关键的部位 先选择第二桢，再在左边第二桢所对应的层上点一下，使之成为蓝色。采用魔术棒，在白色背景上点一下，使之成为如图效果（表示选中白色，而不是选中字的颜色），按Delete键删除。只能一桢一桢删除，细心点没有办法。有好办法你告诉我哦。 6. 各桢设置为10 到此基本上UA5 的基本方法偶教完了，以后就看各位自由发挥了，可以用来做头像、做签名、做LOGO等等........要不，学好了大家来个比赛，看谁的创意好如何？
UGA实例教程（13）关于LOGO 的制作
. . 关于LOGO 的制作 最简单的ＬＯＧＯ 1. 打开一张图，设置为宽88 高31 2. 在上面输入文字，采用前面讲过的 UA5 的文字方法：渐入、渐出、跳跃字、闪动字、垂直合并、水平合并等等方法。 3. 加上图形变化，比如：翻页、扩张等等方法。 4. 另存为 对于字体最好采用端正一点的字体。以便清楚看到。 想要变化一些的LOGO 可以在上面的基本上再采用UA5 的线条划过效果等。 还可以导入一些小图：小星、圆圈、方点、小树叶并在各桢移动～ LOGO 模板提供：
用U5制做动态图
有好几个朋友问我首页"博主"的图片是怎么做的?可我一直没经验写这个,先声明我不是保守哈!前几天蓝天给我讲了怎样做截图我才想到了做这个东东的.写教程我这还是第一次,写的不好,还望朋友们没怪哦. 先看效果图： 首先准备３张图片备用：
用Flash动画特效制作：文字炸开
最终效果：查看效果 第二步：按一下 Ctrl+F8, 新建一个元件，名称为 po, 行为为图像，点击确实。 第三步：在元件里用文本用工具输入个“炸”字（字体根据自己喜欢而定），字体大小为： 96 ，颜色为蓝色。按下 Ctrl+B 将其打散。然后回到场景里。 第四步：按一下 Ctrl+F8 ，新建一个影片剪辑，名称为 point1, 行为影片剪辑，点击确实。用矩形工具画一个白色正方形，宽、高为设为 5 ，将其放在中心点上。返加场景里。 第五步：再按一下 Ctrl+F8 ，新建一个影片剪辑，名称为 point, 行为影片剪辑，点击确实。按一下 F11 打开库，将 point1 影片拖到中心点，右键点击影片 point1 ，弹出菜单，选择“动作” 第六步：在弹出的动作栏里输入以下代码（如图）：然后返加场景。
Flash 网站制作剖析
经过一段时间的Flash学习之后，很多朋友开始对那些全Flash网站的制作发生兴趣。全Flash网站基本以图形和动画为主，所以比较适合做那些文字内容不太多，以平面、动画效果为主的应用。如：企业品牌推广、特定网上广告、网络游戏、个性网站等。 制作全Flash网站和制作html网站类似，事先应先在纸上画出结构关系图，包括：网站的主题、要用什么样的元素、哪些元素需要重复使用、元素之间的联系、元素如何运动、用什么风格的音乐、整个网站可以分成几个逻辑块、各个逻辑块间的联系如何、以及你是否打算用Flash建构全站或是只用其做网站的前期部分等等，都应在考虑范围之内。 实现全Flash网站效果多种多样，但基本原理是相同的：将主场景作为一个"舞台"，这个舞台提供标准的长宽比例和整个的版面结构，“演员”就是网站子栏目的具体内容，根据子栏目的内容结构可能会再派生出更多的子栏目。主场景作为"舞台"基础，基本保持自身的内容不变，其它"演员"身份的的子类、次子类内容根据需要被导入到主场景内。 从技术方面讲，如果你已经掌握了不少单个Flash作品的制作方法，再多了解一些swf文件之间的调用方法，制作全Flash网站并不会太复杂。 参考流程：网站结构规划—> Flash场景规划—>素材准备—>分别制作—>整体整合。 一、全Flash网站和单个Flash作品制作的区别 1、文件结构不同 单个Flash作品的场景、动画过程及内容都在一个文件内，而全 Flash网站的文件由若干个文件构成，并且可以随发展的需要继续扩展。全Flash网站的文件动画分别在各自的对应文件内。通过Action的导入和跳转控制实现动画效果，由于同时可以加载多个SWF文件，它们将重叠在一起显示在屏幕上。
Flash cs5绘制人物高级行走教程
这是一个传统的行走动画，每一帧都完全由手绘来完成．说它是＂高级＂是它并不仅仅依赖于绘制，还有视觉的节律和时机．１. 从前面那只接触地面的脚开始画，可画一根参照线以帮助对齐．２. 现在画中间的动作，一条腿直立在中间，打开洋葱皮工具，以使这个幅画与前面的对齐３. 使用洋葱皮工具参照前面的关键帧，继续画主要的姿势．４. 现在画中间姿势，你将添加更多的关键帧和姿势，使动作更流畅更慢．你可以用不同的帧频和关键帧数量作测试．