首先簡單介紹一下什麼是SA
SA就是PSO2內其中一種和玩家交流的方法, SA的用法有很多, 包括簡單打招呼, 對話, 簽名等等,
其主要作成的方法就是透過不同的圖形堆疊出來所構成的一幅畫
由於這篇文章的圖片數量比較多, 建議網路較差的朋友一張一張點出來看(點擊圖片可放大)
PS: 繪畫SA的方法有很多種, 本人的只是眾多種不同方法之一, 並沒有絕對的方式, 歡迎大家討論及交流
1. 首先是介面的操作
SA的操作基本上純用鍵盤已經可以完全的操作, 本人一般都是利用滑鼠進行大幅度的SA圖案(下稱元件)轉變/移動, 鍵盤作為微調之用
最常用的動作一般都是: 大小, 旋轉, 扭曲, 利用滑鼠就可以任意改變了
純帶一提: 元件在畫面上全都可以利用CTRL+C/CTRL+V等等的通常熱鍵, 不用每次都要點指令那麼麻煩
--------------------------------我是分隔線--------------------------------
2. 拓印
PS: 假如你懂得白手繪圖的話第2點可以直接無視跳到第3點
透過利用sukegazo這個令圖片半透明化+置頂化的程式可以得出以下的效果
圖中的就是你所讀取的圖片會自動置頂化成為一個類似背景的東西
(因為直接在pso2上截圖會沒了拓印圖的效果, 所以這張圖我是在另一個視窗上截出來的, 用家自用時還是可以見到拓印的圖)
程式的連結在下面(放心無毒請點擊)
因為是日文程式的關係所以建議用apploc先轉換一下會比較方便應用(當然你有類似的程式一樣可以使用)
--------------------------------我是分隔線--------------------------------
3. 畫布
首先選擇你希望畫的一張圖, SA的長闊比是2:1
像素大約是194*97(100%)
是次本人就用約會大作戰中的狂三作模特兒(純粹私心)
先利用SAI/PHOTOSHOP等等的程式去把你想畫的圖案大小用成388*194(200%)
可能會有人問我為什麼不直接用100%而是用200%的大小
主要原因是假如當你想畫一張比較複雜的SA時, 100%的大小會令操作元件上十分困難, 而PSO2內的SA畫框放大率也只是能到200%, 所以就是用成這個大小的原因了
基於sukegazo這個程式無法移動圖畫的位置, 所以只得用SA的版面來遷就了, 對正好畫面後就先把底色填滿(如上圖, 利用2個白色正方形拉至最大把畫布填滿)
--------------------------------我是分隔線--------------------------------
4. 上線
上圖紅圈的就是本人畫曲線類會比較常用到的元件
這時就得利用你豐富的聯想力來創作一條合式你用的線條, 方法有很多, 不過在PSO2內一張SA的元件上限是225個, 頭像類的元件(即拉比樣子那一堆)則每個佔了3元件, 所以用最少的元件去畫出最大效果是SA的首要條件
先把人物的外形簡單鉤畫出來, 而狂三是因為頭髮跟衣服都是黑色為主, 所以這兩部分的線條我都會先無視掉, 直接以黑色色塊的元件填上去, 如下圖的轉變
i
當然我在繪畫的途中會有一些不滿的元件所以會更換掉, 所以各位在對照圖片的時候發現有走位什麼的是正常的
值得一提的是, 本人在畫這張狂三的主黑色只是70-80%黑而已, 陰影跟線條才會用到100%黑, 以凸顯其質感(不然就整個畫面都黑實實很恐怖的喔~)
--------------------------------我是分隔線--------------------------------
5. 色塊與堆疊
接著又是考驗大家的幻想力時候, 無奈SA一張只能最大以255元件的方式存在, 所以必要時要就偷工減料一下!!
首先看看下圖
像狂三那樣的髮結, 假如一筆一筆鉤畫出來一定會花很多元件, 所以這裡我就偷懶用兩個類似三角型的元件去作底線, 然後再在上面蓋上一樣, 但是是紅色的色塊元件, 如下圖
PSO2的SA製作有一個很奇怪的現像, 完全同一件大小形狀的元件是無法完全遮蓋底下的一塊元件, 會出現一個類似周界線的現象出現, 利用這個效果, 可以簡單地製作出不同的線條與效果出來
(當然你夠猛的話直接一開始在畫布上先填黑影再慢慢補色塊上去也未嘗不可的)
髮結堆疊完的效果
可能你會發現, 狂三左邊的髮結把樣子檔住了呀!
這是很正常的, 正如前面提到, SA是利用色塊你壘我, 我壘你的方式去"繪畫"出來, 所以之後我會利用其他的顏色去壘上去, 如下圖
效果就是這樣, 要提醒大家一點的是: 因為SA是用堆疊的方式去繪畫出來, 所以假如是畫這種複雜性跟前後比大的圖時記得要先想清楚哪個元件在前, 那個元件在後的步驟, 不然就......
媽呀~無臉人呀
以上就是當時我搞錯了臉跟皮膚色的先後次序出來的杯具畫面........
簡單來說堆疊的次序應該是
最底 背景--->顏色---->陰影--->線條 最上
--------------------------------我是分隔線--------------------------------
6. 眼睛
眼睛就是人的靈魂之窗! 繪畫/SA也不例外, 只要畫得一隻好眼睛出, 就已經成功了一半
基於這次我想忠於原作插畫的畫法, 所以我是盡量去模仿他的眼睛來上元件
首先先在皮膚色上先上一個對比色較大的色塊, 如下圖
接著是上眼白色
然後是瞳孔色
假如你看的仔細的話會發現, 瞳孔的色塊是出界了, 這個就得後期再慢慢調整了, 雖說用鍵盤可以微調大小, 但是也有一個最少移動幅度的存在, 所以出現這種"出界"的情況能解決的方後就是
a) 用線條去遷就
b) 換過另一件元件/色塊去代替
c) 用多件的元件/色塊去慢慢作修正
好了, 繼續, 上眼的陰影
最後就是上反光位, 眼睛完成!!
--------------------------------我是分隔線--------------------------------
7. 髮與陰影
古語有云: 女性一半美來至頭髮! 一把亮麗的頭髮自然很容易吸引到別人的眼睛
還是老話, 這次我也是盡量忠於原著的插畫來畫
先上黑的陰影, 再從底下插上白色的反光位(當然先畫白的也可以, 看個人手感問題), 如下圖
再來上受光位跟其他頭髮的陰影
最後補上衣服的紋理跟陰影等等
順帶一提, 皮膚的陰影我也是在這步驟一起做的, 當然你可以先做也沒關係
--------------------------------我是分隔線--------------------------------
8. 背景與修正
終於到最後一步, 當然是背景了, 背景方面有人喜歡用格子之類, 也有純色等等, 這次我是跟回原著插畫那樣的天空跟樹景, 如下圖
再作一點的修正, 成品!
最後送上原圖
--------------------------------我是分隔線--------------------------------
後話: 本來這張SA很早就畫完, 也是邊畫邊截圖作這篇文章的教學用, 然後因為種種原因關係到今天才PO上來.....(其實只是懶, 轟飛)
然後教學中我沒特別說明是要用哪種的元件的原因是希望大家能有更多發揮及聯想力空間
元件的變形方面等等的, 就由你們自己去想像了
歡迎留言及討論~
狂三最高~~~(拖走
七船
id: @神奈@