ps創(chuàng)建常見的網(wǎng)頁風格教程系列一(3)

來源:ps教程論壇 作者:ps教程論壇整理 學習:1946人次

網(wǎng)頁效果圖教程

點擊圖層>圖層蒙版>隱藏所有(保證你選擇的圖層是圖片圖層)。

網(wǎng)頁效果圖教程

選擇漸變工具,確定是默認顏色設(shè)置(前景白色,背景黑色),按照下圖的標記拖拽你的漸變。

網(wǎng)頁效果圖教程

我的效果:

網(wǎng)頁效果圖教程

好了,添加一些陰影。我用的是橢圓工具,在頭部下面創(chuàng)建一個細長的形狀。

網(wǎng)頁效果圖教程

保持這個形狀被選定,我把這個圖層命名為陰影。點擊濾鏡>模糊>高斯模糊。

網(wǎng)頁效果圖教程

5.5半徑

網(wǎng)頁效果圖教程

好了,我們頭部基本上也完成了。

網(wǎng)頁效果圖教程

Step 4 – 創(chuàng)建主要內(nèi)容部分

按照下圖,添加一些文字。采用的是三欄布局。

網(wǎng)頁效果圖教程

選擇矩形工具,創(chuàng)建一個形狀。這就是我們的主要內(nèi)容區(qū)域。我的尺寸是935px X 504px。

網(wǎng)頁效果圖教程

設(shè)置圖層樣式如下:

網(wǎng)頁效果圖教程

網(wǎng)頁效果圖教程

我的效果

網(wǎng)頁效果圖教程

然后在上面和下面添加一些陰影,用橢圓工具和高斯模糊就可以完成了。添加一些分割線。

現(xiàn)在的效果:

網(wǎng)頁效果圖教程

好了,添加更多的矢量圖標和文字。這是現(xiàn)在的效果。

網(wǎng)頁效果圖教程

好了,主要內(nèi)容部分也完成了

Step 5 – 創(chuàng)建底部內(nèi)容

底部內(nèi)容就很容易完成了。放上logo和一些文字就可以了。

最終的效果圖
image

學習 · 提示

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

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

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