本書從最基礎的平面設計知識講起, 綜合應用Photoshop+Illustrator+InDesign三大平面設計軟件, 深入淺出地對各類平面設計作品的創(chuàng)作方法和設計技巧進行了詳細的闡述。其中包括廣告設計、海報設計、宣傳單設計、宣傳冊設計、卡片設計、VI設計、包裝設計、書籍裝幀設計等。本書從最基礎的平面設計知識講起, 綜合應用Photoshop+Illustrator+InDesign三大平面設計軟件, 深入淺出地對各類平面設計作品的創(chuàng)作方法和設計技巧進行了詳細的闡述。其中包括廣告設計、海報設計、宣傳單設計、宣傳冊設計、卡片設計、VI設計、包裝設計、書籍裝幀設計等。
提起平面設計,大家并不陌生,但在具體應用時往往會遇到許多疑惑。為了滿足廣大師生和設計愛好者的需要,我們組織一線設計人員編寫了本書。書中對Adobe系列軟件PhotoshopCC、IllustratorCC和InDesignCC的綜合應用進行了詳細的闡述。書中案例著眼于實用性和專業(yè)性,符合讀者的認知規(guī)律,無論對于平面設計初學者還是平面設計專業(yè)人員,都具有很強的參考及學習價值。
本書從平面設計的應用領域講起,深入淺出地闡述了平面作品的創(chuàng)作方法和設計技巧。
本書的各案例均經(jīng)過精心篩選,制作過程的描述簡明清晰,技術分析深入淺出。在每章的最后還安排了“項目練習”,以供讀者參考練習。
目錄
第1 章平面設計學習準備
1.1 什么是平面設計................................. 2
1.1.1 平面設計要素 ......................................2
1.1.2 常用平面設計軟件 ..............................4
1.2 平面設計專業(yè)術語.............................. 6
1.2.1 圖像顏色模式 ......................................6
1.2.2 矢量圖和位圖 ......................................8
1.2.3 像素和分辨率 ......................................9
1.2.4 常見圖像文件格式 ............................10
1.3 平面設計應用領域............................ 11
1.3.1 廣告設計 ............................................11
1.3.2 包裝設計 ............................................12
1.3.3 網(wǎng)頁設計 ............................................12
1.3.4 書籍設計 ............................................13
1.3.5 VI 設計...............................................13
第2 章淘寶店鋪海報設計
2.1 設計作品標簽................................. 16
2.2 制作日用百貨店鋪海報...................... 16
2.2.1 制作海報頁面 ....................................16
2.2.2 制作動態(tài)效果 ....................................31
2.3 項目練習:網(wǎng)店海報設計................... 35
第3 章宣傳頁設計
3.1 設計作品標簽................................. 38
3.2 制作防水鞋套宣傳頁......................... 38
3.2.1 制作宣傳頁正面 ................................38
3.2.2 制作宣傳頁反面 ................................57
3.3 項目練習:復合肥宣傳頁設計............. 70
第4 章比賽海報設計
4.1 設計作品標簽................................. 72
4.2 制作球賽海報................................. 72
4.2.1 制作海報背景 ....................................72
4.2.2 制作立體文字 ....................................80
4.3 項目練習:金球杯海報設計................ 94
第5 章戶外廣告設計
5.1 設計作品標簽................................. 96
5.2 制作茶韻廣告................................. 96
5.2.1 制作廣告背景 ....................................96
5.2.2 添加主題圖像 ..................................103
5.2.3 添加廣告文字 .................................. 111
5.2.4 設計主體標志 ..................................115
5.3 項目練習:大棗戶外廣告設計............117
第6 章宣傳畫冊設計
6.1 設計作品標簽............................... 120
6.2 制作商業(yè)街宣傳畫冊....................... 120
6.2.1 制作封面和封底 ..............................120
6.2.2 制作畫冊內頁 ..................................131
6.3 項目練習:房地產宣傳冊設計........... 144
第7 章標志設計
7.1 設計作品標簽............................... 146
7.2 制作金街鋪標志............................ 146
7.2.1 制作標志 ..........................................146
7.2.2 制作模板樣式 ..................................157
7.3 項目練習:餐飲店標志設計.............. 164
第8 章產品包裝設計
8.1 設計作品標簽............................... 166
8.2 制作兒童米粉包裝......................... 166
8.2.1 創(chuàng)建包裝刀版 ..................................166
8.2.2 添加主題圖像 ..................................175
8.3 項目練習:蛋糕包裝設計................. 197
第9 章書籍封面設計
9.1 設計作品標簽............................... 200
9.2 制作軟件教程封面......................... 200
9.2.1 制作書籍封面 ..................................200
9.2.2 制作書脊和封底 ..............................209
9.3 項目練習:教輔圖書封面設計........... 218
第10 章 企業(yè)網(wǎng)站首頁設計
10.1 設計作品標簽.............................. 220
10.2 制作裝潢公司網(wǎng)站首頁.................. 220
10.2.1 制作導航欄 ....................................220
10.2.2 繪制立體圖形 ................................225
10.3 項目練習:裝潢公司網(wǎng)站............... 248
第2章 淘寶店鋪海報設計
要點難點
制作海報 ★★☆
制作動態(tài)效果 ★★★
本章概述
淘寶店是近幾年十分流行的行業(yè),由最先開始上傳寶貝照片修復瑕疵,到對店鋪的裝修和排版,越來越多的店主更加重視自己店鋪的設計,店鋪漂亮了才能吸引顧客進來看。這就不得不提到店鋪的海報了,在店鋪沒有宣傳的情況下,顧客不是先進店鋪來看你的產品,更多情況是通過一張海報的點擊才進入了你的店
鋪,從而了解你店鋪的經(jīng)營范圍,所以店鋪海報做得吸引人很重要。本章主要介紹淘寶店鋪的海報設計。
2.1 設計作品標簽
為了更好地完成本設計案例,現(xiàn)對制作要求及設計內容作如下規(guī)劃。
作品名稱:日用百貨店鋪海報
作品尺寸:640 像素×304 像素
設計創(chuàng)意:
(1) 家居類店鋪產品多樣,無法對其簡單歸類。在海報上展示部分產品,吸引顧客的好奇心。
(2) 突出店鋪宣傳語“不僅只是省一點”,吸引顧客,提高銷售量。
(3) 海報中繪制展示商品區(qū),更直觀地展現(xiàn)店鋪銷售商品的范圍。
應用軟件:Photoshop CC
2.2 制作日用百貨店鋪海報
關于淘寶店鋪海報設計,其顯著的特點就是具有強烈的店鋪代表性與識別性,本案例正是突出了這一特點。本案例的整個設計包括在Photoshop CC 中創(chuàng)建和拼合圖像,最后通過時間軸創(chuàng)建動態(tài)效果。
2.2.1 制作海報頁面
首先填充藍色背景并添加圖案,添加素材圖像營造背景的空間感;然后使用基本繪圖工具添加色塊,劃分視圖區(qū)域;最后添加人物、產品和基本文字信息,完成海報的制作。
STEP 01 啟動Photoshop CC軟件,執(zhí)行菜單“文件”“| 新建”命令,彈出“新建”對話框,創(chuàng)建一個空白文檔,如圖2-1 所示。設置前景色為藍色,然后使用“油漆桶工具” 在背景上單擊填充藍色,如圖2-2 所示。
圖2-1 圖2-2
STEP 02 單擊“圖層”面板底部的“創(chuàng)建新的填充或調整圖層”按鈕,在彈出的下拉菜單中選擇“圖案”命令,如圖2-3 所示。在 彈出的“圖案填充”對話框中單擊左側的下三角按鈕,在彈出的下拉面板中單擊按鈕,然后在彈出的下拉菜單中選擇“圖案”命令,在彈出的Adobe Photoshop 提示框中單擊“追加”按鈕,載入圖案,如圖2-4 所示。
圖2-3 圖2-4
STEP 03 在圖案填充面板中選中圖案,如圖2-5 所示。然后在“圖案填充”對話框中調整圖案的大小,如圖2-6 所示。
圖2-5 圖2-6
STEP 04 調整圖層混合模式,創(chuàng)建混合背景,如圖2-7 和圖2-8 所示。
圖2-7 圖2-8
STEP 05 執(zhí)行菜單“文件”|“打開”命令,打開素材“門.jpg”圖像文件,如圖2-9 所示。使用“移動工具” 將其拖至當前打開的文檔中,執(zhí)行菜單“編輯”|“自由變換”命令,然后按住Shift 鍵的同時等比例縮小圖像,如圖2-10 所示。
圖2-9 圖2-10
STEP 06 單擊“圖層”面板底部的“添加圖層蒙版”按鈕,為圖層添加蒙版,如圖2-11
所示。按住Alt 鍵單擊圖層蒙版縮覽圖,進入蒙版狀態(tài),如圖2-12 所示。
圖2-11 圖2-12
STEP 07 單擊工具箱中的按鈕,恢復默認的前景色和背景色。選擇工具箱中的“漸變工具” ,按住Shift 鍵的同時在蒙版中繪制漸變,效果如圖2-13 所示。
圖2-13
STEP 08 按住Alt 鍵單擊圖層蒙版縮覽圖,退出蒙版狀態(tài),創(chuàng)建圖像的漸隱效果,如圖2-14 所示。
圖2-14
STEP 09 選擇工具箱中的“橢圓工具” ,在屬性欄中進行設置。按住Shift 鍵的同時在視圖中繪制正圓圖形,如圖2-15 所示。
圖2-15
STEP 10 將“橢圓 1”圖層拖至“圖層”面板底部的“創(chuàng)建新圖層”按鈕上,復制圖層,如圖2-16 所示。然后按Ctrl+T 組合鍵,打開自由變換框,按住Shift 鍵放大圖形,如圖2-17所示。
圖2-16 圖2-17
STEP 11 在屬性欄中調整正圓的輪廓色并取消填充色,按住Shift 鍵的同時繪制正圓圖形,如圖2-18 所示。
圖2-18
STEP 12 打開素材“美女.jpg”圖像文件,如圖2-19 所示。單擊“路徑”面板底部的“創(chuàng)建新路徑”按鈕,新建“路徑 1”,如圖2-20 所示。
圖2-19 圖2-20
STEP 13 選擇工具箱中的“鋼筆工具” ,在屬性欄中設置鋼筆模式為“路徑”,沿人物輪廓繪制路徑,如圖2-21 所示。單擊“將路徑 作為選區(qū)載入”按鈕,創(chuàng)建一個選區(qū),如圖2-22 所示。
圖2-21 圖2-22
STEP 14 執(zhí)行菜單“選擇”|“反向”命令,將選區(qū)反選,如圖2-23 所示。雙擊“背景”圖層名稱空白處,在彈出的“新建圖層”對話框中單擊“確定”按鈕,解鎖背景圖層,如圖2-24 所示。
圖2-23 圖2-24
STEP 15 按Delete 鍵刪除選區(qū)中的圖像,如圖2-25 所示。按Ctrl+D 組合鍵取消選區(qū),然后使用“背景橡皮擦工具” 擦除頭發(fā)周圍的圖像,如圖2-26 所示。
圖2-25 圖2-26
STEP 16 使用“移動工具”將編輯好的人物圖像拖至當前正在編輯的文檔中,按Ctrl+T 組合鍵打開自由變換框,按住Shift 鍵等比例縮小圖像并調整其位置,如圖2-27 所示。
選擇工具箱中的“鋼筆工具” ,在屬性欄中進行設置,然后繪制一個多邊形,如圖2-28所示。
圖2-27 圖2-28
STEP 17 單擊“圖層”面板底部的“添加圖層樣式”按鈕,在彈出的下拉菜單中選擇“混合選項”命令,彈出“圖層樣式”對話框,在左側列表框中選中“投影”復選框,然后進行設置,單擊“確定”按鈕,為圖形添加投影效果,如圖2-29 所示。繼續(xù)繪制一個圖形,如圖2-30 所示。
圖2-29 圖2-30
STEP 18 在“圖層”面板中調整圖層的順序,如圖2-31 所示。調整后的圖形效果如圖2-32 所示。
圖2-31 圖2-32
STEP 19 使用“橫排文字工具” 在視圖中單擊并添加文字信息,然后選中文字,在屬性欄中調整字體樣式及大小,如圖2-33 所示。選擇工具箱中的“移動工具” ,然后打開自由變換框,按Ctrl+Shift 組合鍵向上傾斜文字,如圖2-34 所示。
圖2-33 圖2-34
STEP 20 使用相同的方法繼續(xù)添加傾斜文字,如圖2-35 和圖2-36 所示。
圖2-35 圖2-36
STEP 21 選中“不僅只是”文字,單擊“圖層”面板底部的“添加圖層樣式”按鈕,在彈出的下拉菜單中選擇“混合選項”命令,彈出“圖層樣式”對話框,在左側列表框中選中“漸變疊加”復選框,然后進行設置,如圖2-37 所示。單擊“確定”按鈕,為文字添加漸變疊加效果,如圖2-38 所示。
圖2-37 圖2-38
STEP 22 使用相同的方法繼續(xù)為文字添加描邊效果,如圖2-39 和圖2-40 所示。
圖2-39 圖2-40
STEP 23 使用相同的方法繼續(xù)為文字添加內發(fā)光效果,如圖2-41 和圖2-42 所示。
圖2-41 圖2-42
STEP 24 使用相同的方法繼續(xù)為文字添加投影效果,如圖2-43 和圖2-44 所示。
圖2-43 圖2-44
STEP 25 選中“省一點”文字,在圖層名稱空白處右擊,在彈出的快捷菜單中選擇“柵格化文字”命令,將文字換換為圖像,如圖2-45 所示。使用“多邊形套索工具” 選中并刪除“點”字下面的4 個點,如圖2-46 所示。
圖2-45 圖2-46
STEP 26 使用“橢圓工具” 配合Shift 鍵繪制一個正圓形,如圖2-47 所示。然后使用“鋼筆工具” 繪制不規(guī)則圖形,如圖2-48 所示。
圖2-47 圖2-48
STEP 27 按住Shift 鍵加選“省一點”圖層,如圖2-49 所示。然后執(zhí)行菜單“圖層”|“合并圖層”命令,合并圖層,如圖2-50 所示。
圖2-49 圖2-50
STEP 28 選中“不僅只是”圖層后的圖標,如圖2-51 所示。執(zhí)行操作后效果如圖2-52所示。
圖2-51 圖2-52
STEP 29 使用“鋼筆工具” 繪制一個圖形,如圖2-53 所示。然后設置圖層的混合模式為“疊加”,如圖2-54 所示。
圖2-53 圖2-54
STEP 30 按住Ctrl 鍵單擊“形狀 3”圖層前的圖層縮覽圖,將圖像載入選區(qū),如圖2-55所示。繼續(xù)按住Ctrl+Shift 組合鍵單擊“不僅只是”圖層前的圖層縮覽圖,添加選區(qū),如圖2-56所示。
圖2-55 圖2-56
STEP 31 單擊“圖層”面板底部的“添加圖層蒙版”按鈕,如圖2-57 所示。為圖層添加蒙版,隱藏選區(qū)以外的圖像,如圖2-58 所示。
圖2-57 圖2-58
STEP 32 新建一個“圖層 3”圖層,并設置前景色為白色。選擇工具箱中的“畫筆工具” ,在屬性欄中調整畫筆大小,如圖2-59 所示。然后在文字圖像上繪制高光效果,縮小畫筆大小后繼續(xù)繪制高光,增強文字圖像的質感,如圖2-60 所示。
圖2-59 圖2-60
STEP 33 使用“鋼筆工具” 繪制一個圖形,如圖2-61 所示。然后使用“橫排文字工具” 添加如圖2-62 所示的文字。
圖2-61 圖2-62
STEP 34 按Ctrl+T 組合鍵打開自由變換框,按住Ctrl+Shift 組合鍵向上傾斜文字,如圖2-63 所示。選中“形狀 2”圖層,并按住Ctrl 鍵的同時單擊圖層縮覽圖,將圖形載入選區(qū),如圖2-64 所示。
STEP 35 新建一個“圖層 4”圖層,如圖2-65 所示,選擇工具箱中的“畫筆工具” ,在屬性欄中調整畫筆大小。設置前景色為深紅色,然后在選區(qū)中合適位置單擊,創(chuàng)建陰影效果,如圖2-66 所示。