DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks基礎 >> 用 Fireworks 制作立體镂空齒輪
用 Fireworks 制作立體镂空齒輪
編輯:Fireworks基礎     


  效果簡介:這一款齒輪效果不同於以往的是它給人的視覺感受具有很強的立體感,它的制作主要應用了打孔功能,變形工具和鉛筆工具。下面就讓我們一步步的來學習它的制作。

  一,建立新場景,底色白。選擇Ellipse Tool(橢圓形工具)按住Shift鍵畫正圓形,指定圓形填充色為重金屬黃。

  二,再次使用橢圓工具畫一個小圓形。然後通過Ctrl+C以及Ctrl+V進行反復的拷貝粘貼,最後,將這些小圓形錯開些距離排列到圓形地圖的邊緣。提示:反復的拷貝和粘貼很是麻煩,你可以畫好一個圖形後,按住Alt鍵,然後用鼠標反復托拽該圖就可以得到相同圖形了。這個快捷方法對矢量和位圖都有效。

  三,選中所有小圓形,按下Ctrl+J將它們結合為一整幅圖形。然後按下Ctrl+A全選場景中圖形,選擇Modify-Combine-Punch將大圓形打穿。

  四,使用橢圓形工具,按住Shift鍵畫一個稍小於底圖的圓形,放置於底圖正中,按下Ctrl+A全選,然後再次使用Punch命令打穿底圖。

  五,選擇Rectangle Tool(矩形工具)畫一個豎直的長方形。長度為底圖镂空部分的一半即可。然後按住Alt鍵,托拽出5個相同的長方形,利用Scale Tool工具將各個圖形旋轉並排列成五角形狀。最後,畫一個正圓形將五個長方形的交界點覆蓋。

  六,全選場景中圖形,選擇Modify-Combine-Union結合全部圖形。然後再次畫出一個小圓形,放置在圖形中間,用Punch命令打穿底圖。完成齒輪平面圖的制作。

  七,選擇Distort Tool(扭曲工具)調整圖形顯示形態。

  八,拷貝並粘貼一個圖形副本,將處於底部的圖形填充部分關閉,指定描邊顏色為重金屬黃。同圖形副本顏色相同。然後稍稍調整圖形副本的位置,使兩圖產生交錯。

  九,將場景放大到400%,使用Line Tool(直線工具)將上下圖各個交錯點用直線連接起來。最後,全選場景中所有元素,按下Ctrl+G合並成組。至此完成全圖制作。

  十,最終效果圖。那麼這些圖形我們可以用來裝點頁面,運用的恰當的話,將會給一個平淡的頁面增色不少。

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