推荐阅读

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){
最新发布

水汪汪的大眼睛(简单!)
原创:水汪汪的大眼睛(简单!)效果: 步骤:第二步中选眼睛白色的地方。不要选上黑色,只选白色部分。大家第5步问题较多。下面解释一下:转到IR后,什么也先不要动,找到动画面板,点击两次复制帧,现在动画面板共有三个图,选中间的图(即第2帧),按方向下键,然后再选第三个图(第三帧),再按方向右键。如图,这是第二帧的例子保存的时候,选“将优化结果存储为GIF”这样出来的就是动态的了。

GIF合成图中力感的表现方法
GIF合成图中力感的表现方法 此教程适用于已基本掌握GIF合成图制作的朋友参考使用合成图中经常会有人物使出炫目华丽或是力量道惊人的招式或是超杀,怎样能把人物招式中的力量感觉很好地表现出来,就是这篇文章要研究的,因为GIF没有声音,所以怎样在画面中把力量的感觉表现出来,就全靠制作者对人物动作的如何安排,安排得好了,即使没有声音,也能把力量的感觉表现得很真实,其实当今GIF的力感表现方法源于街机,就是用人物的晃动和时间的停顿来表现,但是GIF是在IE中观看,IE支持的最快速度就是6,其实街机中用于表现力感的实际帧数远远大于GIF制作中的帧数,大家可以用kawaks模拟器载入游戏,然后用人物使出一招力道很强的招式,再按回车暂停,然后按shift加空格逐帧递进,来观察在街机上表现力感所使用的帧数,而我们要做的就是如何利用有限的帧数,在速度和视觉上最大程度接近实际效果! 一. 力量的程度之分我在作图中把力量分为三个层次,分别是: 重度力量飞行道具类表现见图四:kof2001依格尼斯超杀二. 力量的方向之分清楚了力量的程度之分后还得知道力量有方向之分,其实只要把方向简单地理解为对空和对地就可以了。对空的力量没什么好说,力感表现方法同上,而对地的力感表现就要好好考虑一下了。对地的力量又可以分为垂直地面的力量和平行地面的力量,比如攻击者跳跃进行攻击或是使用的超杀是从上方向下方或是斜下方攻击,这种力量的方向就是垂直地面的力量,人物震动的幅度大致和重度力量相同,如果图中有背景物体,而作者又想表现极强的震动感,那就把背景和人物一起做位移,方法为重度力量中的飞行道具类超杀表现方法。垂直力量表现方法见图五:阿斯拉超杀 我之所以要把力量的方向分别说明就是想认大家更清楚地明白这些细节,从而对以后的做合成图有更大的帮助。对于合成图和力感掌握不太入门的朋友,教你们一个方法:把合成图高手的作品和你觉得做的不错的作品收藏,并用工具打开那些作品,仔细研究它们每一帧的动作和位移安排,会对你的进步有很大的帮助! 这篇教程就到这里,我所阐述的都是个人观点,难免有所偏差和错误,欢迎大家发表看法,共同进步,也希望更多的喜欢GIF合成图的朋友加入我们的行列!随时欢迎你!谢谢!

关于动态图片更换背景教程
动态图片更换背景 虽然不难 但不少新手因为不明白图层层次的原理 总是提问 所以于海建制作的这个教程,新手一定要看一下! 如果是纯色的有背景图片 可以使用魔术棒选中背景并删除!不同的背景效果:动态教程;

Flash CS3:InteractiveObject的doubleClick事件
我们知道doubleClick事件是在as3中新增加的事件,我们经常需要使用到这个事件,在as2我时代需要自己写函数判断双击,在as3中就可以直接使用这个事件了,但是在使用这个事件的时候有个细节要主要,首先事件是InteractiveObject所属的,因此从InteractiveObject继承下来的对象才能使用该属性,另外一个是要首先设置doubleClickEnabled属性为true,最后这个事件是使用内部的元件接收的(the instance receives doubleClick events within its bounds),所以如果你要侦听的doubleClick事件的元件内部有从InteractiveObject继承的元件,要么设置这些元件的 mouseEnabled为false,要么使用内部原来来侦听doubleClick事件.1.内部元件不是从InteractiveObject继承下来,可以直接使用元件接收事件//----------------------------------------------var a:Sprite = new Sprite();addChild(a);var b = new Shape();a.addChild(b);b.graphics.beginFill(0x0);b.graphics.drawRect(0,0,100,100);b.graphics.endFill();a.doubleClickEnabled = true;//使用a接收a.addEventListener("doubleClick",dc);function dc(e){trace("dc");}2.内部元件有多个从InteractiveObject继承下来,可以使用最上面的元件来接收,或者设置其他元件不接收鼠标事件//----------------------------------------------var a:Sprite = new Sprite();addChild(a);

flash cs3打造跟随鼠标的弹性球运动小游戏
用Flash CS3的AS制作跟随鼠标弹性小游戏,主要是练习AS的使用。 先看演示: 源文件下载: 弹性小球运动.rar修改文档属性。 首先建立4个小的电影剪辑元件,分别设置如下:

flash cs3中关于访问父级parents变量的实例
为了说明访问父级变量的问题,做了下面的实例:先来看看对象的层级关系。在舞台上有一个对象father-|-mytext |-varfather |-ason-|-abutton我们现在要做的工作是:单击按钮abutton输出变量varfather的值和mytext中的文本================================================================开工:第一步:在库中建立一个MC命名为son,为其添加一个按钮,并命名为abutton。第二步:为son这个MC建立关联的代码:son.aspackage{import flash.display.MovieClip;import flash.events.*;public class son extends MovieClip{ //public var abutton:Button //备注1 public function son(){ abutton.addEventListener(MouseEvent.CLICK,onclick)//备注2 } private function onclick(evt:MouseEvent){ var AAA:Object =this.parent; //备注3 trace("变量varfather的值是"+AAA.varfather); trace("文本框mytext中的值是"+AAA.mytext.text); } }}第三步:库中建立一个MC叫做father,添加一个动态文本框mytext第四步:为father添加代码:father.aspackage{import flash.display.MovieClip;import flash.text.TextField;import son;public class father extends MovieClip{ public var varfather:Number=new Number; public function father(){ varfather=123; var ason:son=new son(); this.addChild(ason); //备注4 } }}第五步:拖放一个father的实例到舞台上,测试。单击按钮看到输出:备注==========================================备注1://public var abutton:Button 原本在flash9中是需要这句的,flash cs3中不要了备注2:为按钮添加单击事件处理函数备注3:建立一个空对象用来代表当前对象的父对象,如果直接写trace(this.parent.varfather)会出错的备注4:新建立一个son的实例ason并把它作为当前对象的子对象