多媒體界面的設(shè)計(jì)-wenkub
2023-03-06 06:10:04 本頁面
【正文】 21所示。 圖 1114 【 橢圓工具 】 選項(xiàng)欄的設(shè)置 圖 1115 繪制 2個圓形路徑 制作背景 ? （ 2）打開路徑調(diào)板，單擊【路徑】調(diào)板下的【將路徑作為選區(qū)載入】按鈕，獲得選區(qū)，如圖 1116所示。打開【色階】對話框，在對話框中調(diào)整中間灰色滑塊位置將圖像適當(dāng)加亮，如圖 1112所示。 圖 117 【 切變 】 對話框 圖 118 應(yīng)用 【 切變 】 濾鏡后的圖像效果 制作背景 ? （ 6）為圖層添加圖層蒙板，在蒙板中創(chuàng)建由左上角到右下角的線性漸變效果，如圖 119所示。【高斯模糊】參數(shù)設(shè)置，如圖 115所示。 圖 111 【 新建 】 對話框的設(shè)置 圖 112 放置素材圖片 制作背景 ? （ 3）為圖層添加圖層蒙板。 制作背景 ? 1．添加并處理素材圖片 ? （ 1）打開【新建】對話框，設(shè)置如圖111所示。 ? 4．效果圖的制作 ? 效果圖的制作是在制作時放置功能按鈕和說明文字的過程，使用 【 移動工具 】 來移動對象進(jìn)行界面的布局，使用 【 自由變換 】 命令調(diào)整對象的大小，使之符合界面的要求。對標(biāo)題中的英文字符，采用了 【 馬賽克 】 濾鏡和 【 描邊 】 特效創(chuàng)建邊緣像素文字效果。 ? 1．背景制作 ? 制作過程中使用背景素材圖片來構(gòu)建界面背景，這樣能減小制作工作量，提高制作效率。按鈕在布局上做到內(nèi)部結(jié)構(gòu)布局合理，簡單明了，便于用戶操作，方便用戶靈活的運(yùn)用。在設(shè)計(jì)時要求滿足相應(yīng)功能的需要，界面結(jié)構(gòu)設(shè)計(jì)合理且盡可能簡潔，在視覺上要求富于設(shè)計(jì)感。第 11章 綜合實(shí)訓(xùn)案例 1 —— 多媒體界面的設(shè)計(jì) ? 案例簡介 ? 案例制作步驟 ? 背景知識介紹 本章主要內(nèi)容： 《 Photoshop平面設(shè)計(jì)實(shí)用教程 (第二版 )》 清華大學(xué)出版社 案例簡介 ? 本案例介紹用 Photoshop進(jìn)行多媒體軟件界面的設(shè)計(jì)和制作的方法。本案例在設(shè)計(jì)時，以藍(lán)色作為整個界面的主色調(diào)，容易讓使用者產(chǎn)生心靈的感應(yīng)。界面整體風(fēng)格與軟件本身的結(jié)合度強(qiáng)，使之合乎現(xiàn)代的時尚感和大局觀。在制作過程中使用了圖層蒙板和 【 切變 】 濾鏡來創(chuàng)建圖像背景效果。同時對標(biāo)題中的漢字字符應(yīng)用 【 圖層樣式 】 創(chuàng)建水晶字體效果。 案例制作步驟 ? 下面，詳細(xì)介紹本案例的制作步驟。將新文檔保存為“多媒體界面 .psd”文件。選擇【漸變工具】，漸變設(shè)置為【從背景色到前景色】，選擇【徑向漸變】。應(yīng)用濾鏡，圖像的效果如圖 116所示。 ? （ 7）在【波浪】對話框中對濾鏡效果進(jìn)行設(shè)置，如圖 1110所示。此時圖像效果如圖 1113所示。選擇【選擇】→ 【變換選區(qū)】命令，對選區(qū)進(jìn)行變換，如圖 1117所示。 圖 1120 投影效果的設(shè)置 圖 1121 設(shè)置內(nèi)陰影效果 制作背景 ? （ 6）選中【外發(fā)光】復(fù)選框，對外發(fā)光效果進(jìn)行設(shè)置，如圖 1122所示。 圖 1124 設(shè)置斜面和浮雕效果 圖 1125 等高線參數(shù)的設(shè)置 制作背景 ? （ 9）選中【光澤】復(fù)選框，同時對參數(shù)進(jìn)行設(shè)置，如圖 1126所示。 ? （ 2）將文字圖層?xùn)鸥窕? 圖 1131 應(yīng)用濾鏡后效果 圖 1130 對話框 圖 1129 設(shè)置字符樣式 創(chuàng)建標(biāo)題 ? （ 3）打開【圖層樣式】對話框。 圖 1132 【 描邊 】 圖 1133 【 投影 】 圖 1134 應(yīng)用后的文字效果 創(chuàng)建標(biāo)題 ? 2．標(biāo)題中“平面設(shè)計(jì)技巧詳解”文字效果的創(chuàng)建 ? （ 1）創(chuàng)建文字“平面設(shè)計(jì)技巧詳解”，使用【字符】調(diào)板設(shè)置字符樣式，如圖1135所示。選擇【裁切工具】，對圖片進(jìn)行裁切操作，如圖 1137所示。 圖 1140 放置圖像 制作導(dǎo)航圖標(biāo) ? 2．制作裝飾線 ? （ 1）創(chuàng)建一個新圖層，命名為“圖標(biāo) 1線條”。 圖 1141 創(chuàng)建矢量路徑 圖 1142 設(shè)置畫筆筆尖 制作導(dǎo)航圖標(biāo) ? （ 3） 前景色為白色 ， 【 用畫筆描繪路徑】 。 ? 3．制作其他圖標(biāo)效果：采用相同方式添加圖標(biāo)，并為圖標(biāo)添加裝飾性線條，如圖1144所示。 圖 1145 【 新建 】 對話框的設(shè)置 制作導(dǎo)航按鈕 ? （ 2）選擇【圓角矩形工具】，在選項(xiàng)欄中對工具進(jìn)行設(shè)置，如圖 1146所示。 ? （ 5）為圖層添加【描邊】圖層樣式，如圖 1150所示。 圖 1152 創(chuàng)建文字并設(shè)置文字樣式 制作導(dǎo)航按鈕 ? 2．制作鼠標(biāo)滑過狀態(tài)按鈕 ? （ 1）在“按鈕常態(tài) ”文件中按Ctrl鍵單擊【圖層
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1