《（中職）Photoshop 圖形圖像處理實(shí)用教程（第2版）網(wǎng)頁(yè)美工篇教學(xué)課件（）》由會(huì)員分享，可在線(xiàn)閱讀，更多相關(guān)《（中職）Photoshop 圖形圖像處理實(shí)用教程（第2版）網(wǎng)頁(yè)美工篇教學(xué)課件（）（17頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、單擊此處編輯母版標(biāo)題樣式,單擊此處編輯母版文本樣式,第二級(jí),第三級(jí),第四級(jí),第五級(jí),*,單擊此處編輯母版標(biāo)題樣式,單擊此處編輯母版文本樣式,第二級(jí),第三級(jí),第四級(jí),第五級(jí),*,單擊此處編輯母版標(biāo)題樣式,單擊此處編輯母版文本樣式,第二級(jí),第三級(jí),第四級(jí),第五級(jí),*,（中職）Photoshop 圖形圖像處理實(shí)用教程（第2版）網(wǎng)頁(yè)美工篇教學(xué)課件（工信版）,網(wǎng)頁(yè)美工篇,能力目標(biāo),能將網(wǎng)頁(yè)存儲(chǔ)為方便網(wǎng)絡(luò)瀏覽格式,能制作出網(wǎng)頁(yè)的各種特效,能設(shè)計(jì)制作網(wǎng)頁(yè)界面元素,能設(shè)計(jì)制作網(wǎng)站的主頁(yè)和首頁(yè)等頁(yè)面,知識(shí)目標(biāo),了解網(wǎng)頁(yè)設(shè)計(jì)的基本知識(shí),掌握切片工具的使用,掌握標(biāo)尺及輔助線(xiàn)的使用,掌握動(dòng)畫(huà)的制作方法,掌握網(wǎng)頁(yè)中各種

2、元素及特效的制作方法,掌握網(wǎng)頁(yè)的布局和制作,崗位目標(biāo),會(huì)設(shè)計(jì)制作網(wǎng)站頁(yè)面,會(huì)設(shè)計(jì)制作界面各種元素,會(huì)設(shè)計(jì)制作動(dòng)態(tài)廣告,項(xiàng)目,1,網(wǎng)站首頁(yè),設(shè)計(jì),在進(jìn)行設(shè)計(jì)之前，要對(duì)頁(yè)面進(jìn)行分析與規(guī)劃。確定頁(yè)面的色系、背景、構(gòu)圖，看是否符合電子商務(wù)網(wǎng)站的特點(diǎn)。還要看是否符合客戶(hù)的愛(ài)好和需求。這些都需要使用,Photoshop,進(jìn)行規(guī)劃設(shè)計(jì)。具體設(shè)計(jì)時(shí)，一般按,“,由大到小，由整體到局部,”,的順序進(jìn)行。,本項(xiàng)目可以分解為以下,4,個(gè)任務(wù)：,任務(wù),1,網(wǎng)頁(yè)背景設(shè)計(jì),任務(wù),2,導(dǎo)航條設(shè)計(jì),任務(wù),3,展示窗設(shè)計(jì),任務(wù),4,制作首頁(yè)切片,最終效果,知識(shí)百寶箱,標(biāo)尺,Photoshop,的標(biāo)尺被放置在工作區(qū)的邊界，橫向?yàn)?/p>

3、,X,軸標(biāo)尺，縱向?yàn)?Y,軸標(biāo)尺，是用來(lái)衡量圖像的尺寸并對(duì)圖像元素精確定位的。,參考線(xiàn),Photoshop,中參考線(xiàn)的作用是幫助用戶(hù)快速而準(zhǔn)確地對(duì)圖像的整體或部分區(qū)域進(jìn)行定位。,智能參考線(xiàn),智能參考線(xiàn)可以幫助用戶(hù)對(duì)齊形狀、切片和選區(qū)。當(dāng)用戶(hù)繪制形狀、創(chuàng)建選區(qū)或切片時(shí)，智能參考線(xiàn)會(huì)自動(dòng)出現(xiàn)。如果需要可以隱藏智能參考線(xiàn)。,知識(shí)百寶箱,切片工具,“切片工具”可以將一個(gè)完整的圖像切割成幾部分?！扒衅ぞ摺敝饕糜诜指顖D像。每分割一次圖像就創(chuàng)建了一個(gè)帶標(biāo)號(hào)的切片。,切片選擇工具,“切片選擇工具”主要用于編輯切片。,牛刀小試,制作橫幅廣告,banner,實(shí)踐訓(xùn)練,制作電子商務(wù)網(wǎng)站“小米商城”商務(wù)網(wǎng)站的首頁(yè)

4、,項(xiàng)目總結(jié),本項(xiàng)目以電子商務(wù)網(wǎng)站首頁(yè)的設(shè)計(jì)和,banner,橫幅廣告的制作為主線(xiàn)，介紹了,Photoshop,在網(wǎng)頁(yè)美工方面的應(yīng)用。在制作網(wǎng)頁(yè)時(shí)要充分利用,Photoshop,自身在圖像處理方面的優(yōu)勢(shì)，最后能夠設(shè)計(jì)制作出用其他設(shè)計(jì)工具無(wú)法達(dá)到效果的網(wǎng)頁(yè)，當(dāng)需要制作動(dòng)態(tài),Logo,或動(dòng)態(tài)廣告時(shí)，可以利用,“,動(dòng)畫(huà),”,調(diào)板來(lái)方便地制作那些網(wǎng)上常用的各類(lèi)廣告。,項(xiàng)目,2,網(wǎng)站主頁(yè)設(shè)計(jì),在此網(wǎng)頁(yè)的設(shè)計(jì)中首先對(duì)頁(yè)面進(jìn)行初步規(guī)劃，要與首頁(yè)整體的風(fēng)格相一致，又要與首頁(yè)相區(qū)別。一般主頁(yè)主要展示經(jīng)營(yíng)的商品，注重的是信息量，在盡可能小的空間內(nèi)發(fā)布主營(yíng)的商品。但也要注意結(jié)構(gòu)搭配，避免給顧客以擁擠的感覺(jué)。本項(xiàng)目的難

5、點(diǎn)，一是頁(yè)面布局的設(shè)計(jì)，二是綜合運(yùn)用各種工具進(jìn)行設(shè)計(jì)操作。,本項(xiàng)目可以分解為以下,3,個(gè)任務(wù)：,任務(wù),1,頁(yè)面主體設(shè)計(jì),任務(wù),2,頁(yè)面細(xì)節(jié)的設(shè)計(jì),任務(wù),3,制作頁(yè)面切片,最終效果,知識(shí)百寶箱,網(wǎng)絡(luò)廣告,分類(lèi),特點(diǎn),計(jì)費(fèi)方式,動(dòng)畫(huà)及動(dòng)畫(huà)調(diào)板,什么是動(dòng)畫(huà),動(dòng)畫(huà)調(diào)板,知識(shí)百寶箱,幀模式動(dòng)畫(huà)的創(chuàng)建,逐幀動(dòng)畫(huà)的創(chuàng)建,過(guò)渡動(dòng)畫(huà)的創(chuàng)建,位移過(guò)渡動(dòng)畫(huà)、不透明度過(guò)渡動(dòng)畫(huà)、效果過(guò)渡動(dòng)畫(huà),時(shí)間軸模式動(dòng)畫(huà)的創(chuàng)建,普通圖層時(shí)間軸動(dòng)畫(huà),文本圖層時(shí)間軸動(dòng)畫(huà),蒙版圖層時(shí)間軸動(dòng)畫(huà),牛刀小試,制作網(wǎng)頁(yè),按鈕,實(shí)踐訓(xùn)練,制作橫幅廣告條（,banner,條）,項(xiàng)目總結(jié),本項(xiàng)目以主頁(yè)頁(yè)面制作和按鈕制作為主線(xiàn)，介紹了,Photoshop,在網(wǎng)頁(yè)美工方面的另一個(gè)應(yīng)用。在設(shè)計(jì)主頁(yè)時(shí)要注重色彩的調(diào)整、版面的設(shè)計(jì)；使用,Photoshop,制作按鈕可以充分運(yùn)用圖層樣式制作具有其自身特點(diǎn)的按鈕。,