摩爾視覺設計工作室 | 平面設計工作室 | 網頁設計工作室 | 插畫設計工作室 | 插畫分享

從來不覺得自己也敢寫教學文。既然有人問(自己知道是誰吧!就是你啦!)我就獻醜一下。

標題還是不敢打"教學"二字,所以當作繪製過程分享,看到破綻的專家,請大方吐槽。

> 點繼續閱讀的人要有心裡準備,裡面將有一段落落長的OOXX ........

不想被疲勞轟炸的人,就點一下上面的圖把桌布 (1280X800) 抓走,就快逃吧!

摩爾視覺設計工作室 | 平面設計工作室 | 網頁設計工作室 | 插畫設計工作室 | 插畫分享

 

首先,打開 Photoshop 軟體,另開一個新的圖層,用繪圖版將草圖畫出。

我的習慣是將圖層透明度設定較低,所以看起來顏色有點淡,一方面方便之後描圖。

 

摩爾視覺設計工作室 | 平面設計工作室 | 網頁設計工作室 | 插畫設計工作室 | 插畫分享

 

畫好草圖之後,再開一個新的圖層,選擇自己喜歡的筆刷樣式、粗細,描繪線稿。

筆刷的樣式及粗細選擇,通常跟你想要的插畫風格有關,所以自己要在腦子有個底。

 

摩爾視覺設計工作室 | 平面設計工作室 | 網頁設計工作室 | 插畫設計工作室 | 插畫分享

 

接下來,還要再開一層圖層,用來上色。上色的方式有很多種。

要用繪圖板,像在畫紙上畫圖那樣填滿也行,要用魔術棒選取範圍,整塊倒入顏色也可以。

到這裡為止,看起來像不像小朋友的鬼畫符勒?或是像小畫家軟體畫出來的樣子呢?

都點進來了,就繼續看下去吧!

摩爾視覺設計工作室 | 平面設計工作室 | 網頁設計工作室 | 插畫設計工作室 | 插畫分享

 

再開一個圖層(黑色線框之下,剛剛填色的圖層之上)將明暗面用手繪板描繪出來。

原則上,最簡單的光源畫法,只要記得左上右下,或是右上左下就可以了。

我這裡用的是右上左下(右邊、上面亮,左邊、下面暗),上完亮暗面是不是比剛剛的像樣多了?

到這裡為止,插畫大致上就畫好了,有沒有很簡單啊?

 

接下來,我們要來加油添醋一下.......

 

摩爾視覺設計工作室 | 平面設計工作室 | 網頁設計工作室 | 插畫設計工作室 | 插畫分享

 

首先,我找來一張很像麻布的 (底紋材質) 。 P.S.網路無遠弗屆,上搜尋網站可以找到一堆。

先將影像去除飽和度,讓他變成黑白。因為我只要他的紋路,並不想要他的顏色,

當然你也可以直接抓進去做,出來的效果就會不一樣,這也是畫插畫好玩的地方。

 

摩爾視覺設計工作室 | 平面設計工作室 | 網頁設計工作室 | 插畫設計工作室 | 插畫分享

 

接著,我又調整了他的色階,為了讓他亮個地方更亮,暗的地方更暗,這樣紋路會更明顯。

 

摩爾視覺設計工作室 | 平面設計工作室 | 網頁設計工作室 | 插畫設計工作室 | 插畫分享

 

調整方式是將色階對話框叫出。將左、右兩邊的最亮點跟最暗點往中間拉動。

調整到自己覺得黑白分明、滿意為止。之後,就可以把圖拉進去剛剛畫的插畫檔案裡了。

 

摩爾視覺設計工作室 | 平面設計工作室 | 網頁設計工作室 | 插畫設計工作室 | 插畫分享

 

拉進去之後,首先要做的就是選取剛剛畫的整個圖。圖的外圍出現虛線框。

通常這個時候,我已經將剛剛描框、上色、畫陰影的圖層合併了。這樣要選取比較容易、快速。

 

摩爾視覺設計工作室 | 平面設計工作室 | 網頁設計工作室 | 插畫設計工作室 | 插畫分享

 

選取好之後,將剛剛拉進來的那個圖層的眼睛點開。然後按下下方遮色片的選項。

那個圖層就會變成像上圖的 "圖層9" 那樣。

 

摩爾視覺設計工作室 | 平面設計工作室 | 網頁設計工作室 | 插畫設計工作室 | 插畫分享

 

遮色片製作完成之後,調整圖層的 [ 阻光模式 ],我這裡用的是 [ 加深顏色模式 ] 。

我調整的透明度是圖層的透明度 20%.......

到這裡,基本上加了特效的插畫已經完成嚕!

 

還沒被我的分享蹂躪夠的,就接著看下集吧!呵呵!

我寫的那麼辛苦,啊你都看到這裡了,是不是該留個言、推一下.......再去看下一篇呢?

arrow
arrow
    全站熱搜

    more 發表在 痞客邦 留言(5) 人氣()