ps設計懷舊復古的網(wǎng)頁(5)

來源:站酷 作者:limiy翻譯 學習:7829人次

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

   教程效果圖:

ps教程:www.theoat.com.cn_PhotoShop創(chuàng)建一個懷舊復古的網(wǎng)頁效果設計制作教程 教程

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

ps教程:www.theoat.com.cn_

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

ps教程:www.theoat.com.cn_

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

ps教程:www.theoat.com.cn_ ps教程:www.theoat.com.cn_

 

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

ps教程:www.theoat.com.cn_

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

ps教程:www.theoat.com.cn_

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

ps教程:www.theoat.com.cn_

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

ps教程:www.theoat.com.cn_

 

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

ps教程:www.theoat.com.cn_ ps教程:www.theoat.com.cn_ ps教程:www.theoat.com.cn_

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

  設置為白色到透明,線性漸變;

ps教程:www.theoat.com.cn_

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

ps教程:www.theoat.com.cn_

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

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

ps教程:www.theoat.com.cn_

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

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

ps教程:www.theoat.com.cn_

 

  13、 同理給導航條制作光感背景;

ps教程:www.theoat.com.cn_

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

ps教程:www.theoat.com.cn_

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

ps教程:www.theoat.com.cn_

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

ps教程:www.theoat.com.cn_

  17、 填加段落文字;

ps教程:www.theoat.com.cn_

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

ps教程:www.theoat.com.cn_

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

  完成!

ps教程:www.theoat.com.cn_

 

學習 · 提示

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

關注大神微博加入>>

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