當前位置:
首頁 > 創意 > 衛龍不正經的美工又回來了,這次用Excel搞了一波設計

衛龍不正經的美工又回來了,這次用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軟體,對渲染出來的效果圖進行簡單的明暗對比調整,然後在畫面中輸入一些文字並進行簡單的排版,最終效果如圖所示。

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!


請您繼續閱讀更多來自 零設計 的精彩文章:

超硬核!手把手教你如何用C4D造「行星」!
天越冷,它越甜!這蘋果養活10000山西老農!10個有9個冰糖心!