不知不覺又到了不知道幾年幾度的，三棱鏡大家一起坐下來聊天拉片看PV的時(shí)刻了！

在新主線pv發(fā)布之際~我們決定來鑒賞一下主線劇情的第一個(gè)正式PV——靶向藥物。

話不多說，一起來看看令人印象深刻的PV是怎樣的吧！

時(shí)間跳躍：

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

A：阿連 B：北霄 D：白給 H：雨花 J：姬無(wú)色 L：小洛

M：Monolith O：天天 P：小白炮 Q：千雨 R：Rawberry

S：思無(wú)邪 T：天云中君 W：文仔 X：箱子 ?Y：鯊鯊魚

Y：舟味兒經(jīng)典搭配——3D場(chǎng)景+Heavy字重描邊體+黑底白字文案? ? ? ?? ? ? ? ?

? ? ? ?

S：覺得這個(gè)畫面其實(shí)更像透射電鏡一些（分辨率能到0.2nm，可觀察細(xì)胞器結(jié)構(gòu)，但他都寫了SEM。。。），生物透射電鏡要固定、脫水、包埋、切片。應(yīng)該是活不了的

P：這是個(gè)菜雞失敗報(bào)告：嘗試了使用XP粒子去制作這個(gè)生長(zhǎng)的動(dòng)畫，發(fā)現(xiàn)做出生長(zhǎng)的動(dòng)畫是比較容易的，但是到了模型部分按照思路把每一條拖尾都放樣電腦的負(fù)擔(dān)非常之大。而且這樣沒有辦法還原向原片那種粘球的效果。就更別提渲染了。

- 個(gè)人失敗思路總結(jié)：放樣后在進(jìn)行OVDB可以做出粘球效果，結(jié)果是電腦負(fù)擔(dān)雪上加霜，即便是對(duì)粒子和網(wǎng)格進(jìn)行緩存依然無(wú)法正常播放動(dòng)畫（緩存數(shù)據(jù)為16G左右，后來嘗試減少面數(shù)降到10G不過沒啥用），而且粘球的效果也十分不佳。（指直接糊成一團(tuán)了）

- 后來，又嘗試了使用體積建模來實(shí)現(xiàn)粘球效果，發(fā)現(xiàn)也是類似問題。

- 最后總結(jié)，技術(shù)不行。

X:?這個(gè)微生物生長(zhǎng)的動(dòng)畫很早之前就注意到了，ae中有一個(gè)插件叫Physarum，是專門模擬有機(jī)生物生長(zhǎng)的動(dòng)畫插件，不知道YJ是不是用這個(gè)插件做到的，大家可以把玩一下這個(gè)插件，很有趣的說！

L：非常喜歡這個(gè)從顯微鏡里看微生物生長(zhǎng)的鏡頭，在各種方舟的混剪里這個(gè)也是非常典型的，大家一定會(huì)用到的鏡頭。用色，字體，整體的氛圍都與主線內(nèi)容相對(duì)應(yīng)，開始講述羅德島作為制藥公司，與龍門進(jìn)行合作的交涉。也表現(xiàn)出來礦石病帶來的變化是從宏觀上整個(gè)社會(huì)到微觀上的體內(nèi)的變化。（怎么感覺像在扯論文草）

W：這個(gè)插件我之前還玩過，印象里是可以通過路徑來控制來著？反正還沒完明白，沒做出動(dòng)圖的這種效果。如果有做出來的歡迎評(píng)論區(qū)教教?。榱?，我是笨比）

R：鷹角的活動(dòng)PV中總會(huì)在平面內(nèi)容中融入一些短暫的3D場(chǎng)景鏡頭來豐富視覺上帶來的效果，這些3D鏡頭以及特殊的平面質(zhì)感無(wú)意間會(huì)給觀眾帶來泰拉大陸的真實(shí)感以及一種沉浸式視聽，當(dāng)然也會(huì)提升整體宣發(fā)內(nèi)容的逼格（就是粥味兒），這種既可以符合自身又不同于其他游戲宣發(fā)的設(shè)計(jì)思路是很值得大家學(xué)習(xí)和探討的。

M：題外話：視野下面打出來的是掃描電鏡的參數(shù)，雖然真實(shí)的電鏡怎么想也拍不出這種影像（問就是源石技藝.jpg）。附一張真實(shí)的電鏡參數(shù)，偶爾可以仿一套用來增加科技感（

L：一直特別喜歡方舟pv這種絲滑的曲線?。?！像是浮在玻璃上全息投影似的，透亮又干凈，沒有過多的紋理、雜色、裝飾、背景也被模糊掉，這也是靶向藥物這個(gè)PV的主要風(fēng)格。

M：從這里一直到新干員介紹結(jié)束，雖然穿插了很多類型的元素（UI/cg/建模），但是能夠注意到所有這些畫面整體的色調(diào)都是統(tǒng)一的：黑色打底確定昏暗壓抑的氛圍，白色用來高亮信息，紅橙暖色用來引導(dǎo)視線，同時(shí)豐富了整體的顏色層次并且添加了緊張感。這讓這些不同畫風(fēng)的元素出現(xiàn)在一段視頻時(shí)既能豐富畫面，又不產(chǎn)生割裂感。

D：這種像HUD傾斜角度的手法是比較討巧的，像鋼鐵俠的賈維斯系統(tǒng)，也是懸浮控件的做法，若只是直愣愣的給個(gè)平面是沒啥感覺的，在pv里方舟用了傾斜+高斯模糊的方式打造出了空間透視，好耶。

S：常駐的色散，表現(xiàn)玻璃材質(zhì)的映影，傾斜角較大時(shí)焦點(diǎn)帶來的模糊的諸多細(xì)節(jié)做出真實(shí)感，是鷹味！

L：色散的效果，用了都說好。關(guān)于為什么要使用色散的效果，這也是我一直以來非常好奇的問題。首先我覺得色散配合雜色顆?？梢栽黾幽甏校?？）。適量的色彩偏移也可以為畫面增加細(xì)節(jié)，同時(shí)給了觀眾視覺沖擊力（或者說致幻感比較合適）。因?yàn)檎凵渎?，?dāng)我們佩戴眼鏡時(shí)，鏡片邊緣也會(huì)出現(xiàn)紅藍(lán)或黃綠的色散效果。

M：從另一個(gè)角度來說，在合適的地方（比如各種邊邊角角）添加色散/畸變/模糊效果也有助于在畫面更炫酷的同時(shí)讓觀眾的注意力落在重要的信息上。因?yàn)檫@些效果會(huì)以一種自然的方式降低這些區(qū)域的辨識(shí)度，也就降低了短暫的幾秒鐘內(nèi)觀眾被本不該搶戲的這部分畫面引走注意力的可能性。下面這個(gè)畫面四周的模糊和陰影也是同樣的道理。

D: 人物給的背面光，僅勾勒邊緣，在上方再疊一層移動(dòng)的場(chǎng)景。大家可以想一下一個(gè)普通室內(nèi)光，人物細(xì)節(jié)很豐富的情況下，疊加場(chǎng)景就都糊掉了也沒有氛圍。如果大家下次作圖想營(yíng)造一種久遠(yuǎn)的回憶啥的，也可以參考這種形式來做。

? ? ? ?

L：這個(gè)轉(zhuǎn)場(chǎng)，太驚艷了，圖中的是詩(shī)懷雅小飛機(jī)的范圍。在那時(shí)候介紹新干員之前會(huì)出現(xiàn)這樣與干員有關(guān)的建模/片段，這會(huì)讓干員們非常的有記憶點(diǎn)，包括之后緊跟著的陳sir，那把赤霄直接擊中了我的心！

M：從這里開始yj將為大家演示“遇事不決先來一個(gè)點(diǎn)陣”的設(shè)計(jì)技巧。特別是在這種簡(jiǎn)潔科技風(fēng)格的設(shè)計(jì)上賊好用（

X：方舟PV中非常經(jīng)典的鏡頭，光看這個(gè)鏡頭在方舟相關(guān)剪輯中出現(xiàn)的次數(shù)就可以看出這個(gè)鏡頭的質(zhì)量足夠硬且受到大家的一致認(rèn)可，作為轉(zhuǎn)場(chǎng)或者表現(xiàn)科技感的鏡頭都十分的合適！

S：設(shè)計(jì)時(shí)常常需要找一些“意義無(wú)關(guān)”但“畫面需要”的HUD裝飾小部件的話，這種片段看一個(gè)記一個(gè)（

W：印象深刻的一幕，這一段的技能范圍的演示真的太驚艷了，看了無(wú)數(shù)遍，這是我眾多PV里最喜歡的一個(gè)地方，可惜也只有這一處地方有這樣的。這一段AE應(yīng)該是可以復(fù)刻出來的，不曉得YJ是怎么做的，也有可能是C4D等3D軟件輔助制作的，個(gè)人覺得AE制作難度應(yīng)該不大？下次可以嘗試一下（開始挖坑）

Y：這個(gè)轉(zhuǎn)場(chǎng)吹爆！

J：從上一個(gè)平面鏡頭轉(zhuǎn)到立體鏡頭，這里運(yùn)用了很多方式來表現(xiàn)空間感。首先雖然表現(xiàn)的對(duì)象尺度不大，但還是使用了兩點(diǎn)透視而非平行透視；其次遠(yuǎn)處有是有模糊的；再次分批次進(jìn)場(chǎng)的元素所在的面不同，第一個(gè)元素是XYZ方向兼具的長(zhǎng)方體，接著兩層都是水平的（XZ平面），緊接著趕緊補(bǔ)上了XY平面的文字和數(shù)字，空間感一下子就表達(dá)清楚了，同時(shí)還很有科技感。繼承這個(gè)空間表現(xiàn)，元素開始翻轉(zhuǎn)，進(jìn)入下一個(gè)畫面。

并不像市面上大多數(shù)廉價(jià)的所謂“科技感”的審美（如示例圖），只需要非常基礎(chǔ)的建模和渲染技能，就能靠簡(jiǎn)單的幾何構(gòu)成設(shè)計(jì)出科技感爆棚的效果。 少就是多！

P：因?yàn)闆]有上手操作過，說一下我個(gè)人非常大概的制作思路，僅供參考：個(gè)人認(rèn)為可以純?nèi)S軟件來制作這個(gè)分鏡，建模的話就是由一些簡(jiǎn)單的幾何體排列組成，最后在下面鋪一個(gè)平面拿來做倒影用。主要是在K動(dòng)畫上會(huì)費(fèi)很多時(shí)間。

- 渲染部分的話，（基于OC渲染器）基本都是發(fā)光材質(zhì)就可以，直接上一個(gè)純黑的HDR，下面調(diào)一個(gè)反射材質(zhì)做倒影。

L：非常標(biāo)準(zhǔn)經(jīng)典的排版，描邊字破了矩形的“形”，讓畫面不死板，而中央的小字切開了描邊字，增加了層次感。

M：這個(gè)排版屬于是“對(duì)比”這個(gè)原則的典型演示：字號(hào)的大/小，描邊/實(shí)色填充，字距的緊湊/寬松。這讓疊在一起的兩行字也層次清晰可讀。

D：高質(zhì)量的3d建模+微微后退的鏡頭，使得整體細(xì)節(jié)都豐富起來了。

W：誒，有沒有像我們之前做的PV里的一個(gè)鏡頭？

P：上一個(gè)鏡頭和下一個(gè)鏡頭運(yùn)鏡轉(zhuǎn)場(chǎng)非常絲滑，卡的非常的好，我也曾多次嘗試，但是總是感覺自己做的差點(diǎn)意思。而且這個(gè)PV很多地方都運(yùn)用了這個(gè)手法進(jìn)行轉(zhuǎn)場(chǎng)。其實(shí)明日方舟挺愛這種轉(zhuǎn)場(chǎng)形式的。玩了，被發(fā)現(xiàn)了（

? ? ? ?

D：明日方舟高冷風(fēng)格排版+hud進(jìn)度條+大傾角，好！

S：不知道是不是我的問題。。?？傆X得英文在HUD設(shè)計(jì)時(shí)會(huì)有更強(qiáng)的圖形裝飾感（我放漢字進(jìn)去就好丑嗚嗚）

W：個(gè)人覺得中文放在HUD元素里沒有比英文的裝飾性強(qiáng)，可能是因?yàn)橹形暮陀⑽牡淖煮w結(jié)構(gòu)的原因吧。其實(shí)這圖能注意到不少排版上的細(xì)節(jié)已經(jīng)注意事項(xiàng)，例如大小對(duì)比，粗細(xì)對(duì)比等等，等下期視頻吧.jpg(在做了在做了。)

Y：通過鏡頭的運(yùn)用，將設(shè)計(jì)非常簡(jiǎn)約的名片的逼格提高了一大截

J：我個(gè)人是很喜歡看這種把分類目信息排的很干凈的排版的，ID卡、個(gè)人信息頁(yè)等等。噢，仔細(xì)看加載照片的過程，居然還是先出剪影后出有色圖像的？

L: 太美了 純圖形的排版是最考驗(yàn)技術(shù)的排版（沒錯(cuò)無(wú)襯線體在我看來也是圖形）

? ? ? ?

L：夢(mèng)中情刀，雷神的英文在劍上的動(dòng)效屬實(shí)是性感到我了。（感覺劍是字的紅色比較合適，沒想到是橘紅色的刀哈哈哈哈）

D：注意看方舟一直貫穿科技感的形式，一般攝像機(jī)光圈模糊后是圓形，這里還是做成了富有科技感的正六邊形（就細(xì)節(jié)豐富就完事了）

? ? ? ?

L：這里摩爾紋和顆粒飄散的細(xì)節(jié)真的太性感了，我好的不能再好

M：a.k.a.《將二次元立繪融進(jìn)科技感UI的方法一例》

W：爽了。?

? ? ? ? ?

L: 不瞞你說，當(dāng)時(shí)真的是看到這一幕之后，陳變成了我第一個(gè)老婆。

Y：字！要！大！ 顏！色！要！炸！

S：正在<移動(dòng)>“展示.jpg” 至 <人物展示設(shè)計(jì)方案庫(kù)>。

W：正在<移動(dòng)>“展示.jpg” 至 <人物展示設(shè)計(jì)方案庫(kù)>。

? ? ? ?

L：燃起來了兄弟們，很多人認(rèn)為做平面設(shè)計(jì)，把元素做小會(huì)讓畫面看起來充滿細(xì)節(jié)且簡(jiǎn)約，所以會(huì)避免將元素做大，但其實(shí)大和小也是排版中非常重要的對(duì)比原則之一，如果你要做大，那么就做的很———大————非常大————，不要只是比小字要大，大到這個(gè)元素不再是一個(gè)字或者一個(gè)形狀，而是變成紋理和裝飾。

- 這里的主標(biāo)題明顯是讓觀眾增加記憶點(diǎn)，大而清晰，像全息投影在玻璃/空中，加上了一定的透視關(guān)系。遠(yuǎn)景清晰和背景和字，和近景陳sir的模糊身影，這也是一種對(duì)比。這一幕直接被我刻入DNA??！

M：透視和虛焦是靈魂。對(duì)這個(gè)畫面來說，同樣的元素如果按純平面來排沖擊感會(huì)小不少。

X：這部分的拉鏡很棒，背景，標(biāo)題，人物的層次感分明，尤其是鏡頭運(yùn)動(dòng)到最后還有一些微微的晃動(dòng)感，非常自然，包括上面說到陳那一部分的摩爾紋，這些都是方舟PV早期的細(xì)節(jié)，這些細(xì)節(jié)在現(xiàn)在方舟PV標(biāo)準(zhǔn)化的情況下已經(jīng)非常罕見了。

D：沒啥好說的，陳sir在鏡頭微微晃動(dòng)里拉遠(yuǎn)里的背影，牛奧。

W：開頭進(jìn)場(chǎng)的像素拉伸就沒啥好說的了，鷹角經(jīng)典過場(chǎng)效果了，AE插件：Pixel Sorter 2

P：其實(shí)這里的像素拉伸打破了我對(duì)它的固有想法，我一直以為像素拉伸就是拿來轉(zhuǎn)場(chǎng)的。

J：可以注意一下這邊動(dòng)效元素的節(jié)奏。這邊時(shí)間軸上是背景+Logo幾乎一起，大面積，顏色對(duì)比較輕；文字和一條紅色元素掃過一起，小面積，對(duì)比明顯，尤其是紅色元素特別顯眼。明明元素和動(dòng)效都很多，但集中在兩個(gè)時(shí)間點(diǎn)上，中間做了配合音樂的停頓，配合對(duì)比，節(jié)奏上的層次就出來了，不混亂了。紅色元素完成任務(wù)后直接退役，不影響靜態(tài)畫面的和諧。

L：應(yīng)該注意到的重點(diǎn)是左側(cè)的排版，還有背景半調(diào)圖案細(xì)節(jié)的應(yīng)用。

M：各種意義上都是一個(gè)簡(jiǎn)單且好用的排版！

O：天天我是三棱鏡技術(shù)比較弱的那位，所以遇到合適的圖片我都會(huì)考慮復(fù)刻一張，像這張簡(jiǎn)單的我就給各位新人用PS做個(gè)簡(jiǎn)單復(fù)刻（除了小洛說的色彩偏移效果，可以在AE中用TWIST插件實(shí)現(xiàn)，PS比較復(fù)雜且不實(shí)用）。這張簡(jiǎn)單背景主要是半調(diào)+斜線（定義圖案）加一些文字排版，具體可以看下：

? ? ? ?

? ? ? ?

這些知識(shí)點(diǎn)，三棱鏡的老師們基本都做過專欄講解，在這里給大家做一個(gè)引流：

1. 半調(diào)by小洛 ：半 調(diào) 圖 案

2. 深♂入漸變映射by姬無(wú)色老師：深 入 了 解

3. 圖層管理學(xué)by姬無(wú)色老師：圖 層 管 理

各位和我一樣在打基礎(chǔ)的小伙伴們可以讀一下這三篇專欄，可以非常好的了解到用途和一些意想不到的玩法，最后這個(gè)復(fù)刻版本我會(huì)放在設(shè)計(jì)一群，希望大家可以來群里學(xué)設(shè)計(jì)哦~

M：用皮膚宣傳圖做的半調(diào)疊上斜線，簡(jiǎn)單粗暴地做到了有質(zhì)感地留白，也是一個(gè)非常萬(wàn)能的背景處理方式。（說到這個(gè)就不得不再提一嘴專欄里面提到過的Astute->Phantasm這個(gè)AI插件，半調(diào)效果的終極答案，誰(shuí)用誰(shuí)知道）

D：方舟一貫的撞色+灰色背景，背景處理挺好玩的，像素化后再加斜線增強(qiáng)科技感，雖然我不知道為啥要像素化但是就是挺有意思的處理（

J：我個(gè)人覺得這里的斜線有待商榷，因?yàn)槲铱s小看PV的時(shí)候總感覺背景的白色是什么有立體感的玩意，放大看之后才知道是斜線。斜線可能來自于進(jìn)場(chǎng)時(shí)的轉(zhuǎn)場(chǎng)效果吧。改進(jìn)方案如果是我我會(huì)選擇用純白的方形半調(diào)，可以繼承PV前面?zhèn)蜺I、打科技感的設(shè)計(jì)語(yǔ)言，也不和這里的圖像沖突；亦或是相對(duì)簡(jiǎn)單的，讓傾斜線條水平移動(dòng)起來，方便辨識(shí)出是斜線。

L：小細(xì)節(jié)也不要放過，色彩偏移的色散效果貫穿整個(gè)PV，在與正片做出風(fēng)格對(duì)比的同時(shí)也保證了一定的全片風(fēng)格的統(tǒng)一性。

P：你的聲音也太好聽了8，你唱歌真的好聽啊，簡(jiǎn)直就是天籟，和我一起做學(xué)院偶像好不好嘛。輕松拿下櫻花妹，因?yàn)槲沂侵袊?guó)唐可可。

尾音：三棱鏡的大家并非業(yè)內(nèi)的專業(yè)人士，但我們面對(duì)專業(yè)性問題也會(huì)盡力以我們所學(xué)到的專業(yè)知識(shí)與大家賞析分享。正如我們開頭所說的，賞析系列的專欄是不僅是想分享給大家相關(guān)的內(nèi)容和知識(shí)，也是為組員提供一個(gè)可以一起暢所欲言聊設(shè)計(jì)的地方。

如果有說的不對(duì)或者不嚴(yán)謹(jǐn)?shù)牡胤?，還希望大家在評(píng)論區(qū)指正！設(shè)計(jì)理應(yīng)是在理性的討論中進(jìn)步，互相學(xué)習(xí)。

祝大家今夜好夢(mèng)~