用Fireworks製作觸角

來源:互聯網
上載者:User
  效果圖:

  以前我們只是在Photoshop中通過各種濾鏡來實現這個執行個體。現在我們要用Fireworks作出這個效果。你時刻可以通過Ctrl+Z來撤消上一步的操作。
  首先建立新文檔:Files>New(快速鍵Ctrl+N),設定文檔大小為400*400,如果是把這個圖片應用到你的網頁,最好保持解析度(Resolution)為預設值72,選擇預設的畫布顏色為#FFFFFF(白色)
  設定筆觸為黑色。使用鋼筆工具,在畫布的左部點出一個點,在畫布的中間再次點擊並拖動滑鼠完成向上凸的一段曲線,鬆開滑鼠。然後在畫布的右部點擊並拖動滑鼠,完成向下凹的一段曲線。最後在右側再點一下。整條曲線的繪製過程以及最終效果如下所示:
 
  選中曲線,Ctrl+Shift+D複製曲線,使用小鍵盤上的方向鍵向上或者向下移動客隆的曲線。

  現在複製出的曲線仍為選中狀態,選擇縮放工具(快速鍵Q),在出現的矩形調節圖形外,進行旋轉,直到兩條曲線的右邊的尾點重合。建議使用放大和子選擇工具(Sub selection)來串連。如下:
 
  現在把這兩條曲線最左邊串連組合成封閉路徑。也可以用鋼筆工具實現:首先點擊位置靠上曲線的左邊的尾點,然後點擊位置靠下曲線的左邊的尾點。Fireworks會自動把他們串連成封閉路徑。如下:

  設定封閉路徑的填充色為:#FFCC00 黃色。添加效果:Effect>EyeCandy4>Bevel Boss(Fireworks內建效果),參數設定如下:
Basic Tab: Bevel Width=5,76 - Bevel Height=80 - Smoothness=100
Lighting Tab: Direction=102 - Inclination=70 - Highlight Brightness=100 - Highlight Size=80 Bevel Profile tab為預設設定,重設封閉曲線描邊為空白。效果如下:

  基本工作已經完成了,可以將他應用到實際中。比如下邊的圖象,Ctrl+Shift+D複製若干個,然後分別進行移動或者垂直翻轉,繪製了一個背景填充矩形,加上文字。完畢!

相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

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 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。