平面設計基礎知識課件

主講：王蕾交流QQ群：187177018平面設計主講：王蕾平面設計1課程簡介學習內容應用領域學習方法考核方式課程簡介學習內容2學習內容Photoshop的基礎知識、操作方法及其在各平面設計領域中的應用?；A篇介紹平面設計的原則Photoshop各功能模塊的使用方法，通過學習實例達到深入了解軟件功能的目的；方法篇通過對畫筆、摳像、調色與材質的講解，深入了解Photoshop的核心功能；案例篇通過多個經典案例詳細剖析了Photoshop在標志設計、字體設計、海報設計和包裝設計等領域中的應用，同時在案例中整合了工具詳解和行業(yè)知識等模塊，旨在培養(yǎng)和提升綜合設計能力，盡快成為一名合格的設計者。學習內容Photoshop的基礎知識、操作方法及其在各平面設3教材1.使用教材李濤主編.PhotoshopCS5中文版案例教程.高等教育出版社，2012,10.2．主要參考書：朱麗靜主編.PhotoshopCS3平面設計案例教程.北京：航空工業(yè)出版社，2008.6.張立娜等主編.平面設計基礎與應用教程。人民郵電出版社，2013.教材1.使用教材4應用領域廣告設計圖案設計商業(yè)插畫網頁美工設計動畫設計美術編輯版式設計等應用領域廣告設計5學習方法Photoshop只是工具多看——提高美學鑒賞能力多想——培養(yǎng)創(chuàng)意思維多做——從模仿到創(chuàng)作學習方法Photoshop只是工具6考核方式平時成績（作業(yè)+考勤+課堂表現(xiàn)）期末成績（綜合設計）考核方式平時成績（作業(yè)+考勤+課堂表現(xiàn)）7第1章平面設計基礎知識1.1圖像處理的基本概念

1.2Photoshop的操作界面

1.3案例1：合成照片第1章平面設計基礎知識1.1圖像處理的基本概念

81.1圖像處理的基本概念

1.1.1像素與分辨率像素是構成圖像的最小單位，它的形態(tài)是一個小點。很多個像素組合在一起就構成了一幅圖像，組合成圖像的每一個像素只顯示一種顏色。由于圖像能記錄下每一個像素的數(shù)據(jù)信息，因而可以精確的記錄色調豐富的圖像，逼真地表現(xiàn)自然界的景觀。1.1圖像處理的基本概念

1.1.1像素與分辨率91.1圖像處理的基本概念

分辨率，是指在單位長度內所含有的點或像素的多少，其單位為“像素/英寸”或者“像素/厘米”。圖像分辨率的高低直接影響圖像的質量，分辨率越高，文件也就越大，圖像也會越清晰，（300PPI）所示，處理速度也會變慢；反之，分辨率越低，圖像就越模糊，（72PPI）所示，文件也會越小。1.1圖像處理的基本概念

分辨率，是指在單位長度內所含有101.1圖像處理的基本概念

1.1.2位圖與矢量圖位圖又稱為點陣圖，是由許多點組成，這些點為像素（pixel）。當許多不同顏色的點（即像素）組合在一起后，便構成了一幅完整的圖像。位圖可以記錄每一個點的數(shù)據(jù)信息，因而可以精確地制作出色彩和色調變化豐富的圖像，可以逼真地表現(xiàn)自然界的景象，達到照片般的品質。但是，它由于所包含的圖像像素數(shù)目是一定的，若將圖像放大到一定程度后，圖像就會失真，邊緣會出現(xiàn)鋸齒，如圖所示。1.1圖像處理的基本概念

1.1.2位圖與矢量圖111.1圖像處理的基本概念

矢量圖形也稱為向量式圖形，它用數(shù)學的矢量方式來記錄圖像內容，以線條和色塊為主，這類對象的線條非常光滑、流暢，可以進行無限的放大、縮小或旋轉等操作，并且不會失真，如圖所示。矢量圖不宜制作色調豐富或者色彩變化太多的圖形，而且繪制出來的圖形無法像位圖那樣精確地描繪各種絢麗的景象。1.1圖像處理的基本概念

矢量圖形也稱為向量式圖形，它用121.1圖像處理的基本概念

1.1.3色彩模式1．RGB模式RGB模式是Photoshop默認的色彩模式，是圖形圖像設計中最常用的色彩模式。它代表了可視光線的3種基本色，即紅、綠、藍，它也稱為“光學三原色”，每一種顏色存在著256個等級的強度變化。當三原色重疊時，由不同的混色比例和強度會產生其他的間色，三原色相加會產生白色，如圖所示。RGB模式在屏幕表現(xiàn)下色彩豐富，所有濾鏡都可以使用，各軟件之間文件兼容性高，但在印刷輸出時偏色情況較重。1.1圖像處理的基本概念

1.1.3色彩模式131.1圖像處理的基本概念

2、CMYK模式CMYK模式即由C（青色）、M（洋紅）、Y（黃色）、K（黑色）合成顏色的模式，這是印刷上主要使用的顏色模式。由青色、洋紅、黃色疊加即生成紅色、綠色、藍色及黑色，如圖所示；黑色用來增加對比度，以補償CMY產生黑度不足之用。由于印刷使用的油墨都包含一些雜質，單純由C、M、Y3種油墨混合不能產生真正的黑色，因此需要加一種黑色（K）。CMYK模式是一種減色模式，每一種顏色所占的百分比范圍為0%~100%，百分比越大，顏色越深。1.1圖像處理的基本概念

2、CMYK模式141.1圖像處理的基本概念3、灰度模式灰度模式可以將圖片轉變成黑白相片的效果，如圖所示；它采用256級不同濃度的灰度來描述圖像，每一個像素都有0~255之間的范圍亮度的亮度值。彩色圖像轉換為灰度模式時，所有顏色信息將被刪除?；叶饶Ｊ降膱D像再轉換為彩色模式，原來已丟失的顏色信息不能再恢復。1.1圖像處理的基本概念3、灰度模式151.1圖像處理的基本概念4．位圖模式位圖模式也稱為黑白模式，使用黑、白雙色來描述圖像中的像素，如圖所示，黑白之間沒有灰度過度色，該類圖像占用的內存空間非常少。當一副彩色圖像要轉換為黑白模式時，不能直接轉換，必須先將圖像轉換為灰度模式，然后再轉換為位圖模式。1.1圖像處理的基本概念4．位圖模式161.1.4圖像處理的基本概念——文件格式

3.TIFF(*.tif)格式

2.BMP(*.bmp)格式

4.JPEG(*.jpg)格式

5.EPS(*.eps)格式

6.GIF(*.gif)格式

1.PSD(*.psd)格式Photoshop軟件自帶的格式，這種格式可以存儲Photoshop中所有的圖層、通道、參考線、注釋和顏色模式等信息。一種無損壓縮格式，便于在應用程序之間和計算機平臺之間進行圖像數(shù)據(jù)交換。是一種有損壓縮格式，是文件比較小，可以進行高倍率的壓縮，是目前格式中壓縮率非常高的格式之一。Windows或OS2標準的位圖圖像文件格式，它支持RGB、索引顏色、灰度和位圖顏色模式，但不支持Alpha通道。EPS格式為壓縮的PostScript格式，是為在PostScript打印機上輸出圖像開發(fā)的格式。CompuServe提供的一種圖像格式，最多只能保存256色的RGB色階階數(shù)。1.1.4圖像處理的基本概念——文件格式3.TIFF2.1圖像處理的基本概念——文件格式

9.PICT(*.pic)格式

8.FilmStrip(*.flm)

10.JPNG(*.png)格式

11.PDF(*.pdf)格式

12.TGA(*.tga)格式

7.PCX(*.pcx)格式最早是ZSOFT公司的Paintbrush圖形軟件所支持的圖像格式，支持I～24位的圖像，并可以用RLE的壓縮方式保存文件。能夠對具有大塊相同顏色的圖形進行有效的壓縮，支持RGB、索引顏色、灰度和位圖顏色模式，在RGB顏色模式下還支持Alpha通道。是一種有損壓縮格式，是文件比較小，可以進行高倍率的壓縮，是目前格式中壓縮率非常高的格式之一。AdobePremiere動畫軟件使用的格式，可以在Photoshop中打開、修改并保存。是Adobe公司開發(fā)的用于Windows、MACOS、UNIX和DOS系統(tǒng)的一種電子出版軟件的文檔格式，適用于不同的平臺。專門用于使用rueVision視頻卡的系統(tǒng)，受MS-DOS顏色應用程序的支持。該格式支持24位和32位的RGB圖像。2.1圖像處理的基本概念——文件格式9.PICT(*.1.2Photoshop的操作界面1.2Photoshop的操作界面工具條工具條面板組面板組面板組面板組1.1.3案例1：照片合成1.1.3案例1：照片合成案例1：照片合成要點提示圖像的新建與打開圖像尺寸：1728*1296分辨率：72像素/英寸圖像的選擇、拷貝和粘貼方式一：使用菜單命令（選擇->全選；編輯—>拷貝、粘貼）方式二：使用移動工具圖層的排列調整方式一：使用菜單命令（圖層->排列）方式二：使用鼠標拖拽圖像的保存PSD格式JPEG格式案例1：照片合成練習圣誕賀卡效果圖素材練習圣誕賀卡效果圖素材練習手機廣告效果圖素材練習手機廣告效果圖素材拓展圖書封面效果圖提示：本課內容及變換工具的使用畫筆與橡皮擦參考線拓展圖書封面效果圖提示：本課內容及變換工具的使用拓展唇彩廣告效果圖素材提示：本課內容及變換工具的使用拓展唇彩廣告效果圖素材提示：本課內容及變換工具的使用搜索任務1、結合Photoshop數(shù)字圖像處理技術的運用領域，利用網絡搜索在平面設計、修復照片、廣告攝影、影像創(chuàng)意、藝術文字、網頁制作、建筑效果圖后期修飾、繪畫、繪制或處理三維帖圖、婚紗照片設計等多個領域的應用實例。2、以“Photoshop學習經驗”為關鍵詞，在搜索引擎中搜索Photoshop高手的學習感悟。3、搜集以“中秋節(jié)”為主題的平面設計作品，找到至少三幅作品，觀察其配色、布局、排版等，體會其構思、創(chuàng)意，并寫出觀后感。搜索任務1、結合Photoshop數(shù)字圖像處理技術的運用領域29制作任務1、搜索素材下載站點，嘗試制作以“中秋節(jié)”為主題的作品。/304-2//制作任務1、搜索素材下載站點，嘗試制作以“中秋節(jié)”為主題的作30主講：王蕾交流QQ群：187177018平面設計主講：王蕾平面設計31課程簡介學習內容應用領域學習方法考核方式課程簡介學習內容32學習內容Photoshop的基礎知識、操作方法及其在各平面設計領域中的應用?；A篇介紹平面設計的原則Photoshop各功能模塊的使用方法，通過學習實例達到深入了解軟件功能的目的；方法篇通過對畫筆、摳像、調色與材質的講解，深入了解Photoshop的核心功能；案例篇通過多個經典案例詳細剖析了Photoshop在標志設計、字體設計、海報設計和包裝設計等領域中的應用，同時在案例中整合了工具詳解和行業(yè)知識等模塊，旨在培養(yǎng)和提升綜合設計能力，盡快成為一名合格的設計者。學習內容Photoshop的基礎知識、操作方法及其在各平面設33教材1.使用教材李濤主編.PhotoshopCS5中文版案例教程.高等教育出版社，2012,10.2．主要參考書：朱麗靜主編.PhotoshopCS3平面設計案例教程.北京：航空工業(yè)出版社，2008.6.張立娜等主編.平面設計基礎與應用教程。人民郵電出版社，2013.教材1.使用教材34應用領域廣告設計圖案設計商業(yè)插畫網頁美工設計動畫設計美術編輯版式設計等應用領域廣告設計35學習方法Photoshop只是工具多看——提高美學鑒賞能力多想——培養(yǎng)創(chuàng)意思維多做——從模仿到創(chuàng)作學習方法Photoshop只是工具36考核方式平時成績（作業(yè)+考勤+課堂表現(xiàn)）期末成績（綜合設計）考核方式平時成績（作業(yè)+考勤+課堂表現(xiàn)）37第1章平面設計基礎知識1.1圖像處理的基本概念

1.2Photoshop的操作界面

1.3案例1：合成照片第1章平面設計基礎知識1.1圖像處理的基本概念

381.1圖像處理的基本概念

1.1.1像素與分辨率像素是構成圖像的最小單位，它的形態(tài)是一個小點。很多個像素組合在一起就構成了一幅圖像，組合成圖像的每一個像素只顯示一種顏色。由于圖像能記錄下每一個像素的數(shù)據(jù)信息，因而可以精確的記錄色調豐富的圖像，逼真地表現(xiàn)自然界的景觀。1.1圖像處理的基本概念

1.1.1像素與分辨率391.1圖像處理的基本概念

分辨率，是指在單位長度內所含有的點或像素的多少，其單位為“像素/英寸”或者“像素/厘米”。圖像分辨率的高低直接影響圖像的質量，分辨率越高，文件也就越大，圖像也會越清晰，（300PPI）所示，處理速度也會變慢；反之，分辨率越低，圖像就越模糊，（72PPI）所示，文件也會越小。1.1圖像處理的基本概念

分辨率，是指在單位長度內所含有401.1圖像處理的基本概念

1.1.2位圖與矢量圖位圖又稱為點陣圖，是由許多點組成，這些點為像素（pixel）。當許多不同顏色的點（即像素）組合在一起后，便構成了一幅完整的圖像。位圖可以記錄每一個點的數(shù)據(jù)信息，因而可以精確地制作出色彩和色調變化豐富的圖像，可以逼真地表現(xiàn)自然界的景象，達到照片般的品質。但是，它由于所包含的圖像像素數(shù)目是一定的，若將圖像放大到一定程度后，圖像就會失真，邊緣會出現(xiàn)鋸齒，如圖所示。1.1圖像處理的基本概念

1.1.2位圖與矢量圖411.1圖像處理的基本概念

矢量圖形也稱為向量式圖形，它用數(shù)學的矢量方式來記錄圖像內容，以線條和色塊為主，這類對象的線條非常光滑、流暢，可以進行無限的放大、縮小或旋轉等操作，并且不會失真，如圖所示。矢量圖不宜制作色調豐富或者色彩變化太多的圖形，而且繪制出來的圖形無法像位圖那樣精確地描繪各種絢麗的景象。1.1圖像處理的基本概念

矢量圖形也稱為向量式圖形，它用421.1圖像處理的基本概念

1.1.3色彩模式1．RGB模式RGB模式是Photoshop默認的色彩模式，是圖形圖像設計中最常用的色彩模式。它代表了可視光線的3種基本色，即紅、綠、藍，它也稱為“光學三原色”，每一種顏色存在著256個等級的強度變化。當三原色重疊時，由不同的混色比例和強度會產生其他的間色，三原色相加會產生白色，如圖所示。RGB模式在屏幕表現(xiàn)下色彩豐富，所有濾鏡都可以使用，各軟件之間文件兼容性高，但在印刷輸出時偏色情況較重。1.1圖像處理的基本概念

1.1.3色彩模式431.1圖像處理的基本概念

2、CMYK模式CMYK模式即由C（青色）、M（洋紅）、Y（黃色）、K（黑色）合成顏色的模式，這是印刷上主要使用的顏色模式。由青色、洋紅、黃色疊加即生成紅色、綠色、藍色及黑色，如圖所示；黑色用來增加對比度，以補償CMY產生黑度不足之用。由于印刷使用的油墨都包含一些雜質，單純由C、M、Y3種油墨混合不能產生真正的黑色，因此需要加一種黑色（K）。CMYK模式是一種減色模式，每一種顏色所占的百分比范圍為0%~100%，百分比越大，顏色越深。1.1圖像處理的基本概念

2、CMYK模式441.1圖像處理的基本概念3、灰度模式灰度模式可以將圖片轉變成黑白相片的效果，如圖所示；它采用256級不同濃度的灰度來描述圖像，每一個像素都有0~255之間的范圍亮度的亮度值。彩色圖像轉換為灰度模式時，所有顏色信息將被刪除?；叶饶Ｊ降膱D像再轉換為彩色模式，原來已丟失的顏色信息不能再恢復。1.1圖像處理的基本概念3、灰度模式451.1圖像處理的基本概念4．位圖模式位圖模式也稱為黑白模式，使用黑、白雙色來描述圖像中的像素，如圖所示，黑白之間沒有灰度過度色，該類圖像占用的內存空間非常少。當一副彩色圖像要轉換為黑白模式時，不能直接轉換，必須先將圖像轉換為灰度模式，然后再轉換為位圖模式。1.1圖像處理的基本概念4．位圖模式461.1.4圖像處理的基本概念——文件格式

3.TIFF(*.tif)格式

2.BMP(*.bmp)格式

4.JPEG(*.jpg)格式

5.EPS(*.eps)格式

6.GIF(*.gif)格式

1.PSD(*.psd)格式Photoshop軟件自帶的格式，這種格式可以存儲Photoshop中所有的圖層、通道、參考線、注釋和顏色模式等信息。一種無損壓縮格式，便于在應用程序之間和計算機平臺之間進行圖像數(shù)據(jù)交換。是一種有損壓縮格式，是文件比較小，可以進行高倍率的壓縮，是目前格式中壓縮率非常高的格式之一。Windows或OS2標準的位圖圖像文件格式，它支持RGB、索引顏色、灰度和位圖顏色模式，但不支持Alpha通道。EPS格式為壓縮的PostScript格式，是為在PostScript打印機上輸出圖像開發(fā)的格式。CompuServe提供的一種圖像格式，最多只能保存256色的RGB色階階數(shù)。1.1.4圖像處理的基本概念——文件格式3.TIFF2.1圖像處理的基本概念——文件格式

9.PICT(*.pic)格式

8.FilmStrip(*.flm)

10.JPNG(*.png)格式

11.PDF(*.pdf)格式

12.TGA(*.tga)格式

7.PCX(*.pcx)格式最早是ZSOFT公司的Paintbrush圖形軟件所支持的圖像格式，支持I～24位的圖像，并可以用RLE的壓縮方式保存文件。能夠對具有大塊相同顏色的圖形進行有效的壓縮，支持RGB、索引顏色、灰度和位圖顏色模式，在RGB顏色模式下還支持Alpha通道。是一種有損壓縮格式，是文件比較小，可以進行高倍率的壓縮，是目前格式中壓縮率非常高的格式之一。AdobePremiere動畫軟件使用的格式，可以在Photoshop中打開、修改并保存。是Adobe公司開發(fā)的用于Windows、MACOS、UNIX和DOS系統(tǒng)的一種電子出版軟件的文檔格式，適用于不同的平臺。專門用于使用rueVision視頻卡的系