ps黑色風格網頁模板

2022-12-26 10:51:09 來源/作者: / 己有:12人學習過

然后你需要下載

Photoshop設計黑色大氣的網頁模板,PS教程,16xx8.com教程網

 

紋理圖片,并把它放在特色區(qū)域圖層的上方;

 

第七步:去掉那些不需要的背景紋理第六步中的圖放到PS中后,我們發(fā)現尺寸要大于特色區(qū)域圖層,所以我們需要遮蓋住不需要的區(qū)域,按住Ctrl鍵并單擊特色背景區(qū)域圖層,PS會自動選擇特色區(qū)域選區(qū)。

激活紋理圖片圖層,單擊下方的添加蒙版按鈕,這樣就可以遮蓋住那些不需要的區(qū)域了,然后更改該圖層的不透明度為35%。

Photoshop設計黑色大氣的網頁模板,PS教程,16xx8.com教程網

選擇橫排文字工具,在特色區(qū)域中添加文字,并確保標題文字和主體文字在不同的圖層中。

頭部的文字可以使用#FFFFFF顏色,主體部分則可以使用#2A2A2A。

Photoshop設計黑色大氣的網頁模板,PS教程,16xx8.com教程網

我們可以為標題文字添加一些樣式:

Photoshop設計黑色大氣的網頁模板,PS教程,16xx8.com教程網

Photoshop設計黑色大氣的網頁模板,PS教程,16xx8.com教程網

Photoshop設計黑色大氣的網頁模板,PS教程,16xx8.com教程網

第八步:創(chuàng)建”About us”圓角按鈕選擇圓角矩形工具,設置半徑為5px,文字的顏色設置為#404040,其它樣式可以自己設置,在這里我們還同時要用到素材圖片中的circleright32,Ctrl+T設置好大小并移到合適的位置。

Photoshop設計黑色大氣的網頁模板,PS教程,16xx8.com教程網

給圓角按鈕圖層添加一下樣式,使其顯得更加有趣:

Photoshop設計黑色大氣的網頁模板,PS教程,16xx8.com教程網

Photoshop設計黑色大氣的網頁模板,PS教程,16xx8.com教程網

Photoshop設計黑色大氣的網頁模板,PS教程,16xx8.com教程網