ps設(shè)計制作古樸風格的網(wǎng)站(10)

來源: 作者:Limiy  學習:4298人次

1、 選擇菜單命令:文件-新建,新建一個1020*1460像素的空白RGB文檔。

  2、 設(shè)置前景色為#bcb49d,填充前景色,選擇濾鏡->紋理->顆粒。

  3、 新建圖層,命名為top,選擇矩形選框工具,畫一個矩形,顏色為#61544a。

  4、 新建圖層,命名為top shadow,選擇鋼筆工具創(chuàng)建黑色投影。

  5、 應(yīng)用濾鏡->模糊->高斯模糊,半徑為6.5。同理制作右側(cè)投影。




  6、 新建圖層,命名為back nav,選擇矩形選框工具,畫一個矩形,顏色為# e5d2ac。

  7、 新建圖層,命名為arrow,選擇鋼筆工具創(chuàng)建箭頭,同理制作右側(cè)箭頭。

  8、 新建圖層,命名為nav bg,選擇矩形選框工具,畫一個矩形,顏色為# 715746,設(shè)置圖層樣式。

  9、 添加導航條文字,設(shè)置圖層樣式。




  10、 創(chuàng)建特色區(qū)域,新建圖層,命名為feature,選擇矩形選框工具,畫一個矩形,填充前景色為# e8e2d6。

  11、 新建圖層,命名為feature shadow,選擇橢圓選框工具,畫一個橢圓,填充顏色為# 3c3a3a。應(yīng)用濾鏡->模糊->高斯模糊,半徑為4.0。

  12、 給feature圖層添加文字。

  13、 新建圖層,命名為feature right,選擇鋼筆工具,畫一圖形,顏色為# e4d2ac。

  14、 選擇濾鏡->紋理->顆粒。

  15、 在網(wǎng)上找一個商業(yè)人士的素材。添加顏色疊加的樣式。




  16、 創(chuàng)建logo,新建一個組,命名為logo,新建圖層,命名為bg circle,選擇橢圓工具,畫一正圓,填充顏色為# 8d7d5d。

  17、 新建圖層,命名為orange circle,選擇橢圓工具,畫一正圓,填充顏色為# f97721。

  18、 新建圖層,命名為orange circle,選擇橢圓工具,畫一橢圓,填充顏色為白色。

  19、 應(yīng)用濾鏡-模糊-高斯模糊,半徑20像素。設(shè)置混合模式為疊加。

  20、 做帶虛線的圓。選擇畫筆工具。

  21、 新建圖層,命名為dash。




  22、 現(xiàn)在選擇橢圓工具,不過這一次確保你選擇的路徑,而不是形狀層。畫一正圓,點擊鼠標右鍵,選擇描邊路徑。

  23、 添加文字。




  24、 選擇文字工具,填寫“Latest news from the blog“。

  25、 新建圖層,命名為line。選擇矩形選框工具,畫一條線。

  26、 給line圖層添加蒙版,選擇漸變工具。復制line圖層,移動到右側(cè)。




  27、 新建圖層,命名為triangle。選擇鋼筆工具,畫一三角形。

  28、 應(yīng)用濾鏡-模糊-高斯模糊,半徑10像素。復制triangle圖層,調(diào)整位置。

  29、 新建圖層,命名為kuang,選擇矩形工具,畫一矩形。添加圖層樣式。




  30、 制作小標簽。新建圖層,命名為zhitiao。選擇矩形工具,畫一矩形,柵格化矢量蒙板。選擇套索工具,畫出矩形左右兩邊的鋸齒。

  31、 復制五個圖層。

  32、 新建圖層,命名為footer,選擇矩形選框工具,畫一矩形。添加文字信息。

學習 · 提示

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

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

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