PhotoShop設(shè)計網(wǎng)站內(nèi)容框_PhotoShop網(wǎng)頁設(shè)計
教程Tag:暫無Tag,歡迎添加,賺取U幣!
在本例教程中我們將學(xué)習(xí)如何制作如下網(wǎng)頁內(nèi)容框。
1. 建立275像素 X 300像素 的畫布。
2. 使用矩形工具繪制一矩形,圖層 >> 圖層樣式 >> 漸變疊加。
3. 得到如下效果。
4. 添加“描邊”效果。
5. 得到如下效果。
6. 按下 Ctrl 并點擊矩形層獲得選區(qū),創(chuàng)建新的圖層并填充顏色(#333333)。
7. 圖層 >> 圖層樣式 >> 描邊。位置“外部”,填充方式“漸變”。
8. 得到如下效果。
9. 創(chuàng)建新的圖層,并繪制另一個矩形,圖層 >> 圖層樣式 >> 漸變疊加。
10. 調(diào)整該矩形的位置和大小,得到如下效果。
11. 重復(fù)步驟 9。
12. 調(diào)整矩形位置和大小得到如下效果。
13. 繪制另一個矩形并填充顏色(#A2A3A7),圖層 >> 圖層樣式 >> 內(nèi)發(fā)光。
14. 調(diào)整矩形位置和大小得到如下效果。
15. 繪制最后一個矩形,圖層 >> 圖層樣式 >> 漸變疊加。
16. 調(diào)整位置和大小得到如下效果。
17. 圖層 >> 圖層樣式 >> 描邊。位置“外部”,填充方式“漸變”。
18. 圖層 >> 圖層樣式 >> 斜面和浮雕,樣式“內(nèi)斜面”。
19. 得到如下效果。
20. 柵格化圖層,利用矩形選框工具建立如下選區(qū)。
21. 刪除選區(qū)。
22. 輸入文字信息,一個據(jù)有層次感的網(wǎng)站內(nèi)容框就制作完成了。
Photoshop在線視頻教程 Photoshop視頻教程下載
- 多媒體學(xué)Photoshop CS4視頻教程 Photoshop CS3專家講座視頻教程 Photoshop照片處理視頻教程 最新Photoshop CS4教程 Photoshop婚紗與寫真實用教程 Photoshop CS4教程_基礎(chǔ)篇 Photoshop CS4教程_實例篇 Photoshop畫漫畫視頻教程 最新Photoshop CS4視頻教程 photoshop繪畫技巧視頻教程 Photoshop CS全面通教程(下) photoshop cs4視頻教程 PhotoshopCS2中文版視頻教程 PS CS4視頻教程 PS后期效果圖處理視頻教程 photoshop繪畫與合成視頻教程 Photoshop CS4 通道、特效視頻教程 Photoshop文字藝術(shù)效果100例視頻教程 Photoshop CS全面通教程(上) PS卡通畫教程 ps照片處理視頻教程 photoshopCS4中文版完全自學(xué)手冊 Photoshop照片處理實例視頻教程 Photoshop從頭學(xué)系列視頻教程 Photoshop CS4 視頻教程 Photoshop平面設(shè)計視頻教程 Photoshop實例教程海報制作
- PS人物數(shù)碼照片處理技法大全視頻教程 Photoshop CS 質(zhì)感傳奇素材CD 《大師之路》Photoshop CS2教程 祁連山打造逼真名貴男士手表 平面三維設(shè)計七種武器II Photoshop CS4完全自學(xué)教程 萬晨曦現(xiàn)場講授photoshop入門視頻教程 Photoshop制作機(jī)械蜘蛛 21互聯(lián)photoshop cs視頻教程 Photoshop CS3專家講堂視頻教程 Photoshop CS2 高手之路 Photoshop實例視頻教程 photoshop實例教程100例 Photoshop應(yīng)用技巧 FIF 小組Photoshop視頻教程 Photoshop CS3特輯視頻教程下載
相關(guān)PhotoShop網(wǎng)頁設(shè)計:
- Photoshop制作卡通網(wǎng)站導(dǎo)航欄
- Photoshop教程:制作水晶徽章
- Photoshop制作超酷春天背景網(wǎng)頁
- PhotoShop制作超酷網(wǎng)站登錄按鈕
- Photoshop制作網(wǎng)站流程圖詳細(xì)過程
- PhotoShop制作網(wǎng)站導(dǎo)航
- Photoshop制作創(chuàng)意精美導(dǎo)航
- Photoshop制作網(wǎng)站首頁:控制版面與插入Spry對象
- Photoshop制作網(wǎng)站首頁:添加Flash視頻
- Photoshop制作網(wǎng)站首頁:制作導(dǎo)航菜單
- Photoshop制作網(wǎng)站首頁:切割網(wǎng)頁圖片
- Photoshop制作網(wǎng)站首頁:首頁內(nèi)容的制作
PhotoShop網(wǎng)頁設(shè)計Rss訂閱Photoshop教程搜索
PhotoShop網(wǎng)頁設(shè)計推薦
猜你也喜歡看這些
- Photoshop CS2 大師之路 10章節(jié)合訂本
- Photoshop CS4特效創(chuàng)意
- PhotoShop CS4 影樓數(shù)碼照片色彩處理技法[重新壓縮]
- Poser 5 Photoshop 7卡漫技法與人體彩繪藝術(shù)
- Photoshop簡單快速給圖片加上云彩
- Photoshop CS 平面設(shè)計創(chuàng)意與范例
- 數(shù)碼相片處理300例 PHOTOSHOP CS多媒體教程
- Photoshop CS中文版教程與實訓(xùn)
- Photoshop CS2中文版課堂實錄
- Photoshop CS3中文設(shè)計解析創(chuàng)意表現(xiàn)技法
- 相關(guān)鏈接:
- 教程說明:
PhotoShop網(wǎng)頁設(shè)計-PhotoShop設(shè)計網(wǎng)站內(nèi)容框。