當(dāng)前位置:首頁>ps實例教程>ps網(wǎng)頁設(shè)計>網(wǎng)頁模板>教程內(nèi)容

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

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

 最終效果:

首先,新建一個800× 800px的畫布,用漸變工具拉出垂直漸變,顏色系數(shù)在圖內(nèi)給出。

畫布將成為這樣(水印效果為小Y翻譯時加上,作者原圖無):

新建圖層,用圓角矩形工具在中間拉出一個矩形,填充任意顏色,在圖層面板里將填充設(shè)為0%。

選擇中間矩形所在圖層,圖層樣式>漸變疊加,#3399cc~#00cccc

這是我們現(xiàn)在得到的效果:

選擇自定義形狀工具,選擇其中的一個圓形形狀。

新建圖層,畫幾個圓形,用變形工具適當(dāng)變形,最好將它們放入一個群組內(nèi),得到以下效果。

選擇大小適中的軟性畫筆用#3399cc的顏色輕涂矩形上方與圓相交區(qū)域。

在最上方新建圖層,用圓角矩形工具,再得到一個略小的矩形,至于中間,填充黑色。

加圖層樣式,外發(fā)光、漸變疊加(#003366~006699),具體參數(shù)如下:

得到以下效果圖:

選擇另外一個邊緣稍寬的圓形形狀,在左邊位置,畫幾個大小不一的圓形,用變形工具變形,

將上一步所畫的若干個變形圓形對下一層的矩形執(zhí)行剪貼蒙版(具體操作為選中圖層按ctrl+alt+G,作者所用方法為選中縮略圖邊界,按住alt點擊左鍵,得到效果一致),如下:

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

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

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

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