第8章制作網(wǎng)頁(yè)按鈕ppt課件

1、第8章 制造網(wǎng)頁(yè)按鈕l網(wǎng)頁(yè)按鈕在頁(yè)面中普通起強(qiáng)調(diào)或者修飾作用。適宜的按鈕可以使頁(yè)面更加生動(dòng)豐富。網(wǎng)頁(yè)按鈕分為幾種：一種是運(yùn)用文本內(nèi)容為主的按鈕；一種是以圖案內(nèi)容為主的按鈕；另外還有綜合運(yùn)用圖案和文字的按鈕。下面進(jìn)展詳細(xì)引見(jiàn)。第8章 制造網(wǎng)頁(yè)按鈕l1文字為主的按鈕l以文字為主的按鈕，主要是用來(lái)完成一個(gè)明確的功能，例如鏈接到一個(gè)新的頁(yè)面等。下面是一個(gè)運(yùn)用文字按鈕的例如，其顯示效果如下圖。第8章 制造網(wǎng)頁(yè)按鈕l2圖案為主的按鈕l以圖案為主的按鈕較為生動(dòng)活潑，但是運(yùn)用得不好能夠產(chǎn)生了解上的困難，無(wú)法到達(dá)預(yù)期的目的。下面是一個(gè)運(yùn)用圖案Logo的例如，其顯示效果如下圖。第8章 制造網(wǎng)頁(yè)按鈕l3圖文結(jié)合的按

2、鈕l運(yùn)用圖文結(jié)合的按鈕中，普通運(yùn)用文字來(lái)指示按鈕的作用，運(yùn)用圖案作為美化和修飾。下面是一個(gè)運(yùn)用圖文結(jié)合按鈕的例如，其顯示效果如下圖。8.1 制造文字為主的按鈕l本實(shí)例中制造的按鈕為發(fā)光的圓角背景上顯示黑色文本的效果，詳細(xì)制造過(guò)程包括制造背景圖案、制造發(fā)光效果、制造按鈕文字等幾個(gè)步驟，其詳細(xì)顯示效果和相關(guān)內(nèi)容如下所示。8.1.1 新建文檔并制造背景圖案l制造背景圖案，首先要運(yùn)用“圓角矩形工具制造背景圖案，然后添加漸變疊加和描邊的圖層款式，詳細(xì)操作如下所示。8.1.2 制造發(fā)光效果l制造發(fā)光效果，首先要為圖層添加蒙版，然后在圖層蒙版中運(yùn)用漸變顏色進(jìn)展填充，詳細(xì)操作如下所示。8.1.3 制造按鈕文字

3、l制造按鈕文字，首先添加文字內(nèi)容，然后定義描邊款式，詳細(xì)操作如下所示。8.2 制造圖案為主的按鈕l本實(shí)例中制造的按鈕為黑色水晶效果的按鈕，在按鈕的中間顯示白色的標(biāo)志圖案，詳細(xì)的制造過(guò)程包括制造頁(yè)面背景，制造圓形按鈕的背景，制造圓形水晶效果，制造按鈕中的圖案等幾個(gè)步驟。其詳細(xì)顯示效果和相關(guān)內(nèi)容如下所示。8.2.1 新建文檔并制造背景l(fā)制造按鈕背景，首先要定義漸變顏色，然后運(yùn)用漸變顏色進(jìn)展填充，詳細(xì)操作如下所示。8.2.2 制造圓形按鈕的背景l(fā)制造圓形按鈕的背景，首先要新建兩個(gè)圖層，然后在圖層中制造圓形圖案，最后為圖層添加款式，詳細(xì)操作如下所示。8.2.3 制造圓形水晶效果l制造圓形水晶效果，首先要制造出橢圓區(qū)域，然后分別運(yùn)用三個(gè)圖層制造出水晶效果，詳細(xì)操作如下所示。8.2.4 制造按鈕中的圖案l制造按鈕中的圖案，首先要將選取的圖案添加到文檔中，然后為圖案添加圖層款式，詳細(xì)操作如下所示。8.3 專(zhuān)家總結(jié)l由于按鈕部分是頁(yè)面中的修飾內(nèi)容，所以留意顯示效果要醒目，但又不過(guò)于突出。在制造的時(shí)候，假設(shè)按鈕的顯示面積很小，最好運(yùn)用對(duì)比度較大的鮮亮的顏色；反之假設(shè)運(yùn)用較大