ps設(shè)計(jì)懷舊復(fù)古的網(wǎng)頁(5)

來源:站酷 作者:limiy翻譯 學(xué)習(xí):7829人次

  利用PhotoShop設(shè)計(jì)創(chuàng)建一個(gè)懷舊復(fù)古的網(wǎng)頁效果,主要用到兩張材質(zhì)素材,來打造一種破舊復(fù)古的效果。

   教程效果圖:

ps教程:www.tgudhdp.cn_PhotoShop創(chuàng)建一個(gè)懷舊復(fù)古的網(wǎng)頁效果設(shè)計(jì)制作教程 教程

  1、 打開photoshop,新建空白文檔,文檔大小為800*1200;

ps教程:www.tgudhdp.cn_

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

ps教程:www.tgudhdp.cn_

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

ps教程:www.tgudhdp.cn_ ps教程:www.tgudhdp.cn_

 

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

ps教程:www.tgudhdp.cn_

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

ps教程:www.tgudhdp.cn_

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

ps教程:www.tgudhdp.cn_

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

ps教程:www.tgudhdp.cn_

 

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

ps教程:www.tgudhdp.cn_ ps教程:www.tgudhdp.cn_ ps教程:www.tgudhdp.cn_

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

  設(shè)置為白色到透明,線性漸變;

ps教程:www.tgudhdp.cn_

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

ps教程:www.tgudhdp.cn_

  11、 創(chuàng)建logo,柵格化文字圖形,新建圖層,按Ctrl+Alt+G創(chuàng)建剪切蒙版,選擇矩形選區(qū)工具,選擇文字圖層上半部,

  用漸變工具設(shè)置黑白漸變,由上到下拉伸。同理漸變文字下半部。

ps教程:www.tgudhdp.cn_

  12、 給logo填加光感,在logo圖層下面新建一圖層,選擇橢圓選框工具,畫一橢圓,選擇羽化命令,填充白色。

  設(shè)置圖層混合模式為疊加,不透明度為80%;

ps教程:www.tgudhdp.cn_

 

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

ps教程:www.tgudhdp.cn_

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

ps教程:www.tgudhdp.cn_

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

ps教程:www.tgudhdp.cn_

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

ps教程:www.tgudhdp.cn_

  17、 填加段落文字;

ps教程:www.tgudhdp.cn_

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

ps教程:www.tgudhdp.cn_

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

  完成!

ps教程:www.tgudhdp.cn_

 

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!