Dreamweaver | Flash | Photoshop | Fireworks | Asp | Asp.net | Css/HTML | 矢量教程 | Access | Sql Server

你的位置:首页>>Flash教程>>Flash创意特效:清风不识字

Flash创意特效:清风不识字

发表时间:2006-12-21 上午 09:40:40浏览次数:

【实例说明】

“清风不识字,何故乱翻书?”本例给出翻书效果的动画制作过程,此技巧可广泛应用于书本类动画的设计之中,也可用于制作动态简历等。最终效果如图1-138所示。

图1-138 最终效果图

【设计要点】

用运动引导层定位;注册点的移动;此外较多地运用了旋转、倾斜与缩放等变形功能、动作及形状关键帧动画,最后生成翻页效果。

【步骤】

(1) 启动Flash MX 2004,选择菜单栏中的“视图”|“网格”|“显示网格”命令,显示网格以便定位。单击“时间轴”面板下方的“添加运动引导层”按钮 ,添加一个运动引导层并将其重新命名为“定位”。单击工具箱中的“矩形工具”按钮 ,在舞台上画一个矩形,然后单击工具箱中的“选择工具”按钮 ,再单击舞台上的矩形,按Delete键将矩形的填充色删除。如图1-139所示。

(2) 双击“图层1”的名称将其重新命名为“封面”。在如图1-140所示位置画一个灰色矩形,并将该矩形转换为图形元件。

图1-139 绘制定位框

图1-140 封面制作步骤

(3) 单击工具箱中的 工具,再单击封面图形,选择“修改”|“变形”|“自由变形”命令,将其注册点从矩形中心移到左边框的中点上,如图1-141所示。

(4) 在“封面”层的第10帧插入关键帧,然后在舞台上单击封面图形,并单击菜单栏中的“修改”|“变形”|“旋转与倾斜”命令,此时封面图形周围出现黑色的小方块。拖动中心手柄倾斜对象,并单击工具箱中的“任意变形工具”按钮 ,然后单击工具箱下部的“缩放”按钮 ,将封面图形调整到如图1-142所示位置。单击“封面”层第1帧至第10帧之间的任意帧,然后从“属性”面板的帧设置的“补间”下拉列表框选择“动作”选项。

图1-141 移动注册点

图1-142 “封面”层第10帧的图形

(5) 在“封面”层的第20帧插入关键帧,然后按照步骤(4)中的变形方法将封面图形变形至如图1-143所示位置。单击“封面”层第10帧至第20帧之间的任意帧,然后从“属性”面板的帧设置的“补间”下拉列表框选择“动作”选项。

(6) 用同样的方法建立“封面”层第20帧至第30帧之间的动画,第30帧的画面如图1-144所示。

图1-143 “封面”层第20帧的图形

图1-144 “封面”层第30帧的图形

(7) 右击“封面”层的第30帧,在弹出的快捷菜单中选择“复制帧”命令。然后右击第31帧,在弹出的快捷菜单中选择“粘贴帧”命令,此时在该帧的舞台上也出现第30帧的图形,如图1-145所示。单击该图形,选择菜单栏中的“修改”|“变形”|“水平翻转”命令。按照上述方法,分别复制“封面”层的第20帧、第10帧、第1帧并粘贴至该层的第40帧、第50帧及第60帧。分别选中第40帧、第50帧及第60帧处的图形,选择“修改”|“变形”|“水平翻转”命令,建立镜像图形。并在每两个关键帧之间创建补间动画。

(8) 单击“时间轴”面板下方的“插入图层”按钮 ,添加一个新的图层“封底”,单击“封底”图层名称的同时按住鼠标左键不放,将其拖动到“封面”层的下方。单击“封底”层的第1帧,然后单击工具箱中的“矩形工具”按钮 ,在矩形框的右半部分画一个灰色的矩形,如图1-146所示。

图1-145 “封面”层第31帧的图形

图1-146 “封底”层第1帧的图形

(9) 单击“时间轴”面板下方的“插入图层”按钮 ,添加一个新的图层“第一页”,单击该层的第1帧,用填充了白色的“矩形工具”在图1-147所示的位置画一矩形作为内页。右击第60帧,在弹出的快捷菜单中选择“插入关键帧”命令,然后在第70帧也插入一个关键帧。单击该白色矩形,然后单击工具箱中的“任意变形工具”按钮 ,再单击工具箱下部的“缩放”按钮 ,将白色矩形调整至合适大小,以边缘露出一小条灰色为宜。

(10) 单击工具箱中的“任意变形工具”按钮 ,再单击工具箱下部的封套 按钮,拖动点和切线手柄修改封套。将白色矩形调整至如图1-148所示形状。右击“第一页”层第60帧至第70帧之间的任意帧,然后从“属性”面板的帧设置的“补间”下拉列表框中选择“形状”选项。

图1-147 “第一页”层第60帧的图形

图1-148 “第一页”层第70帧的图形

(11) 用同样方法在“第一页”层的第80帧和第90帧插入关键帧,并利用封套工具、“旋转与倾斜”工具及“缩放”工具将图形调整至如图1-149所示形状,并创建补间形状。

图1-149 “第一页”层的第80帧和第90帧的图形

(12) 首先选中“封面”层,然后单击“时间轴”面板下方的“插入图层”按钮 ,在“封面”层之上添加一个新的图层“第一页左边”。右击“时间轴”面板上“第一页”层的第90帧,在弹出的快捷菜单中选择“复制帧”命令,在“时间轴”面板上,右击“第一页左边”的第91帧,在弹出的快捷菜单中选择“粘贴帧”命令,同样分别复制“第一页”的第80帧、第70帧及第60帧至“第一层左边”的第100帧、第110帧及120帧,如图1-150所示。并按照步骤(7)中提到的方法进行水平翻转,接着创建两个关键帧间的补间形状。

图1-150 “第一页左边”层第100帧和第110帧的图形

(13) 选中“封底”层,然后单击“时间轴”面板下方的“插入图层”按钮 ,在“封底”层之上添加一个新的图层“第二页”。单击该层的第1帧,在矩形框的右半部分画一个与第一页大小相同的白色矩形,如图1-151所示。分别右击所有图层的第125帧,在弹出的快捷菜单中选择“插入帧”命令。按Ctrl+Enter键显示效果,按Ctrl+W键恢复编辑状态。

图1-151 “第二页”层第1帧的图形

【注意事项】

移动注册点是实现翻书的关键。

·Dreamweaver 8.0学习教程
·Dreamweaver 8.0学习教程
·婚纱照片的处理及美化
·Dreamweaver 8.0之设置段
·Flash创意特效:清风不识字
·Dreamweaver 8.0学习教程
·Flash创意特效:飞越星空
·Photoshop特效-火焰制作
·入门:Dreamweaver轻松制作网
·硕思闪客精灵MX 2005三斧“肢解”
·Dreamweaver 8.0学习教程
·网页制作:CSS的常用技巧放送
·妙手天成:Photoshop绘制水珠特
·PS快速为美女照片换头发颜色
·Dreamweaver 8.0学习教程
·相册自己做!五步打制精美Flash相册
·PS模拟玻璃相框上的水滴字
·Photoshop制作糖果质感的特效字
·Dreamweaver 8.0学习教程
·PS快速打造一种实用的艺术效果
·Dreamweaver基础教程:层及其
·Flash制作碧海蓝天海鸥飞片头动画
·使用图片和CSS结合制作动画按钮
·Dreamweaver CS3 Bet
·FLASH 8实例教程:瀑布动画制作方
·PS处理美女肖像照片为琼瑶小说封面
·Dreamweaver 8.0:属性检
·PS绘精美圣诞节彩色铃铛球
·Photoshop打造既简单又漂亮的字
·PS抠图利器Mask Pro 3.0滤
网站建设服务 - 友情链接 - 意见建议 - 联系站长 - 论坛 - 网站导航
Copyright 2006-2007 zznj.com Inc. All Rights Reserved
Emai:skyzznj@126.com