动画设计-电子书篇

1、動畫設計電子書篇動畫設計電子書篇1任課教師：黃雅雯老師教學助理：王偉名課程大綱u上課時間：電子書(四週)9/29(三) ：電子書範例展示、工具使用介紹、收集素材。10/6(三)：電子書頁面教學與實作。(PhotoShop) 10/13(三)：目錄翻頁及匯入影片、聲音。(Flash)10/20(三)：成果分享與切磋。10/27 上課前繳交作業。2電子書展示3電子書樣板操作原理說明u 開起電子書樣版E-Book目錄，E-Book目錄下包含：pages目錄：存放電子書各頁的內容。config.xml：電子書樣版的程式。main.swf：電子書的執行成果。data目錄：存放收集製作電子書所需使用到的圖

2、片、影片、聲音等。4這些檔案間都有相連性，不瞭解各個檔案間的關連性時，建議別自行改檔名。電子書內容製作先前準備先前準備u規劃電子書的腳本。電子書內想放些什麼樣的資料，各頁以何種方式呈現。u收集各類檔案。將電子書所收集的圖片、照片、影片、聲音等檔案放在data目錄下，以製作時方便找尋。5電子書內容製作腳本構思腳本構思主題：幸福歡樂家庭生活紀錄冊製作主題：幸福歡樂家庭生活紀錄冊製作u封面 page01u目錄 page02page03u家庭成員簡介。(照片、文字) page04page05u成長紀錄。 (照片、文字) page06page11u旅遊點滴。(照片、文字) page12page17u歡樂

3、家庭紀錄影片。 (影片、聲音) 含在page06page17中搭配軟體：PhotoShop製作電子書底圖、照片、文字部分。Flash 製作影片、聲音、目錄翻頁。6PhotoShop簡介7u PhotoShop 、Flash軟體試用版下載http:/ u 網路芳鄰分享PhotoShop簡介8u 執行Photoshop軟體認識環境 功能表 選項列 工具面板 工作區 面版群組PhotoShop簡介9u 開新檔案自行製作底圖u 開啟舊檔利用圖片修改成底圖電子書內容製作-頁面製作u生活紀錄冊底圖製作。開啟底圖圖檔。(e-bookdatabg)10選取縮圖，方便找圖電子書內容製作-頁面製作u生活紀錄冊底圖

4、製作。 設定版面：搭配紀念冊的頁面。(寬625px 、高933px)11電子書內容製作-頁面製作u生活紀錄冊成員簡介製作12圖層的概念圖層的概念圖層紀錄冊背景圖顯示為可看見鎖住時無法編輯垃圾筒新增圖層特效功能電子書內容製作-頁面製作u加入標題：家庭成員簡介建立新圖層新增圖層1來放置家庭成員簡介文字13新增一圖層電子書內容製作-頁面製作u加入標題：家庭成員簡介選擇文字工具選項自動產生一個名為圖層1的新圖層14文字工具電子書內容製作-頁面製作在適當位置輸入家庭成員簡介 ，並調整字體字型、大小、顏色等。選擇圖層1，按左鍵滑鼠點一下更改名稱為家庭成員簡介，以利未來修改容易找尋圖層。 15電子書內容製作

5、-頁面製作開啟家庭成員照片(開啟舊檔，選擇照片存放位置)16旁邊多了一個非家庭成員的合照，破壞了畫面。要將這個人去除，以美化版面。電子書內容製作-頁面製作利用剪裁工具，選擇所要裁切的照片。按住滑鼠左鍵不放，框選所要的照片。確定之後，按Enter 即完成裁切。17虛線框為框選部份剪裁工具電子書內容製作-頁面製作為方便將剪裁後的團體照放入家庭成員簡介中，可利用排列圖片的方式，同時看到兩個畫面。18選擇兩欄式選擇選取工具選取右邊的家庭團照拖曳至右邊的家庭成員簡介中。電子書內容製作-頁面製作19選取工具拖曳電子書內容製作合併之後，即可關閉團體照片檔案。20關閉電子書內容製作多了一個圖層1(此圖層為全家

6、團照) ，按左鍵滑鼠點一下更改名稱為團體照，以利未來修改容易找尋圖層。 21電子書內容製作團體照的尺寸大小超過原頁面，需縮小團體照的尺寸。因要修改團體照的尺寸，需選擇團體照團體照圖層。選擇編輯 任意變形 (Ctrl+T)直接選取四周控制點放大縮小或直接輸入控制值。22強制控制長寬比例電子書內容製作-頁面製作多了一個圖層1(此圖層為全家團照) ，按左鍵滑鼠點一下更改名稱為團體照，以利未來修改容易找尋圖層。 23電子書內容製作-頁面製作將剪裁縮放後的團體照移至適當位置。24電子書內容製作-頁面製作將團體照做些變化，美化版面。251. 選擇團體照圖層2. 選擇特效3. 選擇混合選項電子書內容製作-頁

7、面製作將團體照做些變化，美化版面(加外框)。261. 將照片加外框3. 改變顏色4. 預視結果2. 挑選顏色12345. 框線粗細5電子書內容製作-頁面製作將團體照做些變化，美化版面(加陰影)。271.將照片加陰影2.改變顏色3.調整陰影角度4.陰影尺寸1234電子書內容製作-頁面製作團體照完成圖及觀察對應的圖層變化。28增加部份電子書內容製作-頁面製作家庭成員團體照下面加些簡介的文字。29依據文字版面需求，可選擇水平文字或垂直文字。選擇適當位置輸入文字或從文件複製過來貼上。電子書內容製作-頁面製作修改家庭成員簡介字體及圖層名稱。30圖層改名為成員簡介電子書內容製作-頁面製作 比照前述方式，將兩張照片分別拉至電子書頁面上。31利用橡皮擦工具將照片四周去除，可針對照片產生造型。電子書內容製作-頁面製作321232 選擇橡皮擦樣式及尺寸3 自行調整擦式區域大小選擇區域銳度低的，效果感覺比較好。選取照片對應圖層，進行照片擦拭區域。電子書內容製作-頁面製作331不透明度:100%擦拭很乾淨不透明度：70%不是很乾淨不透明度：30%沒什麼感覺不透明度:100%不透明度:70%不透明度:30%電子書內容製作-頁面製作 分別利用橡皮擦及不透明度產生出有變化的照片。34電子書內容製作-頁面製作搭配移動工具來讓圖層重疊，製造出不同的效果。35電子書內容製作-頁面製作先儲存Photo