網(wǎng)頁(yè)設(shè)計(jì)Ps制作棕色時(shí)尚復(fù)古網(wǎng)站教程

效果圖

1、 打開(kāi)photoshop，新建空白文檔，文檔大小為800*1200;

2、 打開(kāi)素材圖片1，按Ctrl+Alt+T調(diào)整大小為800*1200;

3、 給背景填加燒壞效果。設(shè)置前景色為黑色。選擇漸變工具選擇的前景色到透明，混合模式為軟柔光與不透明度:30%。

4、 打開(kāi)素材圖片2，按Ctrl+Alt+T調(diào)整合適大小;

5、 打開(kāi)素材圖片3，按Ctrl+Alt+T調(diào)整合適大小;設(shè)置圖層樣式為正片疊底，不透明度為8%;

6、 打開(kāi)素材圖片4，按Ctrl+Alt+T調(diào)整合適大小;

7、 給汽車圖片添加復(fù)古顏色，復(fù)制素材圖片4圖層，填充前景色為#af8b59,混合模式為顏色，不透明度為40%;

8、 制作汽車投影，新建圖層8，選擇畫(huà)筆工具，設(shè)置軟角筆刷，直徑為27px畫(huà)投影，選擇高斯模糊;

9、 給汽車制作擋風(fēng)玻璃，新建圖層10，放在汽車圖層的下面，選擇多邊形套索工具，制作選區(qū)，設(shè)置前景色為白色，選擇漸變工具，設(shè)置為白色到透明，線性漸變;

10、 創(chuàng)建導(dǎo)航條;

11、 創(chuàng)建logo,柵格化文字圖形，新建圖層，按Ctrl+Alt+G創(chuàng)建剪切蒙版，選擇矩形選區(qū)工具，選擇文字圖層上半部，用漸變工具設(shè)置黑白漸變，由上到下拉伸。同理漸變文字下半部。

12、 給logo填加光感，在logo圖層下面新建一圖層，選擇橢圓選框工具，畫(huà)一橢圓，選擇羽化命令，填充白色。設(shè)置圖層混合模式為疊加，不透明度為80%;

13、 同理給導(dǎo)航條制作光感背景;

14、 制作內(nèi)容區(qū);

15、 選擇圓角矩形工具，制作button;

16、 創(chuàng)建“Welcome to our Website”文字區(qū)域;

17、 填加段落文字;

18、 給段落文字填加圖片;

19、 同理，創(chuàng)建剩余文字，圖片。