萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Flash教程 >> Flash鼠繪傳統風格卷簾畫

Flash鼠繪傳統風格卷簾畫

  一、畫簾片:

  1、新建一圖形元件,名"簾片",選擇"矩形工具",無筆觸,左色標#D0C695,右色標#D9CC97,在舞台上畫一扁長矩形,畫好後在"屬性"中將寬、高設為466*14.9。如下圖:

Flash鼠繪傳統風格卷簾畫 三聯

  圖1

Flash鼠繪教程:傳統風格卷簾畫的繪制

  圖2

Flash鼠繪教程:傳統風格卷簾畫的繪制

  圖3

  2、把圖像放大到400%,點菜單中的"視圖"--標尺,拉出如下圖的兩根輔助線。

Flash鼠繪教程:傳統風格卷簾畫的繪制

  圖4

  用直線工具,筆觸顏色紅色,極細,順著上面那根輔助線,橫著在圖形上通長畫根直線,再用選擇工具點一下圖形上兩根輔助線中間的部分,使其成分離狀態,在混色器中選純色,#A59249,填充。得到如下圖的簾片圖形:

Flash鼠繪教程:傳統風格卷簾畫的繪制

  圖5

Flash鼠繪教程:傳統風格卷簾畫的繪制

  圖6

  把那根紅線刪掉。

  3、在圖層1上面新建圖層2,用直線工具,在屬性中設為"實線",1像素,在混色器中選"筆觸",純色,D9BA81,透明度70%,在簾片圖形上隨意的畫些線條,作為簾片的紋路。如下圖:

Flash鼠繪教程:傳統風格卷簾畫的繪制

  圖7

  4、現在給簾片打孔。先拉出如下圖的幾根輔助線:

Flash鼠繪教程:傳統風格卷簾畫的繪制

  圖8

  5、在圖層2上面新建圖層3,選擇"橢圓工具",設填充色:左#333333透明度100%,右#666666透明度60%,把光標放在簾片右側兩輔助線的交叉點上,同時按住SHIFT和ALT鍵,畫出如下圖的圓:

Flash鼠繪教程:傳統風格卷簾畫的繪制

  圖9

Flash鼠繪教程:傳統風格卷簾畫的繪制

  圖10

  6、用選擇工具點一下這個圓,按CTRL+D鍵,這樣就復制出了同樣的一個圓,把這個復制出的圓拉到簾片左側兩輔助線的交叉點上對准放好,這樣簾片就畫好了:

Flash鼠繪教程:傳統風格卷簾畫的繪制

  圖11

  二、編竹簾:

  1、新建一圖形元件,名"簾",在第1層用矩形工具,無筆觸,粉紅色填充,在舞台上畫一個寬高為550*400的矩形。(這個只是為了能確定舞台的大小,以後要刪掉的)

  2、在上面新建圖層2,名"簾",把畫好的"簾片"元件拉到簾層的第一幀,打開對齊面板,相對於舞台,居中對齊,上端與背景的上邊線對齊,如下圖:

Flash鼠繪教程:傳統風格卷簾畫的繪制

  圖12

  3、按住CTRL鍵,再按D鍵24下,這樣就復制出了24片簾片,共有25片。(說明一下:因為我們設置的舞台高為400,每片的高是14.9,14.9*25=372.9,多出的一些作為空隙,剛剛好哈。)現在看到的是如下圖形:

Flash鼠繪教程:傳統風格卷簾畫的繪制

  圖13

Flash鼠繪教程:傳統風格卷簾畫的繪制

  圖14

  4、點一下對齊面板中的間隔中的"垂直平均間隔",是不是按我們的要求排列好了啊。

Flash鼠繪教程:傳統風格卷簾畫的繪制

  圖15

  5、現在要穿簾線了。在"簾層上面新建一圖層,名"線",把圖形放大到800%,選擇矩形工具,無筆觸顏色,線性填充,填充色為:左#D7C9AC,右#7D4D57,在兩個黑孔之間畫出如下圖的圖形,並用選擇工具把線段的上下兩頭拉成弧形。

Flash鼠繪教程:傳統風格卷簾畫的繪制

  圖16

  6、在復制下面的線段之前,為了保證垂直對齊,先在第1根線的左側拉一垂直的輔助線。用選擇工具,點一下第1條線段,便其成分離狀,然後按住ALT鍵,再點住第1條線段,當光標旁邊出現小+號時,把鼠標往下拖動,放在第2、3黑孔之間,如下圖:

Flash鼠繪教程:傳統風格卷簾畫的繪制

  圖17

  7、用同樣的方法,把以下所有的線段放好。這樣右側的簾線就穿好了。如下圖:

Flash鼠繪教程:傳統風格卷簾畫的繪制

  圖18

  8、右鍵點"線"層的第1幀,--復制幀,在"線"層上面新建一圖層,右鍵點第1幀--粘貼幀。選擇"選擇工具",按住SHIFT鍵,按鍵盤上的向左方向鍵,將復制的線段快速向左移動,接近左側黑孔時,松開SHIFT鍵,只用方向鍵把線段微調到准確的位置。如下圖:

Flash鼠繪教程:傳統風格卷簾畫的繪制

  圖19

  現在竹簾都做好了。

  9、在簾上放上圖片,先要導入圖片,如果是以前自己畫的圖,就點菜單中的文件--導入--打開外部庫,找到要用的圖形元件,直接拉到庫時就可以了,要是導入的是位圖,最好先在Photoshop中摳好,另存為png格式再導入到庫。在'線'層下面新建一圖層,名"圖"把庫中的圖片拉到舞台上適當的位置,並調整好大小,如下圖:

Flash鼠繪教程:傳統風格卷簾畫的繪制

  圖20

  10、現在看起來還不象是畫在竹上面的,我們來做個遮罩,在"簾"層上面新建一圖層,名"遮罩"。右鍵點"圖"層的第1幀--復制幀,再右鍵點"遮罩層"的第一幀--粘貼幀,然後在"遮罩層"上點右鍵--遮罩層。是不是簾片之間的空隙部分的圖片就看不到了哈。

  刪除圖層1,這樣完整的簾畫就做好了。

Flash鼠繪教程:傳統風格卷簾畫的繪制

  圖21

  三、做竹簾收起和放下的動畫:

  1、新建一影片剪輯元件,同樣在第1層的第1幀畫出500*400的無邊框,粉紅色的背景(當然您也可以用其他的背景),

copyright © 萬盛學電腦網 all rights reserved