《制作網(wǎng)頁(yè)按鈕》PPT課件.ppt

第8章 制作網(wǎng)頁(yè)按鈕,網(wǎng)頁(yè)按鈕在頁(yè)面中一般起強(qiáng)調(diào)或者修飾作用。合適的按鈕可以使頁(yè)面更加生動(dòng)豐富。網(wǎng)頁(yè)按鈕分為幾種：一種是使用文本內(nèi)容為主的按鈕；一種是以圖案內(nèi)容為主的按鈕；另外還有綜合使用圖案和文字的按鈕。下面進(jìn)行詳細(xì)介紹。,第8章 制作網(wǎng)頁(yè)按鈕,1文字為主的按鈕 以文字為主的按鈕，主要是用來完成一個(gè)明確的功能，例如鏈接到一個(gè)新的頁(yè)面等。下面是一個(gè)使用文字按鈕的示例，其顯示效果如圖所示。,第8章 制作網(wǎng)頁(yè)按鈕,2圖案為主的按鈕 以圖案為主的按鈕較為生動(dòng)活潑，但是使用得不好可能產(chǎn)生理解上的困難，無法達(dá)到預(yù)期的目的。下面是一個(gè)使用圖案Logo的示例，其顯示效果如圖所示。,第8章 制作網(wǎng)頁(yè)按鈕,3圖文結(jié)合的按鈕 使用圖文結(jié)合的按鈕中，一般使用文字來指示按鈕的作用，使用圖案作為美化和修飾。下面是一個(gè)使用圖文結(jié)合按鈕的示例，其顯示效果如圖所示。,8.1 制作文字為主的按鈕,本實(shí)例中制作的按鈕為發(fā)光的圓角背景上顯示黑色文本的效果，具體制作過程包括制作背景圖案、制作發(fā)光效果、制作按鈕文字等幾個(gè)步驟，其具體顯示效果和相關(guān)內(nèi)容如下所示。,8.1.1 新建文檔并制作背景圖案,制作背景圖案，首先要使用“圓角矩形”工具制作背景圖案，然后添加漸變疊加和描邊的圖層樣式，具體操作如下所示。,8.1.2 制作發(fā)光效果,制作發(fā)光效果，首先要為圖層添加蒙版，然后在圖層蒙版中使用漸變顏色進(jìn)行填充，具體操作如下所示。,8.1.3 制作按鈕文字,制作按鈕文字，首先添加文字內(nèi)容，然后定義描邊樣式，具體操作如下所示。,8.2 制作圖案為主的按鈕,本實(shí)例中制作的按鈕為黑色水晶效果的按鈕，在按鈕的中間顯示白色的標(biāo)志圖案，具體的制作過程包括制作頁(yè)面背景，制作圓形按鈕的背景，制作圓形水晶效果，制作按鈕中的圖案等幾個(gè)步驟。其具體顯示效果和相關(guān)內(nèi)容如下所示。,8.2.1 新建文檔并制作背景,制作按鈕背景，首先要定義漸變顏色，然后使用漸變顏色進(jìn)行填充，具體操作如下所示。,8.2.2 制作圓形按鈕的背景,制作圓形按鈕的背景，首先要新建兩個(gè)圖層，然后在圖層中制作圓形圖案，最后為圖層添加樣式，具體操作如下所示。,8.2.3 制作圓形水晶效果,制作圓形水晶效果，首先要制作出橢圓區(qū)域，然后分別使用三個(gè)圖層制作出水晶效果，具體操作如下所示。,8.2.4 制作按鈕中的圖案,制作按鈕中的圖案，首先要將選取的圖案添加到文檔中，然后為圖案添加圖層樣式，具體操作如下所示。,8.3 專家總結(jié),由于按鈕部分是頁(yè)面中的修飾內(nèi)容，所以注意顯示效果要醒目，但又不過于突出。在制作的時(shí)候，如果按鈕的顯示面積很小，最好使用對(duì)比度較大的鮮亮的顏色；反之如果使用較大