Photoshop+Illustrator平面設計案例實戰從入門到精通(視訊自學全彩版)
創銳設計 編著
第1章 平面設計基礎
平面設計是一門曆史悠久、應用廣泛的視覺藝術形式,是現代社會中其他各類設計的基礎。它通過各項基本元素在二維空間的構成，展現出藝術設計的博大精深和無限創意。計算機技術、網絡技術和數位技術的發展,逐漸打破了以往的平面設計法則,使平面設計的各個流程都發生了翻天覆地的變化,讓平面設計擁有了更大的想象空間和創作自由。是以,要想學好平面設計,除了需要了解平面設計的橛念和構成要素等基礎理論外,還需要掌握一些基本的計算機圖形圖像知識。本章就來詳細講解學習平面設計必備的基礎知識。
1.1認識平面設計與平面構成
現代設計門類繁多，包括平面設計、工業設計、建築設計、室内設計、動畫設計等。這些設計門類各自有着獨特的創意手法，但它們都有三個共同的根基—平面構成、色彩構成、立體構成。本節将講解平面設計與平面構成的基本概念，以及平面構成的基本要素。
1.1.1 平面設計與平面構成的基本概念
平面設計是一種以視覺媒介為載體，向大衆傳播資訊的造型性活動，以其獨特的藝術性、專業性在設計領域享有一定的地位。讀書、看報、上網、逛街等社會活動都與平面設計有着千絲萬縷的聯系。
平面構成是把視覺元素在二維平面上按照美的視覺效果和力學原理進行編排群組合，從最純粹的視覺審美和視覺心理的角度尋求組成平面的各種可能性和可行性，是關于平面設計的思維方式和方法論，是以又可以說平面設計是平面構成的具體應用和實施。
平面構成與平面設計的關系如下圖所示。
平面構成按其研究的性質和特點可以分為自然形态構成和抽象形态構成兩大類。其中以自然形态為素材，保持原來形象的基本特征，對動物、植物、工藝品等各種形态的結構、形式和秩序等進行模仿的構成即為自然形态構成，如下左圖所示；抽象形态構成則是指以自然規則與運動規律為主線，利用點、線、面等形态，組合成多種幾何形象的構成，如下右圖所示。抽象形态構成是平面構成中最為常見的構成形式，能給人以無窮的想象空間。
平面構成作為設計的一種思維方式和基礎理論，在實際的設計過程中具有極強的擴充性，将其與富有抽象性和形式感的表現形式相結合，可創作出别具一格的畫面效果。一套正确且完整的平面設計思維流程，首先應當通過理性的分析得到一個抽象的概念，然後在運用中将之具象化後再深入分析、擴充，最後達到成熟階段，如右圖所示。
在實際的設計運用時，需要對視覺的藝術語言有更加深入的了解，要了解造型觀念，熟練掌握各種構成技巧和表現方式。隻有培養出審美觀、提升了美學修養，才能真正地提高創作意識和設計能力，活躍構思，創作出更有感染力的作品。
1.1.2平面構成的基本要素
在平面構成中，視覺思維是不可能憑空産生的，它一定是通過各種抽象或具象的圖形、文字、符号來傳達的。這種思維無論是理性的，還是感性的，都建立在對點、線、面，或圖形、文字、色彩等視覺元素的研究和探讨的基礎上。是以，我們把平面構成的視覺元素分為理性視覺元素和形象視覺元素。其中理性視覺元素包括點、線、面，形象視覺元素則包括圖形、文字和色彩，如下圖所示。
1．理性視覺元素
點、線、面是構成平面設計的理性視覺元素，也是視覺藝術和商業設計中不可缺少的元素，它們的存在構成了富有智慧美的視覺體系，在平面設計中具有無窮無盡的表現力和感染力。在設計中綜合運用點、線、面，可形成一定的視覺語言，激發人們的思想和情感。在千變萬化的視覺空間裡，點、線、面是互相依存、互相作用的，它們在設計構圖中講究一定的比例關系、分割關系、構圖關系等。隻有當點、線、面的位置、大小、形狀、疏密等做到統一協調後，才能創造出具有藝術價值和令人賞心悅目的設計作品。
點是平面設計構成中最具有變化潛力的視覺元素，作為造型元素中的最小機關，在表現時沒有嚴格的限定，可以是一個文字、一個符号或一個圖形等。在平面設計中利用點的數量、位置、形态等進行不同的編排群組合，能給人帶來不同的視覺體驗和情感觸動。如右圖所示的作品将無數圖形作為點，通過疊加、堆積、聚合的方式使畫面具有韻律感。
線是點的延伸，也是平面設計中的重要構成元素，其具有一定的視覺牽引功能，能讓人感受到強烈的空間感。在平面設計中，線随着方向的不斷變化會呈現出不同的視覺效果。因為線在構成中可以有長短、粗細、曲直的變化，是以線的不同造型會給人以很大的差異感。例如：線的粗細變化可以産生遠近效果；線的曲直變化會産生堅硬感和柔軟感等。如右圖所示的作品通過訓示線條突出了商品的賣點，簡單而富有設計感。
面是線移動的軌迹，具有長、寬兩度空間，且具備點和線的一切特征。對于平面設計而言，面是用于協調圖案關系的重要元素，有疊加、切割、削弱等功能，可以平衡空間内的正負感。面在造型中所形成的各種形态，是設計基礎中的重要形态因素，它使平面設計的樣式變得更加豐富多變。如右圖所示的作品即利用不同比例的圖形分割畫面，使畫面具有較強的視覺形式美。
2．形象視覺元素
圖形、文字和色彩作為構成平面設計的形象視覺元素，在平面設計中具有不同的功能與表現形式。
而三者的有機結合應用，可有效地突出平面設計的主題，彰顯平面設計的創意内涵，給予閱聽人完美的視覺體驗，進而發揮出平面設計的藝術效果和資訊傳遞作用。
在平面設計中，圖形作為重要的構成元素，主要以手繪、圖像及符号的形式具體展現，它能有效且迅速地抓住閱聽人的視線，産生瞬間視覺沖擊力，起到迅速、直覺、準确的宣傳作用。如下左圖所示的作品利用不同顔色的鞋子圖像進行展示，将網站銷售的商品直覺地呈現在消費者面前，具有較高的識别性；如下右圖所示的宣傳海報為了突出活動的主題，使用了學士帽、彩旗等進行具體展現，如此既能激起同學們的畢業情懷，也能起到很好的宣傳作用。
文字是情感交流與資訊傳遞的重要媒介，也是平面設計中非常重要的形象視覺元素。合理地運用文字進行平面設計，可以增強視覺傳達效果，提升藝術審美價值。在平面設計作品中添加文字時，要注意文字的可讀性和合理性，避免不合适的文字降低作品品質。下面兩幅圖所示的作品即通過添加文字完善了設計效果，同時深化了作品要表現的主題思想。
相對于平面設計中的圖形要素和文字要素而言，色彩所具有的感染力和視覺沖擊力更加突出。色彩對于“美”的傳遞與展現更為直覺，不同的色彩搭配、排列、融合，都将帶給人不同的視覺體驗和情感體驗，使閱聽人通過色彩感覺平面設計所蘊含的設計創意。進行平面設計時，可以通過色彩的典型性和代表性來傳遞資訊，表現設計主題，如紅色代表熱情、溫暖，黃色代表明快、輝煌，紫色代表高貴、典雅等。下左圖所示為某家居用品店的網頁設計，其通過調整色彩的純度和明度，營造了溫馨的家居
氛圍；下右圖所示的地産廣告選用沉穩的黑色和深褐色為主要配色，以烘托樓盤較高的檔次。
1.2位圖和矢量圖
計算機中的圖像可以分為位圖和矢量圖兩大類。這兩類圖像具有各自的優缺點。在平面設計中将兩者結合運用，可以取長補短，創作出更加出色的作品。
1.2.1 位圖
位圖又稱為點陣圖，它由許多單獨的小方塊組成，這些小方塊稱為像素點。組成位圖的每個像素點都有特定的位置和顔色值。不同排列方式和顔色值的像素點組合在一起會構成不同的畫面效果，是以，位圖的顯示效果與像素點是緊密聯系在一起的。像素點越多，位圖的分辨率越高，相應的圖像檔案越大，所需要的存儲空間也越大。
位圖的優點是隻要有足夠多不同顔色值的像素點，就可以呈現出顔色豐富的圖像，逼真地表現自然界的景象；缺點則是在縮放或旋轉時容易造成圖像的失真。如右圖所示為一幅位圖及其局部放大效果，可以看見放大後圖像中的一個個像素點。
1.2.2 矢量圖
矢量圖又稱為向量圖，它以數學公式定義的直線和曲線來記錄圖像内容，當使用者檢視矢量圖檔案時，計算機程式再根據這些公式繪制出圖像顯示在螢幕上。矢量圖檔案中的圖形元素稱為對象。每個對象自成一體，具有顔色、形狀、輪廓、大小和螢幕位置等屬性。
矢量圖的優點是所占存儲空間較小，可以無級縮放或旋轉，圖像不會變形或産生鋸齒效果，并且可以在任何輸出裝置上以最高分辨率輸出；缺點是難以表現顔色層次豐富的逼真圖像效果。如下圖所示為一幅矢量圖及其局部放大效果，可以看見放大後的圖像仍然保持清晰的邊緣。
1.3檔案格式
完成平面設計作品制作後，需要選擇一種合适的檔案格式來存儲作品。本書采用的平面設計軟體Photoshop和Illustrator可将設計作品儲存為多種檔案格式。在這些檔案格式中，既有Photoshop和Illustrator專用的格式，也有通用性較強、适用于多種作業系統和應用軟體的格式。下面對其中幾種比較常用的格式進行講解。
PSD格式
PSD格式的全稱是Photoshop Document，檔案擴充名為“.psd”。這種格式是Photoshop的專用格式，可以存儲Photoshop中所有的圖層、通道、參考線、注解和顔色模式等資訊，以友善随時編輯和修改。若作品中包含圖層，則一般都用PSD格式儲存。PSD格式在儲存時會将檔案壓縮，以減少占用的磁盤空間，但PSD格式檔案所包含的圖像資料資訊較多，因而還是比其他格式的圖像檔案大得多。
AI格式
AI格式的全稱是Adobe Illustrator，檔案擴充名為“.ai”。顧名思義，這種格式是Illustrator的專用格式。AI格式檔案與PSD格式檔案的相同點是都支援圖層操作，不同點是AI格式檔案是基于矢量圖輸出，可在任何尺寸下按最高分辨率輸出，而PSD格式檔案是基于位圖輸出。
EPS格式
EPS格式的全稱是Encapsulated PostScript，主要用于矢量圖和位圖的存儲。它是一種跨平台的标準格式，在PC平台上的檔案擴充名是“.eps”，在Macintosh平台上的檔案擴充名是“.epsf”。EPS格式采用PostScript語言描述圖像資訊，并且可以儲存一些其他類型的資訊，如多色調曲線、Alpha通道、分色、剪輯路徑、挂網資訊等，因而常用于印刷或列印輸出。
JPEG格式
JPEG是Joint Photographic Experts Group的縮寫，這種格式是常見的一種位圖圖像格式，其擴充名為“.jpg”或“.jpeg”。JPEG格式檔案利用較先進的有損壓縮算法去除備援的圖像和顔色資料，在獲得極高壓縮比率的同時仍能展現豐富生動的圖像，簡單來說，就是可以在占用較少的磁盤空間的同時保持較好的圖像品質。該格式提供多個壓縮比率，通常在10∶1～40∶1之間。壓縮比率越高，
得到的圖像品質越差，占用的存儲空間也越小。使用者利用這些壓縮比率可以靈活地在圖像品質和檔案大小之間取得平衡。
TIFF格式
TIFF格式的全稱是Tagged Image File Format，檔案擴充名為“.tif”或“.tiff”。TIFF格式檔案支援256色、24位真彩色、32位色、48位色等多種顔色位數，并且支援RGB、CMYK等多種顔色模式。另外，TIFF格式檔案可以使用壓縮方式存儲，支援LZW、ZIP、JPEG等多種壓縮方式。幾乎所有的繪畫、圖像編輯和頁面排版應用程式都支援TIFF格式。
PNG格式
PNG格式的全稱是Portable Network Graphics，檔案擴充名為“.png”。它是一種專為網絡傳輸開發的位圖檔案格式，與JPEG格式一樣都與平台無關。PNG格式支援進階别無損壓縮，用于存儲灰階圖像時，圖像深度最高可達16位，存儲彩色圖像時，圖像深度最高可達48位，并且還可存儲多達16位的通道資料。此外，PNG格式還支援Alpha通道透明度和交錯處理，因而被廣泛應用于網頁制作。在遊戲和手機應用程式開發等領域，該格式也得到大量應用。