Photoshop做模特網站模板實例
時間:2024-02-03 15:45作者:下載吧人氣:34
photoshop在實際應用中,我們經常會用ps做網站圖片,如用ps做模特網站,我們就有可能會做網站模板,所以今天就教大家一個用Photoshop做模板的實例,希望大家認真學習
此網站由于內容并不太多,所以主要使用2分攔布局,同時結合多邊形的導航與花草圖片的點綴使整個頁面風格十分活躍,網站的圖片可以說是主要的色彩區域,通過優質圖片素材的選擇與文字的結合,讓人覺得整個頁面十分飽滿與協調。
最終效果如下:

新建850x1200大小文件,將背景復制一次,然后在復制出的背景上增加漸變圖層樣式,如下圖
使用圓角矩形繪制黑色區域
導入一張你喜歡的圖片,復制圖片到頭部圓角矩形位置
按住ctrl隨后點選圓角矩形圖層,出現選區,隨后選中導入的圖片圖層,反選,刪除,你將會看到圓角區域的圖片保留下來,其他區域被刪除了
使用鋼筆工具勾畫如下形狀
填充鋼筆選區為白色,調整不透明度為12%
使用多邊形工具在網站頂部繪制如下圖形狀
隨后增加漸變樣式
在多邊形上制作導航按鈕文字與搜索條
下一步,我們導入花的素材作為網站頭部的裝飾
隨后用草的PS筆刷來進一步修飾網站頭部
之后用制作導航同樣的方法制作網站頭部下方的長方形區域,如下圖
加入導航與圖片鏈接
使用顏色#242323 到#000000 的漸變色創建網站的主要區域,同時導入一張女性模特素材
復制模特圖片,隨后將原始的模特圖片進行4%模糊處理,再將復制出的圖片設置不透明度為65%
現在添加網站主體的文字與圖片內容
現在使用鋼筆工具勾畫網站底部形狀,顏色與網站的頭部導航區域相同
添加花草與底部文字
完成最后的網站設計圖

網友評論