完美復(fù)刻方舟設(shè)計(jì) - PV瑪莉婭 · 臨光(下)

此教程內(nèi)容較多,建議在空閑時(shí)間與PS一起打開食用?!荒X測(cè),不放收藏夾吃灰,不摸魚劃水從你我做起!
一點(diǎn)點(diǎn)時(shí)間不見!這里是小洛~
首先非常感謝大家對(duì)上期食品(BV14t4y1e7rm)的支持還有大佬們的轉(zhuǎn)發(fā)分享,看到辣——么多的人喜歡這個(gè)視頻,小洛開心的激動(dòng)了一整夜沒睡(其實(shí)是打游戲)。然而為什么收藏比點(diǎn)贊還要多啊啊啊......收藏夾里視頻的落灰是不是該抖一抖拿出來清掃一下了?
因?yàn)榘l(fā)現(xiàn)這期的知識(shí)點(diǎn)有一些重復(fù),所以「瑪莉婭·臨光」PV中的第二張關(guān)鍵幀復(fù)刻將以言簡意賅的圖文專欄的形式進(jìn)行,并且之后沒有視頻產(chǎn)出的的時(shí)候我們都會(huì)盡量周更一篇包含滿滿設(shè)計(jì)知識(shí)干貨的專欄!歡迎私信or評(píng)論出你們想看的任何題材哦~
OK下面一起進(jìn)入正題吧desu~(文中出現(xiàn)的元素制作方法不唯一,僅為最簡單的步驟和個(gè)人喜好,但是我們會(huì)在之后的視頻/專欄中介紹不同的處理方法,所有元素和調(diào)色數(shù)值均可以自行視情況調(diào)整)
友情提示:圖層較多的時(shí)候一定要好好分組和妥善命名!不然會(huì)被小洛打哦.

!本期新知識(shí)點(diǎn)概覽
漸變映射
形狀 - 多邊形與星形
投影
!解構(gòu)(從底層至頂層)
處理后背景圖
點(diǎn)陣
精二立繪背景
精二處理后立繪
右側(cè)藍(lán)色卡西米爾Iogo(大)
圖形元素:左下的藍(lán)色三角、職業(yè)Icon、星星、左上右下的黑白卡西米爾logo(小)
普通彩色立繪和投影
文字元素:中英文名、CV、左下的英文、右側(cè)羅德島公司和右上角的Side Story
一、背景處理
1. 首先打開Photoshop,新建一張畫布(2700PX×1080PX僅供參考)
2. 新建一個(gè)圖層,在左邊的工具欄找到這個(gè)圖標(biāo)。
3.?創(chuàng)建一個(gè)從左上到右下的漸變,左端的顏色改為深藍(lán)色,右端改為稍淺一些的藍(lán)色。


? ? 然后把漸變中心點(diǎn)的位置改為85%左右。

4. 在PV中截取背景,然后調(diào)整大小使其填滿整個(gè)畫面,將此背景的混合模式改為柔光。

5. 那么上面的白色點(diǎn)陣要怎么做呢?如果你已經(jīng)認(rèn)真的看過上期視頻了現(xiàn)在腦子里就應(yīng)該有點(diǎn)思路啦!沒錯(cuò),有請(qǐng)我們的重復(fù)變換——Ctrl+Alt+Shift+T。
如果你已經(jīng)忘了怎么操作的話,罰你給這個(gè)專欄點(diǎn)贊哼哼~算了...再說最后一次哦,下次我就不告訴你了!

5.1. 首先用形狀工具畫一個(gè)小圓點(diǎn)。
? ? ? ? ? ?

5.2. 把它的描邊取消,填充改為白色。

? ? ? ? ? ?
5.3. 然后Ctrl+T進(jìn)入到自由變換模式,向右移動(dòng)一段距離后回車確定。

5.4. 再按Ctrl+Shift+Alt+T 粘貼出一行間距相等的圓點(diǎn)。

5.5. 把剛剛的圖層全選,Ctrl+E合并后重復(fù)上一步重復(fù)變換的操作,向下再復(fù)制幾行。

5.6. 選中這些圖層再合并。最后把這個(gè)圖層的透明度調(diào)到50%左右就好啦,這次要記清楚哦~
(這里為了方便演示,圓點(diǎn)尺寸偏大,實(shí)際操作時(shí)按PV中的尺寸來就可以)
二、立繪處理
1. 首先把想要處理的立繪或者人物圖片拖進(jìn)去,
1.1. 這里要注意一個(gè)細(xì)節(jié),就是未精英立繪后面有一個(gè)投影。在右下角效果(fx)中選擇投影,顏色改為黑色,角度180°,距離適情況調(diào)整,大小改在10PX以內(nèi),讓邊緣有影子模糊的效果(推薦方法)
1.2. 或者說將立繪柵格化后用純色填充效果填充一個(gè)黑色,然后還是調(diào)整透明度,可以選擇用羽化/高斯模糊等方法讓邊緣變得自然,最后往右邊拖出來一點(diǎn)就好啦! ? ? ? ? ? ?

2. 精二立繪的背景 - 我們先來創(chuàng)建一個(gè)寬寬的白色矩形(不清楚尺寸的話可以截圖PV疊在下面做)

2.1. Ctrl+T進(jìn)入到自由變換模式后右鍵選擇透視。

?
2.2. 按住上方中心點(diǎn)往左拖45°(頂部直接輸入數(shù)值也可以)。


3. 精二立繪 - 上期視頻中我們用了調(diào)整色相/飽和度還有純色更改混合模式的方法處理了立繪,這次我們來介紹一種新的方法處理立繪,也就是漸變映射啦desu。
3.1. 簡單用大家能看懂的方式說一下漸變映射的原理吧~漸變條從左到右的顏色會(huì)分別替換圖中的暗部、中間調(diào)和高光,可以理解成最暗的部分,亮的高光部分,中間過渡的不暗不亮的部分。
3.2. 在右下角調(diào)整效果中找到漸變映射。

3.3. Alt在這個(gè)圖層和立繪圖層中間點(diǎn)擊一下,讓這個(gè)漸變映射只會(huì)對(duì)立繪產(chǎn)生效果。
3.4. 我們需要做的就是把左端的顏色改為偏藍(lán)的灰色,右端改為近似為白色的灰色。



3.5. 是不是效果看起來基本差不多?軟件只是一種工具,而實(shí)現(xiàn)的方法往往有很多種,大家要一起繼續(xù)努力學(xué)習(xí)哦~
三、左側(cè)裝飾性元素制作
1. 右側(cè)較大的卡西米爾logo可以替換別的logo,不過這里先介紹怎么改它的顏色吧~在右下角效果中添加漸變疊加的效果,從上到下的藍(lán)色漸變。

? ? ?? ? ? ?

??

2. 左下角的藍(lán)色三角形可以用多邊形工具創(chuàng)建,也可以創(chuàng)建一個(gè)矩形旋轉(zhuǎn)45°后放在左下角。


? ? ? ? ? ?
3. 藍(lán)色的細(xì)線可以用直線/鋼筆/矩形工具畫出,寬度2PX,再旋轉(zhuǎn)45°放在藍(lán)色三角上面一點(diǎn)就好啦!
4. 右下角的藍(lán)色細(xì)線還是用重復(fù)變換的方法制作哦,剛剛講過的再加深一遍印象,把寬度為2PX的細(xì)線Ctrl+T進(jìn)入到自由變換模式,向右移動(dòng)一段距離后回車確定,Ctrl+Alt+Shift+T重復(fù)上一步操作復(fù)制出一堆細(xì)線,然后把這些圖層Ctrl+E合并。

?

5. 找到上面處理好的精二立繪和平行四邊形背景,擺好位置,從下到上按照背景 - 立繪 - 藍(lán)色斜線的順序放好,在背景和立繪兩個(gè)圖層之間按住alt點(diǎn)擊一下,創(chuàng)建剪貼蒙版。

5.1. 將立繪與斜線置于平行四邊形背景的上層,按住alt點(diǎn)擊一下圖層之間的交界線,創(chuàng)建剪貼蒙版使立繪和斜線只出現(xiàn)在平行四邊形背景的區(qū)域內(nèi)。
? ? ? ? ? ? ?

6. 左下角的名字做起來也很簡單哦,先用無襯線白色粗體打出人物的英文名,放大之后把它的填充改為0%

6.1. 然后在圖層右下角一個(gè)描邊效果,把描邊改成2PX的白色。


7. 然后新建一個(gè)蒙版效果。

7.1. 按住Alt點(diǎn)擊一下蒙版進(jìn)入。(如果你的畫布變成了白茫茫一片,就說明成功進(jìn)入到了蒙版圖層)

? ? ? ? ? ?
7.2. 使用選區(qū)工具在下圖箭頭所示位置上畫出一個(gè)矩形選區(qū),使用Ctrl+退格鍵填充黑色后景色(Alt+退格鍵是填充白色前景色),再點(diǎn)一下這個(gè)圖層退出蒙版,就!做!好!啦!(你喊那么大聲干什么啊喂)


8. 做到這一步就已經(jīng)做完了80%了哦,耐下心來,剩下的元素非常簡單desu!不要收藏完就退出去嘛,不上手做的話可是一直都會(huì)被叫小菜雞哦~
四、右側(cè)裝飾性元素制作
首先咱們來找一個(gè)干員職業(yè)的Icon縮小到適合大小pia上去

2. 然后用無襯線的粗體打出人物名字(我用的思源黑體),把它的字間距調(diào)整成-100。

3. 下面的英文還是用無襯線體打出來,右側(cè)的元素都是白色噠,注意全部是右端對(duì)齊。

4. 畫一個(gè)小方塊,左邊打上聲優(yōu)名字,或者Design by 你的名字。

5. 右上角有一個(gè)小小的Side Story字樣,右側(cè)的元素就是羅德島公司的英文,加上一個(gè)方形和一個(gè)矩形旋轉(zhuǎn)90°就好啦~這里不詳細(xì)介紹了,我相信大家都會(huì)做desu!

6. 左上角和右下角大家還是可以放上自己的logo。

五、形狀工具 - 多邊形與星形
1. 最后一步,也是本文的最后一個(gè)重點(diǎn)——PS星形的繪制
2. 首先在工具欄里面找到矩形工具右鍵,之后在里面選擇多邊形工具,在屏幕中間點(diǎn)一下會(huì)彈出一個(gè)設(shè)置框。

3. 在設(shè)置中勾選星形選項(xiàng),邊數(shù)改為5,確定(畫多邊形也用這個(gè)方法,不勾選任何東西改邊數(shù)就好了)顏色改為無描邊的白色。


4. 如果覺得大小不合適想直接拉話可以刪掉或者撤銷,這時(shí)候再在屏幕上拉出合適的大小就好啦。當(dāng)然,也可以Ctrl+T自由變換,看個(gè)人喜好。
5. 之后在效果中創(chuàng)建一個(gè)投影,透明度為50%的黑色,大小改為10左右,其余數(shù)值都是0。


6. 之后傾斜一定的角度,按住Alt往右拖動(dòng)一段距離,或者還是用重復(fù)變換的方法復(fù)制出幾顆星,注意星星之間的上下層關(guān)系,一張好的設(shè)計(jì)圖里絕對(duì)是有很多細(xì)節(jié)的!

7. 然后把剛剛做出的所有元素都組合一下,對(duì)比原圖擺好位置,這張圖就做好啦!

大家做的都很棒喲!請(qǐng)繼續(xù)努力吧~干巴爹w

??

最后再次感謝大家花費(fèi)一段時(shí)間觀看或者跟著教程做!希望各位喜歡的話繼續(xù)為我們點(diǎn)贊和轉(zhuǎn)發(fā)~啾咪w
也歡迎把做好的成品圖發(fā)出來@三棱鏡D-PRISM,歡迎隨時(shí)給我們的視頻/專欄提出建議或者想看的內(nèi)容。
下期預(yù)告:下周新危機(jī)合約的相關(guān)界面/風(fēng)格/PV關(guān)鍵幀的設(shè)計(jì)

圖文:可愛的小洛、路過的鯊魚
設(shè)計(jì)交流群:956234778
*文章中出現(xiàn)的立繪原畫等素材均歸原作者所有, 部分素材來源于PRTS WIKI,禁止轉(zhuǎn)載/商用.

字?jǐn)?shù)共計(jì)3673字
需要閱讀時(shí)間∞分∞秒(指在收藏夾里)