與、一起合稱網頁制作三劍客,可是如果我們沒有學會很好地利用它,那就與未出鞘的寶劍一樣,難見光芒。所謂萬事靠積累,只有多學多練才能讓劍客真正發(fā)揮威力。今天就讓我們來看一下如何利用fireworks 4.0制作一個旋轉文字的小動畫,希望能對您有所幫助。
1、建立新文件:
啟動fireworks 4.0,按ctrl+n鍵新建一個工作區(qū),設置工作區(qū)寬度(width)為400,高度(height)為300,顏色為黑色,其余依照默認值。
2、輸入文本圖形:
首先單擊文本工具(就是那個“a”),設置參數如下:字體為“華文行楷”,大小為“20”,顏色為“紅色(#ff0000)”,其余的不用管它。然后在文本欄里輸入文字,單擊ok按鈕。用箭頭工具選擇并移動文本到工作區(qū)稍微靠上的位置,接下來在windows→effect面板中選擇shadowandglow→glow(發(fā)光)選項,設置具體參數如下:寬度為2,柔化度為1,顏色為黃色(#ffff00),透明度為100%.此時文本效果如圖1所示。
圖1
3、制作文本圖形的分布路徑:
首先取消對文本圖形的選擇,然后單擊橢圓形工具(找不到?按矩形選擇工具兩秒鐘看看會不會出現!),在stroke和fill面板中均選擇none.按住shift鍵在畫布中畫一個標準的圓形。按ctrl+a鍵,或者單擊箭頭選擇工具,按住shift鍵分別點擊文本圖形和圓形,從而將二者全部選定,單擊text→attachtopath選項或者按快捷鍵ctrl+shift+y,是不是看到文本圖形乖乖地沿著路徑進行了分布呢?哈哈,先不要得意的太早,路漫漫其修遠兮……如果你看到的文本圖形并未分布均勻的話,那么請用鼠標左鍵雙擊文本圖形,在彈出的文本參數對話框中修改av的值,直到文本圖形沿路徑均勻分布到令你滿意的狀態(tài)為止。
4、開始制作動畫:
選中圖形,單擊insert→converttosymbol…(轉變?yōu)榉枺┻x項或者按f8鍵,在其對話框中將符號圖形命名為“text”,并選擇“graphic”(圖案)選項,單擊ok按鈕,此時圖形就被轉化為圖形符號了,并且被一個左下角有小箭頭標記的虛線框包圍著。
5、克隆圖例:
單擊edit→clone選項或者按ctrl+shift+d鍵克隆一個圖例出來(前提是工作區(qū)的圖例處于被選中狀態(tài)),然后單擊比例變換工具,可以看到圖例周圍出現了八個小方塊,拖動鼠標,將克隆出來的圖例順時針旋轉一定的角度(如圖2)。使用同樣的方法將當前圖例再克隆一個并再次旋轉一定角度。總共連續(xù)三次(也可以更多次)執(zhí)行此操作。
圖2
6、創(chuàng)建動畫:
按ctrl+a鍵選中所有圖形,單擊modify→symbol→tweeninstances…選項,在彈出的對話框中輸入步驟(steps)為3,單擊選中“distributetoframes”選項,最后單擊ok按鈕。這時我們打開frame面板,可以發(fā)現fireworks已經自動加入了很多幀,到此為止,我們的旋轉動畫已經完成一大半了。
7、加入修飾圖形:
在幀面板(frames)中單擊第1幀,單擊畫布空白處,取消所有圖形的選擇。單擊橢圓形工具,設置筆刷顏色為無色(none),油漆桶顏色為紅色。在stroke面板中選擇填充方式為none.在fill面板中選擇cone,并單擊edit按鈕將漸變色調整為紅、黃漸變,按住shift鍵在畫布上的文本中畫一個圓形,并使之居中(使圓形居中的方法:按ctrl+a選中所有圖形,然后在上方的工具欄上先后選擇對齊方式為“水平居中”和“垂直居中”)。對圓形進一步修飾,在windows→effect面板中選擇shadowandglow→glow選項,設置具體的發(fā)光參數如下:寬度為6,柔化度為6,下面的offset為6,顏色為黃色(#ffff00),透明度為100%.如果最后的填充效果并不能使你滿意,你還可以單擊油漆桶工具,可以看到在圓形上面出現了一個小圓點和一個小方塊,試著拖動其中的任意一個,就會出現不同的填充效果。
|||
與、一起合稱網頁制作三劍客,可是如果我們沒有學會很好地利用它,那就與未出鞘的寶劍一樣,難見光芒。所謂萬事靠積累,只有多學多練才能讓劍客真正發(fā)揮威力。今天就讓我們來看一下如何利用fireworks 4.0制作一個旋轉文字的小動畫,希望能對您有所幫助。
1、建立新文件:
啟動fireworks 4.0,按ctrl+n鍵新建一個工作區(qū),設置工作區(qū)寬度(width)為400,高度(height)為300,顏色為黑色,其余依照默認值。
2、輸入文本圖形:
首先單擊文本工具(就是那個“a”),設置參數如下:字體為“華文行楷”,大小為“20”,顏色為“紅色(#ff0000)”,其余的不用管它。然后在文本欄里輸入文字,單擊ok按鈕。用箭頭工具選擇并移動文本到工作區(qū)稍微靠上的位置,接下來在windows→effect面板中選擇shadowandglow→glow(發(fā)光)選項,設置具體參數如下:寬度為2,柔化度為1,顏色為黃色(#ffff00),透明度為100%.此時文本效果如圖1所示。
圖1
3、制作文本圖形的分布路徑:
首先取消對文本圖形的選擇,然后單擊橢圓形工具(找不到?按矩形選擇工具兩秒鐘看看會不會出現!),在stroke和fill面板中均選擇none.按住shift鍵在畫布中畫一個標準的圓形。按ctrl+a鍵,或者單擊箭頭選擇工具,按住shift鍵分別點擊文本圖形和圓形,從而將二者全部選定,單擊text→attachtopath選項或者按快捷鍵ctrl+shift+y,是不是看到文本圖形乖乖地沿著路徑進行了分布呢?哈哈,先不要得意的太早,路漫漫其修遠兮……如果你看到的文本圖形并未分布均勻的話,那么請用鼠標左鍵雙擊文本圖形,在彈出的文本參數對話框中修改av的值,直到文本圖形沿路徑均勻分布到令你滿意的狀態(tài)為止。
4、開始制作動畫:
選中圖形,單擊insert→converttosymbol…(轉變?yōu)榉枺┻x項或者按f8鍵,在其對話框中將符號圖形命名為“text”,并選擇“graphic”(圖案)選項,單擊ok按鈕,此時圖形就被轉化為圖形符號了,并且被一個左下角有小箭頭標記的虛線框包圍著。
5、克隆圖例:
單擊edit→clone選項或者按ctrl+shift+d鍵克隆一個圖例出來(前提是工作區(qū)的圖例處于被選中狀態(tài)),然后單擊比例變換工具,可以看到圖例周圍出現了八個小方塊,拖動鼠標,將克隆出來的圖例順時針旋轉一定的角度(如圖2)。使用同樣的方法將當前圖例再克隆一個并再次旋轉一定角度。總共連續(xù)三次(也可以更多次)執(zhí)行此操作。
圖2
6、創(chuàng)建動畫:
按ctrl+a鍵選中所有圖形,單擊modify→symbol→tweeninstances…選項,在彈出的對話框中輸入步驟(steps)為3,單擊選中“distributetoframes”選項,最后單擊ok按鈕。這時我們打開frame面板,可以發(fā)現fireworks已經自動加入了很多幀,到此為止,我們的旋轉動畫已經完成一大半了。
7、加入修飾圖形:
在幀面板(frames)中單擊第1幀,單擊畫布空白處,取消所有圖形的選擇。單擊橢圓形工具,設置筆刷顏色為無色(none),油漆桶顏色為紅色。在stroke面板中選擇填充方式為none.在fill面板中選擇cone,并單擊edit按鈕將漸變色調整為紅、黃漸變,按住shift鍵在畫布上的文本中畫一個圓形,并使之居中(使圓形居中的方法:按ctrl+a選中所有圖形,然后在上方的工具欄上先后選擇對齊方式為“水平居中”和“垂直居中”)。對圓形進一步修飾,在windows→effect面板中選擇shadowandglow→glow選項,設置具體的發(fā)光參數如下:寬度為6,柔化度為6,下面的offset為6,顏色為黃色(#ffff00),透明度為100%.如果最后的填充效果并不能使你滿意,你還可以單擊油漆桶工具,可以看到在圓形上面出現了一個小圓點和一個小方塊,試著拖動其中的任意一個,就會出現不同的填充效果。
|||
8、復制圓形及其效果到其他幀:
在第1幀中選中圓形(注意切不可選中周圍的文本圖形),單擊幀面板(frames
新聞熱點
疑難解答