放大镜效果gif动画－《田鸡邮票－非礼》
gif文件：[attach]50016[/attach]
png文件：
[attach]50017[/attach]
R：
上回说了如何用fireworks自带的填充创建gif的连续动画背景
这次将要介绍DIY的无间断图案切换，还有放大镜效果。
作品名称：《田鸡邮票－非礼》
作品简介：使用放大镜欣赏三张田鸡邮票，勿视r，勿听，勿说
作品格式：gif动画
by RockHward
2007.7.18
[attach]50018[/attach]
1制作连续的图案切换
这一节里，你将会DIY一个连续的图案切换动画。
如果你对连续切换的原理不太熟悉，可以参考《the works of God》gif作品的教程。
连续图案变化的原理和连续背景循环的原理是一样的。
[attach]50019[/attach]
1.1
新建一个80*145px大小，白色背景的文件。
1.在库面板中新建一个命名为“move”的“动画”元件。
在库面板中双击编辑“move”元件，导入三个大小一样的图片，我用的是三张邮票图片。
2.将三张图片从上到下紧密排列好，然后克隆这三张图片，继续紧密排列在原有的三张图片下方。要观察图片是否紧密排列好，可以更改画布颜色。
编辑完毕后按“完成”按钮退出元件编辑。
如果编辑元件时画布太小，请取消选择所有对象，按下方的“画布大小”按钮调节画布大小。
[attach]50020[/attach]
1.2
从库里拖一个“move”的实例到画布，使用缩放工具调节实例大小如图所示。
注意
动画实例从上到下数下去第二张邮票的中心和画布中心对齐。
[attach]50021[/attach]
1.3
记下动画实例属性里的高度是多少象素，假设实例高度是b象素
选中实例，单击右键，选“动画”－“设置”，填入如图参数。绿色框处填入值b/2的大小。
按“确定”继续，电脑会询问是否添加帧，按“确定”继续。然后在“帧”面板中删除最后一帧，保证动画连续播放。
选中帧1，以保证你在编辑帧1。
[attach]50022[/attach]
1.4
克隆这个动画实例，放置在一个新建的层里，层命名为small。
更改该动画实例属性不透明度数值，开始和结束填入“50”。
使用缩放工具缩小small层里的动画实例，然后拖动该实例，使该实例的第二张邮票和较大实例的第二张邮票的中心对齐。
刚才是为了方便观察对齐才将较小实例的不透明度调为50，现在将较小实例的不透明度数值，开始和结束都填入“100”，并且将small层移到最底。
[attach]50023[/attach]
2制作放大镜效果
做完了这么多准备工作，现在才进入正题。
你将为动画实例添加一个圆形的蒙版，和一副放大镜的图片，实现放大镜效果就是这么简单。
[attach]50024[/attach]
2.1
新建一个命名为bigger的层，并“共享交叠帧”，该层为最顶层。
1.在该层导入一个放大镜图案
2.在放大镜玻璃上方绘画一个矢量圆形。
选中放大镜图案，在层面板中按住alt键然后点击矢量圆形，这样就建立了一个圆形选区，按ctrl＋X将玻璃部分剪切下来，再按ctrl＋V将玻璃部分粘贴回去。
[attach]50025[/attach]
2.2
1.剪切掉矢量圆形，粘贴为较大“move”动画实例的蒙版。
2.调节放大镜的玻璃部分透明度为“50”
[attach]50026[/attach]
2.3
对帧延时进行调节，这样每张邮票就有停顿的感觉了。
[attach]50027[/attach]
End：
下面还制作了其它两个作品。
第一个作品是用放大镜看蝴蝶标本，原理就和教程的一样。
第二个作品是摇滚波形，其中正弦波形是用了cs3的自动形状。
灵活运用自制的连续图案和蒙版效果，创作更多动感gif吧！
[attach]50028[/attach]
gif文件：
[attach]50029[/attach]
[attach]50031[/attach]
png文件：
[attach]50030[/attach]
[attach]50032[/attach] 很棒
谢谢分享 好像楼主最近都在研究动画.......
支持 恩 创意很好呀，学习了．．． 帅
很帅
十分帅 有时间研究一下，谢谢~~ 收藏,下载,自己研究下!谢谢分享! 牛...高人....支持下... [url]http://www.kingimg.com/放大镜/Default.aspx[/url] 可以换几个放大镜试试。 一些放大镜fireworks 源图片，可配合楼主的贴子使用：
搜索自[url]www.kingimg.com[/url] 谢谢楼主以及楼主的教程. 学习:D :p 学习 11楼发的网址很好啊,是个找素材很好的站啊,顶拉 谢谢放大镜,谢谢动画
交作业
[img]http://w.886.cn/5PEy/111166310/111166310_22455.gif[/img]素材不一样 效果没例子好 下次 做还得原图
楼主记得发教程 给我们原图啊
[[i] 本帖最后由 tzh52650168 于 2008-6-14 16:26 编辑 [/i]] 楼上作业没做好，重做啊！ 学习了,这么动画一般很少用fireworks做，一般我都用的flash一个遮罩就搞定。:D
页:
[1]