天天看點

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幀,然後你可按Enter鍵看看海水是否動了。

[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