推荐阅读
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>
最新发布
Flash MX实战精选：从前有座山
实例说明 制作一本可以翻页的书，讲述一个古老的故事。有关知识 隐形按钮，tellTarget的应用，对象的缩放、变形及中心点编辑，关键帧动画等。 制作过程 步骤1：打开flash MX，按Ctrl+M，在电影属性对话框设置播放速度：18fps；大小：450px*300px；背景颜色：白色。 步骤2：从菜单栏中选择插入>添加符号（Insert>New Symbol），在出现的对话框中选图像（Graphic），命名为cover，用绘图工具在舞台画一本书的封面，左上角对齐舞台的中心点，如图1所示。
今天DIY桌面电子宠物
电子宠物，想必大家都玩过吧，在很多网站上，还可以下载到一种可以运行于桌面上的特制宠物，在电脑桌面上调皮玩耍，净搞一些 搞笑行为～～十分可爱。在这个崇尚DIY的新时代，我们可不可以自己来制作这样的电子宠物呢？答案是肯定的，使用Flash + mProjector就可以美梦成真。 宠物制作 制作一个怎样的宠物呢，经过一番构思，笔者在Flash中，制作了一个冰雪聪明的雪人。具体步骤如下： 步骤1， 制作头部与身躯。使用软件左侧工具栏中的“圆形” Oval Tool工具，在Sence中拖拉建立一个“圆”，也就是雪人的脑袋。设置Fill color为白色，点击左侧工具栏中的Paint bucket tool 油漆桶，填充圆形内部为雪白。 步骤2，增加圆环变线的厚度。选定圆环边线，选择“Window→Panel”命令，打开 Stroke面板。增加其中的数值为10。这样画面呈现一种剪贴画的艺术效果。 步骤3，依照以上方法，同理制作出雪人的身体。注意身体部分是由两个圆形交错组成的（上面的稍小，下面的稍大），效果如图1 。
Flash MX实战精选：巧做画板
实例说明 当鼠标点击屏幕或按下空格键，就能在屏幕上画下一个小圆点，通过颜色选择器选取不同的画笔颜色，画出喜欢的图形。 有关知识 隐形按钮的应用。设定参数，属性，复制(删除)电影片断。 制作过程 步骤1：打开Flash，建立一个新文件。按Ctrl+M键，将帧速度（Frame rate）设为12帧/秒，Dimensions设为450px*300px，背景颜色为白色。 步骤2：从菜单栏中选择插入>添加符号（Insert>New Symbol），在出现的对话框中选按钮（Button），命名为reset，制作一个reset按钮。如图1所示。
Mix-FX帮您制作FLASH特效字只需五步
我们在上网时不难发现，无论是网站的logo，还是飘浮广告都会大量运用Flash制作的各种精美的特效字。不过对于没有Flash使用经验的菜鸟来说，制作这样的特效字会感到非常困难。下面笔者就为大家介绍一款专门制作Flash特效字娜砑?B>Mix-FX，让菜鸟们轻松制作自己的Flash特效字，说不定别人看了后会认为你是一个Flash高手哟! 先下载Mix-FX软件，安装后运行，可见到图1所示的软件主界面，界面上方是特效字的设置区域，下面则是预览窗口，可实时显示文字效果。该软件制作Flash特效字仅仅需要5个步骤就可以完成，让我们来实践一下吧! 第一步：输入文字、选择特效 在Text标签页中输入你所要制作成Flash的原始文字，如computer。Mix-FX只支持英文输入，且最多为35个英文字母。在“Select Text Effect”下拉框中选择文字的变化效果，软件提供了多达20种效果，如数字化、抖动、淡入淡出、爆裂、旋转等。当选择了一种效果后，只需点击“Update”按钮就可在预览区中看到效果。最后来设置文字的字体，点击“Select Font”下拉框选择软件内置的11种文字效果即可。
Flash视觉特效之蒸蒸日上
源文件下载：点击这里下载(7K, zip压缩文件) 效果预览：点击这里预览 这个效果，可以说是一个视觉效果，也可以说是一个文字效果。不过，这不打紧，重要的是这个效果够酷就可以了。下面，我们就来制作这个效果。首先，设置沉积场景的大小为240*150像素，背景色为黑色，帧频为25fps。然后我们开始制作元件。 1．按快捷键Ctrl+F8创建一个名为“文字”的图形元件。点选文本工具，并如图1所示设置“属性”面板（笔者用的字体是文鼎霹雳体，没有的读者可以选用其它的字体，不妨事）。在“文字”元件的编辑场景中输入“蒸蒸日上”四个字，字体的颜色为#E75E23。图1 2．创建一个名为“文字效果”的影片剪辑元件。按快捷键Ctrl+L打开“库”，把“库”中的“文字”元件拖入其场景中。接着点选第20帧，按F6键插入关键帧。右键点击第1帧，在弹出的菜单中选择“创建补间动画”命令。分别点选第5、10、15帧按F6插入关键帧，如图2所示。 图2 按快捷键Ctrl+T打开“变形”，将第1、20帧中“文字”元件的高度变为原来的90%，如图3所示。将第5、15帧中“文字”元件的高度变为原来的95%。第10帧中的元件不做改变。这样设置是为了让文字的高度发生变化，其效果就象是在火焰中燃烧一样。
实现声音与歌词同步的三种方法
1. 目的： 学习Flash中的Sound凼数，掌握在制作FlashMTV时声音与歌词同步的两种方法。 2. 方法一： ・导入一个声音文件，建立一个声音层，在声音层的第一帧处打开声音面板，选择需要使用的声音文件，设置声音同步属性为数据流，循环次数为0，如图(1)所示： ・波形图的标尺默认的是以时间秒为单位，得使用“帧数＝播放时间*帧频”来计算。为了方便，我们设置帧为标尺单位，点击图(3)第四个按钮就行了。见图(4)，我们可以发现第二个波谷应在第80左右。如果要求精确，，点击扩大按钮，就可以准确知道该是第几帧了。 ・在第一帧添第一句歌词，在第二个波谷所在帧的下一帧开始添第二句歌词，其它依次类推。 4. 方法三： ・导入一个声音文件，建立一个文本动画层，接着写进歌词，每一帧对应一句歌词。 ・新建一个空白角本电影夹。 ・建立一个角本层。在第一帧拖入空白角本电影夹，并加入帧角本stop，如图(5)：
Flash：从油画到照片
我们来假设你在看到这篇教程之前，已经对Flash的基础动画有了一定程度的了解，这样我们就不用花大段篇幅来解释那些最基本的原理了。 就像你已经知道的，Flash是一个基于矢量的程序。在Flash中，处理位图（包括bitmap, jpeg, gif, png格式的图像）最大的麻烦就在于，我们无法像操作矢量图形那样，熟练的操作位图。比如说，输入一幅位图图像，用它来做最简单的形状变化动画，就连这也是不可以的，更别说其它的了。如果你试着把图片拉伸，位图的特性会使图像产生像素化，图像品质会被降低。这些简单的操作对矢量图像而言自然是不在话下，所以，我们怎样才能将位图图像转化为矢量图像呢？这个问题我们可以交给Flash的“转化位图为矢量图”（trace bitmap）功能来解决。 在这篇教程中我们详细解释了转化位图为矢量图这个功能，而且用它来创造从从一幅油画到照片的变形效果。 转化位图 要想把一副位图转化为矢量图像，只需将一个图片的实例拖入主场景中，选择它，再选择修改>转换位图为矢量图（Modify > Trace Bitmap）命令。转换位图的功能是检查位图图像的颜色数量，颜色值相近的区域，被定义为近似形状的矢量形状，来替换位图。这里，你需要知道的很重要的一点是，用于代替的矢量形状仅仅是近似，而非完全相同。我们可以用转换位图对话框的一些选项来控制转换的精细程度。（图01）
心意卡片制作DIY
应用目标：卡片制作DIY 应用工具：手动＋Flash＋Word 2000＋绘图程序 实现难度：★★☆☆☆ 提示：谁都知道自己亲手制作的心意卡和网络上的电子贺卡表达的情谊不是一个级别的，可是如果你和我一样又不会画画，又不会手工艺，更不知道去哪里买材料。那难道只能束手无策了吗？ 方法其实十分简单，或者大家只是忽略了。首先当然是要有灵感了，在脑子里想好要做的卡片大概的模样和尺寸，在这里就以“房子”为主题的卡片为例，注意要把想画的“房子”分开几部分，这样做起来才有层次感。想好了，就马上行动哦。
Flash MX实战精选：石头剪子布
一、实例说明 这是一个古老的游戏，几乎每个人小时候都玩过，现在用Flash编制一个游戏程序，通过这个程序，能了解一些Action的高级应用。 二、有关知识 绘制实例，Action编程，按钮的制作及设置，变量。 三、制作过程 步骤1：打开Flash，建立一个新文件。 步骤2：从菜单栏中选择插入>添加符号（Insert>New Symbol），在出现的对话框中选图像（Graphic），命名为“gr背景”，用绘图工具在工作区画一个背景图形，如图1所示。 提示：gr表示图像Graphic的意思，这样可以避免重名的麻烦，使用者虽然可以随意命名，但养成一个习惯有利于提高效率。 步骤3：重复步骤2，分别制作的三个图像，命名为“gr石头”、“gr剪子”、“gr布”。 如图2所示。
Flash MX 2004滚动文本框的两种做法
第1页:Flash MX 2004滚动文本框的两种做法(多图)第2页:Flash MX 2004滚动文本框的两种做法(多图)(2) Flash升级到Flash MX 2004 版本以后，许多效果的制作方法都很大的改进，比如滚动文本框的效果制作起来就方便了许多。现在我介绍两种在Flash MX 2004 中制作滚动文本框的方法，一种是利用flash自己的组件，是最简单的一种方法；再一种就是利用一些简单的命令来实现滚动的效果，通过第二种方法我们可以对Flash MX 2004 的新功能与方法有更深刻的了解。 一、 利用组件制作滚动文本框 在场景的空白位置往往不够容纳下当前部分的所有文字。此时，我们需要使用滚动文本框组件来完成。 (1) 打开“窗口”――“开发面板”――“组件”面板，或按下Ctrl+F7组合键打开“组件”面板，并从“UI Components”列表中拖动“TextArea”组件（如图一）到场景中。 图一 (2) 选中“textarea”组件，利用属性面板调整其属性为宽“240px”，高“200px”，x轴坐标“200”，y轴坐标“100”。 (3) 打开属性对话框中“参数”选项卡（图二），或按下Alt+F7组合键，打开“组件”参数设置面板（图三），在“Text”参数的右侧输入所需文字即可，这两个不同的面板功能是一样的。图三