用Fireworks制作钟摆式公告牌效果_网页制作_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

用Fireworks制作钟摆式公告牌效果

作者：闵涛文章来源：闵涛的学习笔记点击数：579 更新时间：2009/4/23 13:32:57

　　先参阅一下效果图：

　　1、新建一个文件，画布背景颜色选取白色。同时将画布大小设置稍大些；
　　2、使用Fwmx2004的矢量工具，绘制圆角矩形，自选一种纹理效果填充，如图：

　　3、输入文字“织梦论坛”；
　　4、在圆角矩形右、左上角绘制小圆形，如图所示：

　　5、添加辅助形，找到该圆角矩形的中心点位置，如图：

　　6、在中心点上方垂直辅助线上绘制渐变效果的小圆形，以及两根斜直线段，复选该圆形及斜直线对角，组合并移至最后，使用钢笔工具，分别在两个白色小圆形上绘制曲线。如图：

　　7、群组（Ctrl+A、Ctrl+G）所有对象，一个简单的公告牌效果就简单制作完成了。现在进行动画效果的制作。

　　8、克隆群组后的公告牌，使用工具栏中的缩放工具，分别对画布中显示的公告牌进行旋转处理，如图：

　　9、复选这两个对象，并按垂直居中与水平居中进行排列，如图：

　　10、在层面板中先屏蔽掉右边的公告牌。再选择修改菜单、动画、选择动画命令，弹出动画属性设置窗口。进行参数的设置，如图：

　　11、确定后，公告牌对象自动转化为元件。双击该元件对象，在元件编辑窗口中，将公告牌圆形移至元件编辑窗口中心位置，如图：

　　12、返回至主编辑窗口，现在一个由左向右摆动的动画效果已形成。打开帧面板，选择第一帧。将层面板屏蔽的公告牌显示出来，并进行剪切。
　　13、在帧面板中新建空帧，粘贴对象至画布内。对当前公告牌进行由右至左的钟摆动画设置。选择修改菜单、动画、选择动画命令，弹出动画属性设置窗口。进行参数的设置，其中各参数与第九步相同，仅需要给旋转方向上变化为顺时针。如图：

　　14、将该公告牌参照第十一步修改元件中心的方法进行位置的移动。
　　15、这样，由右至左的钟摆动画效果就完成了，在帧面板中将Gif动画效果设置为启永久，让动画连续播放。再导出为Gif动画文件，最终效果图如下所示：

　　制作技巧提示：
　　①在位置调整时，比如中心点的对齐、旋转等，可以借助于FW中的辅助线。
　　②使用动画面板调整好旋转角度生成动画后，建议不要在帧面板中进行删除帧了操作了。如果需要调整角度，可以在画布上对元件对象进行选择右键、动画、设置，在弹出动画设置窗口中再进行调整。

　　Fireworks制作的Png源图：

没有相关教程

教程录入：mintao 责任编辑：mintao

上一篇教程： Fireworks制作水泡效果

下一篇教程： Fireworks蒙版巧制图片窗格

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

同类栏目

· Web开发  · 网页制作
· 平面设计  · 网站运营
· 网站推广  · 搜索优化
· 建站心得  · 站长故事
· 互联动态

热门推荐

没有教程

赞助链接

闵涛博文

500 - 内部服务器错误。

您查找的资源存在问题，因而无法显示。

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18

闵涛站盟:医药大全-武穴网。A打造B、C、D……