 |
|
利用圖層把葉子從綠轉紅 |
|
圖層效果的補間動畫，可以利用圖層樣式的改變產生動畫。
以下將示範楓葉由綠轉紅的變化過程。範例檔案由「背景」及從背景複製出來的「葉子」兩個圖層所構成。
|
|
|
|
|
 |
|
做出創意又可愛的桌面時鐘 |
|
取得電腦的時間做為變數的內容，並控制指針的旋轉角度，搭配背景影像製作可愛的時鐘動畫。
Step 1
開啟Clock.FLA 檔案，元件庫包含動畫所需要的元件。
Step
|
|
|
|
|
 |
|
讓繪本動起來 |
|
通常數位繪本都以介紹書名、作者及配音者的方式開始，所以此段語音內容剛好做為片頭開場白使用，搭配的封面圖片也在「主圖」圖層上場，務必將此圖片及後續登場的
|
|
|
|
|
 |
|
動態按鈕的製作 |
|
使用滑鼠指標移控制影像的變換。二張相同尺寸的影像，參考以下的說明來製作動態按鈕。
Step 1.
開啟「toy1.jpg」到工作區。
Step 2.
執行「編輯- 插入- 矩
|
|
|
|
|
 |
|
補間動畫搶先學 |
|
利用 Flash CS4 新功能 移動補間動畫，一開始先調整主角 "青蛙" 的手腳動作，接著加入與調整移動路徑，讓 "青蛙" 快樂的跳躍在荷葉上。
設
|
|
|
|
|
 |
|
網頁配色技巧 |
|
藝術網頁的版式比較多樣化，例如：直觀而熱烈的滿版型，四邊出血、向外擴張；還有符合年輕人口味的曲線型；使網頁具有強烈視覺效果的焦點型等。在色彩的運用上也
|
|
|
|
|
 |
|
修改CSS 版面玩美必修技 |
|
只要修改預設的CSS 規則及輸入取代預設的文字即可。請先將檔案存檔為「travel.html」。CSS 版面是由一個一個區塊所組成，首先修改標題列區塊，將文字換成圖片。
|
|
|
|
|
 |
|
超美影像地圖 |
|
影像地圖可以讓網頁的版面更美觀，而且製作出來的網頁不會因瀏覽器的不同，而造成視覺上的差異。製作影像地圖以前，請先使用影像處理軟體( 例如Photoshop 或Phot
|
|
|
|
|
 |
|
打地鼠遊戲製作 |
|
在這個範例中，我們使用滑鼠把冒出來的地鼠打掉，被打到的地鼠，臉上會露出痛苦的表情，一樣是利用計時器和按鈕的組合，使用的語法和上個範例類似。
01 首先，
|
|
|
|
|
 |
|
連結外部CSS樣式表檔 |
|
定義 CSS 樣式表的來源時，可以將它定義為一個單獨的檔案，也就是Dreamweaver 會將所設定 CSS 樣式匯出成為一個副檔名為 .css 的檔案。也因為這個檔案是單獨存在
|
|
|
|
|
 |
|
在網頁建立郵件超連結 |
|
在網頁中常以 E-mail 做為意見表達或聯絡的方法，它能讓網站經營者與瀏覽者間擁有良好的互動，進而透過文字交流聽見更多建言與鼓勵，其建立郵件超連結請參考如下
|
|
|
|
|
 |
|
滑動影像秀 |
|
匯入多張影像文件後，使用動作指令控制影像的滑動顯示，點選按鈕後將影像展示在使用者前面。
Step 1 新增「AS2.0」文件，參考下圖設定文件的屬性。
Step
|
|
|
|
|
 |
|
雜點！照片的致命傷 |
|
現在的相機強調「高 I S O 」， I S O 值越高， 越能在昏暗的環境中感光， 即使不開閃燈也能拍照。室內的光線當然比不上戶外，所以相機會自動拉高ISO，當我們嘗
|
|
|
|
|
 |
|
如何設定背景透明的 Flash 動畫？ |
|
如果 Flash 動畫放置在一個有指定背景顏色的頁面上，而背景色又與 Flash 本身的背景色不同時，如左下圖，就會另人感到頁面不協調！可否去除 Flash 動畫本身的背
|
|
|
|
|