DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks設計案例 >> Fireworks繪制清新翠綠的竹子
Fireworks繪制清新翠綠的竹子
編輯:Fireworks設計案例     
Fireworks繪制清新翠綠的竹子

  這裡先說下制作以前要注意的地方:我感覺竹子最重要的部分就是關節部分

  (2段竹子的結合處)

  這也是竹子的特點;還有就是竹段中,類似絲狀的紋理。

  1、首先畫一個27*105的矩形(數值近似就可以),然後調節四腳的結點,

  使矩形中間的位置向內凹。

  <.

使用Fireworks 簡單繪制竹子

  2、加上漸變色,由於我想做的效果並不是那種很真實的竹子效果,

  所以顏色淺了些;而且只

  是簡單的漸變:#009000 #00cc00

  <.

使用Fireworks 簡單繪制竹子

  3、在變形的矩形上加一些105高的豎線,注意間距要是不相同的,

  用來做竹子上竹絲的感覺。

  顏色要深些:#006600 透鏡度調到20。

  <.

使用Fireworks 簡單繪制竹子

  4、這一步用來給竹子的上下邊緣加陰影,用來突出竹

  段之間接合的部位;在上端邊緣的

  部分畫一個長10像素的線段,顏色#006600,高斯模糊1;

  <.

使用Fireworks 簡單繪制竹子

  5、這一步與上一步基本相同,只不過是在底部邊緣的部分畫一個長10像素的線段,顏色#ffffff,高斯模糊1;

  <.

使用Fireworks 簡單繪制竹子

  6、到這一步竹段的部分就已經制作完成了,全選Ctrl+G,然後復制一個竹段,使它和第一

  個竹段首尾相接,但之間要留一個像素的空隙,在這個空隙中填充一條線段,顏色#006600,透明度30%。

  <.

使用Fireworks 簡單繪制竹子

  7、這一步制作竹葉:畫一個寬35高8的橢圓;刪除上下2個結點;調節右邊的結點,使圖形左尖右寬;

  <.

使用Fireworks 簡單繪制竹子

  8、給竹葉加內側發光,顏色#ccff00,最後再在竹葉的靠右邊畫一條白色的橫線,高斯模糊0.7,透明度60;

  <.

使用Fireworks 簡單繪制竹子

  9、基本的元素都完成了,下面就是擺放啦,這裡我就不具體說了,大家可以自己隨意。

  不過有幾個要注意的地方 :竹葉的大小不能全部一樣,要適當的調節使之有所區別;

  竹子擺放的時候要上下錯開,看起來自然些,就這樣了。

  <.

使用Fireworks 簡單繪制竹子

        :更多精彩教程請關注圖文教程 頻道,

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