衛龍不正經的美工又回來了,這次用Excel搞了一波設計
說起辣條,大家肯定會想到衛龍,款式多,口味好!頗有一股小時候的味道。
但是最近,數藝君卻被它的店鋪設計給刷屏了,廣大網友齊呼:「衛龍不正經的美工又回來了」。
因為這次,他們用「Excel表格」搞了一波設計。
乍一看,是不是以為中毒了?後台的表格沒關給卡重疊了?都不是,這真的是衛龍今年的雙12電商設計。
如果不是親眼所見,確實很難讓人相信這是一個大品牌所設計的電商店鋪,衛龍這次可謂將「有趣、好玩」的精神發揮到了極致。
不得不說,衛龍這次的設計確實非常新穎,也獲得了非常多網友的認可,算的上是一次成功的營銷了。
遠觀近幾年的電商設計,插畫、C4D、合成風等風格萬家爭鳴,每一個設計都有屬於自己獨一無二的優勢,其中C4D更是憑藉自己高效率和高質感獲得了大量的青睞。
C4D擁有強大的建模和材質表現能力,能夠帶給讀者強烈的視覺衝擊。操作簡單、材質豐富,使電商設計師在短暫的時間內和緊迫的工作壓力下,也能夠製作出優質的電商視覺表現效果圖。
(Cinema 4D製作的電商海報案例)
C4D在電商視覺設計中的表現及創作手法多種多樣,今天,數藝君就給大家分享一個電商海報設計當中卡通風格的案例,指不定下一個刷屏級的設計就會在大家手中誕生。
案例:卡通風格 萌萌狗海報
案例素材:
https://pan.baidu.com/s/1FN9Moxwudi2uv3P98WrVTA
提取碼:vb1s
主體模型的製作
在製作這個案例之前先對案例的模型進行分析和拆分,以便於我們在製作過程中有一個明確的思路和流程。在萌萌狗海報這個案例中,場景可以大概分為萌萌狗和舞台元素區兩部分,如圖1-圖3所示,拆解完成後逐一對其進行建模。
1. 萌萌狗模型的創建
01創建一個球體,然後將球體的布線「類型」設置為「六面體」,如圖所示。
02將球體轉換為可編輯對象,然後單擊滑鼠右鍵,在彈出的菜單中選擇「筆刷」工具,對球體的整體造型進行編輯,如圖所示。
03將編輯後的球體選中一半並刪除,如圖所示。
04將剩餘的一半使用「對稱」工具進行對稱,如圖所示。
05選中面對其進行擠壓並編輯,如圖所示。
06選中耳朵的面,然後向內擠壓,設置及最終頭部、耳朵的效果如圖所示。
07選中面進行擠壓製作嘴巴部分,如圖所示。
08選中頭部的面並使用「分裂」工具分離,然後使用「擠壓」工具進行擠壓,如圖1和圖2所示。
圖1
圖2
09創建球體作為眼睛,如圖所示。
10創建一個平面並對其進行編輯,如圖1和圖2所示。
圖1
圖2
11選擇平面的邊並對其進行擠壓,如圖所示。
12將編輯好的平面放置在頭部相應的位置,如圖所示。
13創建一個立方體並對其使用「循環/路徑切割」工具添加分段線,如圖所示。
14將上一步創建的立方體進行旋轉並編輯,如圖所示。至此,狗狗的頭部完成。
15將頭部所有的元素進行細分,如圖所示。
16創建一個球體,將球體的布線「類型」更改為「六面體」,接著刪除一半,如圖1和圖2所示。
17將半球體進行編輯,如圖所示。
18將編輯好的半球體進行對稱,如圖所示。
19選擇「面」工具,然後對選中的面進行擠壓,如圖所示。
20將擠壓出來的面進行編輯,如圖1和圖2所示。
21選擇面對其進行擠壓,如圖所示。
22使用「切刀」工具為腿部添加循環線,然後將切割後的面進行擠壓,如圖1和圖2所示。
23創建一個立方體並對其進行切割,然後將其與身體部分進行組合,如圖1和圖2所示。
24對身體所有的部分進行細分,然後將頭部與身體進行組合,如圖1和圖2所示。
25選擇「管道」工具和「圓柱」工具繼續豐富組合,如圖所示。
26繪製一條「螺旋」樣條線並調整參數,如圖所示。
27繪製一個「半徑」為8cm的圓形樣條線,然後與上一步繪製的螺旋樣條線進行掃描,如圖所示。
28將掃描後的便便模型與狗狗進行組合,萌萌狗的模型創建完成,效果如圖所示。
舞台元素的創建
01使用「文本」工具在場景中繪製一個樣條線,然後對其進行擠壓,如圖所示。
02使用「圓柱」工具在場景中創建一個圓柱體,如圖所示。
03創建一個圓柱體與上一步創建好的圓柱體進行組合,如圖所示。
04將創建好的元素進行組合,背景的組合效果如圖所示。
05將萌萌狗模型與背景進行組合,最終效果如圖所示。至此,萌萌狗海報的場景創建完成。
設置材質
本節將完善模型的材質部分,本案例需要製作萌萌狗和背景元素兩部分的材質。
1. 萌萌狗材質
01創建一個空白材質,雙擊進入「材質編輯器」面板,具體參數設置如圖1和圖2所示。
操作步驟
勾選「顏色」選項,設置「顏色」為(R:250,G:203,B:95),「亮度」為100%。
勾選「反射」選項,設置「類型」為GGX,「粗糙度」為10%,「亮度」為33%,「菲涅耳」為「絕緣體」,「預置」為「瀝青」,「強度」為100%,「折射率(IOR)」為1.635。
圖1
圖2
02新建一個空白材質,雙擊進入「材質編輯器」面板,具體參數設置如圖1和圖2所示。
操作步驟
勾選「顏色」選項,設置「顏色」為(R:230,G:147,B:13),「亮度」為100%。
勾選「反射」選項,設置「類型」為GGX,「粗糙度」為10%,「亮度」為33%,「菲涅耳」為「絕緣體」,「預置」為「瀝青」,「強度」為100%,「折射率(IOR)」為1.635。
圖1
圖2
03新建一個空白材質,雙擊進入「材質編輯器」面板,具體參數設置如圖1和圖2所示。
操作步驟
勾選「顏色」選項,設置「顏色」為(R:255,G:243,B:215),「亮度」為100%。
勾選「反射」選項,設置「類型」為GGX,「粗糙度」為10%,「亮度」為33%,「菲涅耳」為「絕緣體」,「預置」為「瀝青」,「強度」為100%,「折射率(IOR)」為1.635。
圖1
圖2
04新建一個空白材質,雙擊進入「材質編輯器」面板,具體參數設置如圖1和圖2所示。
操作步驟
勾選「顏色」選項,設置「顏色」為(R:78,G:78,B:78),「亮度」為100%。
勾選「反射」選項,設置「類型」為GGX,「粗糙度」為10%,「亮度」為33%,「菲涅耳」為「絕緣體」,「預置」為「瀝青」,「強度」為100%,「折射率(IOR)」為1.635。
圖1
圖2
05新建一個空白材質,雙擊進入「材質編輯器」面板,具體參數設置如圖1和圖2所示。
操作步驟
勾選「顏色」選項,設置「顏色」為(R:75,G:56,B:24),「亮度」為100%。
勾選「反射」選項,設置「類型」為GGX,「粗糙度」為10%,「亮度」為33%,「菲涅耳」為「絕緣體」,「預置」為「瀝青」,「強度」為100%,「折射率(IOR)」為1.635。
圖1
圖2
2. 背景元素材質
01創建一個空白材質,雙擊進入「材質編輯器」面板,具體參數設置如圖1和圖2所示。
操作步驟
勾選「顏色」選項,設置「顏色」為(R:230,G:147,B:13),「亮度」為100%。
勾選「反射」選項,設置「類型」為GGX,「粗糙度」為10%,「亮度」為33%,「菲涅耳」為「絕緣體」,「預置」為「瀝青」,「強度」為100%,「折射率(IOR)」為1.635。
圖1
圖2
02創建一個空白材質,雙擊進入「材質編輯器」面板,具體參數設置如圖1和圖2所示。
操作步驟
勾選「顏色」選項,設置「顏色」為(R:250,G:203,B:95),「亮度」為100%。
勾選「反射」選項,設置「類型」為GGX,「粗糙度」為10%,「亮度」為33%,「菲涅耳」為「絕緣體」,「預置」為「瀝青」,「強度」為100%,「折射率(IOR)」為1.635。
圖1
圖2
03創建一個空白材質,雙擊進入「材質編輯器」面板,具體參數設置如圖1和圖2所示。
操作步驟
勾選「顏色」選項,設置「顏色」為(R:241,G:241B:241),「亮度」為100%。
勾選「反射」選項,設置「類型」為GGX,「亮度」為45%,「菲涅耳」為「絕緣體」,「預置」為「瀝青」,「強度」為100%,「折射率(IOR)」為1.635。
圖1
圖2
04將所有的材質完成之後賦予相應的模型,效果如圖所示。
添加燈光
本節將完善場景中的燈光,本案例需要在場景中創建一盞主光源和兩盞輔助光源。
1. 主光源
在當前場景中添加一盞區域燈光,放置在整個場景的正前方,如圖1所示,然後設置燈光參數,如圖2所示。
操作步驟
在「常規」中設置「顏色」為白色,「強度」為100%,「類型」為「區域光」,「投影」為「區域」。
在「細節」中設置「衰減」為「平方倒數(物理精度)」,「半徑衰減」為500cm。
圖1
圖2
2. 輔助光源
在當前場景中添加兩盞區域燈光,放置在場景的旁邊,然後設置燈光參數,如圖所示。
操作步驟
在「常規」中設置「顏色」為白色,「強度」為70%,「類型」為「區域光」,「投影」為「無」。
在「細節」中設置「衰減」為「平方倒數(物理精度)」,「半徑衰減」為500cm。
設置環境
01新建一個材質並創建一個天空,然後執行「窗口-內容瀏覽器」菜單命令打開「內容瀏覽器」面板,接著將預置材質「preset://Prime.lib4d/Presets/Light Setups/HDRI/tex/HDR013.hdr」直接拖曳到天空材質的「發光」通道中,如圖1和圖2所示。
圖1
圖2
02拖曳天空材質賦予天空對象,然後按快捷鍵Ctrl B打開「渲染設置」面板,接著在「渲染設置」面板中單擊「效果」按鈕添加「全局光照」選項,如圖所示。
03按快捷鍵Ctrl R進行渲染,效果如圖所示。
04打開Photoshop軟體,對渲染出來的效果圖進行簡單的明暗對比調整,然後在畫面中輸入一些文字並進行簡單的排版,最終效果如圖所示。