Photoshop教程:繪制特色質(zhì)感博客首頁模板(3)
先看下效果吧 :)
第1步:選擇>文件>新建文件(快捷鍵ctrl+N),大小為1200 x 1060像素,填充顏色#1b2022,(填充前景色快捷鍵Alt+Delete),
第2步:選擇矩形工具(快捷鍵U)屬性設(shè)置為,創(chuàng)建一個寬約1100像素,高約950像素的矩形,顏色為白色
第3步:選擇圖層樣式(點擊圖層面板上),描邊>外描邊
第4步:選擇矩形工具(快捷鍵U)創(chuàng)建3個矩形,效果如圖:
第5步:在灰色矩形圖層下方新建圖層(快捷鍵ctrl+shift+N),選擇鋼筆工具(快捷鍵P)填充黑色,效果如圖,然后在另一邊重復(fù)此操作,
第6步:選擇灰色矩形圖層,選擇濾鏡>雜色>添加雜色
第7步:然后在次選擇濾鏡>渲染>光照效果,樣式:默認(rèn)值,光照類型:點光
第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步:添加文字,選個自己喜歡的圖標(biāo),使用我這個從這里下載 >>
現(xiàn)在你應(yīng)該是這樣的
第14步:現(xiàn)在如入正文文字,選個喜歡的圖標(biāo),使用我這個從這里下載 >> ,如圖所示
第15步:現(xiàn)在我們要做條虛線,新建文件,大小為4 x 1px
第16步:然后選擇編輯>定義圖案,然后關(guān)閉文件,返回您的網(wǎng)站,新建層,創(chuàng)建高1像素的矩形條,填充白色,
第17步:選擇圖層樣式>圖案疊加
第18步:在右邊做一個圓角矩形,半徑為2像素顏色為#fff3ab,
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- Photoshop CS5制作放射狀光線網(wǎng)頁廣告板
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁模板
- PS教程:制作非常不錯的wordpress博客網(wǎng)站模板
- PS教程:繪制清新的色彩生動的網(wǎng)頁布局
- photoshop網(wǎng)頁應(yīng)用實例:制作蘋果導(dǎo)航欄
- Photoshop繪制好看的老式wordpress主題
- Photoshop制作禮品店網(wǎng)站模板
- PhotoShop設(shè)計制作懷舊風(fēng)格網(wǎng)頁的詳細(xì)教程
- ps設(shè)計制作居家風(fēng)格美食Blog網(wǎng)頁特效
- Photoshop網(wǎng)頁設(shè)計:雜志風(fēng)格網(wǎng)站界面