Photoshop制作禮品店網(wǎng)站模板(6)

來源:網(wǎng)頁教學網(wǎng) 編譯 作者:admin 學習:422人次

本文使用了簡單的Photoshop圖層樣式與形狀圖形就能完成,作為網(wǎng)頁設計的新手可以先從此類教程開始,對于頁面的設計思路主要運用了色塊構圖技巧,將整個頁面劃分成一個個色塊,使用相似或相同色調使頁面整體效果統(tǒng)一!現(xiàn)在我們就來看下如何制作這個愛情禮品購物網(wǎng)站:





首先在photoshop中新建立一個文件:大小 760 x 770 ,顏色 #2d2d2d。選擇圓角矩形工具(半徑設置5px)畫一個如下圖形狀





為其增加如下圖層樣式:











結果如下:






                                       




使用"自定義形狀"工具,選擇愛心形狀





制作如下圖的愛心





為愛心加上圖層樣式:





















結果如下:






                                       




再次使用"圓角矩形"制作如下圖效果:





加上圖層樣式:











結果如下






                                       




加入一些文字





用"圓角矩形"制作如下圖形:





加上如下圖層樣式







你看到我又為頁面上部加了個圓角矩形,圖層樣式如上






                                       




加入文字與圖片





現(xiàn)在我們來處理下頁面細節(jié),比如為標題文字前加個減號等,具體頁面如下





最后將已經做好的LOGO放上




學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
海盜十二郎2011-03-10 11:27
<給力>
沒哥2010-10-30 06:51
不錯

關注大神微博加入>>

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