電子商務(wù)網(wǎng)頁圖像制作完整版教學(xué)課件全書電子講義(最新)

1、電子商務(wù)網(wǎng)頁圖像制作（Adobe Photoshop CS6）（第二版）國(guó)家級(jí)職業(yè)教育規(guī)劃教材第 1 章 認(rèn)識(shí)電子商務(wù)網(wǎng)頁圖像制作第 2 章 熟悉 Photoshop CS6 界面環(huán)境第 3 章 圖像的簡(jiǎn)單處理第 4 章 文字的簡(jiǎn)單處理第 5 章 圖像處理技法摳圖目 錄第 6 章 圖像處理技法修圖第 7 章 圖像處理技法調(diào)色第 8 章 圖像處理技法合成第 9 章 圖像處理技法特效第 10 章 電子商務(wù)網(wǎng)頁圖像制作綜合實(shí)訓(xùn)目 錄第 1 章 認(rèn)識(shí)電子商務(wù)網(wǎng)頁圖像制作第 1 節(jié) 數(shù)字圖像的基本概念第 2 節(jié) 顏色的基本常識(shí)第 3 節(jié) 平面構(gòu)圖的基本常識(shí)第 1 節(jié) 數(shù)字圖像的基本概念 電子商務(wù)網(wǎng)頁圖像

2、是一種數(shù)字圖像。對(duì)于數(shù)字圖像，需要了解其主要類型、像素、分辨率的含義和作用，以及常見的數(shù)字圖像文件格式。這樣在制作電子商務(wù)網(wǎng)頁圖像，進(jìn)行圖像文件創(chuàng)建、編輯制作、保存和選擇時(shí)，就能更加合理和有效。一、數(shù)字圖像的主要類型 數(shù)字圖像是由模擬圖像數(shù)字化得到的，用計(jì)算機(jī)或數(shù)字電路存儲(chǔ)和處理的圖像。計(jì)算機(jī)一般采用點(diǎn)陣圖和矢量圖兩種方式存儲(chǔ)或處理圖像。1. 點(diǎn)陣圖（Bitmap） 點(diǎn)陣圖即位圖存儲(chǔ)模式，是通過許多像素點(diǎn)表示一幅圖像，每個(gè)像素具有顏色屬性和位置屬性。2. 矢量圖（Vector） 矢量圖即矢量存儲(chǔ)模式，是根據(jù)幾何特性用直線和曲線來描述圖形，即圖像由線條和填充顏色的塊面構(gòu)成，而不是圖像數(shù)據(jù)的每一點(diǎn)

3、。點(diǎn)陣圖樣例矢量圖樣例 如果將點(diǎn)陣圖與矢量圖進(jìn)行比較，就會(huì)發(fā)現(xiàn)： （1）點(diǎn)陣圖由一個(gè)一個(gè)的像素點(diǎn)組成，即在一定面積的圖像上包含有固定數(shù)量的像素。因此，如果在屏幕上以較大的倍數(shù)放大顯示圖像或以過低的分辨率打印時(shí)，位圖圖像會(huì)出現(xiàn)鋸齒邊緣。而矢量圖是根據(jù)幾何特性來繪制圖形，用線段和曲線描述圖像，與單位面積上的圖像點(diǎn)數(shù)無關(guān)，可以將它縮放到任意大小顯示和打印，都不會(huì)影響其清晰度。點(diǎn)陣圖與矢量圖放大效果對(duì)比 （2）點(diǎn)陣圖表現(xiàn)的色彩比較豐富，可逼真地表現(xiàn)自然界的各類實(shí)物；而矢量圖色彩不夠豐富，無法表現(xiàn)逼真的實(shí)物。 （3）由于點(diǎn)陣圖表現(xiàn)的色彩比較豐富，因此占用的空間會(huì)很大。由于矢量圖表現(xiàn)的圖像顏色比較單一，因

4、此所占用的空間相對(duì)較小。 （4）通過軟件，可以將矢量圖輕松地轉(zhuǎn)化為點(diǎn)陣圖，而將點(diǎn)陣圖轉(zhuǎn)化為矢量圖就需要經(jīng)過復(fù)雜而龐大的數(shù)據(jù)處理，且生成的矢量圖質(zhì)量絕對(duì)不能和原來的圖形比擬。點(diǎn)陣圖與矢量圖色彩效果對(duì)比二、數(shù)字圖像的像素和分辨率1. 圖像像素（Pixel） 位圖圖像最基本的單位是像素，它是一個(gè)小的方形顏色塊，一個(gè)圖像通常由許多像素組成，這些像素被排列成橫行和縱列。當(dāng)把圖像放大足夠的倍數(shù)時(shí)，就會(huì)發(fā)現(xiàn)圖像畫面其實(shí)是由許多色彩相近的小方點(diǎn)所組成，這些小方點(diǎn)就是構(gòu)成圖像的最小單位“像素”（Pixel）。2. 圖像分辨率 圖像分辨率是指圖像單位長(zhǎng)度內(nèi)像素的個(gè)數(shù)，常用單位為像素 / 英寸（Pixels Per

5、 Inch，縮寫為 ppi），就是指每 1 英寸（1 英寸 =2.54 厘米）的單位長(zhǎng)度里一共有多少個(gè)像素點(diǎn)，它是衡量圖像細(xì)節(jié)表現(xiàn)力的一個(gè)重要技術(shù)參數(shù)。 在圖片創(chuàng)建期間，必須根據(jù)圖像最終的用途決定正確的分辨率。一般情況下，電子商務(wù)網(wǎng)頁的圖像主要用于屏幕顯示，方便網(wǎng)絡(luò)傳輸，其圖像分辨率一般設(shè)置為 72dpi（每英寸的像素）；而用于出版印刷的圖像制作時(shí)，其圖像分辨率一般設(shè)置為 300dpi。圖像分辨率為 10 像素 / 英寸，占 3.15KB 圖像分辨率為 72 像素 / 英寸，占 101KB圖像分辨率為 300 像素 / 英寸，占 499KB三、數(shù)字圖像的文件格式1. BMP 格式 BMP（位圖

6、格式）是最普遍的點(diǎn)陣圖格式之一，也是 Window 系統(tǒng)下的標(biāo)準(zhǔn)格式，是將 Window 下顯示的點(diǎn)陣圖以無損形式保存的文件，其優(yōu)點(diǎn)是不會(huì)降低圖片的質(zhì)量，但文件占用的存儲(chǔ)空間比較大。2. GIF 格式 GIF（圖像交換格式）是一種壓縮格式，適合用于線條圖的剪貼畫以及使用大塊純色的圖片。該格式使用無損壓縮來減少圖片的大小，當(dāng)用戶要保存圖片為 GIF 格式時(shí)，可以自行決定是否保存透明區(qū)域或者轉(zhuǎn)換為純色。同時(shí)，通過多幅圖片的轉(zhuǎn)換，GIF 格式還可以保存為動(dòng)畫文件。但要注意的是，GIF 圖像最多只能支持 256 色。3. JPEG 格式 JPEG（聯(lián)合圖片專家組圖像格式）是壓縮率較高的格式，大多數(shù)彩色

7、和灰度圖像都使用 JPEG 格式。JPEG 格式圖像壓縮比很大，而且支持多種壓縮級(jí)別，當(dāng)對(duì)圖像的精度要求不高而存儲(chǔ)空間又有限時(shí)，JPEG 是一種理想的壓縮方式。在 HTML 文檔中，JPEG 廣泛用于顯示圖片和其他連續(xù)色調(diào)的圖像文檔。4. PNG 格式 PNG 是一種較新的網(wǎng)絡(luò)圖像格式。PNG 汲取了 GIF 和 JPEG 二者的優(yōu)點(diǎn)，其第一個(gè)特點(diǎn)是采用無損壓縮方式來減少文件的大小，保證圖像不失真，這一點(diǎn)與犧牲圖像品質(zhì)以換取高壓縮率的 JPEG 有所不同；它的第二個(gè)特點(diǎn)是顯示速度很快，只需下載 1/64 的圖像信息就可以顯示出低分辨率的預(yù)覽圖像；其第三個(gè)特點(diǎn)是同樣支持透明圖像的制作，透明圖像在

8、制作網(wǎng)頁圖像時(shí)很有用，把圖像背景設(shè)為透明，可讓圖像與網(wǎng)頁背景很和諧地融合在一起。5. PSD 格式 PSD 是圖像處理軟件 AdobePhotoshop 的專用格式。PSD 其實(shí)是 Photoshop 進(jìn)行平面設(shè)計(jì)的一張“草稿圖”，它里面包含有各種圖層、通道、遮罩等多種設(shè)計(jì)的樣稿，以便于下次打開文件時(shí)可以修改上一次的設(shè)計(jì)。在 Photoshop 所支持的各種圖像格式中，PSD 的存取速度比其他格式快很多，功能也很強(qiáng)大。6. TIFF 格式 TIFF（標(biāo)記圖像文件格式）用于在應(yīng)用程序之間和計(jì)算機(jī)平臺(tái)之間交換文件。TIFF是一種靈活的圖像格式，被所有繪畫、圖像編輯和頁面排版應(yīng)用程序支持，幾乎所有的

9、桌面掃描儀都可以生成 TIFF 圖像，而且 TIFF 格式還可加入作者、版權(quán)、備注以及自定義信息，存放多幅圖像。7. WMF 格式 WMF 是 Windows 中常見的一種圖元文件格式，屬于矢量文件格式。它具有文件短小、圖案造型化的特點(diǎn)，整個(gè)圖形常由各個(gè)獨(dú)立的組成部分拼接而成，其圖形相對(duì)簡(jiǎn)單。8. CDR 格式 CDR 格式是繪圖軟件 CorelDraw 的專用圖形文件格式，而 CorelDraw 是一款平面排版矢量繪圖軟件，它可用于企業(yè) VI 設(shè)計(jì)、宣傳畫冊(cè)設(shè)計(jì)、書籍裝幀設(shè)計(jì)等。9. AI 格式 AI 格式是 Adobe 公司發(fā)布的，其優(yōu)點(diǎn)是占用硬盤空間小，打開速度快，方便格式轉(zhuǎn)換，是矢量軟

10、件 Illustrator 的專用圖形文件格式。10. EPS 格式 EPS 格式是跨平臺(tái)的標(biāo)準(zhǔn)格式，擴(kuò)展名在 PC 平臺(tái)上是 .eps，在蘋果機(jī) Macintosh 平臺(tái)上是 .epsf，主要用于矢量圖像和光柵圖像的存儲(chǔ)。EPS 格式采用 PostScript 語言進(jìn)行描述，并且可以保存其他一些類型信息，如多色調(diào)曲線、Alpha 通道、分色、剪輯路徑、掛網(wǎng)信息等，因此 EPS 格式常用于印刷或打印輸出。Photoshop 中的多個(gè) EPS 格式選項(xiàng)可以實(shí)現(xiàn)印刷、打印的綜合控制，在某些情況下甚至優(yōu)于 TIFF 格式。第 2 節(jié) 顏色的基本常識(shí) 對(duì)于圖像制作來說，認(rèn)識(shí)色彩是創(chuàng)建完美圖像的重要基礎(chǔ)

11、。電子商務(wù)網(wǎng)頁圖像作為計(jì)算機(jī)處理的數(shù)字圖像，其使用的顏色本身沒有什么不同，但它還是有一些特定的記錄和處理色彩的技術(shù)。因此，需要理解顏色的基本理論，熟悉數(shù)字圖像處理技術(shù)中有關(guān)顏色、色彩的術(shù)語，并對(duì)顏色及其特性有進(jìn)一步了解。一、顏色及其三要素 顏色具有三要素：明度（Brightness）、色相（Hue）、飽和度（Saturation）。1. 明度 B（Brightness） 在無色彩中，顏色明度最高的色為白色，明度最低的色為黑色，中間存在一個(gè)從亮到暗的灰色系列。明度在三要素中具有較強(qiáng)的獨(dú)立性，它可以不帶任何色相的特征而通過黑白灰的關(guān)系單獨(dú)呈現(xiàn)出來。 由于明度表示顏色的相對(duì)明暗程度，在 Photos

12、hop 等計(jì)算機(jī)繪圖軟件中，通常用從 0（黑）100%（白）的百分比來度量明度。2. 色相 H（Hue） 色相是指色彩的相貌。如果說明度是色彩的骨骼，色相就很像色彩外表的華美肌膚。色相體現(xiàn)著色彩外向的性格，是色彩的靈魂。 在 Photoshop 等計(jì)算機(jī)繪圖軟件中，使用 0360 的標(biāo)準(zhǔn)色輪對(duì)色相按位置進(jìn)行度量。通常色相是由顏色名稱標(biāo)識(shí)的，如紅、綠或橙色。色輪將可見光范圍內(nèi)顏色以圓環(huán)方式表示3. 飽和度 S（Saturation） 飽和度（也叫純度）指的是顏色的強(qiáng)度或純度，即彩色成分所占的比例。在Photoshop 等計(jì)算機(jī)繪圖軟件中，常用從 0（灰色）100%（完全飽和）的百分比來度量飽和度

13、。如果使用色輪的方式來表示，在標(biāo)準(zhǔn)色輪上飽和度是從中心逐漸向邊緣遞增的。標(biāo)準(zhǔn)色輪不同色相及其飽和度變化 基于顏色的色相（Hue）、飽和度（Saturation）、明度（Brightness）三要素，在Photoshop等計(jì)算機(jī)繪圖軟件中，常用 HSB 模式來描述顏色。使用 HSB 模式描述顏色二、數(shù)字圖像的色彩模式 除了 HSB 顏色表示模式，計(jì)算機(jī)圖像處理軟件通常還使用 RGB、CMYK 及 Lab 等色彩模式，以便在不同應(yīng)用領(lǐng)域更好地表示顏色。其中 RGB 模式是一種發(fā)光屏幕的加色模式；CMYK 模式是一種顏色反光的印刷減色模式；Lab 模式是為了彌補(bǔ) RGB 和 CMYK 兩種色彩模式的

14、不足，由 CIE 組織（國(guó)際照明委員會(huì)）確定的一個(gè)理論上包括了人眼可以看見的所有色彩的色彩模式。1. RGB 模式 絕大部分的可見光可以用紅、綠和藍(lán)（RGB）三原色光按不同比例和強(qiáng)度的混合來表示。因?yàn)?RGB 三種顏色合到一起產(chǎn)生白色，所以 RGB 模型為加色模式，用于光照、視頻和顯示器。 在 Photoshop 等圖像處理軟件的 RGB 模式中，可以給彩色圖像中每個(gè)像素的 RGB 分量分配一個(gè)從 0（黑色）到 255（白色）范圍的強(qiáng)度值。 RGB 圖像使用紅、綠、藍(lán)三種顏色，在屏幕上可以重現(xiàn)多達(dá) 1670 萬種顏色。RGB 圖像為三通道圖像，每個(gè)像素包含 24 位（83）。新建 Photos

15、hop 圖像的默認(rèn)模式為 RGB，計(jì)算機(jī)顯示器總是使用 RGB 模型顯示顏色。RGB顏色模式2. CMYK 模式 CMYK 顏色模式以打印在紙張上油墨的光線吸收特性為基礎(chǔ)，當(dāng)白光照射到半透明的油墨上時(shí)，部分光線被吸收，部分被反射回眼睛。理論上，純青色（C）、品紅（M）和黃色（Y）色素能夠合成吸收所有顏色并產(chǎn)生黑色，因此，CMYK 模型也叫作減色模型。由于所有打印油墨都會(huì)包含一些雜質(zhì)，這三種油墨實(shí)際上產(chǎn)生的是一種土灰色，因此必須與黑色（K）油墨混合才能產(chǎn)生真正的黑色。 CMYK 圖像為四通道圖像，在 Photoshop 等圖像處理軟件的 CMYK 模式中，每個(gè)像素的每種印刷油墨會(huì)被分配一個(gè) 0%

16、100% 的百分比值。最亮（高光）顏色分配較低的百分比值，較暗（暗調(diào)）顏色分配較高的百分比值。當(dāng)所有四種分量的值都是 0%時(shí)，就會(huì)產(chǎn)生純白色。CMYK 顏色模式3. Lab 模式 Lab 顏色模式由心理明度分量（L）和兩個(gè)色度分量組成，這兩個(gè)色度分量即 a 分量（從綠到紅）和 b 分量（從藍(lán)到黃）。 Lab 顏色模式與設(shè)備無關(guān)，不管使用什么設(shè)備（如顯示器、打印機(jī)或掃描儀）創(chuàng)建或輸出圖像，這種顏色模型產(chǎn)生的顏色都保持一致。在 Photoshop 等圖像處理軟件中，Lab顏色模式主要用于不同顏色模式之間的轉(zhuǎn)換。三、色彩的心理感覺 色彩心理是客觀世界的主觀反映，不同的顏色會(huì)給瀏覽者不同的心理感受。不

17、同波長(zhǎng)的光作用于人的視覺器官而產(chǎn)生色感時(shí)，必然導(dǎo)致人產(chǎn)生某種帶有情感的心理活動(dòng)，而且每種色彩在飽和度、明度上的略微變化也會(huì)產(chǎn)生不同的感覺。 色彩的心理感覺具有差異性和共同性的特點(diǎn)，差異性體現(xiàn)在色彩感覺與人的年齡、職業(yè)、心理相關(guān)；共同性體現(xiàn)在色彩的冷暖、輕重、動(dòng)靜等感覺，其決定因素是色彩自身的三要素。色彩的心理感覺1. 色彩感覺與年齡 由于年齡變化，導(dǎo)致生理變化和心理變化。據(jù)研究統(tǒng)計(jì)：嬰兒喜愛紅色和黃色；49歲的兒童最喜愛紅色；9 歲的兒童又喜愛綠色；715 歲的小學(xué)生和初中生中，男生的色彩喜好次序是綠、紅、青、黃、白、黑，女生的色彩喜好次序是綠、紅、白、青、黃、黑。隨著年齡的增長(zhǎng)，人們的色彩喜

18、好逐漸向復(fù)色過渡，向黑色靠近。也就是說，人們?cè)匠墒?，所喜愛的色彩越傾向成熟。2. 色彩感覺與職業(yè) 一般來說，體力勞動(dòng)者喜愛鮮艷的色彩；腦力勞動(dòng)者喜愛調(diào)和的色彩；農(nóng)牧人員喜愛鮮艷的、成補(bǔ)色關(guān)系的色彩；高級(jí)知識(shí)分子則喜愛復(fù)色、淡雅色、黑色等成熟色彩。3. 色彩感覺與心理 不同的社會(huì)制度、意識(shí)形態(tài)、生活方式，會(huì)產(chǎn)生不同的社會(huì)審美意識(shí)和審美感受。由不同地區(qū)、不同民族、不同文化傳統(tǒng)、不同審美而在某個(gè)較長(zhǎng)的時(shí)期內(nèi)保持著相對(duì)穩(wěn)定的顏色，就形成了社會(huì)的常用色。而當(dāng)一些色彩被賦予時(shí)代精神的象征意義，又符合人們的認(rèn)識(shí)、理想、興趣、愛好、欲望時(shí)，就會(huì)形成社會(huì)流行色。相對(duì)常用色而言的，流行色是一種與時(shí)俱變的顏色，其特

19、點(diǎn)是流行最快、周期最短。常用色有時(shí)會(huì)上升為流行色，流行色經(jīng)人們使用后也會(huì)成為常用色。 流行色也具有一般規(guī)律：長(zhǎng)期流行紅藍(lán)色調(diào)后，人們會(huì)向往綠橙色調(diào)；長(zhǎng)期流行淡雅色調(diào)后，人們會(huì)向往中深色調(diào)；長(zhǎng)期流行鮮明色調(diào)后，人們會(huì)向往沉著色調(diào)；長(zhǎng)期流行暖色調(diào)后，人們會(huì)向往冷色調(diào)。4. 色彩的冷暖感覺 色彩的冷暖感覺是人們?cè)陂L(zhǎng)期生活實(shí)踐中由于聯(lián)想而形成的。紅、橙、黃等色常使人聯(lián)想起東方的旭日和燃燒的火焰，因此有溫暖的感覺，所以稱為“暖色”；藍(lán)色常使人聯(lián)想起大海、藍(lán)天、陰影處的冰雪，因此有寒冷的感覺，所以稱為“冷色”；綠、紫等色給人的感覺是不冷不暖，故稱為“中性色”。暖色讓人感覺熱烈、擴(kuò)展、前進(jìn)、親和、積極，冷色

20、讓人感覺冷靜、收縮、后退、冷漠、消極。暖色調(diào)和冷色調(diào)5. 色彩的輕重感覺 色彩在心理上的重量感受主要取決于色彩的明度，明度高色彩感覺輕，明度低色彩感覺重。明度相同時(shí)，飽和度高色彩感覺輕，飽和度低色彩感覺重。色彩的輕重感覺6. 色彩的動(dòng)靜感覺 色彩的動(dòng)靜感也來源于人們的聯(lián)想，它與畫面色調(diào)氣氛和意境有著密切的關(guān)系?？傮w而言，暖色的運(yùn)動(dòng)感強(qiáng)，冷色的靜止感強(qiáng)；明度高的運(yùn)動(dòng)感強(qiáng)，明度低的靜止感強(qiáng)；飽和度高的運(yùn)動(dòng)感強(qiáng)，飽和度低的靜止感強(qiáng)；顏色對(duì)比強(qiáng)的運(yùn)動(dòng)感強(qiáng)，顏色對(duì)比弱的靜止感強(qiáng)。色彩的動(dòng)靜感覺第 3 節(jié) 平面構(gòu)圖的基本常識(shí) 優(yōu)秀的圖像構(gòu)圖和版面設(shè)計(jì)，可以更好地傳達(dá)信息，或者加強(qiáng)信息傳達(dá)的效果，增強(qiáng)可讀性

21、，使要傳達(dá)的內(nèi)容更加醒目、美觀。因此，對(duì)平面構(gòu)圖和版面設(shè)計(jì)的良好把控，將有助于提高圖像設(shè)計(jì)和制作的水準(zhǔn)。一、平面構(gòu)成的含義 平面構(gòu)成是視覺元素在二次元的平面上，按照美的視覺效果、力學(xué)的原理，進(jìn)行編排和組合，以理性和邏輯推理來創(chuàng)造形象，研究形象與形象之間的排列方法，是理性與感性相結(jié)合的產(chǎn)物。 形象在構(gòu)成設(shè)計(jì)中是表達(dá)一定含義的形態(tài)構(gòu)成的視覺元素，在平面構(gòu)成中，點(diǎn)、線、面是造型元素中最基本的形象和要素。1. 點(diǎn) 一個(gè)標(biāo)記點(diǎn)在幾何學(xué)中是不具有大小只具有位置的，但在平面構(gòu)成中是有大小、形狀、位置和面積的。點(diǎn)一般被認(rèn)為是最小的并且是圓形的，但實(shí)際上點(diǎn)的形式可以是多種多樣的，有圓形、方形、三角形、梯形、不規(guī)

22、則形等。自然界中的任何形態(tài)縮小到一定程度都能產(chǎn)生不同形態(tài)的點(diǎn)。由此可以聯(lián)想到一個(gè)物體在周圍不同的環(huán)境條件下就會(huì)產(chǎn)生不同的感覺，越小的形體越能給人以點(diǎn)的感覺。 單個(gè)的點(diǎn)在畫面中的位置不同，產(chǎn)生的心理感受也不同。居中時(shí)會(huì)有平靜、集中感；偏上時(shí)會(huì)有不穩(wěn)定感，形成自上而下的視覺流程；位置偏下時(shí)會(huì)有安定的感覺，但容易被人們忽略；位于畫面三分之二偏上的位置時(shí)，最易吸引人們的觀察力和注意力。點(diǎn)在畫面不同位置產(chǎn)生不同的心理感覺 當(dāng)畫面中有兩個(gè)大小不同的點(diǎn)時(shí)，大的點(diǎn)首先引起人們的注意，但視線會(huì)逐漸從大的點(diǎn)移向小的點(diǎn)，最后集中到小的點(diǎn)上。點(diǎn)大到一定程度會(huì)具有面的性質(zhì)，點(diǎn)越大越空乏，越小積聚力越強(qiáng)。兩個(gè)點(diǎn)的位置點(diǎn)的

23、構(gòu)成方法2. 線 線是點(diǎn)移動(dòng)的軌跡。線游離于點(diǎn)和形之間，具有位置、長(zhǎng)度、寬度、方向、形狀和性格等屬性。 線有很強(qiáng)的心理暗示作用，不同的線還有不同的感情和性格。線可用于表現(xiàn)動(dòng)與靜，直線表現(xiàn)靜，曲線表現(xiàn)動(dòng)，曲折線則有不安定的感覺。 直線具有男性的特點(diǎn)，有力度、穩(wěn)定；水平線平和、寂靜，使人聯(lián)想起風(fēng)平浪靜的水面、遠(yuǎn)方的地平線；垂直線則使人聯(lián)想到樹、電線桿、建筑物的柱子，有一種崇高的感受；斜線則有一種速度感。直線還有粗細(xì)之分，粗直線有一種厚重、粗笨的感覺，細(xì)直線有一種尖銳、精細(xì)的感覺。 曲線富有女性化的特征，具有豐滿、柔軟、優(yōu)雅、渾然之感。幾何曲線是用圓規(guī)或其他工具繪制的，具有對(duì)稱和秩序的美、規(guī)整的美；

24、自由曲線是徒手畫的一種自然的延伸，自由而富有彈性。線的構(gòu)成方法 線的構(gòu)成方法包括等距的密集排列面化的線；按不同距離排列，具有透視空間視覺效果疏密變化的線；粗細(xì)變化的線具有虛實(shí)空間的視覺效果；將原來較為規(guī)范的線條排列做一些切換變化，成錯(cuò)覺化的線；立體化的線；不規(guī)則的線等。面的構(gòu)成方法3. 面 面是線移動(dòng)的軌跡。在平面構(gòu)成中，面是具有長(zhǎng)度、寬度和形狀的實(shí)體，點(diǎn)的密集或者擴(kuò)大，線的聚集和閉合都會(huì)形成面。面是構(gòu)成各種可視形態(tài)的基礎(chǔ)。 面的形態(tài)是多種多樣的，不同形態(tài)的面在視覺上有不同的作用和特征。直線形的面具有直線所表現(xiàn)的心理特征，如安定、秩序感、直板、僵硬的特征；曲線形的面具有柔軟、輕松、飽滿的特征；

25、偶然形的面（如水和油墨混合潑灑產(chǎn)生的偶然形等）比較自然生動(dòng)，有人情味。面的應(yīng)用 面的可塑性較強(qiáng)，善于表現(xiàn)不同的情感。通常，由什么類型的線組成的面，就具有該種線的特征。面在標(biāo)志設(shè)計(jì)、攝影、廣告招貼設(shè)計(jì)、服裝設(shè)計(jì)、環(huán)境藝術(shù)設(shè)計(jì)和包裝設(shè)計(jì)中應(yīng)用廣泛。二、版面設(shè)計(jì)基本知識(shí)1. 版面設(shè)計(jì)的基本原則 （1）思想性與藝術(shù)性結(jié)合 （2）整體協(xié)調(diào)與主體突出結(jié)合2. 版面設(shè)計(jì)的一般形式法則 （1）重復(fù)與交錯(cuò) （2）節(jié)奏與韻律 （3）對(duì)稱與均衡 （4）對(duì)比與調(diào)和 （5）比例與適度 （6）變異與秩序 （7）虛實(shí)與留白 （8）變化與統(tǒng)一節(jié)奏與韻律對(duì)比與調(diào)和變異與秩序虛實(shí)與留白變化與統(tǒng)一謝謝觀賞！電子商務(wù)網(wǎng)頁圖像制作（A

26、dobe Photoshop CS6）（第二版）第 1 章 認(rèn)識(shí)數(shù)據(jù)庫 對(duì)于大部分電子商務(wù)企業(yè)來說，為了方便對(duì)商品的管理，需要把所有商品的相關(guān)信息（商品編號(hào)、商品名稱、商品類別、商品單位等）匯集起來，如果僅靠人工收集和管理，工作量將十分巨大，若運(yùn)用數(shù)據(jù)庫的知識(shí)，將所有的商品信息按一定的規(guī)則存儲(chǔ)到計(jì)算機(jī)中，就可以方便快捷的進(jìn)行管理 。一、數(shù)據(jù)庫的概念 打開如圖所示的數(shù)據(jù)庫之后，可以看到該數(shù)據(jù)庫由進(jìn)貨信息表、商品信息表等組成。商品銷售管理數(shù)據(jù)庫 打開商品信息表，如圖所示，可以看到具體商品的詳細(xì)信息，包括商品標(biāo)號(hào)、商品名稱、商品類別、商品單位、進(jìn)貨單價(jià)、庫存下限、產(chǎn)地。商品信息表 通過上面的簡(jiǎn)單操作

27、可以看出，數(shù)據(jù)庫(Database)是按照一定的數(shù)據(jù)結(jié)構(gòu)來組織、存儲(chǔ)和管理數(shù)據(jù)的、建立在計(jì)算機(jī)存儲(chǔ)設(shè)備上的倉庫，這些商品相關(guān)信息就是倉庫中的數(shù)據(jù)，用戶可以對(duì)這些數(shù)據(jù)進(jìn)行新增、更新、刪除等操作。 對(duì)于數(shù)據(jù)庫來說，它可以有效的組織數(shù)據(jù)，方便地輸入數(shù)據(jù)到計(jì)算機(jī)中，并可以根據(jù)用戶的要求將數(shù)據(jù)從計(jì)算機(jī)中提取出來。例如需要在商品銷售管理數(shù)據(jù)庫中統(tǒng)計(jì)每個(gè)倉庫的出貨次數(shù)，需要對(duì)數(shù)據(jù)進(jìn)行左圖所示的設(shè)置與操作，最終結(jié)果如右圖所示。統(tǒng)計(jì)每個(gè)倉庫的出貨次數(shù)的設(shè)置查詢的結(jié)果 不同的用戶可以通過不同的應(yīng)用程序得到自己需要的數(shù)據(jù)信息，而并不影響數(shù)據(jù)庫中存儲(chǔ)的實(shí)際數(shù)據(jù)。而在應(yīng)用程序和數(shù)據(jù)庫之間起橋梁作用的就是數(shù)據(jù)庫管理系統(tǒng)D

28、BMS（DataBase Management System）。數(shù)據(jù)庫管理系統(tǒng)對(duì)數(shù)據(jù)的處理方式和文件系統(tǒng)不同，它把所有應(yīng)用程序中的數(shù)據(jù)匯集在一起，并以記錄為單位存儲(chǔ)起來，便于應(yīng)用程序查詢和使用。二、數(shù)據(jù)模型1. 層次模型 層次模型表示數(shù)據(jù)間的從屬關(guān)系結(jié)構(gòu)，是一種以記錄某一事物的類型為根結(jié)點(diǎn)的有向樹結(jié)構(gòu)。其主要特點(diǎn)如下：（1）僅有一個(gè)無雙親的根結(jié)點(diǎn)。（2）根結(jié)點(diǎn)以外的子結(jié)點(diǎn)，向上僅有一個(gè)父結(jié)點(diǎn)，向下有若干子結(jié)點(diǎn)。（3）層次模型表示的是從根結(jié)點(diǎn)到子結(jié)點(diǎn)的一個(gè)結(jié)點(diǎn)或多個(gè)結(jié)點(diǎn)，或者從子結(jié)點(diǎn)到父結(jié)點(diǎn)的多個(gè)結(jié)點(diǎn)對(duì)一個(gè)結(jié)點(diǎn)的數(shù)據(jù)間聯(lián)系2. 網(wǎng)狀模型 如圖所示，網(wǎng)狀模型是層次模型的擴(kuò)展，它表示多個(gè)從屬關(guān)系的層

29、次模型，呈現(xiàn)一種交叉關(guān)系的網(wǎng)絡(luò)結(jié)構(gòu)。網(wǎng)狀結(jié)構(gòu)是記錄為結(jié)點(diǎn)的網(wǎng)絡(luò)結(jié)構(gòu)，其主要特征如下:（1）有一個(gè)以上的結(jié)點(diǎn)無雙親。（2）至少有一個(gè)結(jié)點(diǎn)有多個(gè)雙親。3. 關(guān)系模型 關(guān)系模型的所謂“關(guān)系”是有特定含義的，任何事物都可以描述成一定事物數(shù)據(jù)之間的關(guān)系。層次模型描述數(shù)據(jù)之間的從屬層次關(guān)系；網(wǎng)狀模型描述數(shù)據(jù)之間的多種從屬的網(wǎng)狀關(guān)系。關(guān)系模型的所謂“關(guān)系”雖然也適用于這種理解，但同時(shí)又特具有相關(guān)性但又非從屬性的平行數(shù)據(jù)之間按照某種序列排列的集合關(guān)系。商品編號(hào)商品名稱商品類別商品單位商品單價(jià)產(chǎn)地S0001西瓜水果千克2.58江蘇S0002水蜜桃水果千克13.5江蘇S0005蘋果水果千克6.8陜西S0006香蕉

30、水果千克5.2海南商品基本信息表 表中的這些數(shù)據(jù)雖然是平行的，不代表從屬關(guān)系，但它們構(gòu)成了某種商品類別的商品屬性關(guān)系結(jié)構(gòu)（同屬于水果）。 三、關(guān)系型數(shù)據(jù)庫（1）表（Table）（2）列（Field） 也稱為表名，由表名、列名以及若干行組成。 也稱字段、域或者屬性，表中的每一列都包含一類信息。（3）行（Row）（4）主鍵（Key） 也稱元組，表中每一行由若干個(gè)字段組成，描述一個(gè)對(duì)象的信息。這個(gè)字段描述該對(duì)象的某種性質(zhì)。 是表中的某個(gè)字段組，它們的值唯一地標(biāo)識(shí)一個(gè)元組。 （5）關(guān)系模式（Relation Schema） 關(guān)系的描述稱為關(guān)系模式。（6）值域（Domain） 值域是字段的取值范圍。（7

31、）表名和列名的命名規(guī)定 表名在整個(gè)數(shù)據(jù)庫中必須是唯一的，列名在一個(gè)表中必須是唯一的，但在不同的表中可以出現(xiàn)相同的列名。表名和列名應(yīng)盡可能帶有一定的意義并盡量簡(jiǎn)單。 （1）實(shí)體完整性四、關(guān)系完整性約束 實(shí)例完整性是指關(guān)系的主屬性不能為空值。由于關(guān)系對(duì)應(yīng)現(xiàn)實(shí)世界中的實(shí)體，實(shí)體必須是客觀存在并可以區(qū)分的，即每個(gè)實(shí)體都有唯一性標(biāo)識(shí)。在關(guān)系數(shù)據(jù)庫中由主屬性作為唯一性標(biāo)識(shí)，若主屬性取空值，則說明這個(gè)實(shí)體不可標(biāo)識(shí)。例如“商品信息表”中設(shè)置了“商品編號(hào)”為主鍵，那么商品編號(hào)就不能為空，也不能有重復(fù)的兩個(gè)商品編號(hào)出現(xiàn)。 （2）參照完整性 參照完整性是指在關(guān)系中不能引用其他關(guān)系中不存在的屬性值。由于現(xiàn)實(shí)世界中的實(shí)

32、體存在著某種聯(lián)系，在關(guān)系數(shù)據(jù)為中描述聯(lián)系時(shí)就必須存在有關(guān)系之間屬性的引用，參照完整性所定義的就是關(guān)系之間屬性的引用規(guī)則。例如在“商品信息表”和“進(jìn)貨信息表”通過“商品編號(hào)”這個(gè)屬性建立了某種聯(lián)系。按照參照完整性規(guī)則，“進(jìn)貨信息表”中每個(gè)商品的都必須在“商品信息表”中必須存在。 （3）用戶定義的完整性 用戶定義的完整性是針對(duì)某一具體的應(yīng)用所定義的約束條件。由于關(guān)系數(shù)據(jù)庫要反映現(xiàn)實(shí)世界上中的各種需要，單靠實(shí)體完整性和參照完整性不能滿足應(yīng)用的所有需要。如商品的進(jìn)貨數(shù)量取值范圍是500-5000，這樣就需要用戶自定義完整性來描述。 實(shí)體完整性和參照完整性是關(guān)系模型必須滿足的約束條件，由關(guān)系系統(tǒng)自動(dòng)生成

33、；而用戶定義的完整性則是根據(jù)實(shí)際需要自行定義的約束條件。課件制作謝謝觀看第 2 章 熟悉 Photoshop CS6 界面環(huán)境第 1 節(jié) Photoshop CS6 的安裝與配置第 2 節(jié) Photoshop CS6 的工作界面第 3 節(jié) Photoshop CS6 文件的基本操作第 4 節(jié) Photoshop CS6 的圖層與選區(qū)第 1 節(jié) Photoshop CS6 的安裝與配置 Photoshop，簡(jiǎn)稱“PS”，是由美國(guó) Adobe 公司開發(fā)的一款圖像處理軟件。它的理論基礎(chǔ)是色彩學(xué)，通過對(duì)圖像中各像素的數(shù)字描述，實(shí)現(xiàn)了對(duì)數(shù)字圖像的精確調(diào)控。其眾多的編修與繪圖工具，可以有效地進(jìn)行圖片編輯工

34、作?？芍С侄喾N圖像格式和色彩模式，能同時(shí)進(jìn)行多圖層處理，它的選擇工具、圖層工具、濾鏡工具能使用戶得到各種手工處理或其他軟件無法得到的圖像效果。一、Photoshop CS6 的特點(diǎn)1. 支持多種圖像格式2. 支持多種色彩模式3. 強(qiáng)大的圖像選取功能4. 提供各種圖像編輯功能5. 提供對(duì)圖像色調(diào)和色彩的調(diào)整功能6. 提供各種繪畫功能7. 提供創(chuàng)建各種圖層及圖層效果8. 提供功能強(qiáng)大的濾鏡特效庫二、Photoshop CS6 的安裝要求1. 在 Windows 環(huán)境下安裝 PhotoshopCS6 的系統(tǒng)要求2. 在 MacOS 系統(tǒng)下安裝 PhotoshopCS6 的環(huán)境要求 該軟件使用前需要激

35、活。軟件激活、訂閱驗(yàn)證和訪問在線服務(wù)需要寬帶網(wǎng)絡(luò)，不能用電話激活。 在 Photoshop CS6 中選擇菜單“編輯”“首選項(xiàng)”“常規(guī)”即可進(jìn)入首選項(xiàng)設(shè)置界面，或直接按 Ctrl+K 組合鍵也可以進(jìn)入。三、Photoshop CS6 運(yùn)行環(huán)境的配置“首選項(xiàng)”菜單命令組 1. 內(nèi)存 / 暫存盤等設(shè)置“首選項(xiàng)”對(duì)話框“性能”選項(xiàng)卡2. 單位標(biāo)尺的設(shè)置“首選項(xiàng)”對(duì)話框“單位與標(biāo)尺”選項(xiàng)卡3. 設(shè)置繪畫光標(biāo)“首選項(xiàng)”對(duì)話框“光標(biāo)”選項(xiàng)卡第 2 節(jié) Photoshop CS6 的工作界面 Photoshop CS6 的工作界面主要由菜單欄、工具選項(xiàng)卡、工具箱、浮動(dòng)控制面板、圖像編輯窗口、狀態(tài)欄六部分組成

36、。PhotoshopCS6 的工作界面一、菜單欄 Photoshop CS6 的菜單欄位于工作界面的頂端，由文件、編輯、圖像、圖層、文字、選擇、濾鏡、3D、視圖、窗口和幫助 11 個(gè)菜單命令組成。另外，如果菜單中的命令呈現(xiàn)灰色，則表示該命令在當(dāng)前編輯狀態(tài)下不可用；如果菜單命令右側(cè)有一個(gè)三角形符號(hào)，則表示此菜單中包含有子菜單，將鼠標(biāo)指針移動(dòng)到該菜單上，即可打開該子菜單；如果菜單命令右側(cè)有省略號(hào)“”，在執(zhí)行此菜單命令時(shí)將彈出與之有關(guān)的對(duì)話框。菜單欄二、工具選項(xiàng)卡 工具選項(xiàng)卡位于菜單欄的下方，主要用于對(duì)所選工具屬性進(jìn)行設(shè)置，其顯示內(nèi)容會(huì)根據(jù)用戶所選工具的不同而改變。在工具箱中選中工具后，多數(shù)情況下還

37、需要在工具選項(xiàng)卡中對(duì)所選工具的參數(shù)進(jìn)行設(shè)置，以達(dá)到更佳的使用效果?！熬匦芜x框”工具的工具選項(xiàng)卡三、工具箱 工具箱位于工作界面的左側(cè)，包含50多個(gè)工具。要使用工具箱中的工具，只需單擊工具按鈕即可在圖像編輯窗口中使用。 用戶可根據(jù)不同需求將工具箱變?yōu)閱螜诨螂p欄顯示。 在工具箱中，若在某工具按鈕的右下角有一個(gè)小三角形，表示該工具按鈕內(nèi)還包含其他工具，在工具按鈕上單擊鼠標(biāo)右鍵，即可彈出所隱藏的工具。工具箱顯示隱藏的工具四、狀態(tài)欄 狀態(tài)欄位于工作界面的最底部，用于顯示當(dāng)前所編輯圖像的參數(shù)值，及當(dāng)前文檔圖像的相關(guān)信息，主要有顯示比例、文件大小、內(nèi)存使用率、操作運(yùn)行時(shí)間、當(dāng)前工具等提示信息。狀態(tài)欄五、浮動(dòng)控

38、制面板 浮動(dòng)控制面板位于工作界面的右側(cè)，用戶可以進(jìn)行分離、移動(dòng)和組合操作，主要用于對(duì)當(dāng)前圖像的顏色、圖層、樣式及相關(guān)的操作進(jìn)行設(shè)置。默認(rèn)情況下，浮動(dòng)控制面板包括圖層、通道、路徑、顏色、色板、調(diào)整和樣式七種。顯示浮動(dòng)控制面板六、圖像編輯窗口 圖像編輯窗口在 Photoshop CS6 工作界面的中間，在該窗口中可實(shí)現(xiàn)所有操作功能，灰色區(qū)域即為圖像編輯工作區(qū)。當(dāng)打開一個(gè)文檔時(shí)，工作區(qū)中將顯示該文檔的圖像窗口。圖像窗口是編輯的主要工作區(qū)域，圖形的繪制或圖像的編輯都在此區(qū)域中進(jìn)行。同時(shí)打開多個(gè)文件的工作界面第 3 節(jié) Photoshop CS6 文件的基本操作 Photoshop CS6 是一款非常優(yōu)

39、秀的圖像處理軟件，若想充分發(fā)揮其繪圖和圖像處理功能，在創(chuàng)作之前，必須熟練掌握其常用的操作方法。對(duì)于圖像文件的常用操作有：打開文件、新建文件、存儲(chǔ)文件和關(guān)閉文件等。此外，圖像文件的畫幅、分辨率的設(shè)定方法和原則也是重點(diǎn)學(xué)習(xí)的內(nèi)容?！拔募薄按蜷_”命令一、打開文件 在 Photoshop CS6 中打開圖像文件有以下幾種操作方法： 1. 選擇“文件”“打開”命令。 2. 按 Ctrl+O 組合鍵。 3. 雙擊 Photoshop 操作界面編輯窗口中的空白處。 使用以上三種方法都可以在彈出的“打開”對(duì)話框中，選擇需要打開的圖像文件?！拔募薄按蜷_”命令 可以打開一個(gè)圖像文件進(jìn)行編輯和修改，也可以同時(shí)打

40、開多個(gè)圖像文件。如果要打開一組連續(xù)文件，可以在選擇第一個(gè)文件后，按住Shift鍵的同時(shí)再選擇最后一個(gè)要打開的文件，再單擊“打開”按鈕。如果要打開一組不連續(xù)的文件，可以在選擇第一個(gè)圖像文件后，按住Ctrl鍵，同時(shí)選擇其他的圖像文件，然后再單擊“打開”按鈕。選擇需要打開的文件二、新建文件 在Photoshop CS6中，若要繪制或編輯圖像，首先需要新建一個(gè)空白文件。執(zhí)行“文件”“新建”命令，彈出 “新建”對(duì)話框，設(shè)置新文件的“寬度”“高度”“顏色模式”及“背景內(nèi)容”等，單擊“確定”按鈕即可新建一個(gè)空白的圖像文件。“新建”對(duì)話框三、存儲(chǔ)文件1. 直接存儲(chǔ)圖像文件 存儲(chǔ)當(dāng)前圖像文件，執(zhí)行“文件”“存儲(chǔ)

41、為”命令，或使用快捷鍵 Shift+Ctrl+S，彈出對(duì)話框。 PSD 是 Photoshop 重要的文件格式，它可以保留文檔的圖層、蒙版、通道等所有內(nèi)容，編輯圖像之后，盡量保存為該格式，以便以后可以隨時(shí)修改?！按鎯?chǔ)為”對(duì)話框2. 另存圖像文件 Photoshop CS6 所支持的圖像格式有20種，因此它可以作為一種轉(zhuǎn)換圖像格式的工具來使用，將圖像格式轉(zhuǎn)為其他軟件支持的格式。 執(zhí)行“文件”“存儲(chǔ)為”命令，或使用快捷鍵 Shift+Ctrl+S，在彈出的“存儲(chǔ)為”對(duì)話框中根據(jù)需要更改“格式”選項(xiàng)并保存即可。四、還原操作1. 使用“編輯”菜單執(zhí)行“還原”命令 在操作過程中，如果存在誤操作，需要返回

42、這一錯(cuò)誤步驟之前的狀態(tài)，可以執(zhí)行“編輯”“還原”命令。如果在后退之后，又需要重新執(zhí)行這一命令，則可以執(zhí)行“編輯”“重做”命令。如果連續(xù)執(zhí)行“后退一步”命令，還可以連續(xù)向前回退。如果在連續(xù)執(zhí)行“編輯”“后退一步”命令后，再連續(xù)執(zhí)行“編輯”“向前一步”命令，則可以連續(xù)重新執(zhí)行已經(jīng)退回的操作。還原命令2. 使用“歷史記錄”面板執(zhí)行還原操作 “歷史記錄”面板具有還原操作功能，其上記錄了進(jìn)行的每一步操作。通過觀察此面板，可以清楚地了解到以前所進(jìn)行的每一操作步驟，并決定具體回退到哪一個(gè)位置。 在進(jìn)行一系列操作后，如果還需要后退至某一個(gè)歷史狀態(tài)，則直接在歷史記錄列表區(qū)中單擊該歷史記錄的名稱，即可使圖像操作狀

43、態(tài)返回至此。此時(shí)在所選歷史記錄后面的操作都將呈灰度顯示，重新操作后該操作步驟以后的“歷史記錄”將重新記錄?！皻v史記錄”面板五、畫幅、分辨率的設(shè)定 用 Photoshop CS6 編輯的圖像是基于位圖格式的，而位圖的基本單位是像素，因此在創(chuàng)建位圖圖像時(shí)需要指定圖像的分辨率。 分辨率是指位圖圖像中細(xì)節(jié)的精細(xì)度，測(cè)量單位是像素 / 英寸（ppi）。每英寸的像素越多，分辨率越高。 雖然分辨率越高圖像質(zhì)量越好，但會(huì)增加占用的存儲(chǔ)空間。所以應(yīng)根據(jù)圖像的用途設(shè)置合適的分辨率，以取得最好的使用效果。如果圖像應(yīng)用于屏幕顯示或網(wǎng)絡(luò)，可將分辨率設(shè)置為 72 像素 / 英寸；如果圖像用于打印機(jī)打印，可將分辨率設(shè)置為

44、100150 像素 / 英寸；如果圖像用于印刷則應(yīng)設(shè)置為 300 像素 / 英寸?！皥D像大小”對(duì)話框 在 Photoshop CS6 中，執(zhí)行“圖像”“圖像大小”命令，將顯示“圖像大小”對(duì)話框。在該對(duì)話框中，可以設(shè)定圖像大小和分辨率。第 4 節(jié) Photoshop CS6 的圖層與選區(qū) 圖層與選區(qū)是Photoshop CS6 的核心功能，圖層的不透明度、混合模式、圖層樣式等操作，選區(qū)的編輯修改等操作須重點(diǎn)學(xué)習(xí)。 在Photoshop CS6 中，所有圖像都是基于圖層來進(jìn)行操作的。圖層就是圖像的層次，可以將一幅作品分成若干幅圖像，每一幅圖像都處于不同圖層，便于用戶調(diào)整。而選區(qū)則針對(duì)每一幅圖像進(jìn)行

45、操作，具有靈活性，可以多次進(jìn)行編輯操作。一、圖層的基本概念1.“圖層”面板 “圖層”面板是進(jìn)行圖層編輯操作不可缺少的工具?！皥D層”面板顯示當(dāng)前圖層的信息，從“圖層”面板可以調(diào)整圖層疊放次序、圖層透明度、圖層混合模式等參數(shù)。一般情況下，“圖層”面板默認(rèn)顯示在工作區(qū)，也可通過“窗口”“圖層”命令，在工作區(qū)中顯示或隱藏此面板。“圖層”面板2. 創(chuàng)建圖層 （1）按鈕創(chuàng)建圖層 （2）使用快捷鍵創(chuàng)建新圖層3. 選擇圖層 單擊“圖層”面板中的一個(gè)圖層即可選擇該圖層，使其成為當(dāng)前圖層。4. 編輯圖層 （1）顯示、隱藏圖層 隱藏圖層顯示圖層 （2）復(fù)制圖層 （3）刪除圖層 （4）重命名圖層 （5）改變圖層順序

46、（6）過濾圖層過濾圖層5. 合并圖層 首先選中需要合并的圖層，再選擇“圖層”“合并圖層”命令，即可合并圖層。也可以按 Ctrl+E 組合鍵合并圖層。6. 圖層組 圖層組類似于文件夾，可將圖層按照類別放在不同的組內(nèi)，當(dāng)關(guān)閉圖層組后，在圖層面板中就只顯示圖層組名稱。選擇“圖層”“新建”“組”命令，彈出“新建組”對(duì)話框，設(shè)置選項(xiàng)后單擊“確定”按鈕即可創(chuàng)建圖層組。圖層組二、選區(qū)的基本概念1. 選區(qū)的創(chuàng)建 （1）創(chuàng)建規(guī)則選區(qū) 利用“矩形選框工具”和“橢圓選框工具”可以制作規(guī)則的選區(qū)。 （2）創(chuàng)建不規(guī)則選區(qū) 使用工具箱中的“套索工具”“多邊形套索工具”“磁性套索工具”“魔棒工具”“快速選擇工具”均可創(chuàng)建不

47、規(guī)則選區(qū)。創(chuàng)建規(guī)則選區(qū)2. 管理選區(qū) （1）移動(dòng)選區(qū) （2）取消選區(qū) （3）存儲(chǔ)選區(qū) （4）載入選區(qū)存儲(chǔ)選區(qū)3. 修改選區(qū) 在創(chuàng)建選區(qū)時(shí)，可對(duì)選區(qū)進(jìn)行多項(xiàng)修改，如邊界選區(qū)、平滑選區(qū)、擴(kuò)展選區(qū)、收縮選區(qū)、羽化選區(qū)、調(diào)整邊緣等。修改選區(qū)4. 應(yīng)用選區(qū) （1）描邊選區(qū) （2）填充選區(qū) （3）使用選區(qū)定義圖案填充選區(qū)謝謝觀賞！電子商務(wù)網(wǎng)頁圖像制作（Adobe Photoshop CS6）（第二版）第 3 章 圖像的簡(jiǎn)單處理第 1 節(jié) 圖像的尺寸大小調(diào)整第 2 節(jié) 圖像的裁切處理第 3 節(jié) 圖像的移動(dòng)與變換第 4 節(jié) 繪制位圖圖像第 5 節(jié) 繪制矢量圖形第 1 節(jié) 圖像的尺寸大小調(diào)整 圖像尺寸的大小與圖

48、像的文件格式、分辨率和幅面大小有關(guān)系。通過合理的設(shè)置，在不影響圖像在網(wǎng)頁上瀏覽效果的情況下，可大幅調(diào)整圖片的尺寸，以減少圖像占用的存儲(chǔ)空間。 圖像文件的大小是圖像文件的數(shù)字大小，以千字節(jié)（KB）、兆字節(jié)（MB）或千兆字節(jié)（GB）為度量單位。圖像文件的大小與圖像的像素多少成正比，圖像中包含的像素越多，在給定的打印尺寸上顯示的細(xì)節(jié)也就越豐富，但需要的磁盤存儲(chǔ)空間也會(huì)增多，而且編輯和打印的速度可能會(huì)更慢。 因此，在圖像品質(zhì)（保留所需要的所有數(shù)據(jù)）和文件大小難以兩全的情況下，滿足電商網(wǎng)頁圖像顯示的基本要求，合理調(diào)整圖像中包含的像素?cái)?shù)量，成為它們之間的折中方法。 調(diào)整圖像的像素總量有兩種方法：一是改變圖

49、像的分辨率；二是調(diào)整圖像的尺寸。這兩種方法可以結(jié)合使用。第 2 節(jié) 圖像的裁切處理 Photoshop CS6 中，最常用、最方便的是使用工具箱中的“裁剪工具”，用以對(duì)圖像進(jìn)行裁剪。 “裁剪工具”和“切片工具”等在一個(gè)工具組里，按鍵盤上的C鍵，即可調(diào)出裁剪工具。 選中了裁剪工具，默認(rèn)的裁剪范圍是整張圖片，這和以往需要自己拖動(dòng)設(shè)置有所不同，而且圖片被裁剪工具默認(rèn)劃為九宮格，只需拖動(dòng)邊緣來確定裁剪范圍即可。裁剪圖片通常是將圖像裁剪得更小。如果裁剪的尺寸，比原有尺寸還大，這樣超出原始圖片的地方，將會(huì)使用背景色填充。裁剪工具第 3 節(jié) 圖像的移動(dòng)與變換 在處理圖形或圖像的過程中，總少不了對(duì)圖形或圖像的

50、基本形狀進(jìn)行調(diào)整。本節(jié)介紹在 Photoshop CS6中如何對(duì)選定的圖像對(duì)象進(jìn)行移動(dòng)、旋轉(zhuǎn)、變形處理。 靈活使用 Photoshop CS6中的“移動(dòng)”工具，及“變換”和“自由變換”菜單命令，就可以將所選定的圖形變換成所想要的形狀和形式。一、Photoshop CS6 的移動(dòng)工具 Photoshop CS6 中“移動(dòng)工具”圖標(biāo)為 ，快捷鍵為 V?！耙苿?dòng)工具”屬性欄1.“自動(dòng)選擇圖層” 選擇此選項(xiàng)，在具有多個(gè)圖層的圖像上單擊鼠標(biāo)，系統(tǒng)將自動(dòng)選中鼠標(biāo)單擊位置所在的圖層。2.“自動(dòng)選擇組” 選擇此選項(xiàng)，在具有多個(gè)組的圖像上單擊鼠標(biāo)，系統(tǒng)將自動(dòng)選中鼠標(biāo)單擊位置所在的組。3.“顯示變換控件” 選擇此選

51、項(xiàng)，選定范圍四周將出現(xiàn)控制點(diǎn)，用戶可以方便地調(diào)整選定范圍中的圖像尺寸。4.“對(duì)齊圖層” 當(dāng)同時(shí)選擇了兩個(gè)或兩個(gè)以上的圖層時(shí)，單擊相應(yīng)的按鈕可以將所選圖層進(jìn)行對(duì)齊，包括“頂對(duì)齊”“垂直居中對(duì)齊”“底對(duì)齊”“左對(duì)齊”“水平居中對(duì)齊”和“右對(duì)齊”。5.“分布圖層” 如果選擇了三個(gè)或三個(gè)以上的圖層時(shí)，單擊相應(yīng)的按鈕可以將所選圖層按一定規(guī)則進(jìn)行均勻分布排列。分布方式包括“按頂分布”“垂直居中分布”“按底分布”“按左分布”“水平居中分布”和“按右分布”。二、移動(dòng)工具使用注意事項(xiàng) 移動(dòng)工具主要是針對(duì)當(dāng)前“選區(qū)”或當(dāng)前“圖層”的內(nèi)容來操作的。 移動(dòng)工具用來移動(dòng)所選圖像的位置，它不限制圖像的區(qū)域，可以在不同圖層

52、或不同圖片中使用。移動(dòng)工具的快捷鍵為 V，按住鍵盤上的 Alt 鍵，配合移動(dòng)工具，可以實(shí)現(xiàn)在當(dāng)前圖層中復(fù)制圖像的目的。 在所要操作的對(duì)象上單擊鼠標(biāo)右鍵，即可選中當(dāng)前圖層，使用移動(dòng)工具移動(dòng)當(dāng)前圖層中的操作對(duì)象。 將一個(gè)圖像窗口中的內(nèi)容拖到另一個(gè)打開的圖像窗口中，相當(dāng)于把該圖像拷貝到另一圖像窗口中。三、Photoshop CS6 的變換和自由變換 縮放 旋轉(zhuǎn) 斜切 扭曲 透視 變形“變換”和“自由變換”菜單命令變形操作時(shí)的小技巧：（1）Shift+ 縮放可約束長(zhǎng)寬比。（2）Alt+ 縮放可自中心變換。（3）Ctrl+Shift+ 拖動(dòng)角點(diǎn)可斜切。（4）Ctrl+ 拖動(dòng)角點(diǎn)可扭曲。（5）Ctrl+A

53、lt+ 拖動(dòng)角點(diǎn)可對(duì)稱的扭曲。（6）Ctrl+Shift+Alt+ 拖動(dòng)角點(diǎn)可透視。（7）Ctrl+Shift+T 再次執(zhí)行相同變換操作。第 4 節(jié) 繪制位圖圖像 在處理圖形或圖像的過程中，往往需要自己繪制創(chuàng)建一些簡(jiǎn)單的圖形。本節(jié)介紹如何在Photoshop CS6 中使用繪畫工具，繪制圖片作品。 使用Photoshop CS6 中的畫筆工具、填充工具、圖案圖章工具等，可以自由發(fā)揮，創(chuàng)建出自己的圖形圖像。Photoshop CS6 中繪畫工具的使用是一項(xiàng)基本功，是圖像處理的基礎(chǔ)，只有扎實(shí)掌握這些基本功，才能做出完美的作品。一、Photoshop CS6 的畫筆工具 畫筆工具主要用來繪圖或?qū)D像

54、上色，畫筆的顏色可由色板的顏色決定。畫筆工具的使用方法和實(shí)際使用毛筆在畫紙上繪畫一樣，可以表現(xiàn)出多種邊緣柔軟的效果。畫筆工具 畫筆工具的選項(xiàng)欄包括：畫筆、模式、不透明度、流量和噴槍，可以調(diào)整畫筆的大小、硬度、刷式（筆刷形狀）、不透明度等，如圖所示。 鉛筆工具主要是模擬平時(shí)畫畫所用的鉛筆，選用鉛筆工具后，在圖像內(nèi)按住鼠標(biāo)左鍵不放并拖動(dòng)，即可以進(jìn)行畫線，它與畫筆不同之處是所畫出的線條沒有蒙邊。筆頭可以在左邊的畫筆中選取。畫筆工具選項(xiàng)欄二、Photoshop CS6 的填充工具 填充是以指定的顏色或圖案對(duì)所選區(qū)域進(jìn)行處理，常用的填充工具有油漆桶和漸變工具。 油漆桶（即顏料桶）工具用于向鼠標(biāo)單擊處和與

55、其顏色相近區(qū)域填充前景色或指定圖案。 使用工具箱中的漸變工具可以產(chǎn)生兩種以上的顏色漸變效果。漸變方式既可以選擇系統(tǒng)設(shè)定值，也可以自己定義。漸變方向有線性狀、圓形放射狀、方形放射狀、角形和斜向等幾種。如果不選擇區(qū)域，將對(duì)整個(gè)圖像進(jìn)行漸變填充。填充工具三、Photoshop CS6 的圖章工具 圖章工具有仿制圖章和圖案圖章工具兩種。 仿制圖章工具主要用于對(duì)圖像的修復(fù)，也可以理解為局部復(fù)制。先按住 Alt 鍵，再用鼠標(biāo)在圖像中需要復(fù)制或要修復(fù)取樣點(diǎn)處單擊一下左鍵，再選取一個(gè)合適的仿制畫筆大小，就可以在圖像中修復(fù)圖像。 圖案圖章工具也是用來復(fù)制圖像的，但與仿制圖章有些不同，其前提是先用矩形選框工具選擇

56、一范圍，在“編輯”菜單中選擇“定義圖案”命令，然后再選合適的筆頭，在圖像中復(fù)制圖案。圖章工具第 5 節(jié) 繪制矢量圖形 由于矢量圖形文件具有尺寸較小、放大縮小不失真等優(yōu)點(diǎn)，常常用于標(biāo)識(shí)、圖標(biāo)、LOGO 等簡(jiǎn)單直接的圖像。 使用 Photoshop CS6 中的“鋼筆工具”等，可以自由發(fā)揮，創(chuàng)建出自己的圖形圖像。鋼筆工具屬于矢量繪圖工具，其優(yōu)點(diǎn)是可以勾畫平滑的曲線，在縮放或變形之后仍能保持平滑效果。 鋼筆工具畫出來的矢量圖形稱為路徑。路徑允許是不封閉的開放狀，如果把起點(diǎn)與終點(diǎn)重合繪制就可以得到封閉的路徑。鋼筆工具 鋼筆工具繪制出來的線條全部都是貝賽爾曲線。貝賽爾曲線由線段（Segment）和錨點(diǎn)（

57、Anchor）構(gòu)成，而每一個(gè)錨點(diǎn)都有兩個(gè)控制點(diǎn)，通過調(diào)節(jié)控制點(diǎn)就可以設(shè)計(jì)出自己想要的線條。 圖中并沒有直接繪制線段，而是定義了各個(gè)錨點(diǎn)的位置，軟件則在點(diǎn)間連線成型，控制線段形態(tài)的并不是線段本身，而是線段兩端錨點(diǎn)的控制點(diǎn)的位置。貝賽爾曲線謝謝觀賞！電子商務(wù)網(wǎng)頁圖像制作（Adobe Photoshop CS6）（第二版）第 4 章 文字的簡(jiǎn)單處理第 1 節(jié) 文字使用基礎(chǔ)第 2 節(jié) 文字的字體及樣式調(diào)整第 3 節(jié) 廣告字的制作第 1 節(jié) 文字使用基礎(chǔ) 為電子商務(wù)網(wǎng)頁圖像添加文字不僅可以吸引瀏覽者或顧客的眼球，而且能快速使其從眾多商品圖片中選中需要瀏覽的圖像。網(wǎng)頁中也要針對(duì)商品的情況進(jìn)行說明，這些文字

58、都是以圖像的形式上傳到網(wǎng)頁上的。如果給文字增加一些特效，會(huì)達(dá)到更好的宣傳效果。首先，要重點(diǎn)掌握文字的基本使用方法，并通過實(shí)例進(jìn)行鞏固，在此基礎(chǔ)上，繼續(xù)加深學(xué)習(xí)文字樣式的調(diào)整方法，并進(jìn)行實(shí)例應(yīng)用，最終能夠使用Photoshop CS6 進(jìn)行圖像中文字的簡(jiǎn)單處理。一、認(rèn)識(shí)文字工具屬性欄 在 Photoshop CS6 中，文字的輸入主要是通過文字工具箱來完成的。在文字工具箱中右鍵單擊 “橫排文字工具”按鈕，可打開文字工具組，其中包含文字工具和文字蒙版工具。文字工具屬性欄二、創(chuàng)建點(diǎn)文本 點(diǎn)文本是一個(gè)水平或垂直的文本行，在處理標(biāo)題等字?jǐn)?shù)較少的文字時(shí)，可以通過點(diǎn)文本來完成。選擇橫排或直排文字工具后，在圖

59、像中需要?jiǎng)?chuàng)建文字的地方單擊鼠標(biāo)左鍵，即可在該點(diǎn)插入一個(gè)光標(biāo)，在光標(biāo)處輸入文字即可。創(chuàng)建點(diǎn)文本三、創(chuàng)建段落文本 段落文本也是基于文本框輸入的文本，用戶可以輸入一段或多段文字，當(dāng)輸入的文字超出文本框的界定寬度后，將自動(dòng)進(jìn)行換行，使文字以文本框的大小進(jìn)行排列。由于段落文本具有自動(dòng)換行、可調(diào)整文字區(qū)域大小和形狀等優(yōu)勢(shì)，在需要處理的文字量較大時(shí)，可以使用段落文本來完成。電商網(wǎng)頁段落文本 段落文本的創(chuàng)建方法是在工具箱中選擇“橫排文字工具”，將鼠標(biāo)指針移至圖像編輯窗口中，按住鼠標(biāo)左鍵并拖曳，可顯示一個(gè)虛線框，至合適位置后釋放鼠標(biāo)左鍵，即可繪制出一個(gè)文本框，且顯示一個(gè)閃爍的文字插入點(diǎn)光標(biāo)，在此輸入相應(yīng)的文本信

60、息即可。四、修改點(diǎn)文本與段落文本 創(chuàng)建點(diǎn)文本或段落文本后，如果需要對(duì)文本中的文字內(nèi)容進(jìn)行修改，可再次選擇 “橫排文本工具”或 “直排文本工具”，然后將光標(biāo)移動(dòng)到文本中，當(dāng)光標(biāo)變?yōu)?形狀時(shí)單擊鼠標(biāo)左鍵，即可激活文本編輯狀態(tài)，此時(shí)可以對(duì)文本進(jìn)行選取、刪除或修改等操作。 除了修改文本的內(nèi)容，還可以對(duì)文字格式進(jìn)行修改，包括字體、字號(hào)和字符顏色等。選擇“橫排文本工具”或“直排文本工具”后，在文本中按下鼠標(biāo)左鍵并拖動(dòng)，選中需要設(shè)置的文字，然后在屬性欄中重新設(shè)置即可。 創(chuàng)建好文本后，如果要移動(dòng)文本，只需選擇“移動(dòng)工具”，在圖層面板中選中要移動(dòng)的文本圖層，然后在圖像中按下鼠標(biāo)左鍵并拖動(dòng)即可。 對(duì)于段落文本，不