Photoshop制作簡單網(wǎng)頁效果圖

今天，我們將教給大家如何利用圖片資源來繪制一張網(wǎng)頁效果圖，下面是我們這次教程的最終結(jié)果，設(shè)計(jì)的主題是照片作品集。

新建文檔760x770pixels，白色背景。因?yàn)檫@一次設(shè)計(jì)的主題是照片作品集，所以我們需要一張照相機(jī)的照片。我們把這張照片放在我們的工作圖層中。

點(diǎn)擊濾鏡>渲染>鏡頭光暈，按照下圖的參數(shù)設(shè)置。

得到如下結(jié)果。

接著下載一張草地的素材。在Photoshop中打開，放在照相機(jī)圖層的下面，用橡皮擦工具（稍微軟一點(diǎn)的筆刷），刪除不必要的地方，得到下圖效果。

在草地圖層的上面，新建一個(gè)圖層。在這個(gè)圖層上面我們要添加一些云彩。這里用的是云彩筆刷，載入筆刷以后，選擇一些云彩筆刷輕輕的涂在圖層中，這里用到的顏色是#2a6c9c。接著在相機(jī)的旁邊添加一些花，得到如下效果。

如果你仔細(xì)觀察，其實(shí)我們僅僅引用了3-4朵不同的花，只是改變它們的大小透明度，讓它們看起來更有層次感。一些花在相機(jī)的前面，一些在相機(jī)的后面，你可以通過調(diào)整圖層來實(shí)現(xiàn)這樣的效果。

現(xiàn)在看起來已經(jīng)相當(dāng)不錯(cuò)了，但是我想要添加一些葉子讓她看起來更豐富。

現(xiàn)在基本上網(wǎng)頁的頭部已經(jīng)設(shè)計(jì)好了。我們會(huì)在之后添加更多的細(xì)節(jié)，不過現(xiàn)在，讓我們開始繪制網(wǎng)頁的主體部分和底部。在這里，我建立了兩個(gè)簡單的形狀。

光柵化形狀，右鍵點(diǎn)擊你想要光柵化的形狀，在菜單中選擇即可。

選擇橡皮擦工具，用一個(gè)較軟的原型筆尖，刪除形狀的頭部。我的目的是讓網(wǎng)頁頭部看起來有更多的層次感，不會(huì)顯得太過生硬。

好了，這就是我們的效果。

接著在我們的圖層中添加一些文字。

當(dāng)然還可以從網(wǎng)上下載一個(gè)彩虹的圖片來對(duì)網(wǎng)頁頭部進(jìn)行裝飾，彩虹可按照下圖進(jìn)行放置。

點(diǎn)擊濾鏡>模糊>高斯模糊。

降低透明度到33%。

完成，這就是最后的效果，希望你會(huì)喜歡。