（中職）Photoshop 圖形圖像處理實用教程（第2版）網(wǎng)頁美工篇教學(xué)課件（）

單擊此處編輯母版標(biāo)題樣式,單擊此處編輯母版文本樣式,第二級,第三級,第四級,第五級,*,單擊此處編輯母版標(biāo)題樣式,單擊此處編輯母版文本樣式,第二級,第三級,第四級,第五級,*,單擊此處編輯母版標(biāo)題樣式,單擊此處編輯母版文本樣式,第二級,第三級,第四級,第五級,*,（中職）Photoshop 圖形圖像處理實用教程（第2版）網(wǎng)頁美工篇教學(xué)課件（工信版）,網(wǎng)頁美工篇,能力目標(biāo),能將網(wǎng)頁存儲為方便網(wǎng)絡(luò)瀏覽格式,能制作出網(wǎng)頁的各種特效,能設(shè)計制作網(wǎng)頁界面元素,能設(shè)計制作網(wǎng)站的主頁和首頁等頁面,知識目標(biāo),了解網(wǎng)頁設(shè)計的基本知識,掌握切片工具的使用,掌握標(biāo)尺及輔助線的使用,掌握動畫的制作方法,掌握網(wǎng)頁中各種元素及特效的制作方法,掌握網(wǎng)頁的布局和制作,崗位目標(biāo),會設(shè)計制作網(wǎng)站頁面,會設(shè)計制作界面各種元素,會設(shè)計制作動態(tài)廣告,項目,1,網(wǎng)站首頁,設(shè)計,在進行設(shè)計之前，要對頁面進行分析與規(guī)劃。確定頁面的色系、背景、構(gòu)圖，看是否符合電子商務(wù)網(wǎng)站的特點。還要看是否符合客戶的愛好和需求。這些都需要使用,Photoshop,進行規(guī)劃設(shè)計。具體設(shè)計時，一般按,“,由大到小，由整體到局部,”,的順序進行。,本項目可以分解為以下,4,個任務(wù)：,任務(wù),1,網(wǎng)頁背景設(shè)計,任務(wù),2,導(dǎo)航條設(shè)計,任務(wù),3,展示窗設(shè)計,任務(wù),4,制作首頁切片,最終效果,知識百寶箱,標(biāo)尺,Photoshop,的標(biāo)尺被放置在工作區(qū)的邊界，橫向為,X,軸標(biāo)尺，縱向為,Y,軸標(biāo)尺，是用來衡量圖像的尺寸并對圖像元素精確定位的。,參考線,Photoshop,中參考線的作用是幫助用戶快速而準(zhǔn)確地對圖像的整體或部分區(qū)域進行定位。,智能參考線,智能參考線可以幫助用戶對齊形狀、切片和選區(qū)。當(dāng)用戶繪制形狀、創(chuàng)建選區(qū)或切片時，智能參考線會自動出現(xiàn)。如果需要可以隱藏智能參考線。,知識百寶箱,切片工具,“切片工具”可以將一個完整的圖像切割成幾部分?！扒衅ぞ摺敝饕糜诜指顖D像。每分割一次圖像就創(chuàng)建了一個帶標(biāo)號的切片。,切片選擇工具,“切片選擇工具”主要用于編輯切片。,牛刀小試,制作橫幅廣告,banner,實踐訓(xùn)練,制作電子商務(wù)網(wǎng)站“小米商城”商務(wù)網(wǎng)站的首頁,項目總結(jié),本項目以電子商務(wù)網(wǎng)站首頁的設(shè)計和,banner,橫幅廣告的制作為主線，介紹了,Photoshop,在網(wǎng)頁美工方面的應(yīng)用。在制作網(wǎng)頁時要充分利用,Photoshop,自身在圖像處理方面的優(yōu)勢，最后能夠設(shè)計制作出用其他設(shè)計工具無法達到效果的網(wǎng)頁，當(dāng)需要制作動態(tài),Logo,或動態(tài)廣告時，可以利用,“,動畫,”,調(diào)板來方便地制作那些網(wǎng)上常用的各類廣告。,項目,2,網(wǎng)站主頁設(shè)計,在此網(wǎng)頁的設(shè)計中首先對頁面進行初步規(guī)劃，要與首頁整體的風(fēng)格相一致，又要與首頁相區(qū)別。一般主頁主要展示經(jīng)營的商品，注重的是信息量，在盡可能小的空間內(nèi)發(fā)布主營的商品。但也要注意結(jié)構(gòu)搭配，避免給顧客以擁擠的感覺。本項目的難點，一是頁面布局的設(shè)計，二是綜合運用各種工具進行設(shè)計操作。,本項目可以分解為以下,3,個任務(wù)：,任務(wù),1,頁面主體設(shè)計,任務(wù),2,頁面細(xì)節(jié)的設(shè)計,任務(wù),3,制作頁面切片,最終效果,知識百寶箱,網(wǎng)絡(luò)廣告,分類,特點,計費方式,動畫及動畫調(diào)板,什么是動畫,動畫調(diào)板,知識百寶箱,幀模式動畫的創(chuàng)建,逐幀動畫的創(chuàng)建,過渡動畫的創(chuàng)建,位移過渡動畫、不透明度過渡動畫、效果過渡動畫,時間軸模式動畫的創(chuàng)建,普通圖層時間軸動畫,文本圖層時間軸動畫,蒙版圖層時間軸動畫,牛刀小試,制作網(wǎng)頁,按鈕,實踐訓(xùn)練,制作橫幅廣告條（,banner,條）,項目總結(jié),本項目以主頁頁面制作和按鈕制作為主線，介紹了,Photoshop,在網(wǎng)頁美工方面的另一個應(yīng)用。在設(shè)計主頁時要注重色彩的調(diào)整、版面的設(shè)計；使用,Photoshop,制作按鈕可以充分運用圖層樣式制作具有其自身特點的按鈕。,