推荐阅读
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){
最新发布
3ds max 9.0界面及安装
最近好像软件也赶这个贺岁的潮流，各大软件公司都争相发布自己的最新产品，在12月的CG上赠送了著名的3D设计软件3DS MAX 9的试用版本， 来体验一下吧： 首先安装： (点击放大) 启动安装界面 软件的一些信息 (点击放大)
最强悍的max3ds max 9测试报告
这次max9多了hidden line显示模式 ，类似xsi。视口显示速度增加，画面比较干净了，估计以后视口多半用这种方式显示了。 点击图片放大 视窗中 显示更多模型的资料，类似maya,难怪这么多人喜欢max，因为max是最值得改进和学习别人长处的3d软件，不是贬低啊。 点击图片放大 新增的Havok3 是针对钢体碰撞做加强n，在模型复杂 数量庞大的情况下 计算的速度 快了2~3倍！ 点击图片放大 视窗的贴图显示，现在可以即时更新解析度，解析度低的时候，内存会被清出来，效能会变好。
3ds max 9初体验
3dsmax9安装最低配置： 1，软件 由于3dsmax9支持32位和64位，软件方面要求如下两种32位操作系统 -：Microsoft® Windows® XP Professional (Service Pack 2 或者更高版本) -：Microsoft® Windows® 2000 Professional (Service Pack 4) 或者64位操作系统： Microsoft® Windows® XP Professional x64 网络浏览器： Microsoft® Internet Explorer 6 或者更高版本 附加软件： DirectX® 9.0c (必须的), OpenGL® (可选的)
3ds max 9英文版下载(32／64位系统)
安装3dsmax9前电脑中必须已安装有下面两个软件（如果安装的是精简版在安装选项中不要选择安装帮助及贴图建筑材质等附件选项，如果要安装64位版的max9最好电脑的硬件及操作系统都是64位）： Microsoft .NET Framework 2.0（其实目前还我没有装framework）: http://down.ddvip.com/view/11510467643441.html DirectX Redist 多国语言版 9.0c: http://down.ddvip.com/view/1150085733616.html 3dsmax9（148mb）32／64位系统英文版下载 电驴下载 http://lib.verycd.com/2006/10/12/0000123640.html 3dsmax8英文版下载（100mb） http://sdid.cn/bencandy.php?fid=43&id=1508 3dmax_sp补丁_英文： sp1:
Flash MX 2004新特性实例学习三
实例四、Device Font MaSKINg 一、涉及特性 本实例主要涉及遮照效果的制作和Scroll Pane组件的利用，都是一些有趣的特性，跟之前在Flash MX中的制作思路有比较大的不同。初初一看，文本内容都在图库当中，但让人迷惑的是在场景中会显示文本的内容。这就涉及到Scroll Pane组件的属性了。 二、制作过程 1、按“Ctrl + F8”新建一个Clip，命名为“textClip”，类型为Movie Clip，选取“EXPort for Action Script”（这个就是文本内容不在场景中，但可以显示在场景中的秘密了），在Identifier中输入“textClip”。在此Clip的场景中用文本工具输入比较多的文本，以便在最后结果中可以明显地看到效果。 2、按“Ctrl + F8”新建一个Clip，命名为“Frame”，类型为Movie Clip，用矩形工具绘制一个正方形边框。 3、按“Ctrl + F8”新建一个Clip，命名为“mask”，类型为Movie Clip，用矩形工具绘制一个与第二步中的大小差不多的正方形边框，并用填充工具填充为黑色。 4、按“Ctrl + F8”新建一个Clip，命名为“maskClip”，类型为Movie Clip，选取“Export for Action Script”，在Identifier中输入“maskClip”。 5、在maskClip中，在Time Line中新建一个层，命名为“mask”，将图库中的Frame 拖到此层中，在属性面板上命名为“box”。在“mask”层上面再建一个层，命名为“frame”，将图库中的mask拖到此层，在属性面板上命名为“frame”。在“frame”层上面再建一个层，命名为“actions”，在它的action面板上添加下面的语句：textClip.setMask(box); // 注释1this.onEnterFrame = function () { // 注释2 box._x = _root._xmouse - this._parent._x; // 注释3 box._y = _root._ymouse - this._parent._y; frame._x = _root._xmouse - this._parent._x; frame._y = _root._ymouse - this._parent._y; } 注释1：将在场景中的box Clip设置为textClip的遮照。从这里也可以看出，现在可以直接在Action Script中创建遮照了。 注释2：设置函数，当进入此Movie Clip帧的时候，触发此函数。 注释3：设置遮照用的box的位置跟随鼠标移动，frame的位置也跟随移动。 6、回到主场景中，将两个Radio Button组件拖到场景中，将其中一个设置参数如下：命名为“rComponents”，data的值为“component”，“Group Name”为radioGroup，“label”为Masking with Components。将另一个设置如下：命名为“rGraphics”，data的值为“graphic”，“Group Name”为radioGroup，“label”为Masking with Graphics。 7、将一个Scroll Pane组件拖到场景中，将其参数设置如下：命名为“spMasking”，contentPath为“textClip”，hLineScrollSize为5，hPageScrollSize为20，hScrollPolicy为auto。ScrollDarg为false，vLineScrollSize为5，vPageScrollSize为20，vScrollPolicy为auto。 8、在Time Line中新建一个层，命名为“action”，在它的Action面板上增加下面的语句：/* Copyright 2003 Macromedia, Inc. All rights reserved.The following is Sample Code and is subject to all restrictions on sUCh code as contained in the End User License Agreement accompanying this product.*/function switchExample (evt) { //注释1 var choice = evt.target.selectedRadio.data; //注释2 if (choice == "component") { //注释3 spMasking.contentPath = "textClip"; //注释4 spMasking.hScrollPolicy = "on"; //注释5 spMasking.vScrollPolicy = "on"; } else if (choice == "graphic") { //注释6 spMasking.contentPath = "maskClip"; //注释7 spMasking.hScrollPolicy = "off"; spMasking.vScrollPolicy = "off"; }}radioGroup.addEventListener("click", switchExample); //注释8rComponents.selected = true; //注释9 来解释一下上面的代码： 注释1： 定义一个函数，参数为evt。 注释2： 定义一个变量，它的值是场景中的所选择的radio的值。 注释3： 如果选取的radio的值是component，则执行下面的语句。 注释4： 将场景中的Scroll Pane的contentPath设置为“textClip”，textClip是在图库中的，这个是Scroll Pane的特性。 注释5：设置Scroll Pane的滚动条为显示。 注释6：如果选取的radio的值是graphic，则执行下面的语句。 注释7：将场景中的Scroll Pane的contentPath设置为“maskClip”，maskClip是在图库中的一个遮照效果。 注释8：为场景中的两个Radio添加监听函数，当点击的时候触发。 注释9：默认选择的Radio为rComponents。 三、实际用途 本实例的用途广泛，可以直接在Scroll Pane中放置Clip，Graphic，swf文件等等，用Action Script控制起来也比较方便。所以可以制作文本框，图片框，也可以做Flash movie的播放框，而且是带滚动条的喔。
Flash MX 2004新特性实例学习四
实例五、News Reader 一、涉及特性 本实例主要涉及数据绑定和组件的编程。数据绑定是在Flash MX 2004中才有的新功能，据称不用编程，只需设置几个组件的属性，就可以实现与服务器端的数据交互功能，也算是一大突破了。另外，由于在实例中没有提供相应的xml文件，所有字段都要手工输入，所以本实例的制作过程显得有些繁琐，请在制作过程中仔细检查每一个字段。 二、制作过程 1、从组件面板中拖一个List组件到场景中，命名为“articles”，设置“multipleSelection”为false，“rowHight”为20。 2、从组件面板中拖一个TextArea组件到场景中，命名为“title”，各种参数设置不变。 3、从组件面板中拖一个Label组件到场景中，命名为“author”，设置“text”为空。 4、从组件面板中拖两个TextArea组件到场景中，分别命名为“desc”和“link”，都设置“text”为空。 5、从组件面板中拖一个XMLConnector组件到场景中，命名为“feed”，设置参数如下：“URL”为“http://www.macromedia.com/go/devnet_rss”，“direction”为receive。 6、用文本工具在场景中输入几处文字，此时的效果如图1所示。 7、选取“feed”组件，选取“Component Inspector”中的Schema面板，在results字段下面增加如下的子字段：field name为RDF，data type为object，storage type为complex。 8、在RDF字段下面增加如下的子字段：A、field name为xmlns，data type为string，storage type为attribute；B、field name为dc，data type为string，storage type为attribute；C、field name为rdf，data type为string，storage type为attribute；D、fieldname为channel，data type为object，storage type为Complex；E、field name为item，data type为Array，storage type为array。 9、在Channel字段下面增加如下的子字段：A、field name为about，data type为string，storage type为attribute；B、field name为title，data type为string，storage type为simple；C、field name为link，data type为string，storage type为simple；D、field name为description，data type为string，storage type为simple；E、field name为date，data type为string，storage type为simple；F、field name为language，data type为string，storage type为simple；G、field name为items，data type为object，storage type为complex。 10、在Channel字段的items子字段下面增加子字段：field name为seq，data type为object，storage type为complex；在seq字段下面增加子字段：field name为li，data type为Array，storage type为array；在li字段下面增加子字段：field name为[n]，data type为int，storage type为simple；在[n]字段下面增加子字段：field name为resource，data type为string，storage type为attribute。 11、回到RDF字段下面，在item字段下面增加如下子字段：field name为[n]，data type为object，storage type为complex；在[n]字段下面增加如下的子字段：A、field name为about，data type为string，storage type为attribute；B、field name为title，data type为string，storage type为simple；C、field name为link，data type为string，storage type为simple；D、field name为description，data type为string，storage type为simple；E、field name为creator，data type为string，storage type为simple；F、field name为subject，data type为string，storage type为simple；G、field name为date，data type为string，storage type为simple；H、field name为type，data type为string，storage type为simple。此时的Schema面板如图2所示。 12、选取“feed”组件，选取“Component Inspector”中的Bindings面板，点击“Add Bindings”按钮，添加一个“results.RDF.item”字段，点击“Bound to”按钮，在弹出的对话框中选取“List”，设置“formatter”为“Rearrange Field”，设置“formatter option”为“label='< creator>: < title>'”。 13、同样在“feed”的Bingdings面板，点击“Add Bindings”按钮，添加一个“results.RDF.item.[n].title”字段，点击“Bound to”按钮，在弹出的对话框中选取“Text Area< title>”，设置“Index of item”为articles : selected Index。 14、点击“Add Bindings”按钮，添加一个“results.RDF.item.[n].link”字段，点击“Bound to”按钮，在弹出的对话框中选取“Text Area< link>”，设置“Index of item”为articles : selected Index。 15、点击“Add Bindings”按钮，添加一个“results.RDF.item.[n].creator”字段，点击“Bound to”按钮，在弹出的对话框中选取“Text< author>”，设置“Index of item”为articles : selected Index。 16、点击“Add Bindings”按钮，添加一个“results.RDF.item.[n].description”字段，点击“Bound to”按钮，在弹出的对话框中选取“Text Area< desc>”，设置“Index of item”为articles : selected Index。此时的Bindings面板如图3所示。 17、在Time Line中增加一层，命名为Action，在此层的Action面板上增加下面的语句：/* Copyright 2003 Macromedia, Inc. All rights reserved.The following is Sample Code and is subject to all restrictions on sUCh code as contained in the End User License Agreement accompanying this product.*/function bindingExecuted() {articles.selectedIndex = 0;articles.refreshDestinations();}articles.addEventListener("bindingExecuted", this);feed.trigger(); 上面这些语句是为articles组件增加侦听鼠标动作的语句，让feed开始通讯。 三、实际用途 本实例主要涉及的是数据绑定功能，用途相当广泛，主要用来与服务器端的数据交互。以前相对繁琐的编程实现，现在只要设定几个组件的属性即可实现相应的功能。注意本实例中只涉及在Flash端的实现，没有涉及在服务器端的实现。 另外，7－11步可以通过导入一个xml文件来实现，但系统提供的帮助文件中没有相应的xml文件，只能手工输入，因此显得有点复杂。
Flash MX 2004新特性实例学习五
实例六、Scriptable Masks Part 2 一、涉及特性 这里主要涉及的是MovieClip.setMask()的应用和Window组件的应用，都是在Flash MX 2004中才出现的新特性。在实例的制作过程中，要先准备三个差不多大小的图片，而且在制作中，要创建很多的Movie Clip，如果不想全部制作的话，可以用打开图库的方式打开源文件，直接用相应的Clip就是了。 二、制作过程 1、先准备好三个差不多大小的图片，按Ctrl + F8新建一个Movie Clip，命名为“Angel”，按Ctrl + R，在此Clip的场景中导入一个图片。 2、按Ctrl + F8新建一个Movie Clip，命名为“City Scape”，按Ctrl + R，在此Clip的场景中导入一个图片。 3、按Ctrl + F8新建一个Movie Clip，命名为“Garden”，按Ctrl + R，在此Clip的场景中导入一个图片。 4、在TimeLine中新建一个图层，命名为“Angel”，将图库中的Angel Clip放在此层中，将其命名为angel。 5、在TimeLine中新建一个图层，命名为“Garden”，将图库中的Garden Clip放在此层，将其命名为garden。 6、在TimeLine中新建一个图层，命名为“Cityscape”，将图库中的City Scape Clip放在此层，将其命名为city。 7、接下来制作遮照的Mask层，也有三个效果。按Ctrl + F8，新建一个Graphic，命名为“Triangle”。在该Graphic的场景中用矩形工具和线条工具绘制一个倒三角形。按Ctrl + F8，新建一个Movie Clip，命名为“One Spiral”。在该Clip的场景中用矩形工具绘制一个矩形，将图库中的Triangle拖四次到场景中，如图1所示排列。
Flash MX 2004新特性实例学习七
实例八、Trace Bitmap Panel 一、涉及特性 本实例不太复杂，主要涉及组件的应用、对组件的编程和对JavaScript的应用，都是Flash MX 2004中的新特性。 二、制作过程 1、从组件栏中拖四个Numeric Stepper到场景中，分别设置属性如下：A、命名为start_stp，设置Maximum为10000，设置Minimum为1，step为1，value为100；B、命名为end_stp，设置Maximum为10000，设置Minimum为0，step为1，value为100；C、命名为color_stp，设置Maximum为100，设置Minimum为0，step为1，value为100；D、命名为area_stp，设置Maximum为500，设置Minimum为0，step为1，value为10。 2、从组件栏中拖两个Combo Box到场景中，分别设置属性如下：A、命名为curve_cb，设置labels为“[normal, very tight, pixels, smooth, very smooth]”，设置rowCount为5；B、命名为corner_cb，设置labels为“[normal, many corners, few corners]”，设置rowCount为5。 3、从组件栏中拖一个Button到场景中，命名为submit_BTn，设置Labels为Submit。然后排列所有组件如图1所示。
Flash 与 Asp结合使用实例之二 聊天室的实现
下载本教程源文件请点击这里 前面几篇教程我们介绍了Flash与Asp结合使用的原理以及一个论坛的实现，下面我们继续结合Flash与Asp来实现一个简单的聊天室，有在线聊天、在线人员名单、在线时间等功能。在这篇教程的最后，还比较详细地介绍了Flash与Asp结合使用的平台环境和常用的调试手段。 一、原理 主要的流程是先在Flash端发送一个请求到服务器端，然后等待从服务器端的返回值，当值返回Flash端后，根据相应的值做相应的操作。在Flash部分，跟前面的教程一样，用到的主要都是loadVariables()函数和循环等待的技巧。在Asp部分，主要用到了global.asa文件和application()属性，先定义几个application对象，然后将要保持的内容放在application对象中，要用的时候，直接从application对象中取就是了。 二、登陆 登陆部分的基本原理是：在Flash端输入用户名和密码，通过Asp查询数据库，如果用户名和密码正确，就跳转到聊天主界面，否则就跳转到登陆失败界面。 A、asp部分 1、 新建一个空白文件，命名为global.asa，内容如下：<script language="vbscript" runat="server">sub application_onstartapplication("VisitorNum")=0application("VisitorName")=""application("AllCanSee")="<br>"end sub</script> 注释：上面是一个global文件，定义了几个application对象，sub application_onstart的意思是在启动服务的时候触发，初始化这些对象。Application对象可以在几个网页之间保持内容，application("VisitorNum")中的是当前在线人数，application("VisitorName")中的是当前在线人员名单，application("AllCanSee")中的是当前的聊天内容。
Flash MX 2004精彩特效(1)
Flash MX 2004精彩特效之Flash MX 2004精彩特效 有时候需要将一些相同的东西以网格的形式排列在场景当中。拿一个苹果做例子吧，假如你在做小学算术课件的时候，你需要给学生出示九个苹果，排成三排。在以前的版本里，你只能画好一个苹果，然后按N次“Ctrl+C”和“Ctrl+V”，还要调整好位置。调整位置是个十分麻烦的过程，而用到时间轴的这种辅助功能，你可在几秒钟之内就搞定你要做很多次的效果。 1. 首先准备好一个苹果（如图1）所示。至于画法，不在本文的讨论范围，其实笔者也是一个Developer，只是画画还不是很“菜”。