ps設(shè)計(jì)制作wordpress主題網(wǎng)站(7)
1、 選擇菜單命令:文件-新建,新建一個(gè)1100*1570像素的空白R(shí)GB文檔,背景顏色為#dcdcdc。
2、 新建圖層,命名為top,選擇矩形選框工具,畫一個(gè)1100*102px的矩形,顏色為#404040。
3、 新建圖層,命名為feature,選擇矩形選框工具,畫一個(gè)1100*291px的矩形,顏色為#adc354。
4、 新建圖層,命名為footer,選擇矩形選框工具,畫一個(gè)1100*303px的矩形,顏色為#5d5c5c。
5、 選擇top圖層,選擇文字工具,填寫“WordPress Theme”,“design by trendyTUTS”。
6、 選擇feature圖層,選擇文字工具,填寫文字,找一張素材圖片,放入feature圖層。
7、 創(chuàng)建內(nèi)容區(qū)域,新建圖層,命名為content,選擇矩形選框工具,畫一個(gè)矩形。
8、 新建圖層,命名為shadow,選擇矩形選框工具,畫一個(gè)矩形。填充顏色為#dcdcdc,添加圖層蒙版,選擇漸變工具,確定為黑白漸變,從上到下畫一個(gè)垂直線。選擇shadow圖層,添加圖層蒙版。
9、 新建圖層,命名為left shadow,選擇鋼筆工具畫一三角形。
10、 應(yīng)用濾鏡->模糊->高斯模糊,半徑為3.5。
11、 同理制作right shadow。
12、 新建圖層,命名為main content,選擇矩形選框工作,畫一矩形,大小為291*285。
13、 給main content 圖層添加圖層樣式。
14、 給main content 圖層添加文字。
15、 制作main content圖層里面的小按鈕。新建圖層,命名為main buttom,選擇圓角矩形工具,設(shè)置半徑為5px。
16、 給按鈕添加文字,設(shè)置圖層樣式。
17、 復(fù)制5個(gè)同樣的main content圖層。
18、 同理制作出側(cè)欄,底部樣式
學(xué)習(xí) · 提示
相關(guān)教程
- 網(wǎng)頁模版,個(gè)人網(wǎng)站建設(shè)入門知識(shí)
- 網(wǎng)頁設(shè)計(jì)的分割布局秘密
- ps設(shè)計(jì)電影網(wǎng)站實(shí)例
- PS創(chuàng)建一款簡(jiǎn)潔大方的歐美商務(wù)網(wǎng)站首頁
- PS設(shè)計(jì)iPhone蘋果應(yīng)用電子網(wǎng)站
- PS電子商務(wù)在線購(gòu)物網(wǎng)站美工教程
- ps設(shè)計(jì)時(shí)尚風(fēng)格數(shù)碼科技電子商務(wù)網(wǎng)站模
- ps設(shè)計(jì)商業(yè)web頁面
- 使用ps打造一個(gè)企業(yè)網(wǎng)站首頁設(shè)計(jì)制作全
- PS設(shè)計(jì)教程之制作WordPress新聞博客模
推薦教程
- Photoshop繪制好看的老式wordpress主題
- Photoshop制作禮品店網(wǎng)站模板
- PS教程:制作非常不錯(cuò)的wordpress博客網(wǎng)站模板
- PhotoShop設(shè)計(jì)制作懷舊風(fēng)格網(wǎng)頁的詳細(xì)教程
- ps設(shè)計(jì)制作居家風(fēng)格美食Blog網(wǎng)頁特效
- PS教程:繪制清新的色彩生動(dòng)的網(wǎng)頁布局
- Photoshop網(wǎng)頁設(shè)計(jì):雜志風(fēng)格網(wǎng)站界面
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁模板
- Photoshop CS5制作放射狀光線網(wǎng)頁廣告板
- photoshop網(wǎng)頁應(yīng)用實(shí)例:制作蘋果導(dǎo)航欄