LV. 12
GP 158

【心得】教你簡單幾個步驟把照片變成GTA5插畫風!

樓主 KalvinCafeRacer kalvinlee666
GP296 BP-
hi~ 今天要來教大家如何把照片變成GTA 5的插畫風格
不知道大家有沒有仔細品嚐過這代的封面
沒有用心看的人現在趕快跪著看!


GTA5發售後  有個也很愛GTA的朋友問我能不能幫他把照片變成GTA的風格
想了想...沒做過  可能有點難度  要試試看  或許可以
然後一不小心就變出了下面三張 :







下面這張是原照片
哈哈  沒錯  就是很一般手機拍的生活照~


原本是想把標題寫成 官方公佈GTA5新增兩位主角
但想想這樣好像太低估大家的智慧了...只好乖乖寫篇創作心得...

我會教兩種做法
一種是不會專業修圖技能的人也能上手的做法
一種是要稍微有點專業基礎

首先先開始最簡單快速的做法吧!

非繪圖專業人士快速上手做法 :
[ STEP 1 ]
打開修圖神器PhotoShop
我是用CS6 重點在幾個濾鏡效果 舊版不確定是否有
沒有軟體的人可以上Adobe官網下載免費30天試用版




[ STEP 2 ]
首先第一步挑個看起來很像GTA風格的照片
用一般用手機拍攝的生活照也可以
所以不用擔心會被攝影師帶去汽車旅館拍照
也不需要花10年練插畫  結果修練出關後發現還是畫不出來


[ STEP 3 ]  :
在圖層上點滑鼠右鍵  選擇 "轉換為智慧型圖層"
若未用智慧型圖層  濾鏡按了之後就沒辦法改  用智慧型可以改到你滿意為止


[ STEP 4 ]  :
用滑鼠左鍵點選圖層
然後按 ctrl + J 複製出一個圖層

為什麼呢?
這是一個祕密

[ STEP 5 ]  
然後使用濾鏡 > 模糊 > "智慧型模糊"
讓照片變成一塊一塊的感覺
下面的參數不要抄我的喔
因為每張照片的尺寸, 色調, 等等的不同  就算用一樣的數據看起來也會不一樣
所以大約調出像這種感覺就好


[ STEP 6 ]  
調完一塊一塊的樣子後
每個顏色邊緣都鋸齒鋸齒的
還別急著交件啊! 肯定會被Rockstar Games的老闆呼巴掌
接下來用 濾鏡 > "油畫效果" 讓他感覺像是用畫的
數據也是依照照片不同做不同的數值調整喔~





稍微查了一下發現好像只有CS6有"油畫效果"
如果用舊版的  可以參考下面CS3的做法
最下面那個"濾鏡收藏館"用的是"海報邊緣效果"
效果不如油畫效果  但算是比較接近了


[ STEP 7 ]  
是不是已經有一點感覺了呢!!
請說是
但還沒完成喔! 現在看起來是個喝茫的傢伙
酒駕抓到會被罰9萬
所以現在要強制將畫面銳利化
還記得剛剛複製了一個不知道要幹嘛的圖層嗎
現在用滑鼠左鍵點選他
然後選   濾鏡 > 其他 > 顏色快調
數值大約用2~10左右  
畫面變灰灰的看起來很怪是正常的


[ STEP 8 ]  
滑鼠移到圖層的部分  最上面有個下拉選單
預設裡面是選擇正常, 改為"覆蓋"
如果右邊沒有這個區塊  請選擇  視窗 > 圖層  或是直接熱鍵F7就會叫出來


[ STEP 9 ]  
照片通常拍完都灰灰的
GTA的插畫飽和度都非常高  看起來非常鮮豔
所以最後一步就是要把飽和度拉高
數值大約50~100之間  不要拉到爆掉變一堆粒子在上面就好


[ STEP 10 ]  
最後一步
就是加上GTA5的logo啦!!!
在 google圖片上搜尋關鍵字"GTA LOGO PNG"
就可以找到透明背景的logo
PNG是圖片附檔名  這種圖片格式不僅無破壞性壓縮也支援透明背景
不過抓下來時還是要檢查一下是否真的透明背景


[ STEP 11 ]  
有心力的人可以自己在小修飾一番

修完後~任務就完成啦!!

跟原照片放在一起比較一下

不敢說跟GTA5的畫風一模一樣啦
畢竟那是大師級的插畫家花很多時間畫出來的
能用photoshop在短時間內做出很像的應該也夠滿足各位GTA粉絲了~
剛剛才發現那女的鼻子上有顆痣  我一直以為是我螢幕髒了擦不乾淨

--------------------------------------------------------------------------------------------------
注意 : 下列區域為photoshop小撇步
--------------------------------------------------------------------------------------------------

剛做完一張後
可能覺得還沒玩夠想再做第二張
但是全部步驟重做一次超累的啦~
別擔心, 還記得一開始教的智慧型圖層嗎!!
說有多智慧就有多智慧

[ STEP 1 ]  
只要按著shift不放  選取圖片本身那兩張
拖移丟到另外一張你想調的圖片上


[ STEP 2 ]  
一樣把要弄的圖片變成智慧型圖層
ctrl + J 複製一個


[ STEP 2 ]  
然後酷炫的來了
只要用滑鼠左鍵按著圖層右邊兩個圈圈的小圖示
往下拉到你想要的圖層放開
效果就會變到他上面


[ STEP 3 ]  
有做過一張後
大概5秒就可以完成第二張了


--------------------------------------------------------------------------------------------------
警告 : 下列區域使用大量專業術語, 看不懂或不會的部分請另行google...
--------------------------------------------------------------------------------------------------

這邊開始才是教最上面po的完成品的做法

需要基本繪圖專業人士使用 :
[ STEP 1 ]  
各位同行的設計師們  考驗基本功的時間到了
請勿使用色版去背, 一定要用鋼筆去背
色版去背比較快, 但是邊緣放大看都會雜雜的
尤其加一個筆畫效果, 根本慘不忍睹
有仔細看原版海報的人應該都有發現GTA人物很愛用黑邊
只有鋼筆工具去背後  上了黑邊  邊緣才會完美無暇  像天生的一樣!


[ STEP 2 ]  
去背完後
使用上面教的方式做出插畫效果
如果套了效果之後  看起來還是太像照片不夠插畫
可以來點猛的  大膽的上些誇張的筆觸效果吧!

上完預覽看起來很醜沒錯
這個步驟主要是用筆觸把照片細節抹掉變成筆刷的感覺
套完後  在搭配上原本的油畫效果融合在一起
就會變成比較滑順的筆觸


[ STEP 3 ]  
然後加上圖層效果
"內光暈"跟"筆畫"



GTA的插畫人物都有黑邊
所以這是很重要的一個步驟
內光暈的用意在於  去背可能無法去的完全乾淨
所以需要 1 px 的內光暈來修飾邊緣順便做黑邊
只有 1 px 的黑邊太細  所以加上向外長的 1 px 筆畫  
讓視覺上邊線看起來粗細適中

[ STEP 4 ]  
運用亮的內陰影效果
模擬向量插畫很常用的增加亮面立體感效果


有畫過素描的人應該都知道物體需要亮面, 中間調, 暗面, 反光面
照片本身已經有中間調跟暗面了
所以亮面跟 反光面要靠PS來加


[ STEP 5 ]  
背景一樣也是 智慧型模糊 + 油畫效果
然後自然飽和度拉高再做一些細微的修飾
左下角放上18禁  右下角放上Rockstar Game logo 就完成囉~




--------------------------------------------------------------------------------------------------

XBOX ONE 的玩家快加我啊!
ID : KalvinCafeRacer
在遊戲裡遇到我別殺我就好



296
-
板務人員:

1614 筆精華,02/12 更新
一個月內新增 2
歡迎加入共同維護。


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】