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