Photoshop設計教程:設計一款漂亮的網(wǎng)頁模板(3)

來源:未知 作者:bbs.16xx8.com 學習:1377人次

加上文字和圖片,并且在左上角注明標題(添加外發(fā)光樣式,系數(shù)給出),右上角注明日期和另外一個logo出現(xiàn)過的五角星(筆刷工具)。

再在下面添加一個類似層,你將得到如下效果,

繼續(xù)在畫布右側,畫出兩個前面我們做過的漸變(垂直)交叉層,漸變系數(shù)給出。

 

得到以下效果:

添加上文字和圖片,

將以上三個圖層放如一個組中,復制組,放置在下方。

用矩形工具在下方做出若干個矩形圖形,交替的添加漸變樣式(垂直),漸變系數(shù)分別給出。

 

添加上文字和標題,所用字體(標題的外發(fā)光樣式)同上。

矩形工具,拉一個大的圓角矩形,包括頁面以下的兩個板塊,添加漸變樣式(垂直)。

添加蒙版,略微用黑色筆刷在蒙版上將兩邊擦暗一點,得到如下效果。

再次用橢圓形狀工具+變形工具,在頁面底部同樣拉出不規(guī)則的若干橢圓形狀,添加上顏色#0066cc。

大功告成,我們就得到了如此精致絢麗的網(wǎng)頁,該教程主要是訓練了學習者對于網(wǎng)頁層次感的把握以及細節(jié)的處理,跟著做一遍能大有收獲的。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
鵬宇2018-12-14 03:50
太棒了
自以為是的草民2017-05-28 08:22
就愛來16xx8看教程
黑駿馬2017-05-28 12:56
喜歡這效果
苗條的妞兒2017-05-28 03:09
感謝
金希丶澈2017-05-28 03:07
好人

關注大神微博加入>>

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