漫談GIF索引色圖像中的三種“仿色”模式_Fireworks教程
推薦:Fireworks 制作打孔效果效果:1、新建一個(gè)300*300的文檔,并畫一個(gè)220*180的矩形,顏色#3333332、寫一個(gè)數(shù)字,大小是250(這個(gè)數(shù)值要在屬性里自己填寫),我寫的是5,字體要盡量選擇
所謂“仿色”可以理解為仿造顏色,主要應(yīng)用在想用較少的顏色來(lái)表達(dá)較豐富的色彩過(guò)渡的場(chǎng)合,就好比要用極少的原料做出豐盛的菜肴一般。我們可以動(dòng)手來(lái)感受一下,在Photoshop中新建一個(gè)300×100像素的RGB模式圖像,選擇漸變工具〖G/SHIFT G〗,在默認(rèn)的漸變列表中選擇“藍(lán)色、紅色、黃色”,將漸變定義線從左至右布滿全圖像,形成如下圖的效果。


我們就會(huì)看到圖像呈現(xiàn)出如下圖的效果。這是因?yàn)槲覀儸F(xiàn)在指定只能用8種色彩來(lái)表達(dá)這幅圖像。在無(wú)仿色的情況下圖像由原先的平滑過(guò)渡變?yōu)榱艘粋(gè)個(gè)相鄰的色塊,數(shù)一下正好是8個(gè)。這是Photoshop根據(jù)計(jì)算得出的最接近原圖的顏色。顯然,這對(duì)于表達(dá)原圖像是遠(yuǎn)遠(yuǎn)不夠的。

那么,是不是就一定要使用更多的色彩才能產(chǎn)生較好的過(guò)渡效果呢?不一定,我們可以在設(shè)置框中選擇不同的仿色選項(xiàng),將會(huì)看到如下的效果。明顯感覺(jué)到色彩的過(guò)渡變得柔和了。注重設(shè)置框中的顏色數(shù)仍然是8,這意味著顏色的數(shù)量并沒(méi)有變化。

那何以顏色過(guò)渡看起來(lái)要平滑許多呢?奧秘就在下圖,這是擴(kuò)散仿色的局部放大圖,我們看到各種顏色不再是互相獨(dú)立的色塊,而是互為交融滲透,這樣在人眼的整體視覺(jué)效果中就會(huì)形成平滑的過(guò)渡。

擴(kuò)散仿色放大圖
仿色在網(wǎng)頁(yè)設(shè)計(jì)中較為常用,因?yàn)闇p少顏色數(shù)可以減小圖片的字節(jié)數(shù),有利于在帶寬有限的網(wǎng)絡(luò)上快速傳遞。當(dāng)然過(guò)少的顏色也必然損失圖像的質(zhì)量和細(xì)節(jié),因此在圖像質(zhì)量和圖像字節(jié)數(shù)之間的權(quán)衡是進(jìn)行網(wǎng)頁(yè)制作時(shí)常會(huì)碰到的問(wèn)題。有些新手追求高圖像質(zhì)量,結(jié)果導(dǎo)致整個(gè)網(wǎng)頁(yè)圖片字節(jié)數(shù)龐大,傳輸緩慢�;蛘哌^(guò)分追求傳輸?shù)乃俣�,大幅降低圖像質(zhì)量。這兩個(gè)極端都是不可取的。而熟練的制作者必備的本領(lǐng)就是在兩者間取得最好的平衡點(diǎn)。這些人制作出來(lái)的網(wǎng)頁(yè)不僅圖像質(zhì)量高,傳輸速度也快。
這里所說(shuō)的在兩者間取得最好的平衡點(diǎn),不單單指如何對(duì)圖像進(jìn)行優(yōu)化(即盡量減少字節(jié)數(shù)同時(shí)盡量保證質(zhì)量),還包括在設(shè)計(jì)過(guò)程中就要為以后的優(yōu)化做好預(yù)備。比如不要大面積地使用過(guò)渡色等。分享:Fireworks 制作美式涂鴉文字使用文本工具,輸入以下文字,字體為Impact,大小為36,顏色#003300:選定文字,CtrlShiftP(文本-轉(zhuǎn)換為路徑),全選,CtrlG組合,屬性面板中:紋理使用纖維
- 相關(guān)鏈接:
- 教程說(shuō)明:
Fireworks教程-漫談GIF索引色圖像中的三種“仿色”模式
。