- Flash CS6中文版應用教程(第三版)
- 張凡
- 4960字
- 2020-06-18 18:06:01
2.7 實例講解
本節將通過4個實例來對Flash CS6的繪制與編輯方面的相關知識進行具體應用,旨在幫助讀者快速掌握Flash CS6的繪制與編輯。
2.7.1 制作線框文字效果
要點
本例將制作紅點線框勾邊的中空文字,效果如圖2-181所示。通過學習本例,讀者應掌握如何改變文檔大小,以及 (文字工具)和
(墨水瓶工具)的使用方法。

圖2-181 線框文字
操作步驟
(1)啟動Flash CS6軟件,新建一個Flash文件(ActionScript 2.0)。
(2)改變文檔大小和背景顏色。方法:執行菜單欄中的“修改|文檔”(快捷鍵〈Ctrl+J〉)命令,在彈出的“文檔設置”對話框中設置“尺寸”為350像素×75像素,“背景顏色”為藍色(#000066),然后單擊“確定”按鈕,如圖2-182所示。

圖2-182 設置文檔屬性
(3)選擇工具箱中的(文本工具),在“屬性”面板中進行如圖2-183所示的參數設置,然后在工作區中單擊,輸入文字“Adobe”,接著打開“對齊”面板,選中“與舞臺對齊”復選框,再單擊
(水平中齊)和
(垂直中齊)按鈕(見圖2-184),將文字中心對齊,效果如圖2-185所示。

圖2-183 設置文字屬性

圖2-184 設置“對齊”面板

圖2-185 輸入文字Adobe并中心對齊后的效果
(4)執行菜單欄中的“修改|分離”(快捷鍵〈Ctrl+B〉)命令兩次,將文字分離為圖形。
提示
第1次執行“分離”命令,將整體文字分離為單個字母,如圖2-186所示;第2次執行“分離”命令,將單個字母分離為圖形,如圖2-187所示。

圖2-186 將整體文字分離為單個字母

圖2-187 將單個字母分離為圖形
(5)對文字進行描邊處理。方法:單擊工具箱中的(墨水瓶工具),將顏色設為綠色(#00CC00),然后對文字進行描邊。最后按〈Delete〉鍵刪除填充區域,效果如圖2-188所示。

圖2-188 對文字描邊后刪除填充區域的效果
提示
字母A的內邊界也需要單擊,否則內部邊界將不會被加上邊框。
(6)對描邊線段進行處理。方法:選擇工具箱中的(選擇工具),框選所有的文字,然后在“屬性”面板中單擊
(編輯筆觸樣式)按鈕,如圖2-189所示。接著在彈出的“筆觸樣式”對話框中設置參數(見圖2-190),最后單擊“確定”按鈕,效果如圖2-191所示。

圖2-189 單擊 (編輯筆觸樣式)按鈕

圖2-190 “筆觸樣式”對話框

圖2-191 對描邊線段進行處理后的效果
提示
通過該對話框可以得到多種不同線形的邊框。
2.7.2 制作鉻金屬文字效果
要點
本例將制作具有不同筆觸漸變色和填充漸變色的鉻金屬文字,效果如圖2-192所示。通過學習本例,讀者應掌握對文字筆觸和填充施加不同漸變色的方法。

圖2-192 鉻金屬文字
操作步驟
(1)啟動Flash CS6軟件,新建一個Flash文件(ActionScript 2.0)。
(2)改變文檔大小。方法:執行菜單欄中的“修改|文檔”(快捷鍵〈Ctrl+J〉)命令,在彈出的“文檔設置”對話框中設置“尺寸”為550像素×150像素,“背景顏色”為藍色(#000066),然后單擊“確定”按鈕,如圖2-193所示。

圖2-193 設置文檔屬性
(3)選擇工具箱中的(文本工具),在“屬性”面板中進行如圖2-194所示的參數設置,然后在工作區中單擊,輸入文字“FLASH”。
(4)打開“對齊”面板,將文字中心對齊,效果如圖2-195所示。

圖2-194 設置文本屬性

圖2-195 輸入文字并對齊
(5)執行菜單欄中的“修改|分離”(快捷鍵〈Ctrl+B〉)命令兩次,將文字分離為圖形。
(6)對文字進行描邊處理。方法:單擊工具箱中的(墨水瓶工具),將筆觸顏色設置為
(黑白漸變),然后依次單擊文字邊框,使文字周圍出現黑白漸變邊框,如圖2-196所示。

圖2-196 文字周圍出現黑白漸變邊框
(7)此時選中的為文字填充部分,為便于對文字填充和線條區域分別進行操作,下面將填充區域轉換為元件。方法:執行菜單欄中的“修改|轉換為元件”(快捷鍵〈F8〉)命令,在彈出的“轉換為元件”對話框中輸入元件名稱fill(見圖2-197),然后單擊“確定”按鈕,進入fill元件的影片剪輯編輯模式,如圖2-198所示。

圖2-197 輸入元件名稱

圖2-198 轉換為元件
(8)對文字邊線進行處理。方法:按〈Delete〉鍵刪除fill元件,然后利用(選擇工具),框選所有的文字邊線,并在“屬性”面板中將筆觸高度改為7.00(見圖2-199),效果如圖2-200所示。

圖2-199 將筆觸高度改為7.00

圖2-200 將筆觸高度改為7.00的效果
提示
由于將文字填充區域轉換為了元件,因此雖然暫時刪除了它,但以后還可以從庫中隨時調出fill元件。
(9)此時黑-白漸變是針對每一個字母的,這是不正確的。為了解決這個問題,下面選擇工具箱中的(墨水瓶工具),在文字邊線上單擊,從而對所有的字母邊線進行一次統一的黑-白漸變填充,如圖2-201所示。
(10)此時漸變方向為從左到右,而我們需要的是從上到下,為了解決這個問題,需要使用工具箱中的(漸變變形工具)處理漸變方向,效果如圖2-202所示。

圖2-201 對文字邊線進行統一漸變填充

圖2-202 調整文字邊線的漸變方向
(11)對文字填充部分進行處理。方法:執行菜單欄中的“窗口|庫”(快捷鍵〈Ctrl+L〉)命令,打開“庫”面板,如圖2-203所示。然后雙擊fill元件,進入影片剪輯編輯狀態。接著選擇工具箱中的(顏料桶工具),設置填充色為
(鉻金屬漸變),對文字進行填充,如圖2-204所示。
(12)利用工具箱中的(顏料桶工具),對文字進行統一的漸變顏色填充,如圖2-205所示。

圖2-203 “庫”面板

圖2-204 對文字進行填充

圖2-205 對文字進行統一的漸變顏色填充
(13)利用工具箱中的(漸變變形工具)處理文字漸變,如圖2-206所示。
(14)單擊按鈕(快捷鍵〈Ctrl+E〉),返回“場景1”。
(15)將庫中的fill元件拖到工作區中。然后選擇工具箱中的(選擇工具),將調入的fill元件拖動到文字邊線的中間,效果如圖2-207所示。

圖2-206 調整文字漸變方向

圖2-207 將fill元件拖動到文字邊線中間
(16)執行菜單欄中的“控制|測試影片|測試”(快捷鍵〈Ctrl+Enter〉)命令,即可看到效果。
2.7.3 繪制人臉圖形
要點
本例將繪制一個人臉圖形,如圖2-208所示。通過學習本例,應掌握在 (橢圓工具)、
(矩形工具)、
(選擇工具)、
(部分選取工具)、
(鋼筆工具)和
(線條工具)繪制圖形的方法。

圖2-208 制作人臉圖形
操作步驟
(1)啟動Flash CS6軟件,新建一個Flash文件(ActionScript 2.0)。
(2)執行菜單欄中的“修改|文檔”(快捷鍵〈Ctrl+J〉)命令,在彈出的“文檔屬性”對話框中設置相關參數,單擊“確定”按鈕,如圖2-209所示。
(3)選擇工具箱中的(橢圓工具),設置筆觸顏色為黑色,填充顏色為
(無色),然后配合鍵盤上的〈Shift〉鍵繪制一個正圓形,并在屬性面板中設置圓形的寬和高為235,如圖2-210所示,結果如圖2-211所示。

圖2-209 設置文檔屬性

圖2-210 設置圓形參數

圖2-211 繪制的正圓形
(4)利用工具箱中的(選擇工具)選擇剛創建的正圓形,然后配合鍵盤上的〈Alt〉鍵向下復制正圓形,如圖2-212所示。
(5)利用工具箱中的(選擇工具)選擇兩圓相交上半部的弧線,按鍵盤上的〈Delete〉鍵進行刪除,結果如圖2-213所示。
(6)為了以后便于定位眼睛和鼻子的大體位置,下面執行菜單欄中的“視圖|標尺”命令,調出標尺。然后,從水平和垂直標尺處各拖出一條輔助線,放置位置如圖2-214所示。

圖2-212 向下復制正圓形

圖2-213 刪除多余的弧線

圖2-214 拉出輔助線
(7)繪制耳朵。方法:單擊時間軸下方的(新建圖層)按鈕,新建“圖層2”,然后利用工具箱中的
(橢圓工具),繪制一個35像素×65像素的橢圓,如圖2-215所示。接著利用工具箱中的
(任意變形工具)移動和旋轉小橢圓,如圖2-216所示。最后,利用工具箱中的
(選擇工具)拖動橢圓左上方的曲線,結果如圖2-217所示。

圖2-215 繪制作為耳朵的橢圓

圖2-216 旋轉并移動橢圓

圖2-217 調整橢圓的形狀
(8)利用(選擇工具)選擇耳朵圖形,然后配合鍵盤上的〈Alt〉鍵,將其復制到右側,如圖2-218所示。接著執行菜單欄中的“修改|變形|水平翻轉”命令,將復制后的耳朵圖形進行水平方向的翻轉,再移動到適當位置,結果如圖2-219所示。

圖2-218 復制耳朵圖形

圖2-219 水平翻轉耳朵圖形
(9)繪制眉毛。方法:利用工具箱中的(矩形工具)在眉毛的大體位置繪制一個矩形,如圖2-220所示。然后,利用
(選擇工具)調整矩形的形狀,如圖2-221所示。接著配合鍵盤上的〈Alt〉鍵,將其復制到右側,再執行菜單欄中的“修改|變形|水平翻轉”命令,將復制后的眉毛圖形進行水平方向的翻轉,結果如圖2-222所示。

圖2-220 繪制矩形

圖2-221 調整矩形的形狀

圖2-222 制作出另一側的眉毛
(10)繪制眼睛。方法:選擇工具箱中的(橢圓工具),設置筆觸顏色為
(無色),填充顏色為黑色,然后配合鍵盤上的〈Shift〉鍵繪制一個正圓形作為眼睛圖形,如圖2-223所示。接著,將填充顏色改為白色,激活工具箱下方的
(對象繪制)按鈕,繪制一個白色小圓作為眼睛的高光,如圖2-224所示。最后,利用
(選擇工具)選擇眼睛及眼睛高光圖形,配合鍵盤上的〈Alt〉鍵復制出另一側的眼睛,如圖2-225所示。

圖2-223 繪制眼睛

圖2-224 繪制眼睛中的高光圖形

圖2-225 復制出另一側的眼睛
(11)繪制眼部下面的線。方法:取消激活(對象繪制)按鈕。然后,利用工具箱中的
(線條工具)繪制一條線段,如圖2-226所示。接著,利用
(選擇工具)調整線段的形狀,如圖2-227所示。然后,配合鍵盤上的〈Alt〉鍵將其復制到另一側,并進行水平翻轉,結果如圖2-228所示。
(12)繪制鼻子。方法:利用工具箱中的(線條工具)繪制一條線段,如圖2-229所示。然后,利用
(選擇工具)調整線段的形狀,如圖2-230所示。
(13)在后面的操作中輔助線的意義已經不大,下面執行菜單欄中的“視圖|輔助線|顯示輔助線”命令,隱藏輔助線。

圖2-226 繪制線段

圖2-227 調整線段的形狀

圖2-228 復制出另一側的線段

圖2-229 繪制線段

圖2-230 調整線段的形狀
(14)繪制嘴巴。方法:單擊時間軸面板的“圖層1”名稱,回到“圖層1”,然后選擇(線條工具),激活工具箱下方的
(貼緊至對象)按鈕后繪制一條線段,如圖2-231所示。然后,分別選擇嘴部兩側的弧線,按鍵盤上的〈Delete〉鍵進行刪除,結果如圖2-232所示。

圖2-231 繪制線段

圖2-232 刪除嘴部兩側的弧線
(15)調整臉部圖形。方法:利用工具箱中的(部分選取工具)單擊頭部輪廓線,顯示出錨點。然后,分別選擇圖2-233所示的兩個對稱錨點,按鍵盤上的〈Delete〉鍵進行刪除,結果如圖2-234所示。接著,選擇最下方的錨點向上移動,如圖2-235所示,再按住鍵盤上的〈Alt〉鍵分別調整錨點兩側的控制柄,結果如圖2-236所示。

圖2-233 分別選擇錨點

圖2-234 刪除錨點效果

圖2-235 將最下方的錨點向上移動

圖2-236 調整錨點兩側的控制柄
(16)利用(部分選取工具)分別選擇圖2-237所示的錨點,然后按鍵盤上的〈Delete〉鍵進行刪除。接著,配合鍵盤上的〈Delete〉鍵,分別調整臉部兩側對稱錨點下方控制柄的形狀,結果如圖2-238所示。

圖2-237 分別選擇錨點

圖2-238 調整控制柄的形狀
(17)調整嘴部的形狀。方法:分別選擇嘴兩側的錨點向內移動,然后再將嘴下部的錨點向上移動并調整兩側控制柄的形狀,結果如圖2-239所示。
(18)至此,整個人臉圖形制作完畢,最終結果如圖2-240所示。

圖2-239 調整嘴部的形狀

圖2-240 最終效果
2.7.4 繪制眼睛圖形
要點
本例將繪制一個栩栩如生的人的眼睛,如圖2-241所示。通過學習本例,掌握 橢圓工具)
(線條工具)、
(選擇工具)、
(顏料桶工具)和
(漸變變形工具)的綜合應用。

圖2-241 制作眼睛
操作步驟
1.繪制眼睛圖形
(1)啟動Flash CS6軟件,新建一個Flash文件(ActionScript 2.0)。
(2)繪制眉毛和上眼眶。方法:選擇工具箱中的(線條工具)繪制出眉毛和上眼眶的輪廓線,然后利用
(選擇工具)對輪廓線進行調整,從而塑造出眉毛和上眼眶的基本造型,如圖2-242所示。
(3)繪制眼球和下眼眶。方法:選擇工具箱中的(橢圓工具)繪制出一個筆觸顏色為黑色,填充顏色為
(無色)的正圓形作為人物的眼球,然后使用
繪制出下眼眶,如圖2-243所示。

圖2-242 繪制出眉毛和上眼眶

圖2-243 繪制出眼球和下眼眶
(4)繪制出眼白。方法:利用繪制出眼白的輪廓線,然后利用
對輪廓線進行調整,如圖2-244所示。
(5)利用選中眼球的多余部分,按鍵盤上的〈Delete〉鍵進行刪除,結果如圖2-245所示。

圖2-244 繪制出眼白

圖2-245 刪除眼球中的多余部分
2.對眼睛上色
(1)對眼眶和眉毛進行填充,填充顏色為黑色,如圖2-246所示。

圖2-246 將眼眶和眉毛填充為黑色
(2)執行菜單欄中的“窗口|顏色”命令,打開“顏色”面板,設置一種放射狀的填充色,如圖2-247所示。接著,選擇工具箱中的(顏料桶工具)對眼球進行填充,結果如圖2-248所示。

圖2-247 設置眼球漸變色

圖2-248 對眼球填充后的效果
(3)對眼白進行填充。方法:在顏色面板中設置一種線性漸變色,如圖2-249所示,然后利用對眼白部分進行填充,結果如圖2-250所示。

圖2-249 設置眼白漸變色

圖2-250 對眼白填充后的效果
(4)調整眼白漸變填充的方向。方法:利用工具箱中的(漸變填充工具)單擊眼白部分,如圖2-251所示,然后旋轉漸變方向,如圖2-252所示。接著,收縮漸變范圍,如圖2-253所示。最后向上移動漸變的位置,如圖2-254所示。

圖2-251 顯示眼白的填充方向

圖2-252 旋轉漸變方向

圖2-253 收縮漸變范圍

圖2-254 向上移動漸變的位置
(5)為了更加生動,下面刪除眼白輪廓線,然后利用(線條工具)繪制出一些睫毛,接著利用
(橢圓工具)繪制出眼睛的高光部分,結果如圖2-255所示。

圖2-255 最終效果
- Spring 5.0 Microservices(Second Edition)
- SoapUI Cookbook
- PyTorch自然語言處理入門與實戰
- C語言程序設計
- Instant Typeahead.js
- Learning SciPy for Numerical and Scientific Computing(Second Edition)
- C和C++游戲趣味編程
- Quantum Computing and Blockchain in Business
- Everyday Data Structures
- QlikView Unlocked
- Python Machine Learning Cookbook
- 精通Spring:Java Web開發與Spring Boot高級功能
- 計算語言學導論
- Building UIs with Wijmo
- Java EE互聯網輕量級框架整合開發:SSM+Redis+Spring微服務(上下冊)