Flash繪製美麗風景畫之海灘

過前段時間學習,我們掌握了鼠繪的一些初步知識,今天我們來綜合一下畫幅風景畫之海灘。
[img]/uploads/allimg/081203/2146330.jpg[/img]
[img]/uploads/allimg/081203/2146331.jpg[/img]
學習目的和要點:通過畫“海灘”,進一步掌握不同工具的使用,靈活應用任意變形工具、使用Flash軟件的濾鏡功能、充分利用顏色的填充和漸變、掌握引導線使用和幀幀動畫,並用我們前段時間掌握的技巧來組合一幅風景畫。現在我們打開軟件,繪製“海灘”。
新建 FLASH 文檔。保存爲“風景畫”,設置文檔大小爲650*400,背景色淺色,其它默認。本動畫分爲幾個元件製作背景、雲層、海鷗、椰樹、帆船、傘、椅子、日光。
[1b]一、新建圖形元件“底圖”[/1b]
1、插入新建元件,類型是圖形,名稱“底圖”。用矩形工具筆觸顏色:#000000,填充色無,畫650*400的框框,全居中。然後用直線工具按下繪製對象:快捷鍵Shift(J)畫藍天、海水、沙灘的線條,海水用直線工具和橢圓工具畫海浪畫好後線條一定要相交不然填充不了顏色,沙灘用橢圓工具畫坑坑。如圖1:
[img]/uploads/allimg/081203/2146332.jpg[/img]
圖1
2、藍天用線性顏色填充左色碼:#1662EC,中色碼:#5F9DF4,右色碼:#7FB6F9。
3、海水用純色填充岸邊部分色碼:#C9F4FD,中間淺色部分色碼:#5ADCFE,深色部分色碼:#1B79FF,遠處海水色碼:#34A3FD。
4、沙灘用線性填充左色碼:#FFF0D9,右色碼:#EACA97,坑坑用純色填充色碼:#F2CDB0。然後選中圖層一的第1幀再點黑色選擇工具,然後在屬性面板中點筆觸顏色的小方框打開筆觸顏色調色器設置筆觸顏色禁止,去掉全部的筆觸。如圖2:
[img]/uploads/allimg/081203/2146333.jpg[/img]
圖2
[1b]二、新建影片剪輯元件“白雲”[/1b]
1、插入新建元件,類型是影片剪輯,名稱“白雲”。用橢圓工具筆觸顏色隨意,填充色無,畫一橢圓,大小180*35,用黑色選擇工具調整形狀。
2、用線性填充左色碼:#FFFFFF,右色碼:#C7E1FA,用填充變形工具進行調整。如圖3:
[img]/uploads/allimg/081203/2146334.jpg[/img]
圖3
[1b]3、新建影片剪輯元件“雲層”[/1b]
①插入新建元件,類型是影片剪輯,名稱“雲層”。在雲層編輯區圖層一的第1幀把庫中底圖元件拖入全居中(此層作爲參考層用後可刪除或者右鍵設爲引導層)
②新建圖層2在圖層一的第1幀從庫中把白雲拖入,選中白雲元件在屬性面板中打開“濾鏡”面板,爲該影片剪輯添加“模糊”效果,設置模糊值爲3-5之間,參數默認,然後按着Alt鍵複製若干個,在屬性面板中把寬高鎖不開,對每個白雲元件調整大小擺放好位置。
③選中部分背影中的白雲(放在下層的白雲)在屬性面板顏色下拉菜單中選色調,設RGB爲:178:212:250,色彩數量選50—70(依據深淺來調整)。如圖4:
[img]/uploads/allimg/081203/2146335.jpg[/img]
圖4
[1b]三、新建影片剪輯元件“背景”[/1b]
1、插入新建元件,類型是影片剪輯,名稱“背景”。選中圖層一第1幀從庫中把底圖拖入場景相對於舞臺全居中,圖層上鎖。
2、點選圖層 一 添加圖層二,把圖層一的第 1 幀複製到圖層二的第 1幀上。然後,選中圖層二第 1幀上的圖片,按下向左向上的方向鍵各一次,把圖層二第 1 幀上的圖片往左往上各移動“1”像素,讓兩個不同圖層上的圖片左右上下各錯開 1 像素。最後,把圖層一設置爲不可見。
3、首先,選中圖層二第 1 幀上的元件,按下快捷鍵Ctrl+B將其分離。然後,用黑色選擇工具選中藍天、沙灘按Delete鍵刪除,然後把沙灘上的坑坑用選擇工具選中按Delete鍵刪除,保留的圖形,如圖5所示。 最後,鎖定圖層二。
[img]/uploads/allimg/081203/2146336.jpg[/img]
圖5
4、製作遮片
①首先,選中圖層二,單擊插入圖層按鈕 ,在圖層二上方插入圖層三,並把圖層三重命名爲“遮片”。然後,選取矩形工具,在顏色區設置筆觸顏色爲“沒有顏色”,填充色爲“紅色” 。選中遮片圖層的第 1 幀,在舞臺上畫一個矩形,並在“屬性”面板上設置其寬爲“650”像素,高爲“6”像素。把這矩形條放置在保留圖形上方,並相對於舞臺水平中齊(也可用刷子工具但是難以掌握,我這裏用的是矩形工具)。在矩形條上用直線工具畫幾條線條,然後用選擇工具將其調彎。如圖6:
[img]/uploads/allimg/081203/2146337.jpg[/img]
圖6
②首先,選中紅色矩形,不斷複製這個矩形,讓複製得到的矩形依次置於下方,使新矩形跟前一矩形之間的垂直距離大約爲矩形高度(即 6 像素左右),矩形羣的總高度約爲保留圖形的2倍。如圖7:
[img]http://www2.flash8.net/UploadTeach/200812/2008120315854637.jpg[/img]
圖7
③首先,選中遮片圖層第1幀,用上下方向鍵把遮片的上邊調到跟保留圖形上平齊的位置。如圖 7 所示。第100幀插入關鍵幀,用上下方向鍵把遮片下邊調到跟保留圖形下平齊。選中圖層三右鍵設爲遮罩層,所有圖層延長至100幀,然後你可按回車鍵看看海水是否動了。
[1b]四、新建影片剪輯元件“椰樹”[/1b]
1、插入新建元件,類型是影片剪輯,名稱“椰樹”。分5 個圖層,從下至上爲:樹幹、果、葉3、葉 1、葉 2。
2、“樹幹”圖層,畫 1個 19×240 大小的矩形,無筆觸,放射狀填充:#B17C01、#5C2E01,色標擺放位置如圖8a,用選擇工具調整形狀,用填充變形工具調整顏色;選中圖形後轉換爲圖形元件“樹幹”;雙擊進入“樹幹”元件編輯,插入圖層2,用直線工具,線粗爲 1,顏色#976600,在樹幹上畫若干橫線並拉彎。(見圖 8b)
[img]/uploads/allimg/081203/2146339.jpg[/img]
圖8
3、“果”圖層:畫 1個 25×30的橢圓,無筆觸,放射狀填充:#FEFE78、#973E02,調整形狀如圖9;選中圖形後轉換爲圖形元件“果”;複製幾個調整大小後襬放到樹幹的頂端。
[img]/uploads/allimg/081203/21463310.jpg[/img]
圖9
4、“葉 1”圖層:用直線工具畫兩條從一個點出發的直線,拉彎封閉後調整成圖10 的形狀,線性填充:#003C00、#A09F01;選中圖形後轉換爲影片剪輯元件“葉1”;雙擊進入“葉1”元件編輯區,用任意變形工具選中元件把註冊點移到葉的柄部,在第 15 和 30幀處插入關鍵幀,將第 15 幀圖形的右端提高一點點;給第 1 和第 15 幀創建形狀補間。回到椰樹編輯區拖入“葉 1”元件並複製若干,參考圖10,經縮放變形後襬放到合適的位置。
[img]/uploads/allimg/081203/21463311.jpg[/img]
圖10
5、“葉2”圖層:用直線工具畫兩條從一個點出發的直線,拉彎封閉後調整成圖11 的形狀,線性填充:#003C00、#A09F01;選中圖形後轉換爲影片剪輯元件“葉1”;雙擊進入“葉2”元件編輯區,用任意變形工具選中元件把註冊點移到葉的柄部,在第 5、15、30幀處插入關鍵幀,將第5 幀圖形的右端降低一點點;將第15幀圖形的右端提高一點點,給第 1 、5、15 幀創建形狀補間。回到椰樹編輯區拖入“葉 2”元件並複製若干,參考圖11,經縮放變形後襬放到合適的位置。
[img]/uploads/allimg/081203/21463312.jpg[/img]
圖11
6、“葉 3”圖層:用直線工具畫兩條從一個點出發的直線,拉彎封閉後調整成圖12 的形狀,線性填充:#003C00、#A09F01;選中圖形後轉換爲影片剪輯元件“葉3”;雙擊進入“葉3”元件編輯區,用任意變形工具選中元件把註冊點移到葉的柄部,在第 15 和 30幀處插入關鍵幀,將第 15 幀圖形的右端提高一點點;給第 1 和第 15 幀創建形狀補間。整棵椰樹如圖13:
[img]/uploads/allimg/081203/21463313.jpg[/img]
圖12
[img]/uploads/allimg/081203/21463314.jpg[/img]
圖13
[1b]五、新建影片剪輯元件“海鷗”[/1b]
1、插入新建元件,類型影片剪輯,名稱“海鷗”。用矩形工具筆觸無,白色填充,然後在第一幀畫出鉅形再細心地用黑箭頭工具並下ALT鍵不放,添加節點調整。其翅膀尖部分,用黑箭頭工具框選後改爲黑色。選中第1幀海鷗元件轉換爲圖形元件“o1”;並稍作修整如圖14:
[img]/uploads/allimg/081203/21463315.jpg[/img]
圖14
2、自第2幀起一直到第10幀,還是用黑箭頭工具框選後依次改變翅膀運動的形狀,然後選中每1幀的海鷗元件轉換爲圖形元件(o2、o3、o4、o5、o6、o7、o8、o9、o10)。如圖15:
[img]/uploads/allimg/081203/21463316.jpg[/img]
圖15
3、新建影片剪輯元件“海鷗飛”
①插入新建元件,類型影片剪輯,名稱“海鷗飛”。確定,進入編輯界面.第一幀拖入海鷗元件,然後點中圖層一,添加運動引導層,選用鉛筆工具畫一橫8字型狀,參考大小寬爲550、高爲110,上端用橡皮檫檫一小口子。此層上鎖。
②回到圖層一,把第1幀上的海鷗元件拖到線條的右端,並在 150 幀上插入關鍵幀,再將此幀上的海鷗元件拖到線條的左端。點中圖層一打開屬性面板。(幀爲全黑狀態)添加動畫補間.同時把“同步和對齊”打上勾。如圖16:
[img]/uploads/allimg/081203/21463317.jpg[/img]
圖16
[1b]六、新建圖形元件“帆船、傘、椅”[/1b]
1、插入元件,類型圖形,名稱“帆船”。用直線工具筆觸顏色#F485D1,可以參考帖圖17來畫,先把線條畫好填充顏色(填充顏色任意只要自己感覺完美就行)。然後把船體、帆杆的筆觸刪除,帆布的筆觸可以留下。如圖17:
[img]http://www2.flash8.net/UploadTeach/200812/2008120315854777.jpg[/img]
圖17
2、插入新建元件,類型影片剪輯,名稱“帆船動”。在圖層一的第1帖從庫中把帆船拖入,用任意變形工具把註冊點移到底部中心,第10、20幀插入關鍵幀,選中第10幀把圖形的右端降低一點點,第1、10幀創建動畫補間。如圖18:
[img]/uploads/allimg/081203/21463319.jpg[/img]
圖18
3、插入元件,類型影片剪輯,名稱“傘”。用直線工具筆觸顏色#000000,可以參考帖圖19,先把線條畫好填充顏色(填充顏色任意只要自己感覺完美就行)。然後把所有的筆觸刪除。如圖19、20:
[img]/uploads/allimg/081203/21463320.jpg[/img]
圖19
[img]/uploads/allimg/081203/21463321.jpg[/img]
圖20
4、插入元件,類型影片剪輯,名稱“椅”。用直線工具筆觸顏色#000000,可以參考帖圖21,先把線條畫好填充顏色(填充顏色任意只要自己感覺完美就行)。然後把所有的筆觸刪除。如圖21:
[img]/uploads/allimg/081203/21463322.jpg[/img]
圖21
[1b]七、組裝場景[/1b]
1、回到主場景,增加7個圖層,從下至上依此背景、雲層、海鷗、傘椅、帆船、椰樹、簽名、遮片圖層,圖層上鎖。
2、背景圖層從庫中拖入背景影片剪輯元件,全居中。
3、雲層圖層從庫中拖入雲層影片剪輯元件,放在合適的位置。
4、海鷗圖層從庫中拖入海鷗飛影片剪輯元件,複製一個放在合適位置。
5、傘椅圖層從庫中拖入傘、椅影片剪輯元件,把傘、椅調整大小放在合適位置(如果是按帖圖畫的傘椅,打開變形面板約束打勾,寬高設爲30%),複製一個放在旁邊用於製作影子,打開“濾鏡”面板,爲該影片剪輯添加“投影”效果,勾選“隱藏對象”, 顏色設爲#7E7854其他參數默認,用任意變形工具把黑色圖案經縱向壓縮、橫向傾斜後,成爲如圖22所示的形狀:
[img]/uploads/allimg/081203/21463323.jpg[/img]
圖22
6、帆船圖層從庫中拖入帆船動影片剪輯元件,把帆船動調整大小放在合適位置,再複製一個放在遠處改變大小和顏色,在屬性面板中打開顏色下拉菜單選中高級,在彈出的菜單中設置(憑自己感覺調)。
7、椰樹圖層從庫中拖入椰樹影片剪輯元件,複製兩個分別設爲80%、50%,在屬性面板中打開顏色下拉菜單選中高級,在彈出的菜單中設置(憑自己感覺顏色調深些)。然後將三棵椰樹各複製一棵放在旁邊用於製作影子,打開“濾鏡”面板,爲該影片剪輯添加“投影”效果,勾選“隱藏對象”,顏色設爲#7E7854其他參數默認,用任意變形工具把黑色圖案經縱向壓縮、橫向傾斜後,成爲如圖23所示的形狀:
[img]/uploads/allimg/081203/21463324.jpg[/img]
圖23
8、簽名圖層用文本工具簽上自己的大名。
9、遮片圖層選擇矩形工具,筆觸紅色填充白色,在場景中畫一個 1000X600的矩形全居中,釋放鼠標選中線條打開對齊面板點匹配寬和高,釋放鼠標,再選中最裏面的白色部分刪除,接着把筆觸色也刪除,上鎖。
10、保存文檔,點控制測試影片。祝您成功!
本文轉自:http://www.5uflash.com/flashjiaocheng/Flashdonghuajiaocheng/4608.html
發佈了14 篇原創文章 · 獲贊 1 · 訪問量 1933
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章