早上好！三棱鏡~

首先！非常感謝組員們利用閑暇時(shí)間愿意參與到本期話療類pv鑒賞專欄！阿里嘎多w~

很驚喜這次夏活的pv能為我們帶來(lái)如此多的亮眼設(shè)計(jì)，這篇專欄中所談到的僅是部分內(nèi)容，其余的地方譬如直播開頭，多索雷斯鐵人三項(xiàng)介紹，模組道具建模，貼紙等很多地方的設(shè)計(jì)都值得我們仔細(xì)研究和學(xué)習(xí)~另外，本次pv三棱鏡并未計(jì)劃出復(fù)刻教程，因?yàn)槠渲械脑O(shè)計(jì)思路遠(yuǎn)遠(yuǎn)勝過于技術(shù)需求，近期我們會(huì)在同名愛發(fā)電分享一些夏活風(fēng)格的封面源文件，希望我們的處理方法能為你的復(fù)刻帶來(lái)一些想法！

哦哦還有，可以期待一下不久以后到來(lái)的排版教程喔(?˙▽˙?)感謝大家的關(guān)注desu！啊，好像說(shuō)太多了呢，現(xiàn)在就來(lái)一起看看我們這兩天都討論了些什么叭w

參與人員名字代號(hào)：

L：小洛 W：文仔 Y：鯊鯊魚 P：小白炮?

B：北霄?M：Monolith S：思無(wú)邪 X：箱子

D：白給 T：天云中君?Q：千雨?A：阿連?

R：Rawberry H：雨花 J：姬無(wú)色 O：天天

? ? ? ?

P：只略懂一點(diǎn)C4D OC渲染，所以就只能從這個(gè)方向說(shuō)說(shuō)我的大致步驟（僅供參考）。畫面元素基本就是上面的藍(lán)色線條和下面的模型。（這里我用C4D自帶的車模型代替了，其實(shí)我覺得這個(gè)也長(zhǎng)得像個(gè)賽車，因?yàn)檫@次活動(dòng)跟比賽有關(guān)？）

制作大致步驟：

1.創(chuàng)建圓形粒子發(fā)射器，發(fā)射方向朝內(nèi)部發(fā)射，勾選Ring Only勾上其他參數(shù)根據(jù)情況而定。

2.制作一個(gè)類似圖中的一個(gè)弧度模型用于控制粒子的路徑，添加avoid修改器拖入弧度模型，添 ? ?加湍流修改器適當(dāng)調(diào)節(jié)參數(shù)。

3.復(fù)制發(fā)射器并添加凍結(jié)修改器，在凍結(jié)修改器的衰減添加球形域凍結(jié)部分往上走的粒子。

4.復(fù)制湍流修改器，分別給發(fā)射器創(chuàng)建組，使2個(gè)湍流分別作用于兩個(gè)發(fā)射器便于控制。

5.分別創(chuàng)建兩個(gè)xptrail添加oc標(biāo)簽勾選毛發(fā)，看情況調(diào)整粗細(xì)，可以將拖尾渲染出來(lái)。

6.最后殺死畫面看不到的另一半粒子。（不殺的話會(huì)全部發(fā)射到下面的模型）

7.材質(zhì)方面XP拖尾材質(zhì)選擇oc的漫反射材質(zhì)，添加黑體發(fā)光視情況調(diào)節(jié)參數(shù)；模型材質(zhì)應(yīng)該是Glossy index值為1的材質(zhì)，其他參數(shù)默認(rèn)。

8.燈光方面，OC燈光只勾選反射可見然后一頓往模型上打就可以。

9.最后渲染導(dǎo)出到AE進(jìn)行鏡像調(diào)色。圖二做法和圖一類似。（附一張自己的渣仿2048采樣）??

X：方舟每次都能把logo玩出花，這一次也不例外，并且和音樂配合的也特別好！

T：用了柵格和色散的效果來(lái)模擬老電視顯像管的感覺，畢竟整體是電子的曲風(fēng)嘛。

L：這個(gè)顏色！太喜歡了！帶感！這種小細(xì)節(jié)每次都會(huì)很花心思設(shè)計(jì)，suki

? ? ? ?

T：與之前l(fā)ogo同樣采用了柵格化的設(shè)計(jì)風(fēng)格過渡。時(shí)間很短，運(yùn)動(dòng)很齊（指前后兩個(gè)鏡頭）。

X：藍(lán)寶石插件的S_WipeStripes效果？我們用中繼器也復(fù)刻出了類似的效果，不知道YJ是如何做出這個(gè)效果的。不過圖形配合音樂節(jié)奏點(diǎn)和蒙版的運(yùn)動(dòng)展開，動(dòng)態(tài)效果絕贊，nb！

W:剛剛討論過，也有可能就是用中繼器做的一個(gè)黑白蒙版，然后用中下方的錨點(diǎn)來(lái)作為縮放中心。 ? ? ? ? ? ? ? ? ?

? ? ? ?

L：漸變映射，漸變映射，斯哈斯哈

T：更確切的說(shuō)，大背景用了藍(lán)，紫色的漸變映射+梯度漸變的亮度蒙版

S：素材利用方式+1，油畫筆刷調(diào)整風(fēng)格，映射調(diào)整色彩。以后旅游寫真集封面get（bushi

?

X：右邊一堆元素根據(jù)遠(yuǎn)近關(guān)系有著不同的相對(duì)運(yùn)動(dòng)，配合筆刷蒙版刷下來(lái)感覺元素超豐富，很有感覺！

T：也就是動(dòng)效作品中“讓每個(gè)元素都動(dòng)起來(lái)”的那種躍動(dòng)感！另外值得一提的是，下方先出現(xiàn)的筆刷的運(yùn)動(dòng)方向會(huì)引導(dǎo)視線聚焦到屏幕右側(cè)（運(yùn)動(dòng)趨勢(shì)左→右），然后再出現(xiàn)屏幕右邊筆刷和logo疊疊疊的動(dòng)效（文字下方背景和右側(cè)整體運(yùn)動(dòng)趨勢(shì)為右→左）。

L：驚奇的發(fā)現(xiàn)左下右上的泡泡自己素材庫(kù)有同款素材！成功復(fù)刻，耶比~

? ? ? ?

Y：在原本的文本上額外疊加幾層不同顏色扭曲的副本，快速切換就能做出酷炫的Glitch效果

L：不好意思，解構(gòu)失敗，總之就是很棒啊啊啊啊嗚嗚嗚最喜歡這里了（可以看出來(lái)平面本質(zhì)上是配色?方格圖案?波浪線?涂鴉筆刷色塊?描邊?規(guī)整英文+花體英文 無(wú)敵排版和構(gòu)思 各種扭曲和波紋動(dòng)效 動(dòng)效這方面就是我的弱點(diǎn)了 有請(qǐng)動(dòng)效man們講講！主要造成視覺沖擊的地方還是配色構(gòu)思動(dòng)效轉(zhuǎn)場(chǎng)bgm吧）

M: 一般來(lái)講，“視覺層次”這種東西常常要通過顏色的明度/飽和度的對(duì)比來(lái)達(dá)到，比如暗色/低飽和度的整體配上高亮的圖文信息。而鷹角這里卻通過不同色相的對(duì)比以及豐富的元素堆疊（英文涂鴉/半調(diào)/線條/icon ），居然讓這一段95%以上都是高明度高飽和度顏色的畫面也擁有了豐富的視覺層次，配上炫目的動(dòng)效讓人一眼看去在感到“炫”的同時(shí)卻不會(huì)有“瞎”的感覺，艷麗而不艷俗，實(shí)在是高。（當(dāng)然了一般人沒有十足的把握的話這種風(fēng)格建議還是謹(jǐn)慎嘗試）

字體的對(duì)比也很值得學(xué)習(xí)！涂鴉字體化成背景元素的一部分，而負(fù)責(zé)傳遞信息的無(wú)襯線體即使是只閃過了一秒鐘，也只靠著與整體風(fēng)格強(qiáng)烈對(duì)比就精準(zhǔn)地吸引了觀眾的視線，達(dá)到傳遞信息的效果。

A:■■...鷹角動(dòng)效man...我的超人...

D:已經(jīng)無(wú)法言語(yǔ)了，久聞方舟一體機(jī)大名，但是這個(gè)一體機(jī)結(jié)合效果強(qiáng)的可怕了，不管是靜幀截圖下好看的紋路+好看的對(duì)比色+好看的半調(diào)+好看的故障效果，還是快速閃回呈現(xiàn)出來(lái)的動(dòng)態(tài)音樂視覺，都tql（只想扒開勞斯的腦殼看看咋長(zhǎng)的......）

W：我可太愛這一部分了，配色、動(dòng)態(tài)效果，整體看著太爽了，特別是這些曲線（，爽了。這種顏色的搭配沒有十足的把握已經(jīng)豐富的經(jīng)驗(yàn)真的很難做。

T：很可怕的一段畫面。在知道夏日嘉年華活動(dòng)的時(shí)候就在想，覆潮之下和夏活都是與水有關(guān)的主題，yj在pv這方面是否做出差分？看來(lái)果然是多慮了（笑）。這次高明度和高飽和的設(shè)計(jì)風(fēng)格，難度直接拉滿。這一段也是很有個(gè)人風(fēng)格的MG了。運(yùn)鏡上來(lái)看是右往左的運(yùn)鏡＋右上往左下的自行車元素插入過渡，同時(shí)緩急緩的運(yùn)動(dòng)曲線用的也很棒。效果上目測(cè)也只能看出用了拉伸與湍流變形（還有百葉窗）。完全不建議新手去模仿或者誕生“仿得出來(lái)”的念頭，會(huì)自閉。在幾秒內(nèi)做出這么多的設(shè)計(jì)細(xì)節(jié)十分考驗(yàn)視頻制作者的功底。佬！巨?。硗夂芎闷孢@個(gè)畫面的分鏡的關(guān)鍵幀是怎么構(gòu)思的）

X:這一段動(dòng)畫看的我直接心律不齊天體運(yùn)行，太流暢太NB了！無(wú)論是動(dòng)畫的構(gòu)思還是穿插在里面的很多小元素都是特別值得學(xué)習(xí)的，要仿出來(lái)的難度也是巨大的，太炫了太炫了。

? ? ? ?

L：背景：地圖，往上一層，筆刷涂抹+斜線，往上一層，半調(diào)，往上一層，下一個(gè)畫面的波浪百葉過場(chǎng)，往上一層，徽章

D:類似的形式（流淌的動(dòng)線）一些國(guó)際運(yùn)動(dòng)會(huì)片頭會(huì)出現(xiàn)，但是將撞色結(jié)合的這么清新美麗的很少

S：啊啊啊，為什么你們什么風(fēng)格的LOGO都會(huì)啊！摸不過來(lái)辣！（關(guān)注點(diǎn)清奇）

? ? ?

X：PV中很多鏡頭的右上及左下角都顯露了下一層的內(nèi)容，而下一層里的圖案在不斷向箭頭方向移動(dòng)，給人一種流水的感覺，整個(gè)畫面仿佛是流動(dòng)一般。這種設(shè)計(jì)非常有夏日的感覺，畫面也顯得很有活力。

L：方舟的建模真的好性感，直播片頭那里的也是?。∠朦c(diǎn)建模技能了嗚嗚

??

A：這個(gè)地方實(shí)際上是一個(gè)非常經(jīng)典的體現(xiàn)速度感的轉(zhuǎn)場(chǎng)，bgm到這個(gè)地方是一段Build-up（電子樂中高潮前用于烘托氣氛，給drop制造爆點(diǎn)前的情緒鋪墊，通常以音調(diào)不斷升高和不斷加快的鼓點(diǎn)組成），正好適合這用這種雜亂的線逐漸形成一個(gè)物體之后，進(jìn)入drop突然拉直形成速度線，把Build-up烘托的情緒炸出去，非常帶感。

W：有點(diǎn)電子音樂節(jié)的感覺。

T：最后幾幀的線條從白色變成了下一個(gè)畫面的配色

L：性感死了? ? ? ? ? ? ? ?

? ? ? ?

L：依舊是地圖作為背景的過場(chǎng)，通篇基本上都是活潑靈動(dòng)的涂鴉筆刷+規(guī)整斜線/箭頭描邊的組合，配色非常的西班牙+里約熱內(nèi)盧的感覺，大量的暖色+少量的冷色中和油膩，這才是真的熱浪仲夏日

M：瑪利亞臨光精神復(fù)刻，字體和動(dòng)效風(fēng)格有好多相似之處?，斃麃喤R光的視覺用紅藍(lán)白為主基調(diào)突出競(jìng)技體育的感覺，這里則是從頭到尾鋪天蓋地的高飽和顏色把夏活的熱情拍在你臉上。

W：這次PV有些地方都有一些眼熟，有瑪利亞臨光的感覺，也有大酋長(zhǎng)的感覺。

X：我看到很多之前PV的復(fù)用元素，包括轉(zhuǎn)場(chǎng)用的箭頭就是上次聯(lián)鎖競(jìng)賽PV里用到的（笑

? ? ? ?

L：白模+帶顏色背景底用于突出主題這個(gè)真的太妙了，然后馬上進(jìn)行一個(gè)通道轉(zhuǎn)的反

D：這里的反色+音樂的鼓點(diǎn)+抖動(dòng)，絕了，high起來(lái)了

T：上下左右也有用來(lái)聚焦的線條。究極對(duì)焦的同時(shí)鏡頭三維緩慢運(yùn)動(dòng)（模型三維旋轉(zhuǎn)），大片感就來(lái)了。

?

L：蝕刻章，到這里牛牛已經(jīng)快炸了，每次的蝕刻章都好好看捏

O：不得不安利一下文仔老師的蝕刻章模板了（不是）

S：蝕刻章上也盡顯自由的角啊～

? ? ? ? ? ? ?

L：懂得都懂，辛苦做貼紙的設(shè)計(jì)小哥了，個(gè)人也是非常喜歡這種很有設(shè)計(jì)感的小貼紙小徽章什么的，suki！

M：標(biāo)志物，職業(yè)細(xì)分的logo，模組系統(tǒng)每個(gè)干員的圖，半小時(shí)的直播熬禿了多少設(shè)計(jì)小哥（

D:其實(shí)貼紙形式的設(shè)計(jì)比較火（在behance上），但是真的應(yīng)用到游戲里的少之又少，yj牛x

W：啥時(shí)候出周邊？我要貼滿我整本本子。

T：看到這里的時(shí)候是真的覺得肉鴿可能性存在。

? ?

L：無(wú)敵構(gòu)圖，背景是球形的大地圖 前景是一圈線在繞著人物們轉(zhuǎn)，標(biāo)題也非常喜歡！配色很大樂透dusu，整體透視和空間感很強(qiáng)

M：吹爆構(gòu)圖+1！即使是在有大量亮色和立繪細(xì)節(jié)的情況下，中心炸開式的構(gòu)圖、標(biāo)題形狀的處理以及動(dòng)效設(shè)計(jì)讓也會(huì)你第一眼的視線很難落在標(biāo)題之外的任何地方，從中間到外圍也有不太矚目但是非常nice的亮-暗-亮層次。

O：一張構(gòu)圖&色彩&細(xì)節(jié)非常爆炸的KV（Key Visual 主視覺）。在這里想跟大家分享一下KV概念和色彩/元素延伸上的一些個(gè)人心得。

我們可以先來(lái)拆解一下這張KV，從構(gòu)圖上是以圖片中央的活動(dòng)logo為視覺中心，向四周進(jìn)行產(chǎn)品元素的輻射發(fā)散，然后我們會(huì)注意到文字后面的新角色立繪，其次才是邊角的活動(dòng)貼紙和強(qiáng)對(duì)比度的涂鴉色彩元素。

無(wú)論你是否是專業(yè)的設(shè)計(jì)師還是普通的用戶，95%的視覺觀感都會(huì)是這樣進(jìn)行的，這也是KV的核心用處：當(dāng)KV出現(xiàn)時(shí)，用戶會(huì)很清晰的知道畫面的廣告主體是誰(shuí)（活動(dòng)logo+立繪），大家在設(shè)計(jì)KV的時(shí)候，也必須要明確傳遞的核心信息和畫面主體。

再簡(jiǎn)單的講一下主視覺的另外一大用途，元素(色彩)的拆解和延展，剛剛我們說(shuō)到，KV是最直觀給用戶傳達(dá)故事的視覺手段，我們?cè)跇?gòu)思KV時(shí)除了奪人眼球的構(gòu)圖，最重要的是，顏色和元素是否符合品牌DNA和故事性的傳達(dá)，KV中的顏色和元素，是可以輻射到產(chǎn)品的各個(gè)角度的，像大家看到的蝕刻章、抽獎(jiǎng)活動(dòng)、開頭的動(dòng)效，都是以KV的顏色和元素展開的，這樣除了帶給用戶視覺的統(tǒng)一性之外，更重要的是產(chǎn)品本身的美術(shù)內(nèi)核是自洽且融合的。

大家在以后構(gòu)思新企劃的時(shí)候，可以從KV的角度思考試試呢~

? ? ? ?

T：從動(dòng)效的角度來(lái)看我覺得有意思的是文字的彈出方式。文字分為紅色打底與白色主標(biāo)題，紅字是一齊彈出，白色逐個(gè)彈出。不同的運(yùn)動(dòng)方式+彈性表達(dá)式也就增加了標(biāo)題動(dòng)畫的趣味性。紅字較白字也大了一號(hào)字體，KV呈現(xiàn)時(shí)就給了一種描邊的感覺。

Y：黑色無(wú)襯線字體與紅色手寫體的對(duì)比，讓標(biāo)題有很強(qiáng)的張力，可以多嘗試下這種反差強(qiáng)烈的實(shí)用小技巧

L：經(jīng)典，典中典，簡(jiǎn)約好看的模板

L：喜歡這里動(dòng)效！所以截下來(lái)啦~

M：這個(gè)小標(biāo)題的設(shè)計(jì)竟然似乎和三棱鏡上期視頻的小標(biāo)題有那么一些些神似（

P：這個(gè)日的動(dòng)效還是很不錯(cuò)的

T：也要注意LOGO的動(dòng)效上也有運(yùn)動(dòng)和不運(yùn)動(dòng)的元素，一對(duì)比就能向觀眾強(qiáng)調(diào)重要信息啦。

O：剛剛跟大家講到的KV元素延伸，在這里得到了非常好的印證，雖然這是老的素材，但是賦予了極具本次KV風(fēng)格的色彩和顏色，外加上動(dòng)效的變化，會(huì)使得觀感跟以往大不相同

A：彈性表達(dá)式讓元素看起來(lái)十分有食欲（劃掉），靈動(dòng)感非常的強(qiáng)

L:你知道我要說(shuō)什么了吧，半調(diào)_____?

M：有那么一類設(shè)計(jì)能在你看第一遍甚至注意不到的情況下顯著提升整個(gè)畫面的觀感，比如左邊在白色字和暗色背景中間疊了不透明度超低的擬物圖片。仔細(xì)留意的話，方舟游戲內(nèi)的各個(gè)UI界面到處都是這類小設(shè)計(jì)。

O：大家可以細(xì)節(jié)觀察下，基本每個(gè)元素都是在動(dòng)的，所以會(huì)讓畫面看起來(lái)不那么死板（K幀K到死..）。

T：按照規(guī)律順次運(yùn)動(dòng)的方式能體現(xiàn)出物體嚴(yán)謹(jǐn)?shù)摹奥伞保瑯拥乃悸芬搀w現(xiàn)在以前PV中蝕刻章的出現(xiàn)，后面細(xì)分職業(yè)圖標(biāo)出現(xiàn)的動(dòng)效上，科技感upup。

A:個(gè)人認(rèn)為，動(dòng)效設(shè)計(jì)一定要思考視覺引導(dǎo)的問題，就是你想讓觀眾先看什么，后看什么，像導(dǎo)游一樣，這個(gè)地方就是很標(biāo)準(zhǔn)的大標(biāo)題——>小分項(xiàng)的出場(chǎng)方式，主要移動(dòng)元素也保持了從左到右，從上到下的模式。

感謝收看desu！

設(shè)計(jì)交流（禁水群）：341108355

吹水粉絲群：956234778?