close

FotorCreated.jpg

今天要來分享被問八百萬遍的問題:
"你怎麼把插畫變成那樣啊"
"你有電繪版嗎"

有追蹤到我粉絲專頁的人應該知道,我之前一直有畫一些簡單的插畫
大部分看起來都像電繪
但其實我沒有電繪版,也不太會操控滑鼠
那麼要如何把手繪畫在紙張上的的插畫變成首圖你們看到的樣子呢
方法其實非常簡單
有興趣的話就繼續看下去吧

/

/// 開始之前 ///
以下是你需要用到的東西、工具
1. 你畫好的一張畫
選擇白底空白的紙畫畫最適合,若用有橫線、點點花紋的紙的話比較不好修掉
2. 手機、相機或是掃描機
用來拍你的插畫
3. 好用的掃描app
我用的是Android系統的掃描全能王
在光源充足的地方將插畫拍起來之後,利用app將照片轉成類似於掃描效果的圖檔
若使用掃描機可略過此項
4. Adobe Illustrator
他就是成功把插畫變成電繪感的最大幫手啦
我使用的是Adobe官方釋出的CS2免費版本
版本比較舊,不過一樣好用
新版的操作方式大同小異

/

今天將簡單示範如何讓掃描完的黑白圖變成最後彩色的樣子

08-feel original.jpg08-feel_result.png


Step 1: 把畫好的圖拍照、掃描

08-feel original.jpg

上圖就是我將手繪的插畫拍照後使用掃描全能王處理之後的圖片
手繪線條清晰
但上圖是錯誤示範,應盡量選擇背景空白創作
較不會影響後續步驟

/

Step 2: 將圖片匯入Adobe Illustrator並選取整張圖片

Screenshot 2016-10-19 22.29.15_result.png

匯入圖片之後,使用選取工具 (Selection tool)將整張圖片選取起來
成功選取時會向上圖一樣在外框有個藍色的框框

/

Step 3: 進行即時掃描 (Live Trace) 將圖片轉為數位線條

Screenshot 2016-10-19 22.29.26_result.png

這個步驟非常關鍵,也是成功把手繪插畫數位化的關鍵步驟
選取好整張圖片之後點選: 物件 (Object)/ 即時掃描 (Live Trace) / 製作並展開 (Make and expand)
成功轉換之後看起來會像下圖
/

Screenshot 2016-10-19 22.29.36_result.png

完成這個步驟之後
你會發現你的圖畫瞬間電子化了
此時原本的線條都變成一個一個的數位點點,也就是說原本的線條都向量化啦
接著就可以開始著色的步驟

手繪插畫要轉換的好,成功關鍵就在掃描完的圖檔是否夠清楚
圖片清楚就能輕易地轉換成我們要的樣子
若是光線不夠或背景雜亂,則轉換出來在光線暗的地方會產生黑黑的一塊

/

下圖就是直接以手機拍照,未使用掃描全能王處理過的圖片
以及用Adobe Illustrator處理後的樣子
可以發現原圖比較暗的地方轉換出來會黑黑的一塊

01_result.jpg

Screenshot 2016-10-19 23.23.17_result.png

/// 技巧提示 ///
盡量使用較粗的筆畫畫,以及在光線充足的地方拍照
務必掃描或修片成清楚的圖檔

/

Step 4: 使用Live Paint Bucket上色

Screenshot 2016-10-19 22.29.59_result.png

到這一步差不多就完成啦
點選上塗色塊的地方並拖曳至想上色的位置再放開滑鼠即可
若想改變顏色,雙擊色塊即可改變顏色
/

Screenshot 2016-10-19 22.30.04_result.png

這邊要特別注意的是Adobe Illustrator上色只能上在向量與向量之間
也就是說顏色只能上在封閉的區間
若原畫線條太細,轉換之後可能會發生線條不連續的狀況
也就有可能發生上色的困難
例如下圖: 
由於原稿的線條太細,導致在AI轉換後圖中手、臉、衣服的部分線條發生不連續的情況
我在上背景色(灰色)的時候會導致整個臉、手、衣服都一起變成灰色了
/

25-mountain_result.jpg

此外若想改變線條顏色也是可以的
但原則一樣
所有連在一起的線條會一起改顏色

/

反覆地重複上色的步驟就可以完成上色啦
上完色如下圖

08-feel_result.png

最後呢我會用Adobe Photoshop (或是其他修圖軟體都可以)稍為的在修一下或加上一些東西
比如說: 上圖最上方的黑點點我會在PS把它修掉、加上一些影子等等
就    完    成    啦

/

08-feel_result.jpg

是不是超級簡單的呢
大家在家裡也可以用以上的方法自己試試看喔
步驟複習:
Step 1: 把畫好的圖拍照、掃描
Step 2: 將圖片匯入Adobe Illustrator並選取整張圖片
Step 3: 進行即時掃描 (Live Trace) 將圖片轉為數位線條

Step 4: 使用Live Paint Bucket上色

完成!

/

今天簡單的分享就到這邊囉
若想要看更多插畫點擊加入我的插畫粉絲專頁
Facebook | TJ's Sketch Book

love-輸出版.jpg

 

 

arrow
arrow

    TJ 發表在 痞客邦 留言(9) 人氣()