內容簡介
本書是講解商業平面設計的全實例教程,以深入淺出、直觀易懂的講解方式,將Photoshop和Illustrator合二為一,使讀者在學習案例操作的過程中掌握更多的軟體實用功能。
本書由平面設計基礎知識、商業名片設計、UI圖示及界面設計、藝術POP廣告設計、DM廣告設計、精美海報設計、封面裝幀設計及商業包裝設計八部分組成,案例經典,具有較強的針對性和實用性。本書在講解過程中詳細分析每個案例的操作步驟,全面解析實例的製作方法,為讀者提供廣泛的設計思路,使讀者在學習的過程中逐漸感受平面設計的無窮魅力。
本書提供教學光碟,包括書中所有案例的素材檔案及效果檔案,同時還提供了所有實例的操作講解視頻,讀者可以配合學習,提高效率。此外,為方便老師教學,本書還配套提供PPT教學課件,真正物有所值。
本書適合想要從事平面廣告設計、工業設計、企業形象策劃、產品及包裝造型、印刷排版等工作的讀者學習使用,同時,也可以作為培訓機構、大中專院校相關專業的教學參考書或上機實踐指導用書。
圖書目錄
第 1章 平面設計基礎知識 .................10
1.1 平面設計的基本概念 ............................ 11
1.2 平面設計的一般流程 ............................ 11
1.3 平面設計常用軟體 ................................ 11
1.4 平面廣告軟體套用範圍 ........................ 13
1.5 平面設計常用尺寸 ................................ 16
1.6 印刷輸出知識 ........................................ 16
1.7 印刷的分類 ............................................ 17
1.8 平面設計師職業簡介 ............................ 17
1.9 顏色的基本原理與概念 ........................ 18
1.9.1 色彩原理 ......................................................................18
1.9.2 原色 ..............................................................................19
1.9.3 色調、色相、飽和度、對比度 ..................................19
1.9.4 色彩模式 ......................................................................20
1.10 圖像基礎知識 ...................................... 22
1.10.1 認識點陣圖和矢量圖 ....................................................22
1.10.2 認識位深度 ................................................................23
1.10.3 像素尺寸和列印解析度 ............................................23
1.10.4 認識圖像格式 ............................................................24
第 2章 商業名片設計 ........................26
2.1 名片的相關知識 .................................... 27
2.1.1 名片的分類 ..................................................................27
2.1.2 名片的構成 ..................................................................27
2.1.3 名片設計尺寸 ..............................................................28
2.1.4 常用名片樣式 ..............................................................28
2.1.5 名片設計規範 ..............................................................29
2.1.6 名片保存規範 ..............................................................29
2.1.7 名片顏色規範 ..............................................................30
2.2 卡通名片設計 ........................................ 30
2.2.1 使用Illustrator製作卡通名片正面效果 ......................30
2.2.2 使用Illustrator製作卡通名片背面效果 ......................33
2.2.3 使用Photoshop製作卡通名片立體效果 .....................35
2.3 科技公司名片設計 ................................ 37
2.3.1 使用Illustrator製作科技公司名片正面效果 ..........37
2.3.2 使用Illustrator製作科技公司名片背面效果 ..............38
2.3.3 使用Photoshop製作科技公司名片立體效果 .............39
2.4 印刷公司名片設計 ................................ 40
2.4.1 使用Illustrator製作印刷公司名片正面效果 ...........40
2.4.2 使用Illustrator製作印刷公司名片背面效果 ..............41
2.4.3 使用Photoshop製作印刷公司名片立體效果 .............42
2.5 環球貿易名片設計 ................................ 44
2.5.1 使用Illustrator製作環球貿易名片正面效果 ..........44
2.5.2 使用Illustrator製作環球貿易名片背面效果 ..........46
2.5.3 使用Photoshop製作環球貿易名片立體效果 ..........46
2.6 運動名片設計 ........................................ 49
2.6.1 使用Illustrator製作運動名片正面效果 ..................49
2.6.2 使用Illustrator製作運動名片背面效果 ......................50
2.6.3 使用Photoshop製作運動名片立體效果 .....................51
2.7 車行名片設計 ........................................ 55
2.7.1 使用Photoshop製作車行名片背景效果 .....................55
2.7.2 使用Illustrator製作車行名片正面效果 ......................58
2.7.3 使用Illustrator製作車行名片背面效果 ......................60
2.7.4 使用Photoshop製作車行名片立體效果 .....................61
2.8 時尚名片設計 ........................................ 64
2.8.1 使用Illustrator製作時尚名片正面效果 ......................64
2.8.2 使用Illustrator製作時尚名片背面效果 ......................65
2.8.3 使用Photoshop製作時尚名片立體效果 .....................66
2.9 美容院名片設計 .................................... 68
2.9.1 使用Illustrator製作美容院名片正面效果 ..................69
2.9.2 使用Illustrator製作美容院名片背面效果 ..................71
2.9.3 使用Photoshop製作美容院名片立體效果 .................72
2.10 網路時代名片設計 .............................. 74
2.10.1 使用Illustrator製作網路時代名片正面效果 ............74
2.10.2 使用Illustrator製作網路時代名片背面效果 ............76
2.10.3 使用Photoshop製作網路時代名片立體效果 ...........77
2.11 社交公司名片設計 ............................... 79
2.11.1 使用Illustrator製作社交公司名片正面效果 ............79
2.11.2 使用Illustrator製作社交公司名片背面效果 ............80
2.11.3 使用Photoshop製作社交公司名片立體效果 ...........81
2.12 本章小結 .............................................. 83
2.13 課後習題 .............................................. 83
2.13.1 課後習題1—網路公司名片設計 ...........................83
2.13.2 課後習題2—地產公司名片設計 ...........................83
2.13.3 課後習題3—數碼公司名片設計 ...........................84
第3章 UI圖示及界面設計 ................85
3.1 UI設計相關知識 .................................... 86
3.1.1 認識UI設計 ..................................................................86
3.1.2 常用單位解析 ..............................................................86
3.1.3 常用圖像格式 ..............................................................87
3.1.4 UI設計準則 ..................................................................87
3.1.5 UI設計與團隊合作關係 ..............................................88
3.1.6 智慧型手機作業系統簡介 ..............................................88
3.1.7 UI設計配色秘籍 ..........................................................89
3.1.8 設計色彩學 ..................................................................91
3.2 糖果進度條設計 .................................... 93
3.2.1 使用Photoshop製作漸變背景 .....................................93
3.2.2 定義圖案並填充 ..........................................................94
3.2.3 繪製進度條 ..................................................................96
3.2.4 製作條紋效果 ..............................................................98
3.3 iOS相冊圖示設計 .................................. 99
3.3.1 使用Photoshop製作漸變背景 .....................................99
3.3.2 繪製相冊圖形 ............................................................100
3.4 音樂圖示設計 ...................................... 101
3.4.1 使用Photoshop製作音樂背景 ...................................101
3.4.2 添加符號素材並處理 ................................................103
3.5 信箱圖示設計 ...................................... 104
3.5.1 使用Photoshop繪製圖形並添加樣式 .......................105
3.5.2 製作陰影效果 ............................................................108
3.6 啟動旋鈕設計 ...................................... 108
3.6.1 使用Photoshop繪製旋鈕主體 ...................................109
3.6.2 添加質感及文字 ........................................................112
3.7 播放器圖示設計 .................................. 113
3.7.1 使用Photoshop繪製主體圖形 ...................................113
3.7.2 添加質感及文字 ........................................................116
3.7.3 添加控制項素材 ............................................................119
3.8 進度旋鈕設計 ...................................... 119
3.8.1 使用Photoshop繪製進度旋鈕輪廓 ...........................120
3.8.2 製作進度效果 ............................................................121
3.8.3 繪製內部圖形 ............................................................122
3.9 時鐘圖示設計 ...................................... 123
3.9.1 使用Photoshop繪製時鐘主體 ............................................. 123
3.9.2 繪製錶針效果 ............................................................125
3.10 遊戲圖示設計 .................................... 126
3.10.1 使用Photoshop繪製圓角矩形 .................................126
3.10.2 繪製圖示內容 ..........................................................127
3.10.3 添加光暈效果 ..........................................................129
3.11 空調控制項設計 ..................................... 130
3.11.1 使用Photoshop繪製矩形並添加樣式 .....................130
3.11.2 繪製顯示屏效果 ......................................................131
3.11.3 添加圖示素材 ..........................................................133
3.11.4 繪製立體按鈕 ..........................................................134
3.12 個人社交信息界面設計 ............................137
3.12.1 使用Photoshop製作背景並繪製圖形 .....................137
3.12.2 添加頭像及其他內容 ..............................................138
3.13 會員登錄界面設計 ............................ 139
3.13.1 使用Photoshop製作背景並繪製圖形 .....................139
3.13.2 添加素材及文字 ......................................................140
3.14 社交套用登錄界面設計.......................................140
3.14.1 使用Photoshop製作背景並繪製圖形 .....................141
3.14.2 添加文字 ..................................................................142
3.14.3 製作細節圖像 ..........................................................145
3.15 本章小結 ............................................ 146
3.16 課後習題 ............................................ 146
3.16.1 課後習題1—扁平相機圖示 ................................146
3.16.2 課後習題2—鋼琴圖示 ........................................147
3.16.3 課後習題3—木質登錄界面 ................................147
3.16.4 課後習題4—日曆和天氣圖示 ............................148
3.16.5 課後習題5—概念手機界面 ................................148
第4章 藝術POP廣告設計 ...............149
4.1 POP廣告相關知識 ............................... 150
4.1.1 POP廣告的功能 .........................................................150
4.1.2 POP廣告的分類 .........................................................151
4.1.3 POP廣告主要表現形式 .............................................151
4.2 沙灘風情POP設計 ............................... 153
4.2.1 使用Photoshop製作背景 ...........................................153
4.2.2 使用Illustrator添加素材並處理 ................................155
4.2.3 添加文字效果 ............................................................156
4.3 美食POP設計 ....................................... 157
4.3.1 使用Photoshop製作背景 ...........................................157
4.3.2 添加陰影 ....................................................................158
4.3.3 使用Illustrator繪製圖形 ............................................159
4.3.4 添加食品素材 ............................................................160
4.3.5 添加裝飾文字 ............................................................161
4.4 手機POP設計 ....................................... 162
4.4.1 使用Photoshop製作背景 ...........................................162
4.4.2 添加素材並處理 ........................................................164
4.4.3 添加特效 ....................................................................167
4.4.4 使用Illustrator添加說明文字 ................................................ 168
4.5 美食套餐POP設計 ............................... 168
4.5.1 使用Photoshop製作漸變背景 ...................................168
4.5.2 添加美食素材 ............................................................169
4.5.3 使用Illustrator添加文字和裝飾 ................................170
4.6 節日折扣POP設計 ............................... 171
4.6.1 使用Illustrator製作漸變背景 ....................................171
4.6.2 繪製線條圖形 ............................................................172
4.6.3 使用Photoshop繪製圓形效果 ...................................173
4.6.4 複製圖形並藝術處理 ................................................175
4.6.5 添加提包素材和文字 ................................................177
4.7 本章小結 .............................................. 180
4.8 課後習題 .............................................. 180
4.8.1 課後習題1——地產POP設計 ...................................180
4.8.2 課後習題2——通信POP設計 ...................................180
4.8.3 課後習題3——蛋糕POP設計 ...................................181
第5章 DM廣告設計 ........................182
5.1 DM廣告相關知識 ................................ 183
5.1.1 DM廣告的概念 ..........................................................183
5.1.2 DM廣告的表現形式 ..................................................183
5.1.3 DM廣告的分類 ..........................................................183
5.1.4 DM廣告的優點 ..........................................................184
5.1.5 DM廣告的設計要點 ..................................................185
5.2 手機DM單廣告設計 ............................ 185
5.2.1 使用Photoshop製作背景 ...........................................185
5.2.2 添加素材並處理 ........................................................187
5.2.3 繪製光線效果 ............................................................189
5.2.4 添加素材並製作光暈 ................................................190
5.2.5 使用Illustrator添加藝術文字 ....................................192
5.3 活動DM單廣告設計 ............................ 193
5.3.1 使用Photoshop新建畫布並製作特效 .......................193
5.3.2 細化裝飾部分 ............................................................195
5.3.3 使用Illustrator繪製圖形並添加素材 ........................197
5.3.4 使用Photoshop繪製三角形裝飾 ...............................198
5.3.5 添加形狀特效 ............................................................200
5.3.6 繪製圖形 ....................................................................201
5.4 知識競賽DM單廣告設計 .................... 202
5.4.1 使用Illustrator製作背景 ............................................202
5.4.2 使用Photoshop繪製圖形並添加文字 .......................204
5.4.3 添加裝飾效果 ............................................................206
5.5 購物DM單廣告設計 ............................ 208
5.5.1 使用Photoshop製作花紋背景 ...................................208
5.5.2 使用Illustrator添加藝術文字 ....................................211
5.5.3 繪製裝飾圖形 ............................................................212
5.6 折扣DM單廣告設計 ............................ 213
5.6.1 使用Illustrator製作背景 ............................................213
5.6.2 使用Photoshop填充漸變 ...........................................215
5.6.3 製作馬賽克特效 ........................................................215
5.6.4 添加文字和素材 ........................................................217
5.6.5 製作光暈效果 ............................................................218
5.7 本章小結 .............................................. 219
5.8 課後習題 .............................................. 219
5.8.1 課後習題1——街舞三折頁DM廣告設計 ................219
5.8.2 課後習題2——地產DM單頁廣告設計 ....................219
5.8.3 課後習題3——酒吧DM單廣告設計 ........................220
第6章 精美海報設計 ......................221
6.1 海報設計相關知識 .............................. 222
6.1.1 海報的特點 ................................................................222
6.1.2 海報的功能 ................................................................223
6.1.3 海報的設計原則 ........................................................223
6.1.4 海報的表現手法 ........................................................224
6.2 汽車音樂海報設計 .............................. 225
6.2.1 使用Illustrator製作背景 ............................................226
6.2.2 使用Photoshop添加素材並繪製陰影 .......................227
6.2.3 添加水素材 ................................................................228
6.2.4 繪製圖形並添加文字 ................................................228
6.2.5 添加裝飾文字並提升對比度 ....................................232
6.3 草莓音樂吧海報設計 .......................... 233
6.3.1 使用Illustrator製作背景 ............................................233
6.3.2 使用Photoshop添加素材並添加樣式 .......................235
6.3.3 調整海報色彩 ............................................................236
6.3.4 添加模糊及畫筆特效 ................................................237
6.3.5 添加文字效果 ............................................................238
6.4 地產海報設計 ...................................... 239
6.4.1 使用Photoshop製作海報背景 ...................................240
6.4.2 使用Illustrator繪製圖形 ............................................242
6.4.3 添加藝術文字 ............................................................243
6.5 飲料海報設計 ...................................... 245
6.5.1 使用Illustrator製作背景 ............................................245
6.5.2 使用Photoshop添加素材並處理 ...............................246
6.5.3 繪製光線特效 ............................................................248
6.5.4 添加文字並增強對比 ................................................250
6.6 本章小結 .............................................. 251
6.7 課後習題 .............................................. 251
6.7.1 課後習題1——3G宣傳海報設計 .............................252
6.7.2 課後習題2——招聘海報設計 ..................................252
6.7.3 課後習題3—環保手機海報設計 ..........................253
第7章 封面裝幀設計 ......................254
7.1 封面設計相關知識 .............................. 255
7.1.1 常用術語解析 ............................................................255
7.1.2 文字編排的套用 ........................................................256
7.1.3 文字設計技巧 ............................................................260
7.1.4 圖片設計技巧 ............................................................262
7.1.5 色彩設計技巧 ............................................................263
7.2 科技封面裝幀設計 .............................. 263
7.2.1 使用Illustrator製作平面效果 ....................................264
7.2.2 添加裝飾素材及文字 ................................................266
7.2.3 使用Photoshop處理封面圖形 ...................................267
7.2.4 變形封面圖形 ............................................................268
7.2.5 製作立體效果 ............................................................268
7.3 工業封面裝幀設計 .............................. 271
7.3.1 使用Illustrator製作平面效果 ....................................271
7.3.2 使用Photoshop製作立體效果 ...................................273
7.3.3 製作陰影效果 ............................................................275
7.4 印刷封面裝幀設計 .............................. 277
7.4.1 使用Illustrator製作封面平面效果 ............................277
7.4.2 使用Photoshop製作封面立體效果 ...........................280
7.5 汽車畫冊封面裝幀設計 ....................... 282
7.5.1 使用Illustrator製作平面效果 ....................................282
7.5.2 使用Photoshop製作立體效果 ...................................284
7.6 本章小結 .............................................. 287
7.7 課後習題 .............................................. 287
7.7.1 課後習題1——地產雜誌封面設計 ..........................287
7.7.2 課後習題2——公司宣傳冊封面設計 ......................287
7.7.3 課後習題3——旅遊雜誌封面設計 ..........................288
第8章 商業包裝設計 ......................289
8.1 包裝設計相關知識 .............................. 290
8.1.1 包裝的概念 ................................................................290
8.1.2 包裝的發展 ................................................................290
8.1.3 包裝的特點 ................................................................290
8.1.4 包裝的功能 ................................................................291
8.1.5 包裝設計的原則 ........................................................291
8.1.6 包裝的材料 ................................................................292
8.1.7 包裝的分類 ................................................................293
8.2 簡約手提袋包裝設計 .......................... 294
8.2.1 使用Illustrator製作展開面效果 ................................294
8.2.2 使用Photoshop剪下輪廓圖層 ...................................296
8.2.3 將圖像變形 ................................................................297
8.2.4 繪製圖形細節 ............................................................300
8.2.5 添加繩子素材 ............................................................301
8.2.6 製作俯視立體 ............................................................303
8.2.7 製作陰影效果 ............................................................307
8.3 牙膏包裝設計 ...................................... 308
8.3.1 使用Illustrator製作牙膏背景 ....................................308
8.3.2 添加藝術文字 ............................................................310
8.3.3 繪製漸變圖形 ............................................................311
8.3.4 使用Photoshop製作主體效果 ...................................312
8.3.5 繪製底部裝幀 ............................................................314
8.3.6 繪製牙膏蓋子 ............................................................316
8.3.7 添加陰影增強立體 ....................................................319
8.4 朱古力包裝設計 .................................. 320
8.4.1 使用Illustrator製作朱古力背景 ................................321
8.4.2 添加文字及裝飾 ........................................................322
8.4.3 使用Photoshop製作展示背景 ...................................324
8.4.4 添加朱古力素材 ........................................................325
8.4.5 製作鋸齒邊緣 ............................................................325
8.4.6 製作陰影和高光 ........................................................327
8.4.7 完善細節部分 ............................................................329
8.5 果醬包裝設計 ...................................... 331
8.5.1 使用Illustrator製作不規則背景 ................................331
8.5.2 添加水果素材和文字 ................................................332
8.5.3 使用Photoshop繪製主體瓶子 ...................................335
8.5.4 繪製高光及瓶蓋 ........................................................337
8.5.5 添加標籤圖像 ............................................................339
8.5.6 製作倒影並增強對比 ................................................340
8.6 餅乾包裝設計 ...................................... 342
8.6.1 使用Illustrator製作包裝展開面效果 ........................342
8.6.2 使用Photoshop處理包裝效果 ...................................343
8.6.3 添加陰影和高光 ........................................................346
8.6.4 製作倒影效果 ............................................................348
8.7 咖啡杯包裝設計 .................................. 349
8.7.1 使用Illustrator繪製杯子並填充花紋 ........................350
8.7.2 繪製圖形效果 ............................................................350
8.7.3 使用Photoshop製作背景並添加陰影 .......................353
8.7.4 繪製杯蓋效果 ............................................................354
8.7.5 添加杯子高光和倒影 ................................................356
8.8 本章小結 .............................................. 358
8.9 課後習題 .............................................. 358
8.9.1 課後習題1——手提袋包裝設計 ..............................358
8.9.2 課後習題2——油雞包裝設計 ..................................359