Fireworks 制作青花陶瓷按鈕

自從韓國(guó)風(fēng)格的網(wǎng)頁(yè)出現(xiàn)以來(lái),就被中國(guó)的業(yè)界用到爛了。
自從蘋(píng)果水晶風(fēng)格的按鈕出來(lái),也被中國(guó)的業(yè)界用到爛了。
有時(shí)候取其精華是可以的,不過(guò)如果只是生搬硬套,不糅合自己的創(chuàng)意進(jìn)去,就只是永遠(yuǎn)在步人家的后塵。中國(guó)人不是沒(méi)有自己的創(chuàng)意,只是在這個(gè)浮躁的社會(huì)下,很多人是“不為”而非“不能”罷了。
感慨就說(shuō)不完了。說(shuō)一下這些“青花陶瓷按鈕”的制作方法吧。
一、這次的制作需要一些矢量花草,我用的是“YY Old English Dingbats”花草裝飾字體。你也可以使用其它矢量圖或矢量字體。
- 繪畫(huà)一個(gè)圓角矩形,大小在175×80左右,填充顏色為#D7DDDD,無(wú)筆觸。調(diào)整好圓角的弧度。
- 選中圓角矩形,按ctrl+shift+G取消組合,這樣圓角矩形就變成了普通矢量了,使用“鋼筆工具”和“部分選定工具”進(jìn)行如圖的錨點(diǎn)和控點(diǎn)調(diào)節(jié)。
二、
- 要增加形狀下方的立體感,添加濾鏡,兩個(gè)“內(nèi)側(cè)陰影”和一個(gè)“投影”。參數(shù)如圖1,注意濾鏡的順序。
- 為形狀添加明部。在原形狀的中間畫(huà)一個(gè)如圖2的圓角矩形,填充使用所示參數(shù)。
三、
- 添加加形狀下方的高光。使用“鋼筆”繪畫(huà)一條弧線(xiàn),使用圖1的筆觸,
用“路徑洗刷工具-去除”把弧線(xiàn)兩端洗掉。用“路徑洗刷工具-添加”把弧線(xiàn)中間加粗。 - 克隆這條弧線(xiàn),“垂直翻轉(zhuǎn)”后移動(dòng)到整個(gè)形狀的上部,改變一下參數(shù)。這就為上方添加了高光了。
四、
- 為形狀右方添加高光。
使用“鋼筆”結(jié)合“部分選定工具”調(diào)節(jié)繪畫(huà)出如圖1的形狀,使用所示填充。 - 為形狀左方添加高光。
克隆右方的高光,“水平翻轉(zhuǎn)”后,擺放到左方。
到此,陶瓷方塊繪畫(huà)完成。
五、青花圖案(基本繪畫(huà))
1)使用如圖所示字體,打一個(gè)M字(你可以使用其它青花矢量圖)
2)為圖案添加不規(guī)則顏色。為字體添加填充“漸變”-“輪廓”,參數(shù)和調(diào)節(jié)手柄如圖2所示。
六、青花圖案(細(xì)致繪畫(huà))
- 克隆這個(gè)青花圖案,填充改為“實(shí)心”,顏色為“#7c83a7”,并添加一個(gè)值為“2”的“高斯模糊”。
- 選中這個(gè)克隆的圖案,按ctrl+↓,移動(dòng)到原圖案的下一層。
(或在層面板里將這個(gè)克隆版拖動(dòng)到原圖案下方)
七、 Last Step-青花光澤
必須注意細(xì)節(jié)的問(wèn)題。
克隆右方的高光,按ctrl+shift+↑置于頂層,透明度改為80
End、
你可以完全改變形狀和光影效果,創(chuàng)作出屬于自己的青花陶瓷按鈕。
有空的話(huà)我打算制作陶瓷系列的系統(tǒng)圖標(biāo),呵呵。不知道那位朋友肯出錢(qián)訂造呢?
Try it yourself then make it better?。?!
源文件:
相關(guān)文章
- firework輸入的文字可以根據(jù)需求添加一些效果,該怎么給文字添加字體傾斜效果呢?下面我們就來(lái)看看詳細(xì)的教程2024-05-23
fireworks淡化邊緣工具在哪里? fireworks輪廓虛化效果的實(shí)現(xiàn)方法
fireworks繪制的圖形輪廓線(xiàn)尖銳了,想要虛化一下,需要使用淡化邊緣工具,這個(gè)工具在哪?怎么使用呢?詳細(xì)請(qǐng)看下文介紹2024-05-23電腦怎么批量添加照片日期? Fireworks給電腦圖片批量添加日期的技巧
電腦怎么批量添加照片日期?電腦中圖片的名字想要添加日期,該怎么操作呢?下面我們就來(lái)看看Fireworks給電腦圖片批量添加日期的技巧2023-06-05fw怎么設(shè)計(jì)科技干的線(xiàn)條? fireworks混合路徑工具制作圖形的技巧
fw怎么設(shè)計(jì)科技干的線(xiàn)條?fireworks中想要畫(huà)曲線(xiàn)線(xiàn)條,我們需要用到混合路徑工具,下面我們就來(lái)看看fireworks混合路徑工具制作圖形的技巧2023-01-09Fireworks圖形怎么做高光? fw中幾種制作高光效果的方法
Fireworks圖形怎么做高光?Fireworks中想要做高光效果,有幾種方法可以添加高光?下面我們就來(lái)看看fw中幾種制作高光效果的方法2022-12-21fw圖片漸隱效果怎么做? Fireworks給圖片添加漸隱效果的技巧
fw圖片漸隱效果怎么做?fw中想要給圖片添加漸隱效果,該怎么添加這個(gè)效果呢?下面我們就來(lái)看看Fireworks給圖片添加漸隱效果的技巧,詳細(xì)請(qǐng)看下文介紹2022-11-28Fireworks如何給圖片添加陰影效果? fw給圖片增加陰影效果的技巧
Fireworks如何給圖片添加陰影效果?fw中導(dǎo)入的圖片想要給圖片中的圖形添加陰影,該怎么操作呢?下面我們就來(lái)看看fw給圖片增加陰影效果的技巧2022-11-28fw文字怎么添加內(nèi)陰影? Fireworks給字體添加陰影的技巧
fw文字怎么添加內(nèi)陰影?fw中輸入的文字想要添加陰影,該怎么添加內(nèi)陰影呢?下面我們就來(lái)看看Fireworks給文字添加陰影的技巧,詳細(xì)請(qǐng)看下文介紹2022-11-28Fireworks中如何創(chuàng)建蒙版以及使用? FW蒙版功能的使用技巧
Fireworks中如何創(chuàng)建蒙版以及使用?fw中想要使用蒙版制作一些效果,該怎么創(chuàng)建蒙版并使用呢?下面我們就來(lái)看看FW蒙版功能的使用技巧,詳細(xì)請(qǐng)看下文介紹2022-11-28