拓展项目三 老年人食谱与运动养生﹒触摸屏系统开发公开课

项目三老年人食谱与运动养生・触摸屏系统开发

一客户需求

本展项由触控一体机和多媒体节目构成。将老年人营养食谱的做法和运动

养生的方法制作成视须（或者找已做好的视须）,然后将视须在触摸屏幕上运

行。预计10~12个视频。

-一项目策划方案

以下方案由宁波市科协提供

一、老年人营养食谱用料做法

1.营养食谱：五香牛肉片、油煎豆腐烧肉、胡萝卜炒黑木耳、金针木耳炖鸭、

花生红枣鸡、冰糖山药、川贝雪梨炖猪肺、山药大枣粥、油菜香菇、海带炖豆

腐。

2.内容：原料、做法、功效。

例：五香牛肉片

原料：牛肉2000g料酒、昔油、白糖、葱、姜、荷杳、桂皮、丁杳、八

角、花椒适量

做法：

牛肉（肘子部位）按肌肉纤维用刀纵向切开后，用竹针在肉块上戳出小洞，

放上盐反复搓擦，腌4小时后，入开水中略煮，捞出入锅中，放入姜、葱、茴

香、桂皮、丁香、八角、花椒、白糖、酱油、料酒后，大火煮开去浮沫，改用

小火弱4小时至汤快干时，捞出冷透切片即可。

功效:温阳散寒。

二、运动养生

1.老年人运动项目：广场舞、散步、扭狭歌、太极拳、气功

2.内容：运动作用

例：广场舞

广场舞蹈历史悠久，源远流长。它源于社会生活，产生在人民群众之中，

群众是广场舞的创作者和表演者。

广场舞具有体育锻炼的价值，经常进行排舞练习，心血管和呼吸系统都能

得到良好的锻炼，改善心肺功能，加速新陈代谢过程，促进消化，消除大

脑疲劳和精神紧张，从而达到增强体质，增进健康，延缓衰退，提高人体的活

动能力等良好的健身作用。

》一脚本设计

一、老年人营养食谱用料做法——五香牛肉片

表3-1“五香牛肉片”文字脚本

镜头内容时长旁白

在主场景的中心位置以文字的形式展示根据食谱内

1完整食谱；在图片切换区循环展示该食谱的58s容进行配音

相关配料。

运动养生——广场舞

表3-2“广场舞”文字脚本

镜头内容时长旁白

在主场景的视频区域中展示广场舞的片根据广场舞

1段；在视频下方以文字的形式展示广场舞的42s的运动作用进行

运动功效。配音。

一-造型设计

一、老年人营养食谱用料做法——五香牛肉片

图3-1“五香牛肉片”选取图片素材

二、运动养生——广场舞

图3-2“广场舞”选取视频素材

4场景设计

老年人营养食谱用料做法——五香牛肉片

图3-3“五香牛肉片”场景设定

运动养生——广场舞

图3-4“广场舞”场景设定

、■动画制作

一、老年人营养食谱用料做法——五香牛肉片

1、在“场景”面板中新建一个名为“1-1”的动画场景，如图3-5所示。

图3-5新建场景

2、在“属性”面板中设置舞台大小为“1024*768像素’’（触摸屏实际分辨率）、

帧速为"25FPS"，如图3-6所示。

图3-6文档参数设置

3、将设计好的主场景和配好的解说词导入到舞台中，分别放置在“场景”图层

和“配音”图层中，并且根据实际的配音长度延长时间轴上的帧数，如图3-7所

不0

图3-7导入场景与配音

为了保证在编辑过程中能够实现“声画同步”，在属性面板中将音频同步方

式改为“数据流”，如图3-8所示。

图3-8音频同步方式

4、新建“配料展示”影片剪辑元件，并将“五香牛肉片”的相关配料以逐帧动

画的方式设置每张图片的宽度均为500Px（等比例放缩）、对齐到元件中心，如

图3-9所示。

图3-9"配料展示"影片剪辑元件制作

5、返回场景1-1,将制作好的“配料展示”影片剪辑元件拖动到“配料”图层

中，并调整其位置到背景的“图片切换区”处，如图3-10所示。

各i-i包aso%

e0®.a■二，

e♦。口•_________

图3-10在场景中调整“配料展示”元件的位置

6、新建“显示”图层，根据背景中的“图片切换区”的大小和位置利用椭圆工

具◎绘制一个圆形遮罩区域，并设置为遮罩层，如图3-11所示。

图3-11合成"五香牛肉片”场景

运动养生——广场舞

在“场景”面板中新建一个名为"2-1"的动画场景，将设计好的主场景、

视频和配好的解说词导入到舞台中，分别放置在“场景”图层、“视频”图层和

“配音”图层中，并且根据实际的配音长度延长时间轴上的帧数，如图3-12所

图3-12合成“广场舞”场景

利用上述制作方法完成所有营养食谱与运动养生的动画场景。

〜后期合成与包装

1、根据客户需求，作品必须在一个文件中能够进行交互操作，因此需要设计一

个主场景（flash中的场景名称为“0”）、营养食谱分场景（flash中的场景名称

为“V）和运动养生分场景（flash中的场景名称为"2"）,与之前所制作好的

所有动画场景之间进行交互，如图3-13所示。

c

晶前1与国廨型

:曲［枣回

图3-13交互场景设计

2、用来实现交互技术，新建一个“交互”按钮元件，并在“点击”帧处绘制一

个矩形，完成一个空按钮来实现交互效果，如图3-14所示。

图3-14空按钮制作

3、在主场景“0”的对应位置处制作交互按钮，分别链接到营养食谱分场景“V

和运动养生分场景"2"中。以链接营养食谱分场景为例，首先在“主场景,图

层的第1帧上写上代码“stop。;”，然后在空按钮上写上跳转代码，如图3-15所

r1-动作

司交互按钮♦♦■

ActionScript1.0&2.0v在QeV春《同

1周全局函数一寸stop。；

硼|

ActionScript1.0&2.0G0①▼登周代码片断、

管全信函数1on(press){

gotoAndStop(r1);

y影片剪辑控制3}

通时间轴控制

@gotoAndPlay

@gotoAndStop

@nextFrame

@nextScene

图3-15交互代码

4、利用同样的方法实现所有场景之间的交互功能，如图3-16所示。

运晰生

图3-16各场景交互

5、在各个动画场景中制作一个“返回”按钮元件实现与分场景主页的交互，以

“五香牛肉片”场景为例，新建“返回”按钮元件，在图层1的“弹起”帧中,

利用矩形工具I口I,设置笔触颜色为绿色、填充颜色为浅蓝色,笔触高度为3.5px,

圆角弧度为50,在元件中心绘制一个圆角矩形，如图3-17所示。

图3-17“返回”按钮元件外形设计

6、新建图层2,在图层2中利用文本工具口■,设置字体为微软雅黑，颜色为

深绿色，制作“返回”文字，并与圆角矩形中心对齐，如图3-18所示。

图3-18“返回”文字制作

7、在两个图层的“点击”帧处，利用快捷键F5实现帧的延续，如