Fireworks教程-Lost RGB
起源:很喜歡winamp的AVS播放器,動(dòng)態(tài)函數(shù)寫出來的效果很好。如果可以用Firework模擬這種效果會(huì)如何呢?(請(qǐng)不要以為我最后模擬了這種效果,呵呵),希望能幫助到大家。
Fireworks教程-Lost RGB
如果用這種圖案做個(gè)桌面就好了。
新建一個(gè)1024*768的png,畫布顏色選純黑色。然后就試試怎樣做了(其實(shí)我也不知道下一步做什么,跟著感覺走吧)
用“矩形工具”畫一個(gè)大概400*70的矩形,下方的屬性就用“漸變—線性—彩色蠟筆”填充。然后就畫好一個(gè)好看的矩形了。不過它太呆板了,要整一下它。
感覺原來的矩形紅色和紫紅太多了。
調(diào)節(jié)“漸變填充手柄”來改變顏色的排列。
然后在選中這個(gè)矩形的情況下,按“shift+Ctrl+Alt+z”平面化這個(gè)矩形。平面化后才可以進(jìn)行位圖的加工。
用“涂抹工具”對(duì)已經(jīng)平面化的矩形進(jìn)行涂抹。涂抹的屬性我用的是下圖所示參數(shù)。
不過你自己喜歡啦,參數(shù)又不是死定的。
涂抹到右圖那個(gè)情況就可以收手了。
現(xiàn)在來個(gè)神來一“筆”。對(duì)涂抹后的矩形添加“濾鏡—模糊—放射狀模糊”,參數(shù)如下。你也可以試試其它參數(shù)。
畫畫這東西,即使有時(shí)參數(shù)相同,效果也不一定相同啊。
如果你覺得加了濾鏡后不好看,可能涂抹的效果不太理想,取消濾鏡再涂抹試試。
覺得顏色不強(qiáng)烈就用“濾鏡—調(diào)整顏色—亮度/對(duì)比度”,將“對(duì)比度”拖到60。
這時(shí)回想要模擬的winamp的效果,都不知道自己現(xiàn)在要搞些什么出來了。
先將剛才弄出來的東東選中按F8轉(zhuǎn)換為“位圖元件”,改個(gè)有意義的名字“Bright”,以便重復(fù)使用。
將“Bright”元件從庫(kù)里拉到畫布上,覺得不怎么明亮。
我就在畫布上選中“Bright”實(shí)例,“Ctrl+Shift+D”克隆一個(gè),克隆后的實(shí)例在屬性欄的混合模式中選“疊加”,就發(fā)覺光亮好多了。
現(xiàn)在的圖案底部無力,沒有什么安全感。再在庫(kù)里拉一個(gè)“Bright”實(shí)例出來,順時(shí)針轉(zhuǎn)90度,和原來兩個(gè)實(shí)例重疊起來,就好像一個(gè)光盤了,不過效果太呆而已。
不過我不想做光盤,就先將剛才轉(zhuǎn)過90度的實(shí)例的“透明度”改為25%,如果你的顯示器夠亮的話,就發(fā)現(xiàn)底部有些感覺了。
將剛才處理過的三個(gè)實(shí)例都放到同一個(gè)層里,層就改名為“light”層。
不過我們可以看到整體的邊緣不是太明顯,有什么好辦法呢?
為了突出邊緣,在同一層上用“矢量”的“面圈形”畫一個(gè)大小和發(fā)光物相當(dāng)?shù)奶鹛鹑?數(shù)學(xué)上成為環(huán)形),拖動(dòng)黃色菱形的調(diào)節(jié)手柄讓面圈形的內(nèi)徑變大。
然后在面圈形的屬性處,對(duì)面圈形用“漸變—放射狀”填充,我用的參數(shù)如右圖。(羽化是為了讓面圈形邊緣不要那么明顯),自己拖動(dòng)一下漸變手柄,看看怎樣效果才好看。
試了一下,將面圈形放到“light”層的最底部,發(fā)光的效果更好。
現(xiàn)在,新建一個(gè)叫“text”的層,鎖定原來叫“light”的層。
在“text”層里打些字來裝飾一下,注意以下的一些參數(shù):字體顏色:白色。混合模式:疊加。消除鋸齒:強(qiáng)烈消除鋸齒。OK。
不過,發(fā)覺字體不太明顯。選中剛才打進(jìn)去的所有文本,然后按“Ctrl+Shift+D”,克隆一組,就發(fā)現(xiàn)清晰了許多哦。(右圖的Green就是克隆前的效果,很遜。)記不記得這個(gè)方法就是剛才在提高彩色的圓的效果時(shí)用過,就是克隆一個(gè),混合模式用“疊加”。
在圓的下方打些座右銘也好,廢話也好,點(diǎn)綴一下?,F(xiàn)在要考慮一下怎樣修飾這對(duì)廢話了。你可以給它加個(gè)“濾鏡—發(fā)光”。
不過字體小的話,加發(fā)光濾鏡就不好看了。這里有一種方法,就是克隆一個(gè),加“濾鏡—模糊—高斯模糊”。不過我兩種方法都沒用,要挑戰(zhàn)一些自己沒試過的方法。(沒事找事干...)
克隆一個(gè)剛才打進(jìn)去的廢話,這樣就可以了令文本的顏色更白了
在克隆一個(gè)剛才打進(jìn)去的廢話,按“Ctrl+Shift+向下箭頭”放在最底一層,然后在“文本描邊”里按“筆觸選項(xiàng)”,進(jìn)行如右圖的參數(shù)調(diào)整,就可以看到在原來的文本背后來了一些爛碎紙。
透過毛玻璃看沖涼的恐龍也會(huì)覺得是美女。
就選中剛才的描了彩色爛紙的文本,添加“濾鏡—高斯模糊”,靚了。
這里受論壇里人家文本描邊的手法啟發(fā)的,這樣就做成了一個(gè)泛著七彩光芒的文本。
試試其他筆觸,說不定有什么驚喜。
鎖定“text”層和“light”層,在“text”和“light”直接新建一個(gè)叫“circle”的層。
用矢量工具的“面圈形”畫一個(gè)小環(huán)形,填充方式和原來用來加強(qiáng)邊緣效果的那個(gè)大環(huán)形相似。
“F8”將小環(huán)形轉(zhuǎn)換成圖形元件,克隆幾個(gè)分別放在文本的后面,作為花瓶。
鎖定“circle”層,解鎖“light”層,選中第二個(gè)圖形元件(就是啟用了“疊加”模式的“bright”實(shí)例。)
對(duì)它添加“濾鏡—EyeCandy—光暈效果—設(shè)置—磁場(chǎng)變化”,顏色選黑色。
呵呵
還缺什么呢?
最后在右上角加上一個(gè)logo就完成了。
如果一五一十按照教程來做其實(shí)也沒有什么收獲。
重要是方法的總結(jié),有下邊幾條:
1.克隆一個(gè)對(duì)象用“疊加模式”,會(huì)有意想不到的效果。
2.對(duì)小字體的發(fā)光可以克隆一個(gè)然后用“高斯模糊”或者克隆一個(gè)加些描邊再“高斯模糊”。
3.加一些類似”“面圈形的有漸變填充的路徑來增加效果。
最后一個(gè),如果你覺得有的矢量很呆板,不妨“平面化”后用手指(“涂抹工具”)等位圖工具擦一擦。
PNG源文件: