Photoshop設(shè)計電影商店網(wǎng)站模板(6)

本文電影DVD商店網(wǎng)站界面設(shè)計翻譯自國外教程，整體設(shè)計風(fēng)格簡潔直白，有主有次，主要使用到PS筆刷來制作網(wǎng)站界面的變化效果，使得電影DVD商店網(wǎng)站整體上不單調(diào)，設(shè)計制作過程如下：

先在PS里新建760x770大小文件，白色背景

下載筆刷： line and circle decoration brushes.

使用PS里的畫筆筆刷工具：

接下來使用將之前安裝的筆刷。

在新建的圖層上用筆刷繪制背景圖形，顏色為 #f3f3f3。

導(dǎo)入電影影片圖片素材。

再下載一個筆刷 Grunge border brushes.

安裝筆刷后選擇如下圖筆刷圖形。

使用筆刷修飾網(wǎng)頁：

使用橢圓橡皮擦工具：

對網(wǎng)頁圖形進(jìn)行涂抹修飾。

將涂抹后的圖層進(jìn)行復(fù)制，旋轉(zhuǎn)180度，完成后如下圖

使用圓角矩形工具：

使用顏色#e3f7fe 制作簡單的圓形，如下圖：

繼續(xù)制作圖形，顏色為 #91bcdc

制作矩形，顏色為#90a6bd：

使用鋼筆工具為矩形制作折角：

復(fù)制矩形圖層：

制作顏色為#004995的圓形，用來制作折角背景

在圓形圖層上按鼠標(biāo)右鍵柵格化圖形

I will make a selection.

裁剪這塊圖形

隨后將裁減下的圖形翻轉(zhuǎn)180度：

并為其添加圖層樣式：

自由變形調(diào)整其位置與之前的圓形組合成如下折角圓形樣子：

使用文字工具

為電影網(wǎng)站添加文字：

最后加入影片圖片，整體電影網(wǎng)站設(shè)計完成，效果圖如下：