DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> 自定義筆觸繪制美麗的細葉榕樹
自定義筆觸繪制美麗的細葉榕樹
編輯:Fireworks基礎     
雖然Fireworks的筆觸比起Photoshop的筆刷顯然是小巫見大巫,不僅是功能顯弱,筆觸的保存和管理方面也很麻煩。

  但本文中我們將挑戰一下,看看如何用fireworks自定義“細葉榕”樹葉的筆觸,並且將筆觸應用於鼠標繪畫。准備好一起享受Fireworks DIY筆觸的樂趣吧!咱們只是享受繪畫的樂趣,而不是軟件的強大。 

一、自定義細葉榕樹葉Fireworks筆觸

  在第一節的內容裡我們將完成下面幾個流程:

  更改筆觸屬性DIY筆觸
  保存筆觸的PNG文件
  建立筆觸樣式

Fireworks自定義筆觸繪制美麗的細葉榕樹

1.1 更改筆觸屬性DIY筆觸

  首先在畫布上畫一條200px的水平矢量直線,然後應用“油畫效果-潑濺”筆觸,筆觸大小為4px,顏色為綠色。

  打開該筆觸選項,“紋理”改為“煙霧”,50%。繼續按下“高級”按鈕,進行如圖1說明的更改,其他參數不變。

  按下“添加筆觸”按鈕,添加你DIY的筆觸,命名為“油畫效果:樹葉-細葉榕”。(一個好的命名將方便你以後的調用)

  添加後,你就可以在“油畫效果”類的筆觸中找到你DIY的筆觸。

Fireworks自定義筆觸繪制美麗的細葉榕樹

1.2 保存筆觸的PNG文件

  按ctrl+D取消所有選擇。

  按下“屬性”窗口的“符合畫布”按鈕。

  按下ctrl+s保存文件,文件名稱和你DIY的筆刷名稱相同,命名為:油畫:樹葉-細葉榕,然後保存。

  如果你在作畫的時候按ctrl+r導入這個文件,DIY的筆刷就會自動添加到你正在作畫的文件中了。

Fireworks自定義筆觸繪制美麗的細葉榕樹

1.3 建立筆觸樣式

  當然,你可以用另外一個方法管理你DIY的筆觸。

  選中你那條200px應用了“樹葉”筆觸的直線,按下“樣式”面板的“添加樣式”按鈕,然後命名樣式為筆觸的名稱,鉤選需要的選項就可以了。

  你也可以導出這個樣式,建立一個和該筆觸同名的stl樣式文件,要使用的時候用“樣式”面板的導入功能導入就可以了。

  兩種管理筆觸的方法各有優劣,各位朋友就自行掌握了。

Fireworks自定義筆觸繪制美麗的細葉榕樹

二、Fireworks鼠繪大樹

  在第二節的內容裡面你將完成下面幾個流程

  導入筆觸和顏色  後期顏色處理

Fireworks自定義筆觸繪制美麗的細葉榕樹

2.1 導入筆觸和顏色

  新建一個80×350px大小,黑色背景的畫布。

  導入筆觸:按下ctrl+r導入“油畫:樹葉-細葉榕”png文件,這時,這種筆觸將自動添加到你當前編輯的文件中,位置在筆觸“油畫效果”類下。

  導入顏色:使用顏色面板導入下載包中的“細葉榕顏色.act”文件,或者直接用吸管選取圖2中的顏色。

Fireworks自定義筆觸繪制美麗的細葉榕樹2.2 大樹的繪畫

  使用“刷子”工具,仿照下圖的流程進行大樹的繪畫。

  繪畫的過程要注意的是:

  筆觸是“油畫效果-樹葉:細葉榕”,大小在4~6px之間。  由於俺畫的時候原來的色彩樣本丟失了,所以原圖和教程的色彩有些不同。

Fireworks自定義筆觸繪制美麗的細葉榕樹

2.3 後期顏色調整

  對於顏色的處理,各人的喜惡不一樣。下面的只是參考。

  對於俺畫的大樹,克隆了樹干和落葉的位圖,混合模式改為50%“添加的”。
  克隆了樹冠的位圖,混合模式改為80%“加熱”。
  對於你自己畫的樹,應該要根據實際情況來更改

Fireworks自定義筆觸繪制美麗的細葉榕樹

總結
  建立新筆觸的時候命名應該帶有其所屬大類,以便以後查找。  為筆觸選擇不同的填充紋理來達到不同的質感。

Fireworks自定義筆觸繪制美麗的細葉榕樹

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved