Photoshop設計電影商店網站模板(6)
來源:作者:佚名 來源:網頁教學網
作者:admin
學習:766人次
本文電影DVD商店網站界面設計翻譯自國外教程,整體設計風格簡潔直白,有主有次,主要使用到PS筆刷來制作網站界面的變化效果,使得電影DVD商店網站整體上不單調,設計制作過程如下:
先在PS里新建760x770大小文件,白色背景
下載筆刷: line and circle decoration brushes.
使用PS里的畫筆筆刷工具:
接下來使用將之前安裝的筆刷。
在新建的圖層上用筆刷繪制背景圖形,顏色為 #f3f3f3。
導入電影影片圖片素材。
再下載一個筆刷 Grunge border brushes.
安裝筆刷后選擇如下圖筆刷圖形。
使用筆刷修飾網頁:
使用橢圓橡皮擦工具:
對網頁圖形進行涂抹修飾。
將涂抹后的圖層進行復制,旋轉180度,完成后如下圖
使用圓角矩形工具:
使用顏色#e3f7fe 制作簡單的圓形,如下圖:
繼續(xù)制作圖形,顏色為 #91bcdc
制作矩形,顏色為#90a6bd:
使用鋼筆工具為矩形制作折角:
復制矩形圖層:
制作顏色為#004995的圓形,用來制作折角背景
在圓形圖層上按鼠標右鍵柵格化圖形
I will make a selection.
裁剪這塊圖形
隨后將裁減下的圖形翻轉180度:
并為其添加圖層樣式:
自由變形調整其位置與之前的圓形組合成如下折角圓形樣子:
使用文字工具
為電影網站添加文字:
最后加入影片圖片,整體電影網站設計完成,效果圖如下:
學習 · 提示
關注大神微博加入>>
網友求助,請回答!