推荐阅读
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>
最新发布
学用Fireworks中的特效（三）
二、效果栏的使用 在为图形对象添加各种特效后你会发现，在对象属性框中的效果栏内会将该对象所用到的所有特效一一罗列出来。如图31中，该椭圆对象即被添加了“内斜角”、“查找边”和“新增杂点”三个特效。
学用Fireworks中的特效（二）
5、“调整颜色” >“亮度/对比度” 启用该特效时会弹出一个设置窗口。通过拖动 “亮度”或“对比度”中的滑块，可以增强或减弱图形色彩的亮度和对比度。如图14。
学用Fireworks中的特效（一）
在Fireworks中为图形对象添加滤镜效果的方法有两种，一是通过“滤镜”菜单，另一种则是通过对象属性栏右侧的“添加效果”按钮来实现。而细心的朋友一定会发现，在“添加效果”按钮的弹出菜单中，除了有与“滤镜”菜单相同的滤镜选项以外，还混合了“斜角和浮雕”、“阴影和光晕”这两个选项。其实在Fireworks中，“斜角和浮雕”、“阴影和光晕”和滤镜都被统称为“特效”，并被列入“添加效果”的弹出菜单里。如图01。
巧用 Fireworks MX完成一幅书法作品
记得读小学的时候，我们经常上一些课外选修课，我选修的是书法。当时在老师的指导下用那枝沾满了墨汁的毛笔在洁白的宣纸上完成自己的作品时。心里是特别高兴，激动。一晃十几年过去了，由于一直忙于学习和工作已经很长时间没有碰过毛笔了，但小的时候练习书法的场景依然历历在目。今天，笔者就用Fireworks MX完成一幅书法作品在此献给大家。 1. 打开Fireworks MX，新建一个文件，设置画布的宽度为500，高度为1000。 2. 单击工具箱中“文本”工具，在工作区中输入“书山有路勤为径，学海无涯苦作舟”这两段文字对象，并设置好它们的字体和字号，然后将这两段文字的方向变为垂直（如图1）。 4. 设置笔触颜色，打开“属性”栏，在笔触颜色框中将颜色设置为黑色，大小为5，然后单击其后面笔触选项（如图3），打开笔触选项对话框，设置参数为“铅笔”，在其下方的下拉列表中选择“1-像素柔化”。接着单击下方的“高级”按钮，打开编辑笔触对话框，单击形状标签，设置大小参数值为3，边缘参数值为2，接着再单击敏感度标签，设置笔触属性为“大小”，影响区域中设置压力为50，速度为10，最后单击“确定”按钮返回。这样这一段文字对象的宣纸书法效果设置完毕了，大家可以对比一下两段文字对象设置前后的效果（如图4）：设置前的文字对象看起来比较生硬，而设置后的文字对象就比较圆滑一些了。 5. 接下来按照上述的方法再把第二段文字对象设置好，然后书写上自己的名字（如图5）。至此我们用Fireworks制作书法效果设计到此就完毕了。
Firewoks 营造残破纹理
刻意在物件和文字上营造残破的效果也是一种流行的表现方式。让我们以Firewoks处理网页影像时，在简单的实例上来应用看看。打开新文件，先来画个按钮。Ctrl+Shift+D原位克隆一个。网上找张纹路无序的素材图片，这里我们用的是张石纹。导入正在Fireworks编辑的文件。
QQ皮肤制作全程实录
自QQ2003版推出之后，由于SIKN改用了支持透明色的功能，一下子就使得QQ2003版的SKIN变得生动活泼起来。许多非专业的QQSkin设计爱好者也有了比以前更大的设计空间来发挥自己的想像力。因此，在这个时期中不管是专业的或非专业的QQSkin设计者所制作的QQSkin，都有更多至酷、至炫的精品。如今腾讯公司又推出了“腾讯QQ2004皮肤编辑器”，这又为制作QQSkin带来了更大的直观与便捷。这也让更多的网友自己动手设计并制作一款属于自己的个性QQSkin变得容易实现。下面就以图01中的这款名为“蓝色畅想”的QQSkin为例，为大家讲解在Fireworks中对这款QQSkin的绘制方法。而在教程的尾页也为大家提供了该QQSkin的下载。 在动手之前，我们很有必要先大至了解一下QQ主窗口的组成部分，如图01。图01 可以看到，QQ的主窗口被分成了“主窗体”、“窗体按钮”、“拉幕式面板”等多个部分。因此我们在绘制这款QQSkin时为了避免图形对象太多而造成鼠标选取上的麻烦，在开始绘制前就可以先新建多个按QQSkin的组成部分命名的新图层，如图02。图02同样为了对象选取的方便，我们在“层”面板右上角的下拉菜单中，将“单层编辑”功能取消掉，使鼠标能够跨图层进行对象的选取，如图03。图03
制作一款打字效果的LOGO
所谓打字效果，就是文字在光标的带动下，富有节奏感般地挨个展现出来。这种效果在网站的LOGO制作中还不多见。因此我们今天就一起来制作这样一个动态的网站LOGO。最终的效果如图01。
Fireworks制作可爱“葱头”小P孩
效果预览：5、接下来，画他的身体了，还是圆形工具，画两个圆形，宽高：95*73 填充#00C7F9 73*77 填充#F8F2D1 ，用次选取工具（白色箭头的选取工具），调整圆形，让它们成不规则的形状，看起来协调些。一上一下排列好，效果如图 6、用圆形工具画出小孩的手和脚，四个圆形，高宽分别为：手--左：21*21，右：24*24（填充颜色为 #D8CCCE），脚--左：43*52，右：35*50（填充颜色为线性填充，#C9B9BB，#F8F2DA，）填充方和排列 向如图
LOGO制作实例教程
1.会打开FW就会. 2.找个喜欢的图片,切88*31大小下来~~复制过来,放到 1上.....然后在上面写上网站名和地址,摆在适当的位置......如图3.细节制作.(需要04B号字,没装的自己去下一个,人家说是做LOGO的专业字体`哈`)蓝色泪滴 用一个发光效果~~MUSIC我用04B-19bluetear.org我用04B-08,人家说用这个字体,地址看的清楚`我觉得也是~~~所以我就用了......弹跳效果实现........4.碰撞效果.................开始碰撞.....向2边渐进散开.....渐进靠拢................最后一步定形....如果感觉变化的太快,自己调整时间.......
Fireworks仿MSN浏览器按钮的制作
现在不管是Windows Media Player播放器，还是MSN浏览器，甚至于腾讯的QQ浏览器都将前进后退的按钮改成了这种哑铃形状，下面我就教给大家如何在Fireworks MX 2004中制作这种简单的按钮。 1.新建300像素白色画布，选择“椭圆”工具按住Shift键画一个正圆形，复制这个圆形，并按住Shift键将其缩小，放在紧贴在第一个大一些的圆形的旁边。（如果怕对不整齐，可以按Ctrl+Alt+R打开工作区中的标尺，并从标尺中拖出辅助线用以助于对齐圆形） 3.选择“部分选定”工具，调节组合后双园型路径的上半部分中间处的锚点，仔细调节成尽量平滑的过渡。如图： 4.选择“刀子”工具，延中间的横向辅助线将双圆形切开，删除下半部分（因为没有对下半部锚点做调解，所以就删掉了） 5.选中剩下的上半部分轮廓，复制，垂直翻转，然后对齐到中间辅助线位置，在选择上半部分路径联合。 6.使用线性过渡色填充，方向是从上到下，颜色参照#CBDCED---#FFFFFF，当然这里也可以自己根据需要随便填充。