平面設計培訓PPT課件

1、4:40 AM11 1平面設計簡介平面設計簡介1. 1. 平面設計平面設計及類型及類型2. 2. 平面設計的元素平面設計的元素3. 3. 平面設計的過程平面設計的過程4. 4. 平面設計的工具平面設計的工具2 2圖像的基本概念圖像的基本概念1. 1. 圖像種類圖像種類2. 2. 像素和分辨率像素和分辨率3. 3. 常用文件格式常用文件格式4. 4. 常見的顏色模式常見的顏色模式3 3色彩的配搭色彩的配搭1. 1. 十種基本的配色設計十種基本的配色設計2. 2. 六種配色理念六種配色理念第1頁/共52頁4:40 AM2 平面設計plane design/graphic design, 以“視覺”

2、作為溝通和表現(xiàn)的方式，透過多種方式來創(chuàng)造或結(jié)合符號、圖片和文字，借此作出用來傳達想法或訊息的視覺表現(xiàn)。 從范圍來講用來印刷的都和平面設計有關(guān)，從功能來講稱之為視覺傳達，即用視覺語言進行傳遞信息和表達觀點。 目前常見的平面設計項目，包括以下幾類：網(wǎng)頁設計、包裝設計、DM廣告設計、海報設計、平面媒體廣告設計、書籍設計、刊物設計、VI設計等。 第2頁/共52頁4:40 AM31.字體設計第3頁/共52頁4:40 AM42.標志設計第4頁/共52頁4:40 AM53.書籍設計第5頁/共52頁4:40 AM64.包裝設計第6頁/共52頁4:40 AM75.廣告設計第7頁/共52頁4:40 AM86.企業(yè)

3、形象設計第8頁/共52頁4:40 AM97.網(wǎng)頁設計第9頁/共52頁4:40 AM108.海報設計第10頁/共52頁4:40 AM11平面設計的元素平面設計的元素1.概念元素：所謂概念元素是那些不實際存在的，不可見的，但人們的意識又能感覺到的東西。例如我們看到尖角的圖形，感到上面有點，物體的輪廓上有邊緣線。概念元素包括：點、線、面。2.視覺元素：概念元素不在實際的設計中加以體現(xiàn)，它將是沒有意義的。概念元素通常是通過視覺元素體現(xiàn)的，視覺元素包括圖形的大小、形狀、色彩等。3.關(guān)系元素：視覺元素在畫面上如何組織、排列，是靠關(guān)系元素來決定的。包括：方向、位置、空間、重心等。4.實用元素：指設計所表達的

4、含義、內(nèi)容、設計的目的及功能。第11頁/共52頁4:40 AM12 平面設計的過程是有計劃有步驟的漸進式不斷完善的過程，設計的成功與否很大程度上取決于理念是否準確，考慮是否完善。設計之美永無止境，完善取決于態(tài)度。 1 1、調(diào)查 調(diào)查是了解事物的過程，設計需要的是有目的和完整的調(diào)查。背景、市場調(diào)查、行業(yè)調(diào)查（關(guān)于品牌、受眾、產(chǎn)品）、關(guān)于定位、表現(xiàn)手法、調(diào)查是設計的開始和基礎(chǔ)（背景知識）。 2 2、內(nèi)容 內(nèi)容分為主題和具體內(nèi)容兩部分，這是設計師在進行設計前的基本材料。 3 3、理念 構(gòu)思立意是設計的第一步，在設計中思路比一切更重要。理念一向獨立于設計之上。也許在你的視覺作品中傳達出理念是最難的一件

5、事。 平面設計的過程平面設計的過程第12頁/共52頁4:40 AM13 4、調(diào)動視覺元素 在設計中基本元素相當于你作品的構(gòu)件，每一個元素都要有傳遞和加強傳遞信息的目的。 在一個版面之中，構(gòu)成元素可以根據(jù)類別來進行劃分，如可以分為： 標題、內(nèi)文、背景、色調(diào)、主體圖形、留白、視覺中心等等。平面設計版面就是把不同元素進行有機結(jié)合的過程。 第13頁/共52頁4:40 AM145、選擇表現(xiàn)手法 手法即是技巧，在視覺產(chǎn)品泛濫的今天要想把受眾打動以并非易事，更多的視覺作品已被人們的眼睛自動的忽略掉了。在三大構(gòu)成中很多種圖形的處理和表現(xiàn)手法，如對比、類比、夸張、對稱、主次、明暗、變異、重復、矛盾、放射、節(jié)奏、

6、粗細、冷暖、面積等形式。另外還有從圖形處理的效果上又有手繪類效果，如油畫、鉛筆、水彩、版畫、蠟筆、涂鴉還有其他的如攝影、老照片、等等。第14頁/共52頁4:40 AM156、平衡 平衡能帶來視覺及心理的滿足，設計師要解決畫面當中力場的平衡，前后銜接的平衡，平衡與不平衡是相對的，以是否達到主題要求為標準。平衡分為對稱平衡和不對稱平衡，包括點、線、面、色、空間的平衡。 7、出彩 記住，你要創(chuàng)造出視覺興奮點來升華你的作品。 8、關(guān)于風格 作為設計師，固定風格的形成意味著自我的僵死，但風格同時又是一個設計師性格、喜好、閱歷、修養(yǎng)的反映，也是設計師成熟的標志，以為了解大同，才能獨走邊緣。 9、制作 檢查

7、項目包括：圖形、字體、內(nèi)文、色彩、編排、比例 要求：視覺的想象力和效果要賞心悅目，而更重要的是被受眾理解！ 第15頁/共52頁4:40 AM16平面設計的工具平面設計的工具 平面設計的工具可劃分為圖像繪制和圖像處理兩個部分，下面簡單介紹這方面一些常用軟件：Adobe Photoshop這款美國Adobe公司的軟件一直是圖像處理領(lǐng)域的巨無霸,在出版印刷、廣告設計、美術(shù)創(chuàng)意、圖像編輯等領(lǐng)域得到了極為廣泛的應用。第16頁/共52頁4:40 AM17 Adobe Illustrator Adobe Illustrator是美國ADOBE(奧多比)公司推出的專業(yè)矢量繪圖工具，是出版、多媒體和在線圖像的工

8、業(yè)標準矢量插畫軟件。Illustrator 不僅僅是一個藝術(shù)產(chǎn)品工具，其能適合大部分小型設計到大型的復雜項目。 CorelDraw CorelDraw是Corel公司推出的集矢量圖形設計、印刷排版、文字編輯處理和圖形高品質(zhì)輸出于一體的平面設計軟件，深受廣大平面設計人員的喜愛，目前主要在廣告制作、圖書出版等方面得到廣泛的應用，功能與其類似的軟件有Illustrator、Freehand。第17頁/共52頁4:40 AM18CorelDraw Maya 第18頁/共52頁4:40 AM19Adobe Photoshop Maya 第19頁/共52頁4:40 AM20Freehand Maya 第2

9、0頁/共52頁4:40 AM21Adobe Illustrator Maya 第21頁/共52頁4:40 AM22Maya Maya 第22頁/共52頁4:40 AM23page maker Maya 第23頁/共52頁4:40 AM24 Adobe Indesign PageMaker Freehand QuarkXPress Fireworks Flash第24頁/共52頁4:40 AM25 圖像的基本概念圖像的基本概念圖像種類圖像種類1.矢量圖形（Vector）： 矢量又稱“向量”，矢量圖形中的圖形元素（點和線段）稱為對象，每個對象都是單獨的個體，它具有大小、方向、輪廓、顏色和屏幕位置等

10、屬性。矢量圖形就是用數(shù)學的方法通過計算機語言來繪制矩形等而成。第25頁/共52頁4:40 AM262.位圖圖像（Bitmap）： 位圖又稱為點陣圖、像素圖或柵格圖像，是由稱作像素（柵格）的單個點組成。這些點可以進行不同的排列和染色以構(gòu)成圖樣。第26頁/共52頁4:40 AM27 矢量圖特點： 能重現(xiàn)清晰的輪廓，線條非常光滑、且具有良好的縮放性；圖形、文字編輯能力強；與位圖相比，在顯示和打印方面都快的多。 但圖形不真實生動，顏色不豐富，無法像照片一樣真實地再現(xiàn)這個世界的景色。 常用的矢量繪圖軟件：Illustrator、CorelDraw、FreeHand、AutoCAD、Flash等。 位圖特

11、點： 位圖圖像善于重現(xiàn)顏色的細微層次，能夠制作出色彩和亮度變化豐富的圖像，可逼真地再現(xiàn)這個世界。 文件龐大，不能隨意縮放；打印和輸出的精度是有限的； 常用的位圖軟件：Photoshop、Photo Painter、Photo Impact、Paint Shop Pro、Painter等。 第27頁/共52頁4:40 AM28像素與分辨率像素與分辨率 像素：像素是構(gòu)成圖像的最基本元素，它實際上一個個獨立的小方格，每個像素都能記錄它所在的位置和顏色信息。 右圖中每一個小方格就是一個像素點，它記載著圖像的各種信息。第28頁/共52頁4:40 AM29 圖像分辨率：是指組成一幅圖像的像素密度的度量方法

12、。同樣的圖，圖像像素數(shù)目越多，圖像的分辨率越高，看起來就越逼真。反之，圖像顯得越粗糙。 分辨率：單位長度內(nèi)(通常是一英寸)像素點的數(shù)量多少。針對不同的輸出要求對分辨率的大小也不一樣，如常用的屏幕分辨率為72像素/英寸，而普通印刷的分辨率為300像素/英寸。 第29頁/共52頁4:40 AM30一張72 ppi分辨率11英寸的圖像（像素數(shù)為7272=5184）和一張尺寸同為11英寸但分辨率為300ppi的圖像（像素數(shù)為300300=90000），在同樣放大200%時，可以看到分辨率為300 ppi的明顯比72ppi的清晰，如圖所示。第30頁/共52頁4:40 AM31常用文件格式：常用文件格式：

13、 PSD：Photoshop存儲的默認格式，支持PS處理的任何內(nèi)容（如圖層、通道、色彩信息、文字等）、支持無損壓縮。唯一能夠支持全部圖像色彩模式的格式?？珊喜觼頊p少圖像大小。在壓縮圖像方面強于TIFF格式。在應用軟件中After Effects和Corel Photo-paint支持。 EPS（Encapsulated PostScript）：是一種通用的行業(yè)標準格式，應用于繪圖、排版和印刷，最大優(yōu)點是可以在軟件中以低分辨率預覽，將插入的文件進行編輯排版，而在打印或出膠片時則以高分辨率輸出，做到工作效率與圖像輸出質(zhì)量兩不誤。 JPEG（Join Photographic Experts Gr

14、oup）：是最常用的一種圖像格式，也是一種壓縮（有損的）方法，用于圖像壓縮的一種工業(yè)標準文件格式。支持RGB模式、索引模式、灰度模式和位圖色彩模式，但不支持通道。第31頁/共52頁4:40 AM32GIF（Graphic Information Format）：是一種使用LZW（Lempel Ziv Welch）的無損壓縮。常用于WEB上使用的圖像，只能表達256級色彩。PNG（Portable Network Graphics）：是專門為Web創(chuàng)造的，將GIF和JPEG最好的特性結(jié)合起來。和GIF格式不同的是，PNG格式并不限于256色，可支持24位圖像，通過保存一個Alpha 通道來定義透

15、明區(qū)域，產(chǎn)生沒有鋸齒邊緣的透明區(qū)域。支持灰度、索引顏色和RGB模式。TIFF（Tagged Image File Format）：具有跨平臺的兼容性。在排版上廣泛的應用且是圖像處理程序中所支持的最通用文件格式。保存剪貼路徑、圖層、Alpha和專色通道、注釋及其他一些選項。最大優(yōu)點是圖像不受操作平臺的限制。主要是為了便于應用軟件之間進行圖像數(shù)據(jù)交換。大多數(shù)掃描儀都輸出TIFF格式的圖像文件。第32頁/共52頁4:40 AM33 CDR：CorelDRAW專用的矢量圖形格式。與其他軟件、圖形格式的交流不是很好，但有許多獨特的性質(zhì)，保存了CorelDRAW文件中的全部素材，使得CDR文件格式在很多行

16、業(yè)中非常流行，應用非常廣泛。 AI：Adobe Illustrator采用的標準矢量圖形格式，用于記錄不同的線條組成的圖像文件，與PageMaker之間的兼容性非常好，也可兼容CorelDRAW、Flash等軟件。常用于出版印刷行業(yè)，所保存的信息比WMF多。第33頁/共52頁4:40 AM34常見顏色模式常見顏色模式 配制顏色的方式。顏色模式用于確定圖像中顯示的顏色數(shù)量外，還影響通道數(shù)和圖像的文件大小 。不同的顏色模式，表示圖像中像素點采用的不同顏色描述方法。 灰度模式： 灰度圖可以表現(xiàn)從黑到白的整個系列灰色色調(diào)?？僧a(chǎn)生28=256級灰度（0表示純白，256為純黑），灰度圖就是用這256級灰度

17、值來表現(xiàn)圖片內(nèi)容的。 RGB顏色： 源于色光三原色，是一種發(fā)光屏幕的加色模式，所有其他顏色都通過紅、綠、藍三種顏色疊加而形成。是PS默認的色彩模式。R（Red）紅色、G（Green）綠色、B（Blue）藍色，值分別為0255。將紅、綠、藍3種顏色的光混合起來產(chǎn)生顏色，稱為加色法。加色法中，沒有光線存在時的顏色是黑色（R、G、B值都為0）；所有的光都為最大 值（255）時的顏色是白色。第34頁/共52頁4:40 AM35 CMY模式 這種模式是通過吸收白光中的某些顏色，而反射其他的色光而表現(xiàn)顏色的，所以也稱為減色法。RGB和CMY是互逆的。CMYK模式 CMYK模式除用來表現(xiàn)色彩的CMY三色以外

18、，為了增強印刷效果的逼真度，增加了一種顏色黑色。青（Cyan）、洋紅（Magenta）、黃（Yellow）、黑（Black）。在Photoshop中，CMYK的圖像是通過4個通道來體現(xiàn)的，它比相同幅面的RGB圖像文件大33%，且正好是灰度圖文件的4倍。印刷中使用的是減色法，因此決定了不能印刷RGB色,，因此在印刷時，常要進行RGB色到CMYK色的轉(zhuǎn)換。第35頁/共52頁4:40 AM36第36頁/共52頁4:40 AM37第37頁/共52頁4:40 AM38第38頁/共52頁4:40 AM39第39頁/共52頁4:40 AM40第40頁/共52頁4:40 AM41第41頁/共52頁4:40 A

19、M42第42頁/共52頁4:40 AM43第43頁/共52頁4:40 AM44第44頁/共52頁4:40 AM45色彩的配搭色彩的配搭 在平面設計中，色彩永遠是最重要的一環(huán)。一個顏色的效果是由多種因素來決定的：反射的光，周邊搭配的色彩，或是觀看者的欣賞角度。 當我們距離一份平面設計作品較遠的時候，我們看到的不是優(yōu)美的版式或者是美麗的圖片，而是色彩。關(guān)于色彩的原理有許多，在此我不可能一一闡述，大家可以看看相關(guān)設計書籍，有利于系統(tǒng)地理解。下面是一些配色的小技巧。第45頁/共52頁4:40 AM46十種基本的配色設計第46頁/共52頁4:40 AM47第47頁/共52頁4:40 AM48六種配色理念

20、 基本配色強烈 最有力的色彩組合是充滿刺激的快感和支配的欲念，不管顏色是怎么組合，紅色絕對是少不了的。 紅色是最終力量來源強烈、大膽、極端。 力量的色彩組合象征人類最激烈的感情：愛、恨、 情、仇，表現(xiàn)情感的充分發(fā)泄。 基本配色豐富 要表現(xiàn)色彩里的濃烈、富足感可藉由組合一個有力的色彩和它暗下來的補色。例如，深白蘭地酒紅色就是在紅色中加了黑色，就像產(chǎn)自法國葡萄園里陳年純美的葡萄酒，象征財富。白蘭地酒紅色和深森林綠如果和金色一起使用可表現(xiàn)富裕。這些深色、華麗的色彩用在各式各樣的織料上，如皮革和波紋皺絲等等，可創(chuàng)造出戲劇性、難以忘懷的效果。這些色彩會給人一種財富和地位的感覺。 第48頁/共52頁4:40 AM49 基本配色浪漫 粉紅代表浪漫。粉紅色是把數(shù)量不一的白色加在紅色里面，造成一種明亮的紅。 象紅色一樣，粉紅色會引起人的興趣與快感，但是比較柔和、寧靜的方式進行。 浪漫色彩設計，藉由使用粉紅、淡紫和桃紅（略帶鮮艷的粉紅色），會令人覺得 柔和、典雅。和其它明亮的粉彩配合起來，紅色會讓想起夢幻般的6月天