Flash中表現粗細變化筆觸效果

來源:互聯網
上載者:User

  本文主要介紹在Flash中用滑鼠類比壓感筆有粗細變化的筆觸效果的方法。

  我們知道,壓感筆是專業圖形設計師常用的一種輔助設計工具。設計師們可以利用它的壓力感知功能用手輕鬆的描繪出筆畫的粗細、色調的明暗以及色彩的強度。特別是筆畫粗細不同的筆觸效果,看起來自然而流暢,繪製出的各類形象個性鮮明、獨具風格(見下圖圖解)。

  在許多flash動畫作品中,我們都能看到這樣的筆觸效果,這些作品通常都是利用壓感筆來完成的。然而,對於我們大多數的普通使用者而言,手邊往往都只有個小滑鼠,根本沒有配備壓感筆。那麼我們有沒有辦法用滑鼠製作出這種類似的效果呢?經過一段時間的摸索和實踐,我找到幾個用滑鼠類比壓感筆筆觸效果的方法,現在提出來給大家共用一下,希望對大家有所啟發。文章提供.swf和xls檔案供大家瀏覽和下載參考。

  壓感筆線條寬度變化效果與一般滑鼠線條效果的對比圖示。

  無粗細變化的筆觸效果


 

林℃的衰哥用的是滑鼠繪製,輪廓沒有粗細變化

  有粗細變化的筆觸效果

 

拾荒小破孩裡的人物,採用壓感筆繪製,輪廓有粗細變化,體現出了用筆的輕重


一般的線條效果(左圖) 壓感筆線條寬度變化效果(右圖)
swf檔案樣本:可從右鍵菜單中選擇“放大”仔細觀察
.fla檔案下載

  下面我們介紹在Flash中用滑鼠類比壓感筆有粗細變化的筆觸效果的三種方法:
 方法一、擴大形體作輪廓法

  此法適用於以簡單幾何形體如矩形、圓形、橢圓形為主體的物體,內部不宜有輪廓線,否則內部輪廓線無法體現此種筆觸。下面我們通過轉變一個梨子的輪廓來加以說明。

  我們選用一個已經畫好的梨子的圖形。這個梨子是用兩個帶有輪廓的橢圓組合起來,再加以編輯修改而成的,形體比較簡單。(圖1-0) 圖1-0
  1.可以看到梨子的輪廓是粗細均等沒有變化的線條,現在去掉梨子的外面黑色輪廓。(圖1-1) 圖1-1
  2.選中整個梨子形體部分,並按ctrl+c複製。(圖1-2) 圖1-2
  3.在原來梨子形體層的下面建立1層,命名為“輪廓”,按ctrl+shift+v粘貼。
  4.按“ctrl+t”擴大該形體,在彈出窗中選擇放大比率為105%(圖1-3),並將其顏色填充為黑色。這時我們已經可以看到新的輪廓出現。(圖1-4)


圖1-3      圖1-4

  5.將除了“輪廓”層以外的其他層鎖定,用alt鍵配合箭頭工具對形狀進行調整(也可用貝賽爾選取工具調整)。現在大家再看看其輪廓,是不是有那麼一點點壓感的味道了?(圖1-5) 圖1-5

  該方法的原理主要就是把原來形體擴大,形成物體的輪廓。再通過調整來改變其粗細。但它具有許多的缺點,比如適用的物體比較簡單,調整其形狀比較麻煩,有時需要調整的太多,而且對於某些線條形成的形體無能為力,比如對上圖中的梨把用這種方法就無法轉換。


swf檔案樣本:可從右鍵菜單中選擇“放大”仔細觀察
.fla檔案下載

  下面將要講到的兩個方法更簡便快捷,推薦採用。

 方法二、線條輪廓轉換法

  線條輪廓是指用直線工具、鉛筆工具、鋼筆工具、圓形工具或矩形工具等畫出的形體的輪廓。這種方法的一般步驟是:用較粗線條勾勒出形體——轉換線條成填充——平滑化——調整。下面我們以這條魚的輪廓轉換為例。


  圖2-1

  1. 用圓形工具、直線工具、箭頭工具等畫出如左圖2-1的魚的外形(過程略)。注意線條寬度要比較粗,一般3-5px寬,以便以後好調整。

  2. 選中所有的線條(也可全選物體),然後點“修改”-“外形”-“轉換行成填充”





   3.然後點選箭頭工具 ,再點選在選項裡的 “平滑” ,通常我們需要點2-4次,就能看到壓感筆效果呈現出來。

  圖2-2

  注意:如果此時形狀輪廓發生了較大的形變聚成一團團的,請不要全選輪廓,應該一部分一部分的選中輪廓並分別進行平滑化。

  4.如果感覺效果不滿意,可以再進行微調。最終效果見圖2-3。

  利用這種方法模仿出來的壓感筆效果,一般需要調整的很少,通常能在點“平滑”2-4次後就能達到目的,比較簡便。並且對於像上例裡面無法解決的“梨把”問題也可以很好的得到解決。



  點“平滑”第二次 (如下圖)

  點“平滑”第三次 (如下圖),效果出來啦!


圖2-3


swf檔案樣本:可從右鍵菜單中選擇“放大”仔細觀察
.fla檔案下載

方法三、筆刷輪廓轉換法

  此法與上法的原理是一致的。不同點在於,形體的輪廓是用筆刷工具勾勒出來。需要繪製者對滑鼠的控制比較熟練,這樣才能準確的勾勒出形體。這種方法不需要再將輪廓線條轉換為填充,是一種最為簡化的方法,但對操作者要求較高。

  另外,因為用筆刷勾勒出的輪廓本身就就與線條輪廓的筆觸不同,所以他們轉換出來的效果也與方法2的略有不同。其步驟是:用較細筆刷勾勒出形體——平滑化——調整。

   關於滑鼠類比壓感筆效果的方法我就介紹到這裡,目前為止我所發現的比較簡便易行的就是這三個,如果各位有更好的方法,也請拿出來讓大家分享分享吧。希望大家以後勤練鼠繪,只有熟練操作滑鼠,才能讓這些技巧性的東西更好的為你服務。



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。