本文電影dvd商店網站界面設計翻譯自國外教程,整體設計風格簡潔直白,有主有次,主要使用到ps筆刷來制作網站界面的變化效果,使得電影dvd商店網站整體上不單調,設計制作過程如下:
先在ps里新建760x770大小文件,白色背景
下載筆刷: line and circle decoration brushes.
使用ps里的畫筆筆刷工具:
接下來使用將之前安裝的筆刷。
在新建的圖層上用筆刷繪制背景圖形,顏色為 #f3f3f3。
導入電影影片圖片素材。
|||
再下載一個筆刷 grunge border brushes.
安裝筆刷后選擇如下圖筆刷圖形。
使用筆刷修飾網頁:
使用橢圓橡皮擦工具:
對網頁圖形進行涂抹修飾。
將涂抹后的圖層進行復制,旋轉180度,完成后如下圖
|||
使用圓角矩形工具:
使用顏色#e3f7fe 制作簡單的圓形,如下圖:
繼續制作圖形,顏色為 #91bcdc
制作矩形,顏色為#90a6bd:
|||
使用鋼筆工具為矩形制作折角:
復制矩形圖層:
制作顏色為#004995的圓形,用來制作折角背景
在圓形圖層上按鼠標右鍵柵格化圖形
i will make a selection.
裁剪這塊圖形
隨后將裁減下的圖形翻轉180度:
|||
并為其添加圖層樣式:
自由變形調整其位置與之前的圓形組合成如下折角圓形樣子:
使用文字工具
為電影網站添加文字:
最后加入影片圖片,整體電影網站設計完成,效果圖如下:
新聞熱點
疑難解答