確定網(wǎng)頁的基本框架框架尺寸排版，這一步需要在紙上畫出草圖先用ps作出網(wǎng)頁的body部分主體部分，然后再作出banner導(dǎo)航頁腳等部分，圖形全部自己繪制，圖片和文字要用事先準(zhǔn)備好的素材，最后排版，就是效果圖了。

photoshop有專門的切割工具，按需要把設(shè)計好的網(wǎng)頁切割好后用ctrlaltshifts保存，就會生成一個html文件了，你會發(fā)現(xiàn)html的圖片文件夾里已經(jīng)有你切好的一塊一塊的小圖片瀏覽這個web頁面，顯示的效果和ps中的完全一致，似乎。

先設(shè)計并制作好包裝盒的展開圖，然后把展開圖的各個部分，裁切到不同圖層，最后合成想要的效果主要就系用自由變換來實現(xiàn)，最后在加d效果就ok了一般建議用coreldraw來做比較方便先合層，然后用選區(qū)工，把它們分成一塊。

一準(zhǔn)備好自己要做相冊的素材，產(chǎn)品展示案例展示照片展示等都可以，統(tǒng)一將這些圖片放在一個文件夾下，我這里將這個文件叫做“Res_IMgquot，這里面放的都是大的圖片，小圖片一會兒ps會為我們做的二打開PS，選擇菜單。

然后點擊下面的頁面屬性把背景圖片設(shè)置為我們剛剛制作的背景圖重復(fù)選擇no開頭的那個其他的不用管然后我們按ctrl+s保存好網(wǎng)頁然后即可使用瀏覽器預(yù)覽效果了，ps制作網(wǎng)頁就是這么簡單。

如果是普通寬屏1024*768，建議寬度不要超過1004，要根據(jù)分辨率來算的，公式分辨率寬度20px=1004px記得減去分辨率20像素，然后網(wǎng)頁大小就要在減去20像素的分辨率一下就可以了。