ps設計制作wordpress主題網(wǎng)站(7)

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

Photoshop設計制作wordpress主題網(wǎng)站  

  1、 選擇菜單命令:文件-新建,新建一個1100*1570像素的空白RGB文檔,背景顏色為#dcdcdc。

  2、 新建圖層,命名為top,選擇矩形選框工具,畫一個1100*102px的矩形,顏色為#404040。

  3、 新建圖層,命名為feature,選擇矩形選框工具,畫一個1100*291px的矩形,顏色為#adc354。




  4、 新建圖層,命名為footer,選擇矩形選框工具,畫一個1100*303px的矩形,顏色為#5d5c5c。

  5、 選擇top圖層,選擇文字工具,填寫“WordPress Theme”,“design by trendyTUTS”。




  6、 選擇feature圖層,選擇文字工具,填寫文字,找一張素材圖片,放入feature圖層。

  7、 創(chuàng)建內(nèi)容區(qū)域,新建圖層,命名為content,選擇矩形選框工具,畫一個矩形。

  8、 新建圖層,命名為shadow,選擇矩形選框工具,畫一個矩形。填充顏色為#dcdcdc,添加圖層蒙版,選擇漸變工具,確定為黑白漸變,從上到下畫一個垂直線。選擇shadow圖層,添加圖層蒙版。

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




  10、 應用濾鏡->模糊->高斯模糊,半徑為3.5。

  11、 同理制作right shadow。

  12、 新建圖層,命名為main content,選擇矩形選框工作,畫一矩形,大小為291*285。

  13、 給main content 圖層添加圖層樣式。

  14、 給main content 圖層添加文字。




  15、 制作main content圖層里面的小按鈕。新建圖層,命名為main buttom,選擇圓角矩形工具,設置半徑為5px。

  16、 給按鈕添加文字,設置圖層樣式。

  17、 復制5個同樣的main content圖層。

  18、 同理制作出側欄,底部樣式

學習 · 提示

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

關注大神微博加入>>

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