第11章綜合實訓案例1——多媒體界面的設(shè)計(編輯修改稿)
2025-02-23 10:14 本頁面
【文章內(nèi)容簡介】 畫筆描繪路徑】 。 在 【 路徑 】 調(diào)板中將路徑刪除 。 在 【圖層 】 調(diào)板中將 【 圖標 1線條 】 圖層放置到 【 圖標 1】 圖層的下方 。 此時的圖像效果 ， 如圖 1143所示 。 ? 3．制作其他圖標效果：采用相同方式添加圖標，并為圖標添加裝飾性線條，如圖1144所示。 圖 1143 繪制線條 圖 1144 添加其他圖標 制作導航按鈕 ? 按鈕一般有正常狀態(tài)、鼠標滑過狀態(tài)、按下狀態(tài)這 3種狀態(tài)。下面，介紹本實例中的導航按鈕的制作。 ? 1．制作常態(tài)時的按鈕 ? （ 1）打開【新建】對話框，在【新建】對話框中對新建文檔進行設(shè)置，如圖 1145所示。 圖 1145 【 新建 】 對話框的設(shè)置 制作導航按鈕 ? （ 2）選擇【圓角矩形工具】，在選項欄中對工具進行設(shè)置，如圖 1146所示。使用該工具在新文檔中繪制一個圓角矩形，如圖 1147所示。 ? （ 3）將路徑轉(zhuǎn)換為選區(qū)，用藍色填充選區(qū)，如圖 1148所示。 圖 1146 選項欄中工具的設(shè)置 圖 1147 繪制一個圓角矩形 圖 1148 用藍色填充選區(qū) 制作導航按鈕 ? （ 4）取消選區(qū)，為圖層添加【投影】樣式，其參數(shù)設(shè)置，如圖 1149示。 ? （ 5）為圖層添加【描邊】圖層樣式，如圖 1150所示。圖像的效果如圖 1151所示。 圖 1149 設(shè)置 【 投影 】 圖 1150 設(shè)置 【 描邊 】 圖 1151 圖像效果 制作導航按鈕 ? （ 6）選擇【直排文字工具】，在圖像中輸入文字，并使用【字符】調(diào)板設(shè)置文字樣式，如圖 1152所示。 ? （ 7）保存文件，完成第一個按鈕的制作。 圖 1152 創(chuàng)建文字并設(shè)置文字樣式 制作導航按鈕 ? 2．制作鼠標滑過狀態(tài)按鈕 ? （ 1）在“按鈕常態(tài) ”文件中按Ctrl鍵單擊【圖層 1】圖層載入選區(qū)，如圖 1153所示。 ? （ 2）前景色設(shè)置為淺藍色（其顏色值為R： 197， G： 223， B： 249），使用【油漆桶工具】填充選區(qū)，如圖 1154所示。 圖 1153 載入選區(qū) 圖 1154 填充選區(qū) 制作導航按鈕 ? 3．制作鼠標按下狀態(tài)按鈕 ? （ 1）打開“按鈕常態(tài) ”文件?！緢D層樣式】對話框中取消選中【投影】，如圖 1155所示。 ? （ 2）此時圖像的效果，如圖 1156所示。將文件保存為“按鈕按下 ”。至此，按鈕 1的 3種狀態(tài)按鈕制作完成。 圖 1155 取消 【 投影 】 復選框的選中 圖 1156 取消 【 投影 】 樣式效果后的圖像效果 制作導航按鈕 ? 4．其他按鈕的制作 ? （ 1）打開“按鈕常態(tài) ”文件，在按鈕標簽文字所在的圖層中將文字改為新按鈕的標簽文字，并適當調(diào)整文字的大小，如圖 1157所示。 圖 1157 修改文字并調(diào)整文字大小 制作導航按鈕 ? （ 2）將文檔保存為“按鈕常態(tài) ”完成第 2個常態(tài)下的按鈕制作。打開“按鈕滑過 ”文件，將按鈕標簽改為“素材與源文件”， 同樣修改文字大小。 ? （ 3）按相同的方法制作第 2個按鈕按下狀態(tài)時的按鈕。完成第 2個按鈕的制作。 ? （ 4）按照上面介紹的方法完成本案例的其他 2個按鈕的制作，完成本案例的所有按鈕的制作。 制作導航按鈕 ? 5．圓形水晶按鈕的制作 ? （ 1）打開【新建】對話框，如圖 1158所示。將文件保存為“水晶按鈕常態(tài).psd”。 ? （ 2）在【工具箱】中選擇【橢圓選框工具】在圖像中繪制一個圓形選區(qū)，以藍色的前景色填充選區(qū)，如圖 1159所示。 圖 1158 【 新建 】 對話框的設(shè)置 圖 1159 繪制圓形選區(qū) 制作導航按鈕 ? （ 3）取消選區(qū)。打開【圖層樣式】對話框，采用 置為圖層添加樣式效果。再為圖層添加一個【描邊】效果，其參數(shù)設(shè)置，如圖 1160所示。 ? （ 4）此時獲得一個水晶按鈕，如圖 1161所示。保存文件，完成水晶按鈕常態(tài)的制作。 圖 1160 增加 【 描邊 】 效果 圖 1161 水晶球效果 制作導航按鈕 ? （ 5）打開【圖層樣式】對話框，顏色全改為綠色，如圖 1162所示。 ? （ 6）將文件保存為“水晶按鈕滑過.psd”，完成按鈕在鼠標滑過狀態(tài)的制作。 ? （ 7）使用相同的方法將顏色改為藍色，得到
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1