Fireworks設(shè)計水晶質(zhì)感的Media Player 播放器圖標

本教程是向大家介紹如何利用Fireworks設(shè)計水晶質(zhì)感的Media Player 播放器圖標,設(shè)計出來的圖標非常精致立體,教程很不錯,希望大家通過本篇教程能充分掌握Fireworks軟件的使用技巧!
前言:
很多人都說FIREWORKS太弱,遠不如PHOTOSHOP制作的效果更好,對于我這個對FW情有獨鐘的“資深網(wǎng)民”來看,關(guān)鍵是要充分掌握軟件的使用技巧,加上好的設(shè)計思想,用FIREWORKS同樣能做出比較精美的圖片。近來看到微軟官方網(wǎng)站的Windows Media Player 11頁面中的‘播放’圖標很好的水晶質(zhì)感效果,特地拿來制作,現(xiàn)在與諸位大俠分享,共同進步。
先來看看最終效果圖:
1、在Fireworks新建的黑色畫布上畫正圓形,然后在屬性面板中選取‘放射狀’效果填充,并且采用四種顏色的過渡,其顏色色值自下而上依次為#FFFFFF、#99FFFF、#0099FF、#000099,但顏色色值為#000099的深藍色要占的‘席位’多些。這樣做的目的是可以豐富圖標的色彩表現(xiàn)力。如圖。
2、用鋼筆工具繪制一個半圓,以便表現(xiàn)出立體感,將左右端調(diào)整出一定的弧度,把下部的曲線選取點上提。如圖
3、在半圓上同樣選取‘放射狀’填充,顏色全部選擇白色,但透明度要選出三個點,其透明度依次為25、63、100,要注意三透明度的位置,靠近中心的透明效果要多些,這樣主要是為了渲染圖表上面部分的立體水晶效果。如圖
4、為了顯示出圖標的輪廓,使得效果飽滿,再要畫出一個空心的圓線,顏色可以選取淺藍#00CCFF,再將它的透明度調(diào)整為40%。如圖
5、下面就是要畫中間的三角形,在這里,可以選用多邊形工具畫出一個多邊形,然后調(diào)整多邊形的相關(guān)數(shù)值,根據(jù)效果自己調(diào)試三角形的細節(jié),微軟的圖標中三角形是直邊的,但我這里做了些變化,將其做成帶有弧度的邊,好象效果更獨特些,最后要將三角形進行漸變填充,上面是白顏色,下面可以是淺灰色:#CCCCCC,以白顏色為主。如圖
6、再有,為了增強圖標下半部的光感,還須畫出個淺藍色(#33FFFF)的橢圓,并且做高斯模糊效果,值可以選擇21,然后放置在圓的下部。如圖
7、最后,要將做好的圖標復制出一個,將其全選并組合,然后垂直翻轉(zhuǎn),來做一個圖標倒影。
到此就將這個質(zhì)感的水晶圖標就制作完成了,其實步驟很簡單,主要還是細節(jié)的把握和調(diào)整,大家可以自己動手,在家里也可以使用自己擅長工具去制作,人人都是“設(shè)計師”。
教程結(jié)束,以上就是Fireworks設(shè)計水晶質(zhì)感的Media Player 播放器圖標過程,方法很簡單吧,喜歡的朋友可以嘗試制作一下!
相關(guān)文章
- firework輸入的文字可以根據(jù)需求添加一些效果,該怎么給文字添加字體傾斜效果呢?下面我們就來看看詳細的教程2024-05-23
fireworks淡化邊緣工具在哪里? fireworks輪廓虛化效果的實現(xiàn)方法
fireworks繪制的圖形輪廓線尖銳了,想要虛化一下,需要使用淡化邊緣工具,這個工具在哪?怎么使用呢?詳細請看下文介紹2024-05-23電腦怎么批量添加照片日期? Fireworks給電腦圖片批量添加日期的技巧
電腦怎么批量添加照片日期?電腦中圖片的名字想要添加日期,該怎么操作呢?下面我們就來看看Fireworks給電腦圖片批量添加日期的技巧2023-06-05fw怎么設(shè)計科技干的線條? fireworks混合路徑工具制作圖形的技巧
fw怎么設(shè)計科技干的線條?fireworks中想要畫曲線線條,我們需要用到混合路徑工具,下面我們就來看看fireworks混合路徑工具制作圖形的技巧2023-01-09Fireworks圖形怎么做高光? fw中幾種制作高光效果的方法
Fireworks圖形怎么做高光?Fireworks中想要做高光效果,有幾種方法可以添加高光?下面我們就來看看fw中幾種制作高光效果的方法2022-12-21fw圖片漸隱效果怎么做? Fireworks給圖片添加漸隱效果的技巧
fw圖片漸隱效果怎么做?fw中想要給圖片添加漸隱效果,該怎么添加這個效果呢?下面我們就來看看Fireworks給圖片添加漸隱效果的技巧,詳細請看下文介紹2022-11-28Fireworks如何給圖片添加陰影效果? fw給圖片增加陰影效果的技巧
Fireworks如何給圖片添加陰影效果?fw中導入的圖片想要給圖片中的圖形添加陰影,該怎么操作呢?下面我們就來看看fw給圖片增加陰影效果的技巧2022-11-28fw文字怎么添加內(nèi)陰影? Fireworks給字體添加陰影的技巧
fw文字怎么添加內(nèi)陰影?fw中輸入的文字想要添加陰影,該怎么添加內(nèi)陰影呢?下面我們就來看看Fireworks給文字添加陰影的技巧,詳細請看下文介紹2022-11-28Fireworks中如何創(chuàng)建蒙版以及使用? FW蒙版功能的使用技巧
Fireworks中如何創(chuàng)建蒙版以及使用?fw中想要使用蒙版制作一些效果,該怎么創(chuàng)建蒙版并使用呢?下面我們就來看看FW蒙版功能的使用技巧,詳細請看下文介紹2022-11-28