第17章Cool 3D动态标题文字 - HTML网页基础语言.pptVIP

第17章 Cool 3D動態標題文字 17-1 Cool 3D的基礎 17-2 Cool 3D製作3D標題文字 17-3 Cool 3D主畫格動畫製作 17-4 建立GIF動畫檔 17-5 Cool 3D的工作室百寶箱 17-6 Cool 3D的外掛特效 17-1 Cool 3D的基礎-說明 Ulead Cool 3D是友立公司的產品，屬於一套3D動畫工具，提供簡單易用的使用者介面，只需套用現成的斜角、位置、方向、色彩與光線、材質、移動和相機等樣式和特效，就可以產生網頁3D效果的按鈕、橫幅廣告和標題文字。 17-1 Cool 3D的基礎-X軸 X軸是指文字物件隨著X軸移動，也就是從左向右或右向左移動。 17-1 Cool 3D的基礎-Y軸 Y軸是指文字物件隨著Y軸移動，也就是從上向下或下向上移動。 17-1 Cool 3D的基礎-Z軸 Z軸是指文字物件隨著Z軸移動，也就是往前或往後移動，負值是向您的方向移動，所以物件會放大，正值是反方向往後移動，因為離您愈來愈遠，物件尺寸會縮小。 17-2 Cool 3D製作3D標題文字 17-2-1 製作立體標題文字物件 17-2-2 圖庫樣式 17-2-3 光線與色彩樣式 17-2-4 材質樣式 17-2-5 斜角樣式 17-2-1 製作立體標題文字物件 現在筆者準備從啟動Ulead Cool 3D開始，使用Ulead Cool 3D建立擁有3D效果的標題文字。 17-2-2 圖庫樣式 在「百寶箱」【物件樣式】下的【圖庫】樣式提供很多現成的縮圖範本，範本包含光線、斜角、表面色彩和材質等樣式，可以直接套用在工作區的文字物件。 17-2-3 光線與色彩樣式 在「百寶箱」【物件樣式】下的【光線與色彩】樣式提供很多現成的縮圖範本，可以替工作區的文字物件套用光線與色彩。 Ulead Cool 3D的光線擁有四個光源，在「屬性」工具列可以精確調整光源的色彩和位置，如下圖所示： 17-2-4 材質樣式 在「百寶箱」【物件樣式】下的【材質】樣式提供很多現成的縮圖範本，可以輕鬆在工作區文字物件套用材質填滿的效果。 17-2-5 斜角樣式 在「百寶箱」【物件樣式】下擁有【斜角】樣式，可以建立平面、圓形和凹槽模式等立體文字效果，如下圖所示： 突出：延長斜角邊緣的文字深度，數字愈大，文字愈深。 比例：字母邊緣往外向相鄰字母延伸的距離，愈大，字母愈胖。 框線：文字表面向外延伸的距離，數值愈大，曲率愈大。 深度：文字表面與邊緣的距離，數值愈大，斜角愈大。 精確度：斜角表面的平滑程度與尖銳度， 17-3 Cool 3D主畫格動畫製作 Ulead Cool 3D的主畫格可以製作複雜的動畫效果，將動畫過程分割成數個部分來處理，例如：一個文字物件在前10個畫格向右旋轉，然後在後10個畫格向左旋轉，此時我們可以建立兩個主畫格，然後設定不同的動畫效果。 17-4 建立GIF動畫檔 在建立好3D動畫後，Ulead Cool 3D可以建立成GIF動畫檔，換句話說，可以將Cool 3D建立的動畫檔轉換成網頁使用的動畫GIF圖檔。 17-5 Cool 3D的工作室百寶箱 17-5-1 組合作品 17-5-2 背景 17-5-3 形狀 17-5-4 物件 17-5-5 移動 17-5-6 相機 17-5-1 組合作品 在【組合作品】特效擁有現成的動態標題文字，可以直接套用縮圖範本，在修改文字內容後成為所需的3D動畫。 17-5-2 背景 在【背景】特效可以設定標題文字的背景色彩，或是套用現成縮圖範本的背景圖片。 17-5-3 形狀 在【形狀】特效可以將一些預設的圖形物件插入標題文字，馬上增加標題文字的可看性。 17-5-4 物件 在【物件】特效如同【形狀】特效也提供預設的圖形物件，可以馬上插入標題文字，建立圖形物件的動態效果。 17-5-5 移動 在【移動】特效擁有一些預設移動或旋轉的動態效果，可以直接將標題文字套用所需的移動效果。 17-5-6 相機 在【相機】特效提供相機鏡頭搬移動的動態效果，可以直接將標題文字套用鏡頭拉近或拉遠產生的動畫特效。 17-6 Cool 3D的外掛特效 * *