Flash鼠繪教程——風景畫之海灘-Flash

如果你對本篇文章很感興趣或是在學習Flash時遇到了什麽困難,歡迎到我們的學院論壇來交流。

今天我們來綜合一下畫幅風景畫之海灘

王朝网络

王朝网络

效果圖如下:

學習目的和要點:通過畫“海灘”,進一步掌握不同工具的使用,靈活應用任意變形工具、使用Flash軟件的濾鏡功能、充分利用顔色的填充和漸變、掌握引導線使用和幀幀動畫,並用我們前段時間掌握的技巧來組合一幅風景畫。現在我們打開軟件,繪制“海灘”。

新建 FLASH 文檔。保存爲“風景畫”,設置文檔大小爲650*400,背景色淺色,其它默認。本動畫分爲幾個元件制作背景、雲層、海鷗、椰樹、帆船、傘、椅子、日光。

一、新建圖形元件“底圖”

1、插入新建元件,類型是圖形,名稱“底圖”。用矩形工具筆觸顔色:#000000,填充色無,畫650*400的框框,全居中。然後用直線工具按下繪制對象:快捷鍵Shift(J)畫藍天、海水、沙灘的線條,海水用直線工具和橢圓工具畫海浪畫好後線條一定要相交不然填充不了顔色,沙灘用橢圓工具畫坑坑。如圖1

王朝网络
圖1

2、藍天用線性顔色填充左色碼:#1662EC,中色碼:#5F9DF4,右色碼:#7FB6F9。

3、海水用純色填充岸邊部分色碼:#C9F4FD,中間淺色部分色碼:#5ADCFE,深色部分色碼:#1B79FF,遠處海水色碼:#34A3FD。

4、沙灘用線性填充左色碼:#FFF0D9,右色碼:#EACA97,坑坑用純色填充色碼:#F2CDB0。然後選中圖層一的第1幀再點黑色選擇工具,然後在屬性面板中點筆觸顔色的小方框打開筆觸顔色調色器設置筆觸顔色禁止,去掉全部的筆觸。如圖2

王朝网络
圖2

二、新建影片剪輯元件“白雲”

1、插入新建元件,類型是影片剪輯,名稱“白雲”。用橢圓工具筆觸顔色隨意,填充色無,畫一橢圓,大小180*35,用黑色選擇工具調整形狀。

2、用線性填充左色碼:#FFFFFF,右色碼:#C7E1FA,用填充變形工具進行調整。如圖3

王朝网络
圖33、新建影片剪輯元件“雲層”

①插入新建元件,類型是影片剪輯,名稱“雲層”。在雲層編輯區圖層一的第1幀把庫中底圖元件拖入全居中(此層作爲參考層用後可刪除或者右鍵設爲引導層)

②新建圖層2在圖層一的第1幀從庫中把白雲拖入,選中白雲元件在屬性面板中打開“濾鏡”面板,爲該影片剪輯添加“模糊”效果,設置模糊值爲3-5之間,參數默認,然後按著Alt鍵複制若幹個,在屬性面板中把寬高鎖不開,對每個白雲元件調整大小擺放好位置。

③選中部分背影中的白雲(放在下層的白雲)在屬性面板顔色下拉菜單中選色調,設RGB爲:178:212:250,色彩數量選50—70(依據深淺來調整)。如圖4

王朝网络
圖4

三、新建影片剪輯元件“背景”

1、插入新建元件,類型是影片剪輯,名稱“背景”。選中圖層一第1幀從庫中把底圖拖入場景相對于舞台全居中,圖層上鎖。

2、點選圖層 一 添加圖層二,把圖層一的第 1 幀複制到圖層二的第 1幀上。然後,選中圖層二第 1幀上的圖片,按下向左向上的方向鍵各一次,把圖層二第 1 幀上的圖片往左往上各移動“1”像素,讓兩個不同圖層上的圖片左右上下各錯開 1 像素。最後,把圖層一設置爲不可見。

3、首先,選中圖層二第 1 幀上的元件,按下快捷鍵Ctrl+B將其分離。然後,用黑色選擇工具選中藍天、沙灘按Delete鍵刪除,然後把沙灘上的坑坑用選擇工具選中按Delete鍵刪除,保留的圖形,如圖5所示。 最後,鎖定圖層二。

王朝网络
圖5

4、制作遮片

①首先,選中圖層二,單擊插入圖層按鈕 ,在圖層二上方插入圖層三,並把圖層三重命名爲“遮片”。然後,選取矩形工具,在顔色區設置筆觸顔色爲“沒有顔色”,填充色爲“紅色” 。選中遮片圖層的第 1 幀,在舞台上畫一個矩形,並在“屬性”面板上設置其寬爲“650”像素,高爲“6”像素。把這矩形條放置在保留圖形上方,並相對于舞台水平中齊(也可用刷子工具但是難以掌握,我這裏用的是矩形工具)。在矩形條上用直線工具畫幾條線條,然後用選擇工具將其調彎。如圖6

王朝网络
圖6②首先,選中紅色矩形,不斷複制這個矩形,讓複制得到的矩形依次置于下方,使新矩形跟前一矩形之間的垂直距離大約爲矩形高度(即 6 像素左右),矩形群的總高度約爲保留圖形的2倍。如圖7

王朝网络
圖7

③首先,選中遮片圖層第1幀,用上下方向鍵把遮片的上邊調到跟保留圖形上平齊的位置。如圖 7 所示。第100幀插入關鍵幀,用上下方向鍵把遮片下邊調到跟保留圖形下平齊。選中圖層三右鍵設爲遮罩層,所有圖層延長至100幀,然後你可按回車鍵看看海水是否動了。

四、新建影片剪輯元件“椰樹”

1、插入新建元件,類型是影片剪輯,名稱“椰樹”。分5 個圖層,從下至上爲:樹幹、果、葉3、葉 1、葉 2。

2、“樹幹”圖層,畫 1個 19×240 大小的矩形,無筆觸,放射狀填充:#B17C01、#5C2E01,色標擺放位置如圖8a,用選擇工具調整形狀,用填充變形工具調整顔色;選中圖形後轉換爲圖形元件“樹幹”;雙擊進入“樹幹”元件編輯,插入圖層2,用直線工具,線粗爲 1,顔色#976600,在樹幹上畫若幹橫線並拉彎。(見圖 8b)

王朝网络
圖8

3、“果”圖層:畫 1個 25×30的橢圓,無筆觸,放射狀填充:#FEFE78、#973E02,調整形狀如圖9;選中圖形後轉換爲圖形元件“果”;複制幾個調整大小後擺放到樹幹的頂端。

王朝网络
圖94、“葉 1”圖層:用直線工具畫兩條從一個點出發的直線,拉彎封閉後調整成圖10 的形狀,線性填充:#003C00、#A09F01;選中圖形後轉換爲影片剪輯元件“葉1”;雙擊進入“葉1”元件編輯區,用任意變形工具選中元件把注冊點移到葉的柄部,在第 15 和 30幀處插入關鍵幀,將第 15 幀圖形的右端提高一點點;給第 1 和第 15 幀創建形狀補間。回到椰樹編輯區拖入“葉 1”元件並複制若幹,參考圖10,經縮放變形後擺放到合適的位置。

王朝网络
圖10

5、“葉2”圖層:用直線工具畫兩條從一個點出發的直線,拉彎封閉後調整成圖11 的形狀,線性填充:#003C00、#A09F01;選中圖形後轉換爲影片剪輯元件“葉1”;雙擊進入“葉2”元件編輯區,用任意變形工具選中元件把注冊點移到葉的柄部,在第 5、15、30幀處插入關鍵幀,將第5 幀圖形的右端降低一點點;將第15幀圖形的右端提高一點點,給第 1 、5、15 幀創建形狀補間。回到椰樹編輯區拖入“葉 2”元件並複制若幹,參考圖11,經縮放變形後擺放到合適的位置。

王朝网络
圖11

6、“葉 3”圖層:用直線工具畫兩條從一個點出發的直線,拉彎封閉後調整成圖12 的形狀,線性填充:#003C00、#A09F01;選中圖形後轉換爲影片剪輯元件“葉3”;雙擊進入“葉3”元件編輯區,用任意變形工具選中元件把注冊點移到葉的柄部,在第 15 和 30幀處插入關鍵幀,將第 15 幀圖形的右端提高一點點;給第 1 和第 15 幀創建形狀補間。整棵椰樹如圖13

王朝网络
圖12

王朝网络
圖13五、新建影片剪輯元件“海鷗”

1、插入新建元件,類型影片剪輯,名稱“海鷗”。用矩形工具筆觸無,白色填充,然後在第一幀畫出钜形再細心地用黑箭頭工具並下ALT鍵不放,添加節點調整。其翅膀尖部分,用黑箭頭工具框選後改爲黑色。選中第1幀海鷗元件轉換爲圖形元件“o1”;並稍作修整如圖14

王朝网络
圖14

2、自第2幀起一直到第10幀,還是用黑箭頭工具框選後依次改變翅膀運動的形狀,然後選中每1幀的海鷗元件轉換爲圖形元件(o2、o3、o4、o5、o6、o7、o8、o9、o10)。如圖15

王朝网络
圖15

3、新建影片剪輯元件“海鷗飛”

①插入新建元件,類型影片剪輯,名稱“海鷗飛”。確定,進入編輯界面.第一幀拖入海鷗元件,然後點中圖層一,添加運動引導層,選用鉛筆工具畫一橫8字型狀,參考大小寬爲550、高爲110,上端用橡皮檫檫一小口子。此層上鎖。

②回到圖層一,把第1幀上的海鷗元件拖到線條的右端,並在 150 幀上插入關鍵幀,再將此幀上的海鷗元件拖到線條的左端。點中圖層一打開屬性面板。(幀爲全黑狀態)添加動畫補間.同時把“同步和對齊”打上勾。如圖16

王朝网络
圖16六、新建圖形元件“帆船、傘、椅”

1、插入元件,類型圖形,名稱“帆船”。用直線工具筆觸顔色#F485D1,可以參考帖圖17來畫,先把線條畫好填充顔色(填充顔色任意只要自己感覺完美就行)。然後把船體、帆杆的筆觸刪除,帆布的筆觸可以留下。如圖17

王朝网络
圖17

2、插入新建元件,類型影片剪輯,名稱“帆船動”。在圖層一的第1帖從庫中把帆船拖入,用任意變形工具把注冊點移到底部中心,第10、20幀插入關鍵幀,選中第10幀把圖形的右端降低一點點,第1、10幀創建動畫補間。如圖18

王朝网络
圖18

3、插入元件,類型影片剪輯,名稱“傘”。用直線工具筆觸顔色#000000,可以參考帖圖19,先把線條畫好填充顔色(填充顔色任意只要自己感覺完美就行)。然後把所有的筆觸刪除。如圖19、20

王朝网络
圖19

王朝网络
圖204、插入元件,類型影片剪輯,名稱“椅”。用直線工具筆觸顔色#000000,可以參考帖圖21,先把線條畫好填充顔色(填充顔色任意只要自己感覺完美就行)。然後把所有的筆觸刪除。如圖21

王朝网络
圖21

七、組裝場景

1、回到主場景,增加7個圖層,從下至上依此背景、雲層、海鷗、傘椅、帆船、椰樹、簽名、遮片圖層,圖層上鎖。

2、背景圖層從庫中拖入背景影片剪輯元件,全居中。

3、雲層圖層從庫中拖入雲層影片剪輯元件,放在合適的位置。

4、海鷗圖層從庫中拖入海鷗飛影片剪輯元件,複制一個放在合適位置。

5、傘椅圖層從庫中拖入傘、椅影片剪輯元件,把傘、椅調整大小放在合適位置(如果是按帖圖畫的傘椅,打開變形面板約束打勾,寬高設爲30%),複制一個放在旁邊用于制作影子,打開“濾鏡”面板,爲該影片剪輯添加“投影”效果,勾選“隱藏對象”, 顔色設爲#7E7854其他參數默認,用任意變形工具把黑色圖案經縱向壓縮、橫向傾斜後,成爲如圖22所示的形狀

王朝网络
圖22

6、帆船圖層從庫中拖入帆船動影片剪輯元件,把帆船動調整大小放在合適位置,再複制一個放在遠處改變大小和顔色,在屬性面板中打開顔色下拉菜單選中高級,在彈出的菜單中設置(憑自己感覺調)。

7、椰樹圖層從庫中拖入椰樹影片剪輯元件,複制兩個分別設爲80%、50%,在屬性面板中打開顔色下拉菜單選中高級,在彈出的菜單中設置(憑自己感覺顔色調深些)。然後將三棵椰樹各複制一棵放在旁邊用于制作影子,打開“濾鏡”面板,爲該影片剪輯添加“投影”效果,勾選“隱藏對象”,顔色設爲#7E7854其他參數默認,用任意變形工具把黑色圖案經縱向壓縮、橫向傾斜後,成爲如圖23所示的形狀

王朝网络
圖23

8、簽名圖層用文本工具簽上自己的大名。

9、遮片圖層選擇矩形工具,筆觸紅色填充白色,在場景中畫一個 1000X600的矩形全居中,釋放鼠標選中線條打開對齊面板點匹配寬和高,釋放鼠標,再選中最裏面的白色部分刪除,接著把筆觸色也刪除,上鎖。

10、保存文檔,點控制測試影片。祝您成功!

Flash鼠繪:卡通風景畫中的風車-Flash
  前段時間我們學了畫花草、畫燕子、畫蝴蝶等,今天我們來畫幅風景畫。    學習目的和要點:通過畫“風車”,進一步掌握不同工具的使用,靈活應用任意變形工具和複制並應用變形,充分利用顔色的漸變,和引導線...查看完整版>>Flash鼠繪:卡通風景畫中的風車-Flash
 
Flash鼠繪教程:花草的繪制方法-Flash
  如果你對本篇文章很感興趣或是在學習Flash時遇到了什麽困難,歡迎到我們的學院論壇來交流。  學習內容:  通過畫筆工具、線條工具、簡單的漸變顔色填充及變形面版的使用,了解一般寫意花草的鼠繪方法首先觀察...查看完整版>>Flash鼠繪教程:花草的繪制方法-Flash
 
Flash鼠繪入門第一課:認識鼠繪-Flash
  針對網絡學員以初學電腦作圖爲多的特點,爲使學員了解認識鼠繪的慨念、學習的目的及有關方法,爲培養學習鼠繪的興趣,樹立信心,爲繼續深入學習鼠繪奠定基礎而舉辦本期鼠繪入門班。因此本期鼠繪班不同于以往的鼠...查看完整版>>Flash鼠繪入門第一課:認識鼠繪-Flash
 
Flash鼠繪人物心得眼睛塑造
  目光的閃動會讓人覺得眼神很矍铄,人很有動感。誰也不想讓自己筆下的人物是個目光呆滯的家夥,呵呵。問題來了,怎樣才能讓人物的眼光精神起來呢?這就是眼部塑造最後一堂可的內容了,不要馬虎哦!  (1)首先畫...查看完整版>>Flash鼠繪人物心得眼睛塑造
 
用FLASH鼠繪漂亮MM全過程
                                ...查看完整版>>用FLASH鼠繪漂亮MM全過程
 
Flash鼠繪人物心得眼睛塑造
  目光的閃動會讓人覺得眼神很矍铄,人很有動感。誰也不想讓自己筆下的人物是個目光呆滯的家夥,呵呵。問題來了,怎樣才能讓人物的眼光精神起來呢?這就是眼部塑造最後一堂可的內容了,不要馬虎哦!   (1)首...查看完整版>>Flash鼠繪人物心得眼睛塑造
 
Flash鼠繪技術內幕完全接觸
[2005-02-27] [2005-02-27] [2005-02-27] [2005-02-27] [2005-02-27]...查看完整版>>Flash鼠繪技術內幕完全接觸
 
用FLASH鼠繪漂亮MM全過程
...查看完整版>>用FLASH鼠繪漂亮MM全過程
 
Photoshop鼠繪漂亮的風景畫
Photoshop鼠繪漂亮的風景畫
  最終效果      1、新建圖層,用鉛筆工具畫出草稿。      2、新建圖層,用藝術家油畫筆確定畫面的大體色調。在這之後用印象派油畫筆畫出樹。我也是突然感覺到用這個畫 ...   3、這裏我選用載色刮刀結合...查看完整版>>Photoshop鼠繪漂亮的風景畫
 
 
回到王朝網路移動版首頁