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