情境2商業(yè)網(wǎng)站Logo設(shè)計(jì)與制作.ppt

1、機(jī)械工業(yè)出版社，基于工作過程的網(wǎng)頁設(shè)計(jì)與制作教程，主編：張洪斌季春光劉萬輝，1 .項(xiàng)目展示與項(xiàng)目目標(biāo)2 .項(xiàng)目信息3 .項(xiàng)目修訂計(jì)劃與決定4 .項(xiàng)目實(shí)施5 .項(xiàng)目檢驗(yàn)與評價(jià)6 .實(shí)訓(xùn)：企業(yè)loo 方案2基于工作過程的網(wǎng)頁設(shè)計(jì)和制作教程，第三章網(wǎng)頁效果圖設(shè)計(jì)，項(xiàng)目展示和項(xiàng)目目標(biāo)，1項(xiàng)目展示和項(xiàng)目目標(biāo)，基本把握層概念把握層的使用方法和技術(shù)熟練把握層樣式的使用方法和技術(shù)把握網(wǎng)頁布局工具網(wǎng)， 標(biāo)度和基準(zhǔn)線的使用方法，1項(xiàng)目背景，2 .簡稱項(xiàng)目信息淮信科技，企業(yè)已有自己的企業(yè)商標(biāo)，企業(yè)Logo主要用于制作網(wǎng)站，設(shè)計(jì)簡潔，應(yīng)反映企業(yè)性質(zhì)。 2 .項(xiàng)目信息、詞典中Logo是“Logo”的意思，IT領(lǐng)域中Lo

2、go是Logo、Logo的意思。 站點(diǎn)的標(biāo)志是站點(diǎn)的標(biāo)志，也是因特網(wǎng)上的每個站點(diǎn)用于鏈接到其他站點(diǎn)的圖形標(biāo)志。 Logo具有以下角色：1)Logo是鏈接到其他站點(diǎn)并鏈接到其他站點(diǎn)的標(biāo)志和門戶。 2)Logo是網(wǎng)站形象的重要表現(xiàn)。 3)Logo便于讀者的選擇。 好的Logo應(yīng)具備的條件：1)美麗獨(dú)特，符合搭檔的標(biāo)準(zhǔn)。 2 )配合網(wǎng)站整體的風(fēng)格。 3 )能夠表現(xiàn)網(wǎng)站的體裁、內(nèi)容、風(fēng)格。 重要知識點(diǎn)1:Logo的設(shè)定改正概要，2 .項(xiàng)目信息，網(wǎng)易的logo，紅色(網(wǎng)易)，黑色(NETEASE，www.163 .com)，使用白色三色的“網(wǎng)易”這兩個字使用篆書，體現(xiàn)經(jīng)典的意思，“簡單地連接到網(wǎng)絡(luò)上主要

3、知識點(diǎn)1:Logo的設(shè)計(jì)概要，新浪網(wǎng)的Logo，Logo的背景色從淡黃色向白色轉(zhuǎn)變，同時(shí)以禮花、爆竹和“春”字反映春節(jié)的氣氛，這個Logo的最特色是在文字I，I上的點(diǎn)上用表象手法單眼處理，并且2 .項(xiàng)目信息，重要知識不透明度、圖層可見性、連接圖層、添加圖層樣式、蒙版層、蒙版層、添加圖層、蒙版層、普通層、2 .項(xiàng)目信息文字段落、2 .項(xiàng)目信息、主要知識點(diǎn)3 :使用文本工具和圖層樣式、2 .項(xiàng)目信息， 主要知識點(diǎn)4 :網(wǎng)頁效果圖的準(zhǔn)確布局，參考線命令：使用“視圖”“標(biāo)尺”命令在編輯窗口中顯示標(biāo)尺執(zhí)行“視圖”“視圖”“指南”命令時(shí)，在編輯窗口中顯示指南。 網(wǎng)格命令：顯示“查看”“網(wǎng)格”命令將在編輯窗

4、口中顯示網(wǎng)格。殘奧儀表設(shè)置命令：執(zhí)行“編輯”“首選項(xiàng)”“單位和標(biāo)尺”命令(快捷鍵直接調(diào)用“首選項(xiàng)”對話框)、3 .項(xiàng)目修訂和確定，淮信科技Logo主要基于原始商標(biāo)，簡潔、 建立了反映企業(yè)性質(zhì)的網(wǎng)絡(luò)的推薦設(shè)計(jì)大小為230像素100像素，Logo的主題內(nèi)容在中間區(qū)域210像素60像素內(nèi)，企業(yè)的商標(biāo)重繪，主體顏色不變，采用企業(yè)的科技藍(lán)(RGB值為15，40，140 ) 4 .實(shí)施項(xiàng)目，啟動Photoshop軟件，運(yùn)行“文件”“新建”命令，創(chuàng)建“淮新技術(shù)Logo.psd文件”。 寬度： 230像素，高度： 100像素2 )執(zhí)行編輯偏好設(shè)定單位和尺標(biāo)指令，將尺標(biāo)單位變更為像素，執(zhí)行編輯偏好設(shè)定參考線、格

5、點(diǎn)、切片、計(jì)數(shù)指令，將格點(diǎn)間距變更為20像素的新增參考線對話方塊(圖3-) 依次創(chuàng)建80px )和2條垂直導(dǎo)軌(10px，220px )，新建完成后如圖3-36所示。 4、項(xiàng)目實(shí)施3 )創(chuàng)建新層，放大圖像，使用多邊形套索工具，坐標(biāo)1 (10，20 )，坐標(biāo)2 (25，30 )，坐標(biāo)3(30 )， 50 )，圖3-37不規(guī)則選區(qū)的繪制，圖3-38選區(qū)的填充，4 .項(xiàng)目的實(shí)施，4 )將層1的名稱復(fù)制到層2，執(zhí)行“編輯”“自由變換”命令，在變換區(qū)域內(nèi)右鍵單擊，執(zhí)行“水平翻轉(zhuǎn)”命令選擇“橢圓套索”工具，將屬性樣式設(shè)置為固定大小、寬度20像素、高度20像素，繪制選區(qū)，然后選擇紅色(RGB值： 255，0

6、， 用0 )填充，用箭頭鍵在層1和層2之間調(diào)整位置(圖3 )，圖3-39描繪不規(guī)則的選取范圍，圖3-40填充選取范圍，4 .項(xiàng)目實(shí)施，6 )使用文字工具輸入“淮信科技”，使字體“方正大黑” 點(diǎn)擊文字段落標(biāo)記，設(shè)定文字，圖3-41文字間隔的設(shè)定，圖3-42文字追加后的效果，4 .項(xiàng)目實(shí)施，7 )用同樣的方法輸入文字Huai新scinence and technology，字體： Arial Black。 8 )如圖3圖44所示，創(chuàng)建新的圖層4，使用鉛筆工具繪制線條，調(diào)整圖層的位置。 圖3-43添加英文字符，圖3-44添加橫線的效果，4 .項(xiàng)目實(shí)施，9 )層添加層樣式。 用鼠標(biāo)選擇“淮信科技”文本層，用鼠標(biāo)點(diǎn)擊“添加圖層樣式”按鈕，選擇“斜面和浮雕”效果，如圖3-45所示設(shè)定。圖3-45為“淮信科技”設(shè)置“斜面和浮雕”，4 .項(xiàng)目實(shí)施，10 )在“層”面板中選擇“淮信科技”文本層，單擊鼠標(biāo)右鍵，執(zhí)行“復(fù)制層樣式”命令11 )調(diào)整各圖層的位置，