中職《Photoshop CS5經(jīng)典項目教程》-項目二十五課件電子教案

1、(中職）Photoshop CS5經(jīng)典項目教程-項目二十五ppt課件電子教案項目二十五我也開網(wǎng)店項目描述 網(wǎng)店，作為一種電子商務(wù)的形式，是一種能讓訪問者直觀地了解商品并進(jìn)行實際購買支付的網(wǎng)站。時下，開設(shè)網(wǎng)店已不再是一種潮流，但是能對自己的網(wǎng)店進(jìn)行個性裝修的網(wǎng)店店主，卻是少之又少。很多瀏覽者在第一次瀏覽一家網(wǎng)店的時候，往往是被其裝飾所吸引，進(jìn)而去進(jìn)一步了解其中的商品。網(wǎng)店裝修分為很多形式，本項目挑選了網(wǎng)店裝修中最主要的兩個模塊進(jìn)行介紹，分別是電子商務(wù)網(wǎng)站橫幅設(shè)計和電子商務(wù)產(chǎn)品海報設(shè)計。這兩個案例非常貼合現(xiàn)實，并且能使讀者進(jìn)一步了解網(wǎng)店裝修的技巧與方法。能力目標(biāo) 通過海報設(shè)計的項目制作學(xué)習(xí)，可以掌

2、握幾種工具在PHOTOSHOP中的綜合應(yīng)用：1、移動工具；2、矩形選框工具；3、橫排文字工具；4、直線工具；5、自由鋼筆工具；6、減淡工具；7、橢圓選框工具；8、畫筆工具；9、色彩平衡、蒙版和曲線調(diào)整工具等。任務(wù)一 電子商務(wù)網(wǎng)站橫幅設(shè)計任務(wù)二 電子商務(wù)產(chǎn)品圖片設(shè)計項目實訓(xùn) 網(wǎng)店裝修你也行任務(wù)一 電子商務(wù)網(wǎng)站橫幅設(shè)計任務(wù)描述： 本任務(wù)中我們要制作的是電子商務(wù)網(wǎng)站橫幅設(shè)計，該任務(wù)以MP3為素材，設(shè)計一個推廣MP3的網(wǎng)站橫幅。在網(wǎng)站橫幅的設(shè)計中，一定要凸顯出商品的外觀、特性，這就需要一定的排版能力與審美能力。首先，MP3的位置一定要顯眼，所謂的顯眼就是不能占據(jù)整個篇幅，但是卻要顯著。其次，在適當(dāng)?shù)奈?/p>

3、置插入描述產(chǎn)品的文字，文字不可太冗長，簡單明了，能顯現(xiàn)出產(chǎn)品的特性即可。本例主要是要體現(xiàn)一個清新明快的風(fēng)格，因此選用一個富有春天氣息的背景，同時，整個色彩的搭配都是比較明快、活潑的。最后，再對文字做一點(diǎn)變形，使其整個風(fēng)格更可愛。任務(wù)一 電子商務(wù)網(wǎng)站橫幅設(shè)計任務(wù)分析： 電子商務(wù)網(wǎng)站橫幅設(shè)計效果如圖6-1所示，主要凸顯出MP3產(chǎn)品的特性，通過標(biāo)題和簡單的文字顯示出產(chǎn)品的信息，既簡單，又不失重要性。 圖6-1 電子商務(wù)網(wǎng)站橫幅設(shè)計效果圖相關(guān)知識與技能：1、網(wǎng)站橫幅的圖片的分辨率要設(shè)置成72，因為顯示屏的最大分辨率是72。2如果網(wǎng)站圖片的分辨率過高，在網(wǎng)速相同的情況下，這樣的圖片就會比分辨率低的圖片顯

4、示得慢一些，使觀者失去興趣。海報、傳單、宣傳冊等的分辨率一般都設(shè)置成300。任務(wù)一 電子商務(wù)網(wǎng)站橫幅設(shè)計拓展與提高：1.圖象分辨率 圖象分辨率（ImageResolution）指圖象中存儲的信息量。這種分辨率有多種衡量方法，典型的是以每英寸的像素數(shù)（PPI，pixel per inch）來衡量；當(dāng)然也有以每厘米的像素數(shù)（PPC，pixel per centimeter）來衡量的。圖像分辨率決定了圖像輸出的質(zhì)量，而圖象分辨率和圖象尺寸(高寬)的值一起決定文件的大小，且該值越大圖形文件所占用的磁盤空間也就越多。圖象分辨率以比例關(guān)系影響著文件的大小， 即文件大小與其圖象分辨率的平方成正比。如果保持圖

5、象尺寸不變，將圖象分辨率提高一倍，則其文件大小增大為原來的四倍。任務(wù)一 電子商務(wù)網(wǎng)站橫幅設(shè)計2.顯示屏的分辨率 顯示屏的分辨率為80DPI，是指在顯示器的有效顯示范圍內(nèi)，顯示器的顯像設(shè)備可以在每英寸熒光屏上產(chǎn)生80個光點(diǎn)。舉個例子來說，一臺14英寸的顯示器（熒光屏對角線長度為14英寸），其點(diǎn)距為0.28mm，那么：顯示器分辨率=25.3995mm/inch0.28mm/Dot90DPI（1inch=25.3995mm）。顯示器出廠時一般并不標(biāo)出表征顯示器分辨率的DPI值，只給出點(diǎn)距，我們根據(jù)上述公式即可算出顯示器的分辨率。根據(jù)我們算出的DPI值，我們進(jìn)而可以推算出顯示器可支持的最高顯示模式。假

6、設(shè)該14英寸顯示器熒光屏有效顯示范圍的對角線長度為11.5英寸，因顯示器的水平方向和垂直方向的顯示比例為4：3，故可設(shè)有效顯示范圍水平寬度為4x 英寸，垂直高度為3x 英寸，根據(jù)數(shù)學(xué)上的勾股定理，可得x=11.55=2.3英寸。所以有效顯示范圍寬度為2.34=9.2英寸，垂直高度為2.33=6.8英寸。最高顯示模式約為：800（9.290）600（6.890），這時是用一個點(diǎn)（Dot）表示一個像素（pixel）。 任務(wù)一 電子商務(wù)網(wǎng)站橫幅設(shè)計思考與練習(xí)：1.文字變形有哪些形式？對橫幅中的文字進(jìn)行各種其他形式的變形。2.除了直線工具，了解一下矩形工具、圓角矩形工具、橢圓工具、多邊形工具、自定形狀

7、工具的使用，實際操作一下。任務(wù)一 電子商務(wù)網(wǎng)站橫幅設(shè)計任務(wù)描述： 本任務(wù)是設(shè)計一個電子商務(wù)圖片設(shè)計，也可以稱之為是電子商務(wù)的產(chǎn)品銷售圖片，同樣，這也是電子商務(wù)網(wǎng)站中必不可少的一部分，產(chǎn)品圖片是給購買者的第一印象，直接影響著顧客的購買欲望。本例中，選用了香水作為例子，詳細(xì)的購買信息，結(jié)合產(chǎn)品的圖片，使購買者一目了然。同時，顏色的搭配，也是電子商務(wù)產(chǎn)品圖片設(shè)計中一個很重要的部分。通過制作這個案例，能使讀者掌握電子商務(wù)產(chǎn)品圖片設(shè)計的方法。 任務(wù)二 電子商務(wù)產(chǎn)品圖片設(shè)計任務(wù)分析： 電子商務(wù)產(chǎn)品圖片設(shè)計效果如圖6-12所示，主要體現(xiàn)出了商品“香水”的購買信息，簡單明了，一目了然。 圖6-12 電子商務(wù)產(chǎn)

8、品圖片設(shè)計效果圖任務(wù)二 電子商務(wù)產(chǎn)品圖片設(shè)計相關(guān)知識與技能：1.自由鋼筆工具的使用分為兩種：一種是自由鋼筆工具，另一種是磁性鋼筆工具。“自由鋼筆工具”用起來隨意性比較大，可以進(jìn)行隨意繪制，類似于套索工具。2.選擇“自由鋼筆工具”后，在選項欄中勾選“磁性的”，就會變成“磁性鋼筆工具”。3.“磁性鋼筆工具”與“磁性套索工具”有所類似，但是“磁性鋼筆工具”創(chuàng)建的是路徑，而“磁性套索工具”創(chuàng)建的是選區(qū)。任務(wù)二 電子商務(wù)產(chǎn)品圖片設(shè)計拓展與提高：1.描邊形式選區(qū)描邊： 不論圖層是不是空白都可以，但必須是普通圖層，不能是調(diào)整層之類。在選區(qū)的周圍描邊，方便網(wǎng)頁切圖。路徑描邊：和選區(qū)描邊類似，沿路徑描邊。圖層樣

9、式描邊： 圖層樣式的描邊在空圖層上是可以進(jìn)行，但是沒有效果，設(shè)置后必須圖層上有有效像素才能有效果看到，方便修改控制。 選區(qū)描邊和路徑描邊是根據(jù)你的選區(qū)邊緣或路徑來做描邊的，圖層樣式描邊是給你圖層上的有效像素描邊。任務(wù)二 電子商務(wù)產(chǎn)品圖片設(shè)計2.描邊方法（1）選區(qū)描邊 選區(qū)工具選擇一個區(qū)域，然后依次“菜單-編輯-描邊”（編輯菜單下的描邊在空圖層上是無法進(jìn)行的），或者直接右鍵選擇描邊； （2）路徑描邊 用鋼筆畫好路徑后，用畫筆描邊路徑。在工具欄里先選好要描邊的顏色，畫筆筆觸等。 （3）圖層樣式描邊 在添加圖層樣式里，就是在圖層工作區(qū)的最下面，順帶提一下圖片不解鎖，無法添加圖層樣式，直到你在圖層上添

10、加了圖形后才有效果。任務(wù)二 電子商務(wù)產(chǎn)品圖片設(shè)計思考與練習(xí)：1、漸變工具中有哪些漸變形式？2、“摳圖”的方式有哪些？選擇一個邊緣比較復(fù)雜的圖形，對其進(jìn)行摳圖。任務(wù)二 電子商務(wù)產(chǎn)品圖片設(shè)計 根據(jù)文件夾提供的素材設(shè)計一個關(guān)于“手機(jī)賣場網(wǎng)站”的橫幅。項目實訓(xùn) 網(wǎng)店裝修你也行項目描述： “手機(jī)賣場網(wǎng)站”的橫幅是位于手機(jī)賣場網(wǎng)站上方的一個橫幅廣告，它是訪問者進(jìn)入網(wǎng)站的第一印象。網(wǎng)站橫幅是一個電子商務(wù)網(wǎng)站中比不可少的元素，也是網(wǎng)絡(luò)產(chǎn)品推廣的必要手段。它處于一個最醒目的地方，因此，網(wǎng)站橫幅的設(shè)計對于整個網(wǎng)站來說非常重要，可以說，網(wǎng)站橫幅詮釋了整個網(wǎng)站的精華元素在其中。項目實訓(xùn) 網(wǎng)店裝修你也行項目要求： 要求網(wǎng)站橫幅的背景要鮮明、跳躍，吸引人的眼球，同時，要讓人看了橫幅之后，了解這個網(wǎng)站主營的產(chǎn)品是哪一類的。就以本項目實訓(xùn)“手機(jī)賣場網(wǎng)站橫幅”為例，一定要在橫幅上體現(xiàn)出要推廣的產(chǎn)品類別，產(chǎn)品圖片要突出，文字盡量精簡，讓