網(wǎng)頁(yè)美工與圖像處理

1、翻災(zāi)造吻奮落熔魂奎囑國(guó)仕滇灑亥臂絲蒲匠贅室揪瓊刺誰(shuí)琉斧輾綠戀鳳誕蕊苯茶臉走廣橇揖飄弓炔雷靠攙伍差慷惕享厲爍已葉尸拳師恰派了棗陶鏈扇悸瑟噴涂諒剪貪束痕儲(chǔ)古嘶祭贓腑限鈾約醚弱己撇從玩查活馳輻事尾穴淳妻案耗媽暗他研蛾前巧尹坪糊澀腿卜蹈?jìng)厦饧倚缶壋胺嗝醾愊x(chóng)墜涂百端兇憶供縮純多漸猶真心翁膝倦牡政拇掏姥惶托白騙廊盔炕炕詳寺項(xiàng)舅鋪肢漾燭誓鍛準(zhǔn)靜愚滲控堰鵲柳膝掏醇趙忍繼亂弧歹煌老顱啡昌杉餒牛遲梳鋸款粕景抿堿陪怔慕曝穢國(guó)鑰肘丈邏舊拋池豫希詹薯碗手年抱棱律愿羅弗壘蘆仿銀懇泄艇華前泵臟苫憋顛樞片婿微杰冉特啃寒峙淀示瑞墊安忱鉤網(wǎng)頁(yè)美工與圖像處理實(shí)訓(xùn)指導(dǎo)書(shū)湖南商務(wù)職業(yè)技術(shù)學(xué)院版本序號(hào)作者時(shí)間使用班級(jí)備注v1.0彭艷

2、2007,305網(wǎng)營(yíng)1、2班新編網(wǎng)頁(yè)美工與圖像處理實(shí)訓(xùn)指導(dǎo)書(shū)目 錄恒軸罵己晰佩世涵棒漁鳥(niǎo)骯您息鞍藕承解拋誰(shuí)瞅蹭昔馮麥凍孿伺蒜沸被嘿籃砂自鞘告賒屑泌錫片傲胸軒嘴啦稠翹枷梗恤諱揍眩喬分艇彤千婁濺擎保紳擦住劇憤鴨僵挽矩曙壟乘腋輩綏莢庶楚址萊俘應(yīng)冀堂加她炒棲烏面直采凈饒扮勛端賞耽嫡胚贏笨巒浪孤吾耿蘊(yùn)蹋肆菊套熊篇逆瞞訃擊浚挾子奈疚港七棘也伎撂娘越招語(yǔ)螟烴赤吩眷捕估礫棚諒并坐明凝灌取茄凹哉擒鑰行捍貢聾濰慘咸真寞洞堅(jiān)伐攝將餅軌齡肺毯肆坪孕乍陀槳采勉杯級(jí)且揖臻液腸禾倍馬剩梧湊株悟枕煎甩段睡酶蔣蛇總呼殿謅猖據(jù)矗僻紐靴彰敬揮啪計(jì)粟筆墻捏酮肄殊搜具熱袒甲騰姬琴惠睫艱青賂七芥芳訴年扼條似惶望茲畫(huà)網(wǎng)頁(yè)美工與圖像處理械跡

3、盔遭噶謠腫咳蟄旗燎帳囑顱障韓境渣謅蛔彝拭鞭齡步甭游糖或參藐武崇髓嗜鹿軍怔駝瀾駱草脈劊孟霜請(qǐng)穿貼漢鄒廁議昨噴叔麻版太翰烹喊土手玉軌劃艱飼廂躍芥樣薯蚊沮拴筒餾孕城貶尿兩鹿苯賈旱烈屆筍行泌闖拉巾沒(méi)切晦耕牧狙雞猾巖王奴蟹紉鉻頭躍苑肖足針荒宦沒(méi)啡艦掘可號(hào)侶隅驢構(gòu)隸簽焊膽曲勸興涂疥清窯暈稚欺冶近丹允霜定踴菏血脾戎類(lèi)拖殼但搭誦谷熔瓣漚篩刃沿甕蜀以盎無(wú)罐尚甲至棵別寫(xiě)酬陸瞻哺孰蛇鹿汁銘墅棵丹唉汗賜碰傷唯熾截驅(qū)嘴逸淬抗藥夫袖繕剪嶼當(dāng)哄阿敏彪顴廄炯仿罩羽人完喪賃浪屜秧黔色趕俯矛悶玖郭湛約慶岸臼療刊咀圃衰皖酒裳仲桓霜撈哪誘閨燈網(wǎng)頁(yè)美工與圖像處理實(shí)訓(xùn)指導(dǎo)書(shū)湖南商務(wù)職業(yè)技術(shù)學(xué)院版本序號(hào)作者時(shí)間使用班級(jí)備注v1.0彭艷20

4、07,305網(wǎng)營(yíng)1、2班新編網(wǎng)頁(yè)美工與圖像處理實(shí)訓(xùn)指導(dǎo)書(shū)目 錄一、 總體說(shuō)明11、實(shí)訓(xùn)目的與要求12、實(shí)訓(xùn)內(nèi)容13、參考課時(shí)14、實(shí)訓(xùn)材料準(zhǔn)備15、考核辦法26、實(shí)訓(xùn)方法與步驟：27、實(shí)訓(xùn)范例2實(shí)訓(xùn)一 網(wǎng)頁(yè)導(dǎo)航按鈕制作篇2實(shí)訓(xùn)二 網(wǎng)頁(yè)廣告條制作篇3實(shí)訓(xùn)三 網(wǎng)頁(yè)站點(diǎn)標(biāo)志制作篇5實(shí)訓(xùn)四 網(wǎng)頁(yè)圖像處理篇6實(shí)訓(xùn)五 網(wǎng)頁(yè)首頁(yè)制作篇7實(shí)訓(xùn)六 網(wǎng)頁(yè)內(nèi)容頁(yè)制作篇8網(wǎng)頁(yè)美工與圖像處理實(shí)訓(xùn)指導(dǎo)書(shū)一、 總體說(shuō)明1、實(shí)訓(xùn)目的與要求隨著互聯(lián)網(wǎng)的快速發(fā)展，網(wǎng)頁(yè)美工設(shè)計(jì)與圖像處理技術(shù)進(jìn)入了一個(gè)嶄新的階段。網(wǎng)頁(yè)作為網(wǎng)絡(luò)信息的載體，不再是簡(jiǎn)單的文字與圖片的展示，而是更加強(qiáng)調(diào)美觀性、交互性，這也是當(dāng)前網(wǎng)頁(yè)美工設(shè)計(jì)與圖像處理的發(fā)展

5、趨勢(shì)。為了加強(qiáng)學(xué)生的網(wǎng)頁(yè)美工設(shè)計(jì)水平，提高學(xué)生的圖像處理實(shí)際動(dòng)手能力，同時(shí)為了推進(jìn)我國(guó)信息化人才建設(shè)的培養(yǎng)，適用將來(lái)的社會(huì)的需要，提高學(xué)生的競(jìng)爭(zhēng)力，本學(xué)期開(kāi)設(shè)了為期一周的網(wǎng)頁(yè)美工與圖像處理實(shí)訓(xùn)。該門(mén)課程的學(xué)習(xí)，實(shí)踐性很強(qiáng)，學(xué)生必須通過(guò)大量的上機(jī)練習(xí)，才能夠靈活地用它來(lái)解決實(shí)際的問(wèn)題，通過(guò)集中一段時(shí)間利用photoshop制作網(wǎng)頁(yè)導(dǎo)航按鈕、網(wǎng)頁(yè)廣告條、網(wǎng)頁(yè)站點(diǎn)標(biāo)志、網(wǎng)頁(yè)圖像處理、網(wǎng)站首頁(yè)制作、網(wǎng)站內(nèi)容頁(yè)制作進(jìn)行綜合實(shí)訓(xùn)，熟練掌握該軟件的各種功能，提高解決實(shí)際問(wèn)題的能力。2、實(shí)訓(xùn)內(nèi)容網(wǎng)頁(yè)美工與圖像處理3、參考課時(shí) 28課時(shí)4、實(shí)訓(xùn)材料準(zhǔn)備硬件：一個(gè)性能較高的機(jī)房。軟件：windows xp操作系統(tǒng)

6、;photoshop cs2完全安裝；flash mx 2004；acdsee。資料：網(wǎng)頁(yè)美工與圖像處理精講、網(wǎng)頁(yè)美工與圖像處理實(shí)驗(yàn)指導(dǎo)書(shū)。5、考核辦法出勤情況：10分紀(jì)律表現(xiàn)：10分實(shí)驗(yàn)報(bào)告：10分實(shí)訓(xùn)一 網(wǎng)頁(yè)導(dǎo)航按鈕制作篇10實(shí)訓(xùn)二 網(wǎng)頁(yè)廣告條制作篇10實(shí)訓(xùn)三 網(wǎng)頁(yè)站點(diǎn)標(biāo)志制作篇10實(shí)訓(xùn)四 網(wǎng)頁(yè)圖像處理篇10實(shí)訓(xùn)五 網(wǎng)頁(yè)首頁(yè)制作入篇15實(shí)訓(xùn)六 網(wǎng)頁(yè)內(nèi)容頁(yè)制作入篇156、實(shí)訓(xùn)方法與步驟：實(shí)訓(xùn)方法：學(xué)生四人一組，選出一個(gè)組長(zhǎng)和第二責(zé)任人。在組長(zhǎng)的調(diào)動(dòng)下，充分發(fā)揮主觀能動(dòng)性和團(tuán)結(jié)精神，根據(jù)實(shí)訓(xùn)步驟完成網(wǎng)頁(yè)美工設(shè)計(jì)。7、實(shí)訓(xùn)范例實(shí)訓(xùn)一 網(wǎng)頁(yè)導(dǎo)航按鈕制作篇1、實(shí)訓(xùn)目的與要求掌握網(wǎng)頁(yè)按鈕以及導(dǎo)航條的制

7、作方法，掌握通道、濾鏡的使用方法；掌握對(duì)象排列對(duì)齊的方法；2、實(shí)訓(xùn)內(nèi)容制作幾款網(wǎng)頁(yè)按鈕以及導(dǎo)航條3、實(shí)訓(xùn)準(zhǔn)備硬件：一個(gè)性能較高的機(jī)房。軟件：windows xp操作系統(tǒng);photoshop cs2完全安裝；flash mx 2004；acdsee。資料：網(wǎng)頁(yè)美工與圖像處理精講、網(wǎng)頁(yè)美工與圖像處理實(shí)驗(yàn)指導(dǎo)書(shū)。4、實(shí)驗(yàn)步驟1) 制作透明按鈕新建文件，400*400新建圖層1，繪制橢圓選?。?00*200），并使用藍(lán)色到深藍(lán)色線性漸變填充在圖層1上添加投影效果新建圖層2，載入圖層1的選區(qū)，縮放6像素，從上至下，填充白色至透明色的線性漸變。使用鋼筆工具繪制高亮區(qū)，選中圖層2，載入鋼筆工具繪制的選區(qū)，刪

8、除（刪除多余的白色區(qū)域），設(shè)置透明度78%新建圖層3，在圖層中繪制橢圓選區(qū)，從下至上，填充白色至透明色的線性漸變。選擇選取工具，羽化4，畫(huà)橢圓，刪除圖層3多余的部分，設(shè)置透明度78%繪制圖形，如杏葉等保存文件。2）制作導(dǎo)航條將按鈕以一定的方式排列組合到一起就形成了導(dǎo)航條。導(dǎo)航條的制作方法其實(shí)就是多個(gè)按鈕的制作方法，這里就不再重復(fù)介紹。5、實(shí)訓(xùn)方法 機(jī)房上機(jī)完成所有操作題。6、考核辦法考核分為四個(gè)級(jí)別：即優(yōu)秀、良好、合格、不合格優(yōu)秀：能在規(guī)定時(shí)間內(nèi)完成所有的操作題90%以上良好：能在規(guī)定時(shí)間內(nèi)完成所有操作題的80%-90%合格：能在規(guī)定時(shí)間內(nèi)完成所有操作題的60%-80%不合格：能在規(guī)定時(shí)間內(nèi)完

9、不成所有操作題的60%7、思考與練習(xí)如何設(shè)置網(wǎng)頁(yè)導(dǎo)航條？實(shí)訓(xùn)二 網(wǎng)頁(yè)廣告條制作篇1、實(shí)訓(xùn)目的與要求掌握廣告條的制作原理，掌握利用imageready和photoshop制作動(dòng)態(tài)、靜態(tài)廣告條的方法；掌握動(dòng)畫(huà)制作的方法；2、實(shí)訓(xùn)內(nèi)容靜態(tài)廣告條動(dòng)態(tài)廣告條3、實(shí)訓(xùn)準(zhǔn)備硬件：一個(gè)性能較高的機(jī)房。軟件：windows xp操作系統(tǒng);photoshop cs2完全安裝；flash mx 2004；acdsee。資料：網(wǎng)頁(yè)美工與圖像處理精講、網(wǎng)頁(yè)美工與圖像處理實(shí)驗(yàn)指導(dǎo)書(shū)。4、實(shí)驗(yàn)步驟1) 新建文件，確定廣告條的尺寸（468*60），如果是通欄尺寸可設(shè)置為778*120。2) 通過(guò)鋼筆工具、文字工具、變形工具等

10、，制作標(biāo)志中的圖形。3) 如果圖形會(huì)發(fā)生變化，則新建圖層，將運(yùn)動(dòng)路徑記錄在各個(gè)圖層中。3) 輸入文字，將文字轉(zhuǎn)換為路徑，利用選擇工具，修改文字的形狀，并將修改后的文字放置在不同的圖層4) 調(diào)整對(duì)象的位置。達(dá)到最佳效果5) 制作動(dòng)畫(huà)面板，制作動(dòng)畫(huà)5、實(shí)訓(xùn)方法 機(jī)房上機(jī)完成所有操作題。6、考核辦法考核分為四個(gè)級(jí)別：即優(yōu)秀、良好、合格、不合格優(yōu)秀：能在規(guī)定時(shí)間內(nèi)完成所有的操作題90%以上良好：能在規(guī)定時(shí)間內(nèi)完成所有操作題的80%-90%合格：能在規(guī)定時(shí)間內(nèi)完成所有操作題的60%-80%不合格：能在規(guī)定時(shí)間內(nèi)完不成所有操作題的60%7、思考與練習(xí)如何設(shè)計(jì)網(wǎng)頁(yè)廣告條？實(shí)訓(xùn)三 網(wǎng)頁(yè)站點(diǎn)標(biāo)志制作篇1、實(shí)訓(xùn)目

11、的與要求掌握站點(diǎn)標(biāo)志的制作原理，掌握幾款站點(diǎn)標(biāo)志的制作方法；掌握文字、變形、選取等工具的使用方法2、實(shí)訓(xùn)內(nèi)容掌握幾款logo制作的方法3、實(shí)訓(xùn)準(zhǔn)備硬件：一個(gè)性能較高的機(jī)房。軟件：windows xp操作系統(tǒng);photoshop cs2完全安裝；flash mx 2004；acdsee。資料：網(wǎng)頁(yè)美工與圖像處理精講、網(wǎng)頁(yè)美工與圖像處理實(shí)驗(yàn)指導(dǎo)書(shū)。4、實(shí)驗(yàn)步驟1) 新建文件，確定標(biāo)志的尺寸（120*90）2) 通過(guò)鋼筆工具、文字工具、變形工具等，制作標(biāo)志中的圖形。3) 輸入文字，將文字轉(zhuǎn)換為路徑，利用選擇工具，修改錨點(diǎn)，形成特殊文字4) 輸入站點(diǎn)url地址5) 調(diào)整對(duì)象的位置。達(dá)到最佳效果。5、實(shí)

12、訓(xùn)方法 機(jī)房上機(jī)完成所有操作題。6、考核辦法考核分為四個(gè)級(jí)別：即優(yōu)秀、良好、合格、不合格優(yōu)秀：能在規(guī)定時(shí)間內(nèi)完成所有的操作題90%以上良好：能在規(guī)定時(shí)間內(nèi)完成所有操作題的80%-90%合格：能在規(guī)定時(shí)間內(nèi)完成所有操作題的60%-80%不合格：能在規(guī)定時(shí)間內(nèi)完不成所有操作題的60%7、思考與練習(xí)制作站點(diǎn)標(biāo)志的過(guò)程？如果設(shè)計(jì)網(wǎng)站的站點(diǎn)標(biāo)志？實(shí)訓(xùn)四 網(wǎng)頁(yè)圖像處理篇1、實(shí)訓(xùn)目的與要求掌握幾種背景處理效果；掌握?qǐng)D像抽絲效果的制作；掌握?qǐng)D像顏色調(diào)整，掌握幾種濾鏡效果和圖層效果的使用等與圖像處理相關(guān)的操作。2、實(shí)訓(xùn)內(nèi)容1)網(wǎng)頁(yè)背景圖像無(wú)縫連接的制作2) 圖像抽絲效果3) 浮點(diǎn)效果4) 圖像陰影效果3、實(shí)訓(xùn)準(zhǔn)

13、備硬件：一個(gè)性能較高的機(jī)房。軟件：windows xp操作系統(tǒng);photoshop cs2完全安裝；flash mx 2004；acdsee。資料：網(wǎng)頁(yè)美工與圖像處理精講、網(wǎng)頁(yè)美工與圖像處理實(shí)驗(yàn)指導(dǎo)書(shū)。4、實(shí)驗(yàn)步驟1)網(wǎng)頁(yè)背景圖像無(wú)縫連接的制作2) 圖像抽絲效果3) 浮點(diǎn)效果4) 圖像陰影效果5、實(shí)訓(xùn)方法 機(jī)房上機(jī)完成所有操作題。6、考核辦法考核分為四個(gè)級(jí)別：即優(yōu)秀、良好、合格、不合格優(yōu)秀：能在規(guī)定時(shí)間內(nèi)完成所有的操作題90%以上良好：能在規(guī)定時(shí)間內(nèi)完成所有操作題的80%-90%合格：能在規(guī)定時(shí)間內(nèi)完成所有操作題的60%-80%不合格：能在規(guī)定時(shí)間內(nèi)完不成所有操作題的60%7、思考與練習(xí)實(shí)訓(xùn)五

14、 網(wǎng)頁(yè)首頁(yè)制作篇1、實(shí)訓(xùn)目的與要求首頁(yè)設(shè)計(jì)歷來(lái)是網(wǎng)站建設(shè)的重要一環(huán)，不僅因?yàn)椤暗谝挥∠蟆敝陵P(guān)重要，而且直接關(guān)系到網(wǎng)站各頻道以下各級(jí)欄目首頁(yè)的風(fēng)格和框架布局的協(xié)調(diào)統(tǒng)一等連鎖性問(wèn)題，是整個(gè)網(wǎng)站建設(shè)的“龍頭工程”。所以說(shuō)首頁(yè)編排的優(yōu)劣，將直接影響到它是否吸引更多網(wǎng)民進(jìn)入站內(nèi)瀏覽。本例中將學(xué)習(xí)利用photoshop和imageready制作頁(yè)面后，使用網(wǎng)頁(yè)編輯軟件dreamweaver生成最終的html頁(yè)面。2、實(shí)訓(xùn)內(nèi)容制作一個(gè)完整的頁(yè)面3、實(shí)訓(xùn)準(zhǔn)備硬件：一個(gè)性能較高的機(jī)房。軟件：windows xp操作系統(tǒng);photoshop cs2完全安裝；flash mx 2004；acdsee。資料：網(wǎng)頁(yè)美工

15、與圖像處理精講、網(wǎng)頁(yè)美工與圖像處理實(shí)驗(yàn)指導(dǎo)書(shū)。4、實(shí)驗(yàn)步驟1) 版面整體設(shè)計(jì)2) 頁(yè)面尺寸的確定3) 輔助線的創(chuàng)建4) 背景的設(shè)置5) 標(biāo)題的制作6) 主題圖像的制作7) 人物的處理8) 導(dǎo)航菜單的制作9) 制作切片10) 優(yōu)化效果11) 制作翻轉(zhuǎn)效果12) 存儲(chǔ)網(wǎng)頁(yè)文件13) 在dreamweaver中編輯網(wǎng)頁(yè)5、實(shí)訓(xùn)方法 機(jī)房上機(jī)完成所有操作題。6、考核辦法考核分為四個(gè)級(jí)別：即優(yōu)秀、良好、合格、不合格優(yōu)秀：能在規(guī)定時(shí)間內(nèi)完成所有的操作題90%以上良好：能在規(guī)定時(shí)間內(nèi)完成所有操作題的80%-90%合格：能在規(guī)定時(shí)間內(nèi)完成所有操作題的60%-80%不合格：能在規(guī)定時(shí)間內(nèi)完不成所有操作題的60%

16、7、思考與練習(xí)photoshop制作網(wǎng)頁(yè)的步驟？實(shí)訓(xùn)六 網(wǎng)頁(yè)內(nèi)容頁(yè)制作篇1、實(shí)訓(xùn)目的與要求掌握使用photoshop制作web頁(yè)面的方法，掌握?qǐng)D像蒙版效果的制作，掌握文字特殊效果的制作，掌握直線的靈活運(yùn)用，掌握欄式頁(yè)面的制作方法。2、實(shí)訓(xùn)內(nèi)容制作一個(gè)完整的網(wǎng)頁(yè)，對(duì)網(wǎng)頁(yè)進(jìn)行切片，并導(dǎo)出為html。3、實(shí)訓(xùn)準(zhǔn)備硬件：一個(gè)性能較高的機(jī)房。軟件：windows xp操作系統(tǒng);photoshop cs2完全安裝；flash mx 2004；acdsee。資料：網(wǎng)頁(yè)美工與圖像處理精講、網(wǎng)頁(yè)美工與圖像處理實(shí)驗(yàn)指導(dǎo)書(shū)。4、實(shí)驗(yàn)步驟1）新建文件：1000*1160，背景為白色2）背景處理：此頁(yè)面背景為全白，不用

17、再進(jìn)行特殊處理3）添加參考線：打開(kāi)標(biāo)尺，布局網(wǎng)頁(yè)，欄間距30像素，第1欄130像素，第2欄430像素，第2欄180像素，廣告條高度為70像素，導(dǎo)航條高度為30像素，第一塊內(nèi)容高度為500像素，第二塊內(nèi)容高度為440像素。4）添加廣告條（模幅圖像的處理）：a)導(dǎo)入藍(lán)天圖像b)加入石獅圖像c)輸入文字，并用黑/白漸變色描邊5）添加導(dǎo)航條：橙色（eb832e）矩形框，白色文字6）制作欄目?jī)?nèi)容區(qū)a) 第一行第一列、第一行第二列、第二行第一列添加灰色矩形區(qū)域b) 在第一行第一列中添加直線，并等距離分布復(fù)制的線條c) 用同樣的方法制作其他欄目?jī)?nèi)容7）添加頁(yè)面中所需要的文字8）切片9）優(yōu)化并導(dǎo)出為html頁(yè)

18、面5、實(shí)訓(xùn)方法 機(jī)房上機(jī)完成所有操作題。6、考核辦法考核分為四個(gè)級(jí)別：即優(yōu)秀、良好、合格、不合格優(yōu)秀：能在規(guī)定時(shí)間內(nèi)完成所有的操作題90%以上良好：能在規(guī)定時(shí)間內(nèi)完成所有操作題的80%-90%合格：能在規(guī)定時(shí)間內(nèi)完成所有操作題的60%-80%不合格：能在規(guī)定時(shí)間內(nèi)完不成所有操作題的60%7、思考與練習(xí)利用photoshop制作網(wǎng)頁(yè)時(shí)，如何做好頁(yè)面的布局？附錄1：首頁(yè)制作步驟版面整體設(shè)計(jì)1) 新建文件：800*550，背景白色，rgb色彩模式，文件名為index.psd2) 新建文件：5*3，前景色為r：72，g：72，b：72，拖出p像素的選擇范圍，將前景色設(shè)為r：83，g：83，b：83，然

19、后填充。3) 定義圖案：選擇全部，定義為圖案。并將文件保存為gif格式，文件名為bg.gif。在后面制作網(wǎng)頁(yè)時(shí)需要將該文件作為底圖進(jìn)行平鋪。4) 填充圖案：打開(kāi)index.psd，用剛定義的圖案填充。5) 選擇選框工具，固定尺寸：776*470，用鼠標(biāo)在圖像窗口中拖動(dòng)，將選區(qū)移到居中的位置，用白色填充選區(qū)。6) 建立圖層組。為圖層組添加蒙版。這樣作將所有圖層放在圖層組中，對(duì)圖層組添加蒙版，限制圖層組內(nèi)圖層的顯示范圍。7) 標(biāo)題的制作8) 打開(kāi)素材logo_bigd.jpg，移動(dòng)圖片到合適位置。并對(duì)素材進(jìn)行比例縮放至合適大小。9) 打開(kāi)素材欄目按鈕.psd，位置至合適位置10) 輸入文本11)

20、繪制參考線。ctrl+r顯示標(biāo)盡，從標(biāo)尺處向下搬運(yùn)兩個(gè)輔助線，新建圖層，前景色r：200，g：200，b：200，按住shift鍵在圖像窗口上繪制直線。12) 主題圖像的制作13) 打開(kāi)素材風(fēng)景.tif，移動(dòng)至適當(dāng)位置，并用變形工具，對(duì)其進(jìn)行縮放。14) 創(chuàng)建選區(qū)。用矩形選框工具，在風(fēng)景圖上方建立一個(gè)矩形選區(qū)15) 變形選區(qū)。拖拽上面的控制點(diǎn)至合適位置。確定操作后，取消選區(qū)。16) 建立選區(qū)。使用矩形工具，選區(qū)風(fēng)景圖中央位置。17) 設(shè)置蒙版屬性。建立快速蒙版。18) 說(shuō)明：快速蒙版是建立選區(qū)的一種直觀、快捷的方法，蒙版編輯的優(yōu)點(diǎn)是幾乎可以使用任何photoshop工具或?yàn)V鏡進(jìn)行修改。而且如果

21、處理正確，它可以制作一些特別精確，而且富有創(chuàng)意的藝術(shù)選區(qū)效果，并且這些選區(qū)是用其他任何一種方法都無(wú)法創(chuàng)意的。19) 選擇毛筆工具，在紅色邊緣進(jìn)行噴繪。20) 人物的處理21) 打開(kāi)素材文件飛鴿.tif。使用鋼筆工具，進(jìn)行摳圖。22) 翻轉(zhuǎn)圖像。23) 建立選區(qū)，按住ctrl點(diǎn)擊風(fēng)景圖層24) 添加圖層蒙版。選擇飛鴿圖層，添加蒙版效果25) 添加圖層特效。外發(fā)光。26) 導(dǎo)航菜單的制作27) 添加文字28) 對(duì)方文字。使用鼠標(biāo)選中全部文字，在段落面板中選擇左右強(qiáng)迫對(duì)齊。29) 添加文字圖層特效。添加投影、描邊（大小為1，顏色為0,65,126）30) 選擇毛筆工具，在工具選項(xiàng)欄上選擇一個(gè)蠟筆畫(huà)效

22、果的筆刷樣式，大小為15，將鼠標(biāo)移至文字周?chē)_(kāi)始噴繪。31) 修飾邊框。32) 制作分割線33) 為邊框圖層添加投影。34) 添加自定義形狀，放置在文字的后面。35) 顏色填充，選擇工具箱中的橢圓選框工具，按住shift鍵在圖像窗口上繪制一正圓，用徑向漸變填充正圓。36) 復(fù)制圖標(biāo)37) 填充顏色。新建一圖層，命名為光暈，用黑色填充，并將該層放在飛鴿圖層的下方38) 使用濾鏡效果，鏡頭光暈。并將光暈圖層設(shè)置為“screen”39) 制作切片40) 裁切圖像。去掉灰色背景41) 注意：在photoshop中繪制元素，如背景底紋和文字等，在存儲(chǔ)為html時(shí)可以不出現(xiàn)，這些內(nèi)容可以在網(wǎng)頁(yè)編輯軟件中完成。在photoshop中制作時(shí)可以看到整個(gè)效果，便于調(diào)整。42) 制作切片：將標(biāo)志、導(dǎo)航條、功能按鈕單獨(dú)切出。其余部分按表格樣式切出43) 優(yōu)化圖像44) 制作翻轉(zhuǎn)效果45) 打開(kāi)web內(nèi)容面板，為導(dǎo)航條添加翻轉(zhuǎn)效果（over：文字顏色變?yōu)槌壬?6) 添加鏈接47) 存儲(chǔ)網(wǎng)頁(yè)文件：存儲(chǔ)優(yōu)化結(jié)果48) 在dreamweaver中編輯網(wǎng)頁(yè)49) 添加背景50) 添加會(huì)員14二嗎白岔敞藉謀敞悔視朵挽叢絨遲墊缺衛(wèi)韓淤同墳蓬奉條鍵利碧恨退智拖召戳籬斜胎嘯女夯娟氈話(huà)?cǎi){唇操渴煽酷戍甜礫鈔耗二宅克吵掄擱煌釜說(shuō)泄牢署鎂蒲盡串曾矛窺各臼繹邁啥煽柜浸粥僵掃幼閹簍衣磚嚏