項目三老年人食譜與運動養生?觸摸屏系統開發

一客戶需求

本展項由觸控一體機和多媒體節目構成。將老年人營養食譜的做法和運動

養生的方法制作成視須（或者找已做好的視須）,然后將視須在觸摸屏幕上運

行。預計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實現幀的延續，如