photoshop如何做網(wǎng)站揭密(2)
來(lái)源:未知
作者:學(xué)photoshop
學(xué)習(xí):4229人次
3、切圖切圖要在imageready中完成,先要把完稿的作品保存,最好還要做一個(gè)備份,然后跳轉(zhuǎn)到imageready工作。
a、有朋友切圖時(shí)要合并圖層,這是沒有必要的,圖層合并了,以后修改和編輯都麻煩,而且有時(shí)候切圖還要按一些圖層的大小定位來(lái)做,例如要切出一個(gè)468x60的廣告橫標(biāo),你可以把這個(gè)橫標(biāo)的圖層載入選定區(qū)域(load selection),然后從菜單select把選定區(qū)域轉(zhuǎn)換成切片(create slices from selection)。
b、不要把整個(gè)版面同時(shí)切圖。一般來(lái)說,頭部的色彩很豐富,而中間和底部的色彩比較少。例如一個(gè)版面頭部的切片,調(diào)色板可能要256種顏色,而中間和底部只要18色就能搞定,如果同時(shí)切片,就變成同一個(gè)調(diào)色板,中間的部分也使用了256色,就會(huì)使文件大小增加,但如果折中,讓頭部256色減少為128色或32色,又會(huì)影響效果。所以要分別處理,方法是在ps中分別選擇頭部、中間(中間有時(shí)候還可以分出幾個(gè)板塊)、底部,裁切,另存為幾個(gè)不同文件,然后切圖。
c、切圖要考慮清楚,你準(zhǔn)備使?
來(lái)定位還是使用定位,不同的html圖片分割是不同的。例如新陽(yáng)江網(wǎng)站的兩邊灰色框,如果使用來(lái)做,背景圖只要切一個(gè)高1像素寬791像素的背景圖,而如果使用,就要切出左邊背景和右邊背景。
d、gif和jpg。在同一個(gè)文件中切圖,photoshop是允許不同的切片使用不同的文件格式的,但gif格式和jpg格式結(jié)合的地方,有時(shí)候肉眼都能可能看出顏色的差別,所以同一部分的切圖最好使用同樣的格式。顏色較少、較單純的圖片,文字圖片,從矢量圖轉(zhuǎn)過來(lái)的小圖標(biāo)、邊框背景等圖片,一般用 gif格式比較好,文件小,顏色不失真。攝影圖片、三維軟件做出來(lái)的彩色立體文字,一般用jpg格式。如果切片是準(zhǔn)備做flash用的,文字部分和矢量圖標(biāo)等就不用了,在flash中使用字體和矢量圖比做成位圖占用的字節(jié)小,動(dòng)畫效果更流暢。
a、有朋友切圖時(shí)要合并圖層,這是沒有必要的,圖層合并了,以后修改和編輯都麻煩,而且有時(shí)候切圖還要按一些圖層的大小定位來(lái)做,例如要切出一個(gè)468x60的廣告橫標(biāo),你可以把這個(gè)橫標(biāo)的圖層載入選定區(qū)域(load selection),然后從菜單select把選定區(qū)域轉(zhuǎn)換成切片(create slices from selection)。
b、不要把整個(gè)版面同時(shí)切圖。一般來(lái)說,頭部的色彩很豐富,而中間和底部的色彩比較少。例如一個(gè)版面頭部的切片,調(diào)色板可能要256種顏色,而中間和底部只要18色就能搞定,如果同時(shí)切片,就變成同一個(gè)調(diào)色板,中間的部分也使用了256色,就會(huì)使文件大小增加,但如果折中,讓頭部256色減少為128色或32色,又會(huì)影響效果。所以要分別處理,方法是在ps中分別選擇頭部、中間(中間有時(shí)候還可以分出幾個(gè)板塊)、底部,裁切,另存為幾個(gè)不同文件,然后切圖。
c、切圖要考慮清楚,你準(zhǔn)備使?
來(lái)定位還是使用定位,不同的html圖片分割是不同的。例如新陽(yáng)江網(wǎng)站的兩邊灰色框,如果使用來(lái)做,背景圖只要切一個(gè)高1像素寬791像素的背景圖,而如果使用,就要切出左邊背景和右邊背景。
d、gif和jpg。在同一個(gè)文件中切圖,photoshop是允許不同的切片使用不同的文件格式的,但gif格式和jpg格式結(jié)合的地方,有時(shí)候肉眼都能可能看出顏色的差別,所以同一部分的切圖最好使用同樣的格式。顏色較少、較單純的圖片,文字圖片,從矢量圖轉(zhuǎn)過來(lái)的小圖標(biāo)、邊框背景等圖片,一般用 gif格式比較好,文件小,顏色不失真。攝影圖片、三維軟件做出來(lái)的彩色立體文字,一般用jpg格式。如果切片是準(zhǔn)備做flash用的,文字部分和矢量圖標(biāo)等就不用了,在flash中使用字體和矢量圖比做成位圖占用的字節(jié)小,動(dòng)畫效果更流暢。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 學(xué)photoshop
學(xué)習(xí) · 提示
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
5831718252011-01-02 12:13
頂一個(gè)啊,謝謝樓主分享。。
回復(fù)
pd2582858132010-09-05 01:42
看看怎么樣啊 本文來(lái)自:ps教程論壇(bbs.16xx8.com)詳細(xì)出處參考:http://bbs.16xx8.com/thread-78977-1-1.html
相關(guān)教程
推薦教程
- Photoshop教程:像素化細(xì)節(jié)設(shè)計(jì)技巧
- Photoshop精細(xì)制作Vista風(fēng)格網(wǎng)站導(dǎo)航條
- 陰影效果,教你制作各類陰影教程
- Photoshop制作網(wǎng)頁(yè)搜索條
- banner教程,用ps制作960*90的廣告圖片
- PS教程:設(shè)計(jì)導(dǎo)航鼠標(biāo)懸停狀態(tài)小效果
- 界面設(shè)計(jì),設(shè)計(jì)音樂播放器界面圖片
- 用ps制作豎列導(dǎo)航
- Photoshop設(shè)計(jì)網(wǎng)站用的藍(lán)色導(dǎo)航圖框
- Photoshop制作網(wǎng)站導(dǎo)航圖
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!