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

來源:未知 作者:bbs.16xx8.com 學(xué)習(xí):1377人次

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

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

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

 

得到以下效果:

添加上文字和圖片,

將以上三個(gè)圖層放如一個(gè)組中,復(fù)制組,放置在下方。

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

 

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

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

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

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

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

學(xué)習(xí) · 提示

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

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

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