photoshop制作一款漂亮的網頁模板

最終效果：


首先，新建一個800× 800px的畫布，用漸變工具拉出垂直漸變，顏色系數在圖內給出。


畫布將成為這樣(水印效果為小Y翻譯時加上，作者原圖無)：


新建圖層，用圓角矩形工具在中間拉出一個矩形，填充任意顏色，在圖層面板里將填充設為0%。


選擇中間矩形所在圖層，圖層樣式 漸變疊加，#3399cc~#00cccc




這是我們現在得到的效果：


選擇自定義形狀工具，選擇其中的一個圓形形狀。


新建圖層，畫幾個圓形，用變形工具適當變形，最好將它們放入一個群組內，得到以下效果。




選擇大小適中的軟性畫筆用#3399cc的顏色輕涂矩形上方與圓相交區域。


在最上方新建圖層，用圓角矩形工具，再得到一個略小的矩形，至于中間，填充黑色。


加圖層樣式，外發光、漸變疊加(#003366~006699)，具體參數如下：




得到以下效果圖：


選擇另外一個邊緣稍寬的圓形形狀，在左邊位置，畫幾個大小不一的圓形，用變形工具變形， 將上一步所畫的若干個變形圓形對下一層的矩形執行 剪貼蒙版（具體操作為選中圖層按ctrl+alt+G，作者所用方法為選中縮略圖邊




選擇另外一個邊緣稍寬的圓形形狀，在左邊位置，畫幾個大小不一的圓形，用變形工具變形，




將上一步所畫的若干個變形圓形對下一層的矩形執行剪貼蒙版（具體操作為選中圖層按ctrl+alt+G，作者所用方法為選中縮略圖邊界，按住alt點擊左鍵，得到效果一致），如下：


在另外一側，選擇橢圓工具畫三個橢圓，顏色#003333，并將圖層面板內填充設為70%,


選擇星形筆刷，新建圖層，在橢圓周圍畫幾個大小不一的星星，填充設為20%，


制作網站左上方logo，由添加漸變的星形筆刷和域名構成，以下為漸變系數、字體系數與得到效果: