讲师中心 微信公众号
AI工具推荐 视频效率加速

Flash制作书本翻页效果

梦芳酱_1507

梦芳酱_1507

发布时间:2025-11-25 08:36:29

|

892人浏览过

|

来源于php中文网

原创

用flash实现书本翻页效果。

1、 隐形按钮功能,结合目标控制、对象缩放变形与中心点调整,实现关键帧动画效果。

2、 启动Flash MX后,按下Ctrl+M,在影片属性中将帧频设为18fps,尺寸调整为450px×300px,并将背景色设置为白色。

3、 在菜单栏中依次点击插入→新建元件,弹出窗口内选择图形类型,命名为cover。使用绘图工具于舞台绘制书籍封面,确保其左上角与舞台中心点对齐,具体效果可参考图1所示布局。

4、 图1设计书籍封面

5、 创建书页内页。新建名为page的图像符号,使用矩形工具绘制与封面相同尺寸的矩形,并将其左上角与舞台中心对齐。

6、 创建一个隐形按钮,选择Hit帧并插入关键帧,然后在舞台使用矩形工具绘制一个长方形,具体样式2所示。

7、 图2设计隐形按键

Flash制作书本翻页效果

8、 创建电影片段pages,添加book图层,将第一帧设为空白关键帧,并在动作中设置停止命令。

9、 在第2帧按F7插入空白关键帧,将cover图像放入舞台,使其左上角与舞台中心对齐。

10、 在第3帧按F7插入空白关键帧,将page图像放入舞台,与cover图像对齐。

11、 在第8帧按下F5键插入帧,将book层的帧数延长至8帧,具体操作3所示。

12、 图3的book层居中对齐制作

Flash制作书本翻页效果

13、 新建一个button&page图层,置于book图层上方。将该层第1帧设为空白帧,在第2帧插入关键帧,把隐形按钮放入图层中,使用缩放工具调整按钮尺寸,使其与封面完全一致,并覆盖在整个封面上方,确保点击区域匹配封面范围。

14、 在第3至8帧依次插入关键帧,并用文字工具标注页码1到6,具体效果4所示。

15、 图4为电影添加隐藏按钮与页码

Flash制作书本翻页效果

16、 创建两个图层:text层和pagebutton层,分别用于添加文字内容和放置功能按钮。在第4帧和第5帧插入关键帧,设计用于向后翻页的next按钮;在第5帧与第7帧之间设置关键帧,实现向前翻页的pre按钮功能;于第8帧添加close按钮,点击后可关闭书本并返回初始页面状态,完成交互控制。具体布局5所示。

17、 图5设计书本开关按钮

Flash制作书本翻页效果

18、 创建一个名为book的新电影片段,总长度为37帧。添加名为cover的图层,将cover图片置于舞台中,使其左上角与舞台中心对齐。第2到第37帧保持为空白帧,具体效果6所示。

19、 创建名为rightflip的新图层,将电影片段pages置于舞台中央并居中对齐,随后在属性面板中将其命名,具体效果6所示。

20、 图6中右侧翻转的位置

21、 由于电影片段的首帧为空白,舞台显示时仅可见一个微小的空心圆。

Flash制作书本翻页效果

22、 在rightflip图层下方创建新的leftpage图层,将影片剪辑pages拖入舞台,并通过实例面板将其命名为leftpage,具体效果7所示。

23、 图7置于右侧页面

24、 leftpage需与rightflip在水平方向上保持平行,间距为一本书的宽度。书籍打开后,左侧页面效果由leftpage实现,因此其位置必须准确设置,确保视觉和结构上的协调统一。

Flash制作书本翻页效果

25、 在rightflip图层上方创建新的leftflip图层,将名为pages的影片片段放入舞台中,与rightflip对齐,并命名为leftflip,该图层主要用于实现翻页动画效果。

26、 由于电影片段pages的第一帧为空白帧,在图层中显示为一个小空心圆,视觉效果不够直观。建议先删除该空白帧,以便更清晰地进行效果调整(光盘中的d.fla文件已删除首帧)。待完成book片段制作后,需将第一帧重新设为空白帧以确保结构完整,具体操作可参考图8所示示意图。

27、 图8呈并列双书状,视觉效果更清晰直观。

28、 选择第2帧和第9帧,按F6设置为关键帧。在变换面板中,将第9帧的pages水平缩放调整为85%,垂直变形设为-85,具体操作9所示。

29、 图9调整形变

30、 在第10帧插入一个空白关键帧,将影片片段pages放置到舞台中,使其在水平方向与第2帧对齐,垂直位置位于第2帧左侧约一本书的宽度处。执行修改>变形>编辑中心点命令,调整pages的注册点至其右上角位置,具体效果可参照图10所示。

31、 图10编辑中心位置

32、 选择第18、19、20、29帧,按下F6键插入关键帧。

33、 在第10帧和第29帧将pages的Transform参数设为水平缩放85%、垂直变形85,具体效果参考图11。

34、 图11配置变换参数

35、 把第19帧的页面拖到舞台外面。

36、 复制第9到30帧,接着复制第2到36帧,最后复制第19到37帧。

37、 在第36帧将pages的变换属性设为水平缩放95%,垂直变形-10。

38、 在Frame面板中,将第2到9、10到18、20到29以及30到36帧的渐变类型设为移动,具体设置参考图12所示。

39、 图12呈现移动渐变效果

40、 在Actions层的第1、2、10、18、19、20、29、37帧插入关键帧,并为每个关键帧分别设置对应的Actions指令。

41、 首帧画面

42、 }

43、 第二帧画面

44、 }

45、 }

科学计算器在线使用工具代码
科学计算器在线使用工具代码

html5 css3制作在线科学计算器ui布局,3D计算器面板,加减乘除数字计算器工具特效。

下载

46、 }

47、 第十帧画面

48、 }

49、 第18帧画面

50、 }

51、 }

52、 第19帧画面

53、 第20帧画面

54、 停止

55、 }

56、 }

57、 第二十九帧画面

58、 第37帧画面

59、 }

60、 }

61、 }

62、 }

Flash制作书本翻页效果

Flash制作书本翻页效果

Flash制作书本翻页效果

Flash制作书本翻页效果

Flash制作书本翻页效果

63、 在电影片段的pages中,于button&page层的第2帧,将按钮button的动作设定为指定操作。

64、 }

65、 }

66、 由于电影片段book中使用了pages,需向目标..说明该片段即为所指的book内容。

67、 在页面按钮层为各个按钮分别配置对应的操作功能。

68、 第3帧中next按钮的动作设置

69、 第4帧按钮pre的执行动作设置

70、 }

71、 }

72、 第5帧中next按钮的动作设置如下

73、 }

74、 }

75、 第6帧预按钮的执行操作设置

76、 }

77、 }

78、 第7帧关闭按钮的动作设置

79、 }

80、 }

81、 }

82、 }

83、 }

84、 }

85、 }

86、 按下下一页按钮时执行向后翻页,点击上一页则向前翻页,而按下关闭按钮将返回初始界面。

87、 将电影片段book放入场景并调整至合适位置,具体布局参考图13所示。

88、 将电影片段拖入场景中

Flash制作书本翻页效果

89、 按下Ctrl+Enter即可测试当前效果。

90、 内页通过添加图形增强视觉效果,可在电影片段页面插入多幅画面,用以呈现完整叙事,页数可根据需要灵活设定。

热门AI工具

更多
WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

二狗PPT
二狗PPT Hot

一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。

AionClaw
AionClaw Hot

AionClaw是一款面向办公、创作和编程任务的AI桌面智能体。

咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

相关专题

更多
PHP2Shell高危漏洞修复教程
PHP2Shell高危漏洞修复教程

PHP2Shell漏洞是什么,哪些PHP版本和运行环境会受到影响,服务器应该如何检测与修复?本专题提供版本自查脚本、Linux与Docker升级命令、PHP-FPM和Apache排查步骤,以及修复验证、临时缓解和应急响应方案。

0

2026.10.22

剧云人物设定与关系管理教程
剧云人物设定与关系管理教程

本专题介绍剧云人物设定与关系管理,讲解角色小传、性格职业、人物目标、背景资料和关系网络的创建及维护方法。

0

2026.10.22

剧云故事大纲与分场规划教程
剧云故事大纲与分场规划教程

本专题讲解剧云梗概与多级大纲功能,覆盖全局、分集、分场结构生成,以及主线冲突、剧情节点和场次顺序调整。

0

2026.10.22

VibeKnow PPT讲解视频教程汇总
VibeKnow PPT讲解视频教程汇总

本专题介绍VibeKnow PPT讲解模式的素材准备、旁白生成、页面节奏、画面呈现与导出设置,适合课程和培训场景。

0

2026.10.22

VibeKnow PDF转视频教程合集
VibeKnow PDF转视频教程合集

本专题围绕VibeKnow的PDF转视频功能,讲解文件准备、内容解析、脚本生成、重点可视化及配音字幕检查方法。

0

2026.10.22

二狗PPT模板与视觉设计
二狗PPT模板与视觉设计

本专题介绍二狗PPT的职场模板、主题风格与页面版式,覆盖模板切换、色彩选择、内容匹配和正式汇报场景下的视觉优化方法。

0

2026.10.22

php漏洞修复方法
php漏洞修复方法

PHP漏洞聚合专题,持续整理PHP最新高危漏洞、CVE安全预警、受影响版本、自查命令及修复方案,覆盖PHP-FPM、Docker、Ubuntu与Linux服务器环境,帮助开发者快速完成漏洞排查、版本升级和安全加固。

20

2026.10.22

二狗PPT入门与基础操作
二狗PPT入门与基础操作

本专题整理二狗PPT从官网进入、输入主题、生成大纲到制作成稿的基础操作,帮助新手掌握AI一键生成职场PPT的完整流程。

0

2026.10.22

讯飞绘文AI配图与绘图模型合集
讯飞绘文AI配图与绘图模型合集

本专题讲解讯飞绘文AI配图与绘图2.0 Pro,覆盖提示词、画面比例、参考图、风格选择及图片优化,帮助用户制作匹配内容的视觉素材。

0

2026.10.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Golangci-lint命令行使用演示
Golangci-lint命令行使用演示

共0课时 | 0人学习

JDK 27官方文档
JDK 27官方文档

共0课时 | 0人学习

LLVM入门手册
LLVM入门手册

共0课时 | 0人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn