psfireworks都可以用來做效果圖的，用這些工具做效果圖的時候只要注意一下欄目的排版以及用色的協(xié)調(diào)性，ps做網(wǎng)頁效果圖常用的效果不多，所要只要掌握幾種常用的工具用法就可以了選取剪切填色漸變蒙版切圖等。

我的建議是，首先你要對PS的操作比較熟練，一些最常見的網(wǎng)頁效果，你看到后，要能用PS實現(xiàn)出來，也就是能畫出來這些都達(dá)到要求后，下面你就開始了解一些最基本的網(wǎng)頁設(shè)計知識比如一般的網(wǎng)頁寬度960像素，字體大小是12號。

1新建一個800X600像素的空白背景，顏色模式設(shè)置為RGB模式RGB模式顏色是由紅色，綠色，藍(lán)色三種顏色相交構(gòu)成，可以更好的顯示網(wǎng)頁中的色彩內(nèi)容2新建文件，點擊確定，空白文件會自動顯示在軟件中對于新建空白文件來說。

設(shè)計一個尺寸后，就直接設(shè)計內(nèi)容就可以，注意不要合并任何圖層，文字可以拿一些常用的字代替都做完后，保存成PSD和JPEG兩種格式前者就是模板，后者就是網(wǎng)上的預(yù)覽。

一個完全的網(wǎng)站模板從設(shè)計到最終設(shè)計完成視頻教程有，網(wǎng)頁教程有也有，但是都非常少而且國內(nèi)也搜索不到太多，如果你想從這網(wǎng)站設(shè)計基礎(chǔ)方面開始，優(yōu)酷有視頻教程搜“網(wǎng)站設(shè)計” 會有你想要的，至于那張圖片 只是簡單的兩條線。

但一般不能少于 800，然后根據(jù)企業(yè)的需求確定好配色方案，然后就是設(shè)計標(biāo)題欄目，內(nèi)容欄目等具體你可以參照下面的資料PS設(shè)計制作一個清爽的藍(lán)色海洋風(fēng)格網(wǎng)頁模板教程7078html。

第1步和液體感的頁首和頁腳一樣，漸變通常是web20設(shè)計風(fēng)格的標(biāo)志在這個教程中我們將使用到一組模擬3D材質(zhì)的漸變文件包你可以從excellent Deziner Folio得到這個文件包點擊這里下載漸變文件包第2步在Photoshop中創(chuàng)建。