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