推荐阅读
23个Facebook Paper中的设计细节分析
Cocoachina：Facebook的 Paper 自前几日上架App Store后就成为开发者设计师们热议话题，在App Store里也获得了很高的用户好评率，当然也有不喜欢这款应用的用户，包括那些讨厌Facebook的用户和被众多手势操作迷惑的用户。不过在我看来，Paper中一些细节设计和交互设计还是给人带来很大的惊喜，以下是我认为值得与其他设计师分享的设计细节。（温馨提示：动态gif 图稍大，等一下就可以流畅看咯）Facebook（脸谱）推出的移动新闻阅读应用Paper在发布后的短短一周，其下载量在苹果应用商店迅速攀升，并获得了包括《连线》在内的多家美国科技媒体的好评。Paper是在美国当地时间2月3日，即社交网络巨头Facebook成立十周年之际，正式发布的。Facebook创始人马克·扎克伯格（Mark Zuckerberg）曾表示，自己梦想着有一天Facebook能了解足够多的用户情况和生活习惯，以便推送用户乐意看到的精准信息，扎克伯格将此称为“全球最好的私人定制报纸”。值得注意的是，目前只有美国区的苹果商店上架了该应用，可以免费下载，但不提供iPad版本，Android平台何时上线未知。内容做成了一张张卡片早在1月底，Facebook就宣布将在其成立10周年之际推出新产品，市场也早已风传Facebook要推新闻阅读应用，但没有想到其界面和设计是如此令人赞不绝口。《连线》杂志称其为目前看来是最好的Facebook。科技博客The Verge则评价称，是最好的Facebook应用。说到细节，就不能不提Dribbble，来看看上面有哪些逆天的icon，还有哪些大牛级别的设计师吧。涨姿势时间：来了解下Facebook Paper 的设计主管：Mike Matas。
PS滤镜打造炫光星球
这篇教程教飞特的朋友们用PS滤镜打造炫光星球，教程制作难度一般。主要使用了云彩和扭曲两个滤镜，转发过来，希望飞特的朋友们喜欢这篇教程。先来看看最终的效果图吧： 教程用到的笔刷：星星笔刷、星云笔刷、碎片笔刷具体的制作步骤如下： 1、创建一个新图片，大小为940*700，背景填充黑色，新建一个图层，使用套索工具(羽化50px)绘制一个椭圆选区，然后执行“滤镜―渲染―云彩”，如图所示。 2、按下Ctrl+L打开色阶调整框，应用下图所示的设置。
人物摄影中的基本取景法 特写和大特写
特写一般表现人物肩部以上的头像或某些被摄对象细节的画面。在拍摄特写画面时，构图应力求饱满，对形象的处理宁大勿小，空间范围宁小勿空。通过特写，表现人物瞬间的表情，展现人物的内心世界。 大特写 女性的特写镜头应尽可能隐藏脸部的缺陷，不可影响其形象。对于特写中不能隐藏的缺陷或不足，还可以通过后期处理进行修饰。 有些人当成为了照片的主角后，一再表示“不喜欢被照出来”，这会使摄影师不知所措。若没有任何不愿被照出来的理由，此时只能理解为不满意相片中自身的形象。作为摄影师还得会鼓励模特，尽可能赞扬模特的优点，告诉其隐藏缺点的方法。 照片2-17室内照相馆中的高调人物照片 <照片2-17>是有意识地提高闪光灯的亮度后拍摄的照片。提高亮度，使背景的白色和人物的脸色相同，这样即去掉了皮肤上的细纹或缺点。为了表现回头的背影，人物安排在1/2的右侧。 对于<照片2-18>，在多个角度取景，以表现截然不同的视觉感。人物的特写(Close-up-shot)可以拍摄人的整个头部，也可以截取特定部位，这都有助于构成独特画面。 照片2-18
网页制作中FLASH代码的优化
1.js部分:function swf(src,w,h){html = '';html += '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="'+w+'" height="'+h+'" id="main">';html += '<param name="allowScriptAccess" value="sameDomain" />';html += '<param name="movie" value="'+src+'" />';html += '<param name="quality" value="high" />';html += '<param name="wmode" value="transparent" />';html += '<embed src="main.swf" quality="high" bgcolor="#cc6600" width="'+w+'" height="'+h+'" name="main" align="center" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';html += '<\/object>';document.write(html);}2.调用部分<SCRIPT>swf('http://www.poluoluo.com/benner.swf','1004','159')</SCRIPT>
最新发布
利用Key对象来实现响应键盘的操作
利用按钮检测按键动作很有效，但是并不利于检测持续按下的键，所以不适合于制作某些通过键盘控制的游戏。这时，您就需要用到Key对象。Key对象包含在动作面板的“对象”/“影片”目录下面，它由Flash内置的一系列方法、常量和函数构成。使用Key对象可以检测某个键是否被按下，如要检测左方向键是否被按下，可以使用如下ActionScript：if (Key.isDown(Key.LEFT)) { trace("The left arrow is down");} 函数Key.isDown返回一个布尔值，当该数中的参数对应的键被按下时返回true，否则返回false。常量Key.LEFT代表键盘上的左方向键。当左方向键被按下时，该函数返回true。Key对象中的常量代表了键盘上相应的键，下面列出了一些基本的常量：一些功能键的表示：Key.BACKSPACE Key.ENTER Key.PGDN Key.CAPSLOCK Key.ESCAPE Key.RIGHT Key.CONTROL Key.HOME Key.SHIFT Key.DELETEKEY Key.INSERT Key.SPACE Key.DOWN Key.LEFT Key.TAB Key.END Key.PGUP Key.UP 以上是键盘上的功能键，那么如何表示键盘上的字母键呢？Key对象提供了一个函数Key.getCode来实现这一功能，如下所示：if (Key.isDown(Key.getCode("x"))) { trace("X is pressed");} 上面脚本的意思就是，利用Key.getCode函数来告诉系统你是否按下了x键，如果按下了x键以后，函数Key.isDown则会返回true,在输出窗口就会输出X is pressed。最后给出实例源文件：下载
Fireworks MX制水晶立体五星
打开FWMX2004安装完毕后所在的文件夹，我们会找到一个名称为Samples的文件夹，其中有很多MM公司给我们的一些PNG格式的图片文件，打开名称为Shapes的文件，呵呵，是不是有几个漂亮的图形呈现在我们面前了？分别选中这些图形对象，我们就可以轻松的发现这些漂亮图形的制作奥秘了，好了，不愿意看，或者还没有安装FWMX2004的朋友们，请跟我来看看水晶效果的五星图案是如何制作的吧！先看看下面的效果图： 1、打开FWMX或者FWMX2004，选取工具箱的多边形绘制工具（FWMX中）或星形绘制工具（FWMX 2004中）在编辑区绘制一个五角星形，我们需要将五角星的Roundness进行调整，使其边缘看起来圆滑一些，在前面的教程里面我们已经熟悉了FWMX 2004中对于Shapes形状的各项具体调整方法，这里我们就不多讲了，如果在FWMX进行调整的话，就需要使用超级选择工具了，具体调整方法不再赘述。 2、五角星的填充颜色采用“#999999”的单色填充，描边色采用白色，宽度设置为11（此处描边宽度设置的稍微要宽些，对于随后效果的产生有很大的作用），边缘效果采用Soft Rounded，具体设置可以参看下图： 3、执行Effect效果的Shadow and Glow -->Inner Shadow效果命令，在弹出的设置框中进行设置，其中，Distance的数值一定要比描边线条的宽度要大，此处采用了12，Softness的数值大小和Distance的数值大小基本相同，颜色采用“#E0DFE3”，具体设置参看下图： 4、执行Effect效果的Shadow and Glow -->Inner Glow效果命令，在弹出的设置框中进行设置，其中颜色采用“#999999”，其他数值设定请参看下图：
Fireworks 2004 作远古兽皮卷轴
用FW做张远古兽皮卷轴本FW教程系原创，转载请注明出处，谢谢作者： 失忆的猪猪 MSN:lostidea#tom.com 转载请注明出处 lostidea's blog ！谢谢！ 本FW教程系原创，转载请注明出处，谢谢！ lostidea's blog效果图：1.新建一个500×400的画布2.做一个500×400 填充：#74350C无边框矩形3.给矩形添加效果Eye candy 4000LE－－>marble 设置如图3.给矩形添加杂点 如图4.此时的矩形已经有点兽皮的感觉了
用Flash MX巧妙快速制作沟通留言程序
前不久，用Flash制作了一个主页，为了能够很好地与浏览者沟通，想制作一个简单的留言程序，经过一番实践，发觉实现方法十分简单，现奉献出来与各位共享。 一、功能简介 留言系统是以E-mail表单形式出现的(图1)，在“主题”和“内容”中输入相应的内容，然后单击下方的“提交按钮”，可以自动启动系统默认的邮件发送工具，向预设E-mail信箱发送邮件。图1留言系统 二、制作过程 第一步：启动Flash MX，按Ctrl+J设定场景大小为：800×600；参照图1使用工具箱中的各种工具绘制绘图，输入文字；选择“窗口→公用库→按钮”打开系统自带的按钮库，将需要的按钮拖放到合适位置，并加上文字：“提交”。在这里你可以发挥自己的创意，设置美观大方的留言界面。 第二步：使用“工具箱”中的“文本工具”在“主题”和“内容”下面输入文本框；单击场景下方的“属性”按钮，设置文本框属性，其中“主题”下面的文本框的属性(如图2所示)，“内容”下面的文本框略有不同，只要将“线条类型”设置为“多行”，“变量”为“neirong”即可。图2属性设置 第三步：选中“提交”按钮，右击选择“动作”打开动作面板，然后切换到“专家模式”，在其中输入如下语句： on (press, keyPress "") {
Fireworks 2004 作波尔卡点边框
作者：失忆的猪猪 MSN:lostidea#tom.com转载请注明出处 lostidea's blog ！谢谢！ 效果如下选择一个图片，用FW打开在图片上面建立一个层，作一个和图片一样大小的矩形，用白色填充为这个举行添加效果Edges
实用技巧：给Flash课件加上一支注释笔
前不久用Flash MX帮同事制作了一个课件，在制作过程中，同事问我能否给课件加上一支注释笔，类似于Powerpoint演示文稿中的那种“笔”。这样在使用过程中，就可以根据实际教学情况进行标注，也充分体现了课件的交互性。经过一番研究，终于满足了同事的要求，现将制作方法介绍给各位同仁。 需解决的问题 1.当课件运行后，光标的外形应该根据实际进行变换。当光标移动到书写区域时，光标的外形应该发生变化(如：笔形)；当光标移到按钮或其他交互区域时，外形再次变化(如：手形)；移动到其他区域时，光标外形还会变化(如：箭头)。 2.当按下鼠标左键后，可以进行书写，松开后，可以再次进行书写，不会影响上次书写注释的内容。注释的内容不能被课件中的内容覆盖。 3.提供清除功能，可以随时清除注释的内容；加入“注释笔”功能后，不能影响课件的运行及交互；注释功能可任意移植到其他Flash课件中使用。 具*作步骤 1.打开Flash课件，按“Ctrl+F8”创建一个名为“光标外形”的影片对象，连续按F6键插入三个关键帧，然后在各帧中分别绘制光标不同状态时的形状(如图1)，这些外形的大小基本相同，在舞台中的位置也要基本相同。最后为第1帧加上“Stop()”语句。创建名为“清除”的按钮对象，然后制作按钮。创建名为“响应区”的影片对象，在里面绘制一个矩形，大小随意。创建名为“注释内容”的影片，不要加入任何内容。图1光标的不同形状 2.选择菜单“插入→图层”命令，在课件的所有层上方插入六个新层，从上至下分别取名为：Actions语句、光标外形、清除按钮、显示区域、注释内容、响应区。按“Ctrl+L”打开“库”，将影片“光标外形”拖放到“光标外形”层第1帧的舞台中，单击舞台下方的[属性]按钮，设置“实例名”为“waixing”。将“清除按钮”拖放到“清除按钮”层第1帧舞台的合适位置。将“注释内容”影片拖放到“注释内容”层的第1帧，设置其“实例名”为“zhushineirong”。图2覆盖相应区域
让FrontPage与Flash共舞
最近，我学会了用FrontPage 2000做网页，心里真是很高兴！看到现在Flash非常流行，于是就想把自己喜欢的几个Flash动画放到网页中去。谁知，做了半天，竟然没有找到相应的选项。难道在FrontPage里无法插入Flash么？经过一番耐心研究，这个小问题终于被我解决了，步骤如下： 1、运行FrontPage，将鼠标定位在网页的相应位置，单击“插入”菜单，再点“高级→ActiveX控件”选项（如图1）。 图1 2、在弹出的“插入ActiveX控件”窗口中显示了安装在电脑上的一部分ActiveX控件。点击“自定义”按钮，打开“自定义ActiveX控件列表”列表框，其中显示着电脑上所有安装的ActiveX控件。在这里查询并选中我们所需要的“Shockwave Flash Object”控件（如图2）。单击“确定”按钮，回到“插入ActiveX控件”列表框，你会发现控件“Shockwave Flash Object”已被添加到其中。 图2 3、选中它后单击“确定”按钮。这时网页中会出现一块白色矩形区域。用鼠标双击它，在弹出的“ActiveX控件属性”窗口中有三个选项卡（如图3），其中我们主要用到的是“Flash Properties”（Flash属性），下面介绍各项的含义。 图3 Movie URL：影片URL链接地址，填入要插入的Flash动画链接地址； Quality：播放品质，推荐选择“Best”（最优播放）； Scale：显示比例，推荐选择“ShowAll”（完全显示）； Play：是否播放，这个一定要选； Loop：是否循环播放，这个取决于Flash动画的内容，通常要选； Background Color：背景颜色，通常不必添加； 其余选项按默认设置即可。 当然，在FrontPage 2000中加入Flash动画是有缺点的，它不能像Dreamweaver一样自适应插入Flash动画的宽度、长度，需要用鼠标缩放尺寸或在“Object标记”选项中进行精确调整
用FrontPage 2000做样式表
Dreamweaver以其强大的功能正在扩张到更多"网虫"的硬盘里，然而Dreamweaver并非每个功能都那么出色。至少，在样式表（Css)设置方面就显得太专业，让这些英文不好的"虫虫"们大伤脑筋。经过N次下载、安装，到头来我才发现原来最好的早已在自己的手中，那就是被我封存很久的-- FrontPage2000。下面就让我带领大家一块来分享"傻瓜"化软件带来的快乐吧。 一、三种添加CSS的方式 在FrontPage 2000里可以通过三种方式给网页增加样式表。 1.页面链接一个外部的样式表文件，这种方法可以使多个页面使用同一个样式表文件，方便保持页面的主题。步骤：启动FrontPage 2000，然后依次点"文件"、"新建"、"网页"，打开FrontPage 2000的新建对话框，选择"样式表"选项。在这些样式表中有FrontPage 2000自带的很多样式表供你参考和修改。当然如果你对CSS熟悉的话，你也可以使用空白的样式表，自己重新创建一个。 2.通过在FrontPage 2000中创建一个样式表单，此时样式表就是网页的一部分，直接位于HTML文档的之间。这个实际上不算创建，只要把已经创建好的样式表直接复制下来，然后选择网页编辑器的"html"选项，然后粘贴到〈 HEAD 〉之间就可以了。 3.通过使用内含样式表元素，单独指定样式表。在FrontPage 2000编辑一个页面的时候，只要选中要发生变化的文字，然后点击右键，选择"网页属性"就可以随时随地进行可视化操作了。 二、内含式样式表的使用 下面就以修改美化一个搜索框为例，给大家介绍一下内含式样式表的使用。 现在就开始我们的美化之路。打开FrontPage 2000，然后调入这个页面。接下来就先对输入框进行处理。用鼠标左键选中那个最长的输入框，然后点击右键，选择"表单域属性"，出现文本框属性。 然后点击"样式"，接着选择"格式"中的"边框"按钮，出现边框与阴影对话框。 因为要保持表格的统一，我们在"设置"中选择"自定义"，然后选择"样式"中的"实线"。最重要的就是应用边框的设置。点击方框，四周出现的四个小按钮分别代表着文本输入框的四条边框。为了和文本输入框外面的表格统一，这里的宽度也选择为"1"，然后"确定"。 接着用鼠标左键选中搜索按钮，点鼠标右键，选择"超链接属性"就会出现窗口。 选择"样式"按钮，再选择"浏览"插入我们事先作好的搜索图片。 仍旧用鼠标左键选中那四个字，然后再点击右键，选择"超链接属性"，弹出Windows窗口。 选择"背景"选项，然后选中"启用超链接翻转效果"，然后点"翻转样式"弹出新的Windows窗口。 在这里我们可以一目了然地设置要实现的翻转效果。为了突出"搜索帮助"四个字，我们把字体设置成12pt,这样当鼠标放上去的时候，字体就会从9pt变成12pt,从而让用户看得更清楚。接下来我们还可以根据自己的爱好来设置喜欢的颜色以及其他样式。通过内含式样式表的使用，我们很轻松地美化了搜索框
Macromedia Flex 标记语言简介
Macromedia Flex(开发代号为Royale)是一个展现服务器，开发者可以用它来开发新一代的“复杂Internet应用”(RIAs - Rich Internet Applications)。复杂Internet应用融合了桌面应用的可用性和web应用的易于管理的优点。Flex是一个在J2EE应用服务器或servlet容器安装的展现服务器。它拥有丰富的用户界面组件、用于排布这些组件的基于XML的标记语言，以及可以处理用户交互的面向对象编程语言。这些技术的给我们带来的是：使用Flash播放器渲染复杂Internet应用，使用工业标准和开发者熟悉的方式进行开发。本文将专注于Flex语言的关键部分。为了运行本文中提到的代码，你可能需要加入Flex的Beta测试。Flex运行于象Macromedia JRun, IBM Websphere, BEA WebLogic, or Apache Tomcat 这样的J2EE应用服务器之上。Flex未来将支持Microsoft .NET服务器。Flex 语言简介由于标记语言和面向对象程序设计语言广泛应用，因此，基于这两项技术的Flex语言也将从中获益。标记语言是成功的，排布用户界面也相对容易。MXML，由Flex引入的、基于XML的标记语言，将延续其成功。和HTML很象，你可以用MXML来排布应用的用户界面。同为基于XML的标记语言，MXML比HTML有更强的结构，更少的语法歧义。比起HTML，MXML还引入了更丰富的标签集。如：DataGrid，Tree，TabNavigator，Accordion和Menu，这些都是标准标签集中的一部分。你还可以扩展MXML标签，创建自己的组件。此外，二者最大的区别是，MXML定义的用户界面是用Flash播放器运行的，相对传统的基于HTML、页面为中心的web应用而言，这将更具吸引力。除了排布可视组件，还可以用MXML来定义应用中其他重要方面，如，可以把应用定义为一个web服务的客户，或是在应用中开发动画，用于提示用户进度。但是，标记语言提供的编程逻辑仍难以满足用户交互的需求。在Flex中，可以用ActionScript编程语言来编写事件监听器来满足此种需求。ActionScript是一种基于ECMA-262标准的、强类型的面向对象语言，和其他编程语言――java和C#很相似，因此也很易于上手。总而言之，当编写一个Flex的应用时，需要用MXML来设置用户界面，并用ActionScript来编写响应用户交互的逻辑。作为一个开发者，你可以根据自己的喜好，用自己所熟悉的IDE（比如Eclipes或Intellij）手工编写MXML，也可以使用Flex支持的“所见即所得”开发环境（目前开发代号为Brady）。即使你选择手工编写MXML，仍可使用Flex提供的XML schema，在IDE中为你提供代码提示（code hinting）和代码自动填充（code completion）的功能.
MacromediaColdFusionMX开发者(1)
第一期：进入Macromedia ColdFusionMX 世界程序开发： 教程编写： MJking 版权所有： 系统及环境需求：序言在大家进入ColdFusion MX的世界之前，应该先了解一下Macromedia公司最新的MX家族产品。如下图：