DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> Fireworks教程:自制樹葉筆觸繪制榕樹
Fireworks教程:自制樹葉筆觸繪制榕樹
編輯:Fireworks基礎     

  先看效果圖:

  對比起Photoshop的筆刷,Fireworks的筆觸顯然是小毛見大毛。不單單是功能上比較遜,而且筆觸的保存和管理方面也很麻煩。但是咱們只是享受繪畫的樂趣,而不是軟件的強大。

  在這一次,你將看到如何用FireworksDIY“細葉榕”樹葉的筆觸,並且將筆觸應用於鼠標繪畫。請准備享受DIY的樂趣吧!!!

  一、DIY細葉榕樹葉筆觸

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

  更改筆觸屬性DIY筆觸


  保存筆觸的PNG文件

  建立筆觸樣式

  如果你想馬上開始繪畫大樹,請先下載筆觸的PNG文件或.stl樣式文件,然後直接閱讀第二節的內容。


  1.1 更改筆觸屬性DIY筆觸

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

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

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

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


  1.2 保存筆觸的PNG文件

  按ctrl+D取消所有選擇。

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

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

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


  1.3 建立筆觸樣式

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

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

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

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


  二、鼠繪大樹

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

  導入筆觸和顏色

  大樹的繪畫

  後期顏色處理

  如果你沒有閱讀第一節,請先下載該筆觸的PNG文件或.stl樣式文件,然後開始第二節的內容。


  2.1 導入筆觸和顏色

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

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

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

  2.2 大樹的繪畫

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

  繪畫的過程要注意的是:

  筆觸是“油畫效果-樹葉:細葉榕”,大小在4~6px之間。

  由於畫布是黑色的,可以用黑色的筆觸當橡皮使用。

  由於俺畫的時候原來的色彩樣本丟失了,所以原圖和教程的色彩有些不同

 

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