當前位置:首頁>ps實例教程>ps網頁設計>網頁模板>教程內容

Photoshop教程:繪制特色質感博客首頁模板

來源:未知 作者:bbs.16xx8.com 學習:221人次
作者:小魚   出處:UCD博客

先看下效果吧 :)

第1步:選擇>文件>新建文件(快捷鍵ctrl+N),大小為1200 x 1060像素,填充顏色#1b2022,(填充前景色快捷鍵Alt+Delete),

第2步:選擇矩形工具(快捷鍵U)屬性設置為,創(chuàng)建一個寬約1100像素,高約950像素的矩形,顏色為白色

第3步:選擇圖層樣式(點擊圖層面板上),描邊>外描邊

第4步:選擇矩形工具(快捷鍵U)創(chuàng)建3個矩形,效果如圖:

第5步:在灰色矩形圖層下方新建圖層(快捷鍵ctrl+shift+N),選擇鋼筆工具(快捷鍵P)填充黑色,效果如圖,然后在另一邊重復此操作,

第6步:選擇灰色矩形圖層,選擇濾鏡>雜色>添加雜色

第7步:然后在次選擇濾鏡>渲染>光照效果,樣式:默認值,光照類型:點光

第8步:新建層(快捷鍵ctrl+shift+N)選擇矩形選區(qū)工具(快捷鍵M)創(chuàng)建和粉紅色矩形層一樣的大小德選區(qū),,選擇漸變工具,從#ebb3b2色 到透明,從上往下拉漸變,然后圖層不透明度改為20%,效果如圖:

第9步:新建圖層,使用矩形選區(qū)工具(快捷鍵M)填充#7c1922,效果如圖

第10步:然后圖層不透明度改為25%

第11步:新建圖層,選擇吸管工具(快捷鍵I)吸取灰色矩形顏色,然后創(chuàng)建一個小三角,填充顏色,效果如圖

第12步:選擇圓角矩形,半徑為2像素,顏色為#333636,

第13步:添加文字,選個自己喜歡的圖標,使用我這個從這里下載 >>

現在你應該是這樣的

第14步:現在如入正文文字,選個喜歡的圖標,使用我這個從這里下載 >> ,如圖所示

第15步:現在我們要做條虛線,新建文件,大小為4 x 1px

第16步:然后選擇編輯>定義圖案,然后關閉文件,返回您的網站,新建層,創(chuàng)建高1像素的矩形條,填充白色,

第17步:選擇圖層樣式>圖案疊加

第18步:在右邊做一個圓角矩形,半徑為2像素顏色為#fff3ab,



學習 · 提示

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

關注大神微博加入>>

網友求助,請回答!