網站圖片導航設計製作全過程
下面是我做的一個導航效果,當鼠標放到按鈕上的時候就會變化一種顏色。做到這樣的效果你需要兩個軟件第一個是photoshop,用於製作基本的按鈕圖片,第二個軟件是dreamweaver,將圖片做成導航欄。下面是具體的方法:
操作方法
(01)先打開photoshop,我們來製作導航圖片,新建一個圖片,高度和寬度分別爲500和300,點擊確定按鈕
(02)先繪製一個按鈕,使用矩形選框工具,畫一個如圖所示的矩形,然後使用油漆桶工具,將矩形選框塗成白色
(03)這時候矩形選框還在,在菜單欄上執行:選擇---修改---收縮,我們來縮小一點矩形選框,在彈出的對話框中,設置收縮量爲1,點擊確定按鈕
(04)新建一個圖層2,將圖層2放到圖層1的上面
(05)使用漸變填充,給圖層2添加一個漸變效果,如圖所示
(06)雙擊圖層2的縮略圖,打開圖層樣式對話框,添加投影效果,設置參數如圖所示,這個參數主要設定不透明度和距離,那你要根據自己的需要設定參數,看着圖片的效果,選擇最合適的參數
(07)最後使用文字工具,添加文字home,也就是主頁的意思
(08)下面我們就要裁剪一下圖片,在菜單欄上執行:圖像---裁切。
(09)在打開的對話框中,設置基於左上角像素顏色,然後點擊確定按鈕。
(10)這是我們得到的最後按鈕效果,灰色部分不是圖片,是ps的背景色。將該按鈕圖片保存到網站的圖片文件夾下。
(11)用同樣的方法做出其他的導航上的按鈕,如圖所示:我們看到有兩種顏色的按鈕,對嘍,因爲按鈕點擊的時候會有一個按下彈出的效果,所以我們要用兩張圖片來展示這種效果
(12)打開dreamweaver軟件,插入一個表格作爲導航欄,如圖所示,在菜單欄上執行:插入---表格,插入一個三行一列的表格
(13)將光標移動到第一個單元格,然後在菜單欄上執行操作:插入--圖像對象----鼠標經過圖像
(14)在打開的對話框中,添加原始圖像和鼠標經過圖像分別是同一個按鈕的兩種不同的顏色,如下面的兩個按鈕圖片:
(15)依照上面的方法,製作其他的導航按鈕,最後得到這個效果:當鼠標放到按鈕上的時候,按鈕就會變化一種顏色,至此,圖片導航就只做完成了。
-
如何將圖片轉換成word文字
在工作生活中,我們經常爲圖片文字識別的問題而煩惱,要知道圖片中的文字是不可編輯的,我們如果想將圖片中的文字提取出來,就只能使用識別工具對圖片進行識別,將其轉換成Word文字。可是,我們要選擇哪一款識別工具呢?大家如何將圖片轉換成Word文字呢?下面我們就一起來看看...
-
電腦無法訪問指定設備路徑或文件怎麼辦
關於電腦,現在很多人都在用它,但是有時候在打開一個程序的時候會發現突然顯示警告說無法訪問指定設備路徑或文件,下面我來教大家一種方法來解決這個問題。操作方法(01)首先我們要清楚我們安裝的這個程序,也就是軟件安裝位置在哪個盤,如果不清楚就點擊鼠標右鍵,然後打開...
-
愛剪輯怎樣截取視頻
今天的這篇和大家聊一聊關於愛剪輯怎樣截取視頻的問題,希望能夠幫助到有需要的朋友。操作方法(01)首先左鍵雙擊愛剪輯圖標,打開軟件,然後左鍵單擊片名旁邊的輸入框,輸入“示例”字樣,然後左鍵單擊製作者旁的輸入框,輸入“示例”字樣,左鍵單擊確定。(02)然後左鍵單擊左側的...
-
在Word文檔中怎麼樣進行簡繁體轉換?
字體有繁體和簡體之分,而Word文檔主要的功能是記錄保存文本文字,可能由於區域不一樣,有的喜歡用簡體有的喜歡用繁體,爲了方便查看,就需要用到簡繁體的相互轉換了。操作方法(01)方法一:比較常用的,就是用Word文檔自帶的簡繁體轉換功能,找到審閱——簡轉繁——便可將選擇的...