Cinema 4D+Photoshop電商海報設(shè)計案例教程

第1章 電商設(shè)計中的Cinema 4D與Photoshop
1．1 Cinema 4D建模基礎(chǔ)．．．．10
1．1．1 Cinema 4D建模原理．．．．10
1．1．2 Cinema 4D建模注意事項．．．．13
1．2 Cinema 4D材質(zhì)表現(xiàn)．．．．15
1．2．1 材質(zhì)的大致分類及特點．．．．15
1．2．2 常見的材質(zhì)屬性．．．．16
1．3 Cinema 4D燈光類型．．．．19
1．3．1 正面光．．．．19
1．3．2 側(cè)面光．．．．19
1．3．3 頂光．．．．20
1．3．4 腳光．．．．20
1．3．5 背光．．．．20
1．4 Cinema 4D渲染設(shè)置．．．．21
1．5 Photoshop后期處理．．．．25
第2章 Cinema 4D與Photoshop電商海報設(shè)計初體驗
2．1 前期設(shè)計準備．．．．28
2．2 主體建模．．．．29
2．2．1 制作商城底部．．．．29
2．2．2 制作立體文字．．．．35
2．2．3 搭建整體場景．．．．37
2．2．4 Cinema 4D建模技法總結(jié)．．．．46
2．3 材質(zhì)球設(shè)置．．．．46
2．3．1 底座材質(zhì)球設(shè)置．．．．46
2．3．2 文案材質(zhì)球設(shè)置．．．．47
2．3．3 時尚元素材質(zhì)球設(shè)置．．．．48
2．3．4 底部輔助元素材質(zhì)球設(shè)置．．．．49
2．3．5 Cinema 4D材質(zhì)設(shè)置技法總結(jié)．．．．49
2．4 燈光布局和渲染設(shè)置．．．．49
2．4．1 燈光布局．．．．49
2．4．2 渲染設(shè)置．．．．50
2．4．3 Cinema 4D渲染輸出技法總結(jié)．．．．51
2．5 Photoshop后期處理．．．．52
2．5．1 導(dǎo)入渲染文件并摳圖．．．．52
2．5．2 背景漸變．．．．52
2．5．3 主體調(diào)色．．．．53
2．5．4 制作主體陰影．．．．53
2．5．5 制作手機素材元素．．．．54
2．5．6 制作輔助素材．．．．55
2．5．7 整體調(diào)色．．．．56
2．5．8 銳化導(dǎo)出．．．．56
2．5．9 Photoshop后期處理技法總結(jié)．．．．56
第3章 字體風(fēng)格電商海報設(shè)計
3．1 前期設(shè)計準備．．．． 58
3．2 制作海報文字．．．． 59
3．2．1 繪制天貓Logo ．．．． 59
3．2．2 將樣條線轉(zhuǎn)為三維立體模型 ．．．． 60
3．2．3 確定主題文案細節(jié) ．．．． 64
3．3 快速制作輔助元素．．．． 66
3．3．1 把樣條線轉(zhuǎn)化為立體模型．．．． 66
3．3．2 制作球體背景輔助元素1．．．． 67
3．3．3 繪制立體線輔助元素．．．． 68
3．3．4 繪制彩帶輔助元素．．．． 71
3．3．5 制作球體背景輔助元素2．．．． 73
3．4 添加材質(zhì)．．．． 73
3．4．1 添加主圖文案材質(zhì)．．．． 73
3．4．2 添加三角輔助元素材質(zhì)．．．． 76
3．4．3 添加球體背景元素1和彩帶材質(zhì)．．．． 76
3．4．4 添加立體線材質(zhì)．．．． 77
3．4．5 添加球體背景元素2材質(zhì)．．．． 77
3．5 場景布局和燈光布局．．．． 78
3．5．1 場景布局．．．． 78
3．3．2 燈光布局．．．． 79
3．6 渲染設(shè)置．．．． 79
3．7 Photoshop 后期處理．．．． 80
3．7．1 導(dǎo)入渲染文件．．．． 80
3．7．2 文字元素修圖．．．． 81
3．7．3 輔助元素景深處理．．．． 81
3．7．4 整體調(diào)色．．．． 82
3．7．5 銳化導(dǎo)出．．．． 82
第4章 低多邊形風(fēng)格電商海報設(shè)計
4．1 前期設(shè)計準備．．．． 84
4．2 場景元素建模．．．． 85
4．2．1 搭建場景．．．． 85
4．2．2 制作背景山模型．．．． 87
4．2．3 制作駱駝模型．．．． 88
4．2．4 制作樹模型．．．． 94
4．2．5 擺放主體模型．．．． 97
4．2．6 制作輔助元素．．．． 99
4．3 添加材質(zhì)．．．．101
4．3．1 添加山材質(zhì)．．．．1 0 1
4．3．2 添加背景材質(zhì)．．．．102
4．3．3 添加駱駝、山石材質(zhì)．．．．103
4．3．4 添加樹材質(zhì)．．．．103
4．4 燈光布局．．．．104
4．5 渲染設(shè)置．．．．104
4．6 Photoshop 后期處理．．．．105
4．6．1 導(dǎo)入渲染文件．．．．105
4．6．2 添加鞋子素材．．．．106
4．6．3 文案排版．．．． 107
4．6．4 整體調(diào)色．．．． 108
4．6．5 銳化導(dǎo)出．．．． 108
第5章 剪紙風(fēng)格電商海報設(shè)計
5．1 前期設(shè)計準備．．．．110
5．2 場景元素建模．．．．111
5．2．1 搭建場景背景．．．． 111
5．2．2 繪制背景線性圖形．．．． 111
5．2．3 繪制前景線性圖形．．．． 114
5．2．4 制作立體字．．．． 118
5．2．5 調(diào)整背景元素．．．． 120
5．2．6 調(diào)整文案和前景元素．．．． 122
5．3 添加材質(zhì)．．．．123
5．3．1 添加背景元素材質(zhì)．．．． 123
5．3．2 添加文案和前景元素材質(zhì)．．．． 123
5．4 燈光布局．．．．124
5．5 渲染設(shè)置．．．．125
5．6 Photoshop后期處理．．．．126
5．6．1 導(dǎo)入渲染文件．．．． 126
5．6．2 添加化妝品素材．．．． 127
5．6．3 背景元素修圖．．．． 131
5．6．4 整體調(diào)色．．．． 131
5．6．5 銳化導(dǎo)出．．．． 132
第6章 霓虹燈風(fēng)格電商海報設(shè)計
6．1 前期設(shè)計準備．．．．134
6．2 場景元素建模．．．．135
6．2．1 搭建場景背景．．．． 135
6．2．2 制作底座模型．．．． 135
6．2．3 制作文字背景．．．． 138
6．2．4 制作左側(cè)輔助元素．．．． 140
6．2．5 制作右側(cè)輔助元素．．．． 143
6．2．6 制作齒輪元素．．．． 147
6．2．7 制作文案．．．． 150
6．2．8 制作背景元素．．．． 154
6．2．9 修改元素．．．． 156
6．3 添加材質(zhì)球．．．．157
6．3．1 添加背景材質(zhì)．．．． 157
6．3．2 添加底座、文字背景、元素材質(zhì)．．．．158
6．3．3 添加文字材質(zhì)．．．． 159
6．3．4 添加發(fā)光材質(zhì)．．．． 160
6．4 燈光布局．．．．161
6．5 渲染設(shè)置．．．．162
6．6 Photoshop 后期處理．．．．164
6．6．1 導(dǎo)入渲染文件．．．． 164
6．6．2 燈光繪制．．．． 165
6．6．3 整體調(diào)色．．．． 168
6．6．4 銳化導(dǎo)出．．．． 168
第7章 借鑒現(xiàn)實物體風(fēng)格電商海報設(shè)計
7．1 前期設(shè)計準備．．．．170
7．2 場景元素建模．．．．171
7．2．1 搭建場景背景．．．． 171
7．2．2 制作左側(cè)瓷磚元素．．．． 172
7．2．3 制作右側(cè)瓷磚元素．．．． 176
7．2．4 制作文案．．．． 182
7．2．5 制作文字背景元素．．．． 184
7．3 添加材質(zhì)．．．．187
7．3．1 添加背景材質(zhì)．．．． 187
7．3．2 添加瓷磚元素材質(zhì)．．．． 189
7．3．3 添加文字材質(zhì)．．．． 190
7．4 燈光布局．．．．193
7．5 渲染設(shè)置．．．．194
7．6 Photoshop后期處理．．．．195
7．6．1 導(dǎo)入渲染文件．．．． 195
7．6．2 整體調(diào)色．．．． 196
7．6．3 銳化導(dǎo)出．．．． 198
第8章 模型與背景融合風(fēng)格電商海報設(shè)計
8．1 前期設(shè)計準備．．．．200
8．2 場景元素建模．．．．201
8．2．1 制作立體貓頭元素．．．． 201
8．2．2 制作陳列臺．．．． 204
8．2．3 制作圓柱臺元素．．．． 205
8．2．4 制作背景框．．．． 206
8．2．5 制作輔助元素．．．． 209
8．2．6 制作燈元素．．．． 211
8．3 添加材質(zhì)．．．．213
8．3．1 添加貓頭元素材質(zhì)．．．． 213
8．3．2 添加陳列臺材質(zhì)．．．． 214
8．3．3 添加圓柱臺材質(zhì)．．．． 215
8．3．4 添加背景框材質(zhì)．．．． 215
8．3．5 添加輔助元素材質(zhì)．．．． 216
8．3．6 添加燈材質(zhì)．．．． 217
8．4 燈光布局．．．．218
8．5 渲染設(shè)置．．．．219
8．6 Photoshop后期處理．．．．221
8．6．1 導(dǎo)入渲染文件．．．． 221
8．6．2 主體修圖及陰影繪制．．．． 223
8．6．3 主體調(diào)色．．．． 224
8．6．4 制作文案．．．． 224
8．6．5 制作燈光．．．． 225
8．6．6 整體調(diào)色．．．． 227
8．6．7 銳化導(dǎo)出．．．． 228