Photoshop制作卡通網(wǎng)站導(dǎo)航欄_PhotoShop網(wǎng)頁設(shè)計(jì)
1.使用自定義形狀工具選擇環(huán)形創(chuàng)建一個(gè)環(huán)形。
2.復(fù)制該層,并按比例縮小復(fù)制層。按住Shift+Alt可以同比例縮小。用不同的顏色填充該層。
3.同樣創(chuàng)建幾個(gè)需要的復(fù)制層,按比例縮小并填充上不同的顏色。
4.用PsCS2,按Shift 選擇全部圖層。從層調(diào)色板中選擇New Group from Layers,將這幾個(gè)圖層放到新組中。設(shè)置組名稱為ring001
如果用PS7.0操作, 將要組成為一組的所有圖層全部鏈接,點(diǎn)層調(diào)色板中的“新組自鏈接的…”一項(xiàng),便將選中的圖層全部放到了創(chuàng)建新組ring001中
5.復(fù)制該組并重新命名為ring002.改變色環(huán)的順序。
6.現(xiàn)在我們擁有兩個(gè)環(huán)形而且在色彩上有不同的差別。
7.復(fù)制第一個(gè)組也就是ring001復(fù)制5份。并且一字排開。
8.復(fù)制第二個(gè)組就是ring002復(fù)制5份并一字排開放到第一組排開的空位上。
9.使用矩形選區(qū)工具創(chuàng)建一個(gè)綠色的長方形。這個(gè)長方形將做為主要按鈕的背影,目前我稱它為“主按鈕背景層”。
10.雙擊該主按鈕背景層打開圖層樣式表,選擇“漸變疊加”設(shè)置如下圖:
11.再創(chuàng)建一個(gè)長方矩形放到該“主按鈕背景層”下面,并填充高亮的綠色,這個(gè)地方我稱它為“過渡線條”。
12.在“過渡條”底部創(chuàng)建一個(gè)長矩形條填充為深綠色,它將放置其它的一些導(dǎo)航按鈕名稱,在這里我稱它為“次級(jí)按鈕背景層”。
13.在左側(cè)放置一個(gè)可愛的漫畫圖片。如圖:
14.插入公司logo.
15.在“主按鈕背景層”上插入主要的按鈕名稱,過渡條插入相關(guān)的說明性文字,“次按鈕背景層”插入相關(guān)網(wǎng)站信息的按鈕。
Photoshop在線視頻教程 Photoshop視頻教程下載
- 多媒體學(xué)Photoshop CS4視頻教程 Photoshop CS3專家講座視頻教程 Photoshop照片處理視頻教程 最新Photoshop CS4教程 Photoshop婚紗與寫真實(shí)用教程 Photoshop CS4教程_基礎(chǔ)篇 Photoshop CS4教程_實(shí)例篇 Photoshop畫漫畫視頻教程 最新Photoshop CS4視頻教程 photoshop繪畫技巧視頻教程 Photoshop CS全面通教程(下) photoshop cs4視頻教程 PhotoshopCS2中文版視頻教程 PS CS4視頻教程 PS后期效果圖處理視頻教程 photoshop繪畫與合成視頻教程 Photoshop CS4 通道、特效視頻教程 Photoshop文字藝術(shù)效果100例視頻教程 Photoshop CS全面通教程(上) PS卡通畫教程 ps照片處理視頻教程 photoshopCS4中文版完全自學(xué)手冊(cè) Photoshop照片處理實(shí)例視頻教程 Photoshop從頭學(xué)系列視頻教程 Photoshop CS4 視頻教程 Photoshop平面設(shè)計(jì)視頻教程 Photoshop實(shí)例教程海報(bào)制作
- PS人物數(shù)碼照片處理技法大全視頻教程 Photoshop CS 質(zhì)感傳奇素材CD 《大師之路》Photoshop CS2教程 祁連山打造逼真名貴男士手表 平面三維設(shè)計(jì)七種武器II Photoshop CS4完全自學(xué)教程 萬晨曦現(xiàn)場講授photoshop入門視頻教程 Photoshop制作機(jī)械蜘蛛 21互聯(lián)photoshop cs視頻教程 Photoshop CS3專家講堂視頻教程 Photoshop CS2 高手之路 Photoshop實(shí)例視頻教程 photoshop實(shí)例教程100例 Photoshop應(yīng)用技巧 FIF 小組Photoshop視頻教程 Photoshop CS3特輯視頻教程下載
- Photoshop教程:制作水晶徽章
- Photoshop制作超酷春天背景網(wǎng)頁
- PhotoShop制作超酷網(wǎng)站登錄按鈕
- Photoshop制作網(wǎng)站流程圖詳細(xì)過程
- PhotoShop制作網(wǎng)站導(dǎo)航
- PhotoShop設(shè)計(jì)網(wǎng)站內(nèi)容框
- Photoshop制作創(chuàng)意精美導(dǎo)航
- Photoshop制作網(wǎng)站首頁:控制版面與插入Spry對(duì)象
- Photoshop制作網(wǎng)站首頁:添加Flash視頻
- Photoshop制作網(wǎng)站首頁:制作導(dǎo)航菜單
- Photoshop制作網(wǎng)站首頁:切割網(wǎng)頁圖片
- Photoshop制作網(wǎng)站首頁:首頁內(nèi)容的制作
PhotoShop網(wǎng)頁設(shè)計(jì)Rss訂閱Photoshop教程搜索
PhotoShop網(wǎng)頁設(shè)計(jì)推薦
- Photoshop制作創(chuàng)意精美導(dǎo)航
- Photoshop制作網(wǎng)站首頁:控制版面與插入Spry對(duì)象
- Photoshop制作卡通網(wǎng)站導(dǎo)航欄
- Photoshop制作網(wǎng)站流程圖詳細(xì)過程
- Photoshop制作網(wǎng)站首頁:制作導(dǎo)航菜單
- PhotoShop制作網(wǎng)站導(dǎo)航
- PhotoShop制作超酷網(wǎng)站登錄按鈕
- Photoshop制作超酷春天背景網(wǎng)頁
- PhotoShop設(shè)計(jì)網(wǎng)站內(nèi)容框
- Photoshop制作網(wǎng)站首頁:切割網(wǎng)頁圖片
猜你也喜歡看這些
- Photoshop CS2印象選擇與摳像專業(yè)技法
- Adobe Photoshop CS 標(biāo)準(zhǔn)培訓(xùn)教材
- 中文版Photoshop CS4短訓(xùn)教程
- Photoshop圖片合成強(qiáng)人作品集:百變神童
- PhotoShop CS4 影樓數(shù)碼照片色彩處理技法
- Photoshop CS2 大師之路 10章節(jié)合訂本
- Photoshop CS3照片合成教程:向往的天堂效果
- 私房教師Photoshop CS玩家技巧解析數(shù)位學(xué)習(xí)系統(tǒng) 3CD
- PhotoShop大師之路視頻
- 卡能教育CG系列教程_3dsmax maya zbrush realflow AE photoshop Painter
- 相關(guān)鏈接:
- 教程說明:
PhotoShop網(wǎng)頁設(shè)計(jì)-Photoshop制作卡通網(wǎng)站導(dǎo)航欄
。
















