Photoshop制作網(wǎng)站首頁:制作導(dǎo)航菜單_PhotoShop網(wǎng)頁設(shè)計
教程Tag:暫無Tag,歡迎添加,賺取U幣!
導(dǎo)航菜單在首頁中占有非常重要的地位,它用于引領(lǐng)訪問者找到需要的頁面。所以一般來說,網(wǎng)頁設(shè)計師通常將大量的精力用在導(dǎo)航菜單的設(shè)計上,而這里我們只是舉個簡單的例子來說明。
1. 用Dreamweaver 打開網(wǎng)頁,當(dāng)鼠標(biāo)單擊后,您可以看到導(dǎo)航欄已經(jīng)完成的切片,我們現(xiàn)在要制作的是鼠標(biāo)移上時的翻轉(zhuǎn)效果,如圖1-4-1 所示。
圖1-4-1
2. 找到您存儲切片圖像的目錄,一般是網(wǎng)頁當(dāng)前目錄或是名為“images”的目錄。復(fù)制一個“娛樂”切片,并用Photoshop 打開,如圖1-4-2 所示。
圖1-4-2
3. 用“移動工具”選中括號,分別向左或向右移動,使括號離文字的距離變大。這樣的操作可實現(xiàn)鼠標(biāo)移到按鈕上時,括號自動左右撐開的效果,如圖1-4-3 所示。
圖1-4-3
4. 打開Dreamweaver,在我們設(shè)計的導(dǎo)航欄上選擇“娛樂”切片并刪除,執(zhí)行插入“鼠標(biāo)經(jīng)過圖像”命令,如圖1-4-4 所示。
圖1-4-4
5. 在該對話框中設(shè)置原始圖像為原來的“娛樂”切片圖像,而鼠標(biāo)經(jīng)過圖像為復(fù)制并修改括號后的“娛樂”切片圖像,當(dāng)然您也可以加入自己的鏈接,如圖1-4-5 所示。
圖1-4-5
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制作機械蜘蛛 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)站流程圖詳細過程
- PhotoShop制作網(wǎng)站導(dǎo)航
- PhotoShop設(shè)計網(wǎng)站內(nèi)容框
- Photoshop制作創(chuàng)意精美導(dǎo)航
- Photoshop制作網(wǎng)站首頁:控制版面與插入Spry對象
- Photoshop制作網(wǎng)站首頁:添加Flash視頻
- Photoshop制作網(wǎng)站首頁:切割網(wǎng)頁圖片
- Photoshop制作網(wǎng)站首頁:首頁內(nèi)容的制作
- 相關(guān)鏈接:
- 教程說明:
PhotoShop網(wǎng)頁設(shè)計-Photoshop制作網(wǎng)站首頁:制作導(dǎo)航菜單。