「苦難搖籃」PV干員介紹關(guān)鍵幀復(fù)刻
大家好鴨這里是北霄，本期帶來的是從前段時(shí)間就預(yù)告的「苦難搖籃」PV干員介紹關(guān)鍵幀復(fù)刻。
寫在前面：本期講解的重點(diǎn)側(cè)重于背景，也就是這張圖。同時(shí)還會簡單說明一下原理。
溫馨提示：關(guān)鍵幀的復(fù)刻解構(gòu)、復(fù)刻順序大致都是從底層至頂層。
本文默認(rèn)你已經(jīng)看過了下面兩期專欄，對重復(fù)的知識點(diǎn)只做簡要回顧，不做展開。配合食用，效果更佳。
*文中出現(xiàn)的效果制作方法不唯一，部分效果可能與原效果有偏差，所有實(shí)際制作時(shí)的各項(xiàng)數(shù)值的調(diào)整、設(shè)計(jì)元素的排布均可以根據(jù)實(shí)際情況作調(diào)整。歡迎各位來互相交流更符合原效果的步驟!!!(鞠躬)
（如果不清楚一些設(shè)計(jì)元素的位置，可以把pv截圖疊在下面做位置參考）
一、本篇知識點(diǎn)概覽
◇ 混合模式：淺色/深色
◇?半調(diào)圖案
二、解構(gòu)（從底層至頂層）
◇ 背景
- 漸變填充與加工
-?處理后的干員精二立繪
-?設(shè)計(jì)元素：細(xì)線
-?混合模式為淺色的打光
◇ 其他設(shè)計(jì)元素
-?干員的英文名、特殊注釋(例如限定干員的標(biāo)注)
-?底部的暗灰色漸變部分
-?NEW OPERATOR、職業(yè)圖標(biāo)、干員名牌等其他元素
三、背景處理
3-1 漸變背景的處理：
首先打開Photoshop，新建一張畫布（此處用1680px*720px為例），創(chuàng)建一個(gè)90°的線性漸變（按住Shift鍵之后再使用漸變工具可以使?jié)u變的角度始終為0/45/90°）。漸變的起點(diǎn)到重點(diǎn)的連線已經(jīng)標(biāo)注在下圖了~
? ? ? ?
隨后，我們創(chuàng)建一個(gè)與畫布寬度一致，高度約為畫布二分之一的深灰色矩形，居中于畫布（此處建議將該圖層轉(zhuǎn)換為智能對象，方便之后對濾鏡參數(shù)進(jìn)行調(diào)整），對它進(jìn)行40%左右的高斯模糊之后，將混合模式改為【深色】。
接下來我們就將以下面這個(gè)黑白漸變作為背景。
? ? ? ?
3-1.1混合模式【深色】/【淺色】：
上文里用到的混合模式【深色】與我們接下來要用到的另一個(gè)混合模式【淺色】有所聯(lián)系，因此在這里便一起講解。
【深色】/【淺色】混合模式都是把設(shè)置為相應(yīng)混合模式的圖層顏色與底下圖層顏色的亮度作比較（這里的亮度并不等于HSB顏色模式里的Brightness）。
【深色】混合模式則是比誰更暗，而【淺色】則是比誰更亮。
此處的色彩亮度，你可以通過【圖像-灰度】去更改圖層的模式為灰度模式，可以很直觀地看到誰更亮。或者是使用RGB模式轉(zhuǎn)化為灰度模式的公式：Gray = R*0.299 + G*0.587 + B*0.114進(jìn)行比較，誰的Gray值大則代表更亮（實(shí)際計(jì)算可以做一定簡化，比如將小數(shù)做粗略化處理，例如R*0.299→R*0.3）。
下面是R、G、B顏色與更改了灰度模式后的對比。試試把它和上面的公式聯(lián)系起來。
? ? ? ?
從上面的圖示和公式里，我們可以大概知道在飽和度相等的情況下，綠色以及相鄰近的黃色、青色的顏色亮度較高，藍(lán)色較低，紅色居中。后續(xù)處理干員精二立繪時(shí)要用到的【淺色】要應(yīng)用到這個(gè)特性。
而因?yàn)轱柡投葹?時(shí)，RGB三個(gè)值相等，所以判斷顏色亮度直接看誰更白即可判斷。
3-2 處理干員的精二立繪、添加次要元素：
接下來添加干員的精二立繪，去色后更改混合模式為【淺色】。
新建一個(gè)圖層，更改混合模式為【深色】，使用筆刷調(diào)整去色后精二立繪的顏色亮度，讓立繪上方偏亮的區(qū)域稍微變暗。
這里還可以使用曲線/色階調(diào)整立繪，這里就不展開講了，以后有機(jī)會一定（）
? ? ? ?
而后，在畫布的上方畫出一條高為2px的深灰色直線。? ?
? ? ? ?
3-3為背景添加顏色：
創(chuàng)建一個(gè)使用干員的主要顏色的純色填充，修改混合模式為【淺色】，然后使用圖層蒙版與筆刷，讓純色填充只在左上角顯示。
3-3.1干員顏色的選擇：
還記得我們上面介紹混合模式時(shí)候提到的顏色亮度嗎。在上面的介紹里我們可以知道，在飽和度相等的情況下綠色以及相鄰近的黃色、青色的顏色亮度較高，藍(lán)色較低，紅色居中。
這時(shí)候由于混合模式為【淺色】的純色填充層需要與下面的圖層比較顏色亮度的，飽和度高的藍(lán)色容易出現(xiàn)顏色過少的情況，飽和度、明度都偏高的青色、黃色、綠色容易出現(xiàn)顏色過多的情況，這時(shí)候我們需要根據(jù)實(shí)際情況調(diào)整顏色的明度以及飽和度。
下面列出了一些可能出現(xiàn)的情況，可以根據(jù)實(shí)際情況選擇顏色。
? ? ? ?
? ? ? ?
四、其他部分
4-1漸變，添加立繪：
完成背景后，我們在畫布偏下的位置創(chuàng)建一個(gè)深灰色漸變的矩形。
添加干員的精一立繪，去色后放大到合適的大小，將混合模式改為【柔光】，不透明度改為40％。
恭喜你！到這里除去次要的裝飾性元素以及文字，你已經(jīng)基本完成了這張圖。接下來會簡要標(biāo)注出使用到的字體以及圖層的上下順序，以及講解一些重點(diǎn)部分。
4-2?精一立繪及半調(diào)：
人物的剪影、半調(diào)結(jié)構(gòu)如圖所示，參數(shù)如下圖所示。
4-3 字體，圖層的上下關(guān)系：
使用到的字體如下圖所示。
?上下層關(guān)系如下圖所示，從上到下依次為：紅、藍(lán)、綠色部分。
?
五、舉一反三
在《明日方舟》的pv、餅圖里都出現(xiàn)過類似的效果，可以試著參考本期專欄里介紹的方法把這個(gè)效果用到更多地方desu!
下面是隨便摸的，那么本期專欄就到這里了，如果有什么問題或者是有更好更簡便的方法歡迎評論留言討論!
下次再見啦——
? ? ? ?
教程/設(shè)計(jì)知識 投稿請?jiān)谒叫胖谢貜?fù)“投稿”了解相關(guān)事宜，非常感謝您的閱讀支持！
設(shè)計(jì)交流（禁水群）：341108355
吹水粉絲群：956234778
本期作者：@BEZOiCE_
修訂：三棱鏡D-PRISM?
