修飾性圖標(biāo)和內(nèi)容性圖片需要(在 HTML 的 <img> 之中,只需站位不需切圖)切出。切出的內(nèi)容性圖片應(yīng)保存為 *.jpg 格式,而修飾性圖片因保存為 png24(IE6 不支持半透明,Alpha 透明) 或 png8 它們均支持全透明。
隱藏文字,方法一,直接在圖層中隱藏文字圖層。方法二(兩種,分別應(yīng)對(duì)于純色和有背景需要隱藏文本的情況)如下圖所示,使用自由變換。
http://wiki.jikexueyuan.com/project/fend_note/images/B/btn-remove-text.gif" alt="" />
PNG24切圖方法
PNG8帶背景切圖方法
可平鋪背景的切圖方法
NOTE: X 軸平鋪需要占滿圖片的寬,Y 軸平鋪需要占滿圖片的高。
切片工具(大圖化小的方法,將一大圖分為多小圖)
打開(kāi)視覺(jué)稿后,用上面說(shuō)過(guò)的方法去掉所有的文字,只留背景和圖片(記得備份一下PSD文件)。
http://wiki.jikexueyuan.com/project/fend_note/images/P/photoshop-without-image.png" alt="" />
將去掉文字的圖片保存起來(lái)。一般情況下內(nèi)容性圖片保存為jpg格式,圖標(biāo)類型的保存為png格式。
http://wiki.jikexueyuan.com/project/fend_note/images/P/photoshop-cut-image.png" alt="" />
劃分頁(yè)面的結(jié)構(gòu),具體的實(shí)現(xiàn)方式。
根據(jù)構(gòu)思號(hào)的頁(yè)面結(jié)構(gòu),開(kāi)始編寫HTML代碼,并且開(kāi)始進(jìn)行測(cè)量和取色。