現(xiàn)在使用Fireworks軟件的人越來越多。而Fireworks普及率在近幾年也越來越高。今天東坡下載站的小編就為廣大的設計工作者們整理了一則關于用Fireworks中打造晶瑩剔透的效果的教程,供廣大網(wǎng)友參考。下面教讓我們一起來學習吧!
Adobe Fireworks是Adobe推出的一款網(wǎng)頁作圖軟件,軟件可以加速 Web 設計與開發(fā), 是一款創(chuàng)建與優(yōu)化 Web 圖像和快速構(gòu)建網(wǎng)站與 Web 界面原型的理想工具。Fireworks 不僅具備編輯矢量圖形與位圖圖像的靈活性, 還提供了一個預先構(gòu)建資源的公用庫, 并可與 Adobe Photoshop、Adobe Illustrator、Adobe Dreamweaver和 Adobe Flash軟件省時集成。 在 Fireworks 中將設計迅速轉(zhuǎn)變?yōu)槟P停?或利用來自Illustrator、Photoshop和Flash的其它資源。 然后直接置入Dreamweaver中輕松地進行開發(fā)與部署。
先看看最終效果圖
第一步
隨意新建一個畫布,填充背景色為#000066,鋼筆勾出基本形狀,羽化邊框(半徑1),填充放射性漸變,外加濾鏡外發(fā)光,效果如圖:
第二步
克隆剛才繪制的外形,微微調(diào)整尺寸,去除羽化和外發(fā)光,同時調(diào)整漸變,參數(shù)如下:
調(diào)整后效果如圖:
第三步
克隆剛才的外形,用節(jié)點選擇工具微微調(diào)整尺寸,加羽化(半徑1),調(diào)整漸變,參數(shù)如下:
第四步
克隆剛才的外形,微微調(diào)整外形,去除羽化,調(diào)整漸變,參數(shù)如下:
第五步
繼續(xù)克隆,調(diào)整外觀,改變漸變參數(shù),參數(shù)效果如下:
第六步
繼續(xù)第五步的操作,外加1像素羽化,具體參數(shù)如下:
第七步
繼續(xù)第五步的操作,效果如下:
第八步
繼續(xù)第五步的操作,效果如下:
第九步
添加細節(jié),繪制外形如圖,添加羽化(半徑2),圖層模式為柔化減淡,效果圖下:
第十步
克隆剛才的外形,微微調(diào)整,填充白色,去除羽化,更改圖層模式為正常,效果如圖:
第十一步
繼續(xù)上一步操作,調(diào)整外觀后填充顏色(#D1F5FF),圖層透明度為51%,效果如下
第十二步
繼續(xù)添加細節(jié),效果如圖:
最終效果如下:
最后組合所有圖層元素,復制組合調(diào)整圖層透明度,再按自己的想法隨意組合,我的最終組合效果如下: