這次將介紹使用自己拍攝的照片來繪製背景的方法。

以背景為基礎設定透視尺規進行描繪。

 

在講座中會使用到透視尺規。關於[透視尺規]的使用方法，請閱讀以下的講座。

 

[1]以照片製作背景

■1.讀取拍攝的照片

 

備妥街景等以數位相機或手機相機拍攝的照片。[3]拍攝背景用照片的訣竅，歡迎作為參考。

 

(1)開啟CLIP STUDIO PAINT並建立原稿紙張(畫布)後，從[檔案]選單→[讀取]→[圖像]讀取拍攝好的背景圖像。

 

(2)原稿紙張將圖像讀取完畢後，以[圖層]面板確認讀取好的圖像。

從[讀取]中讀取的圖像會作為[圖像素材圖層]被讀取。

可以操作圖像四角顯示的節點來變更圖像的大小或方向。

 

(3)為了方便繪製線稿，將照片圖層設定為[底稿]模式，在這次範例中將不透明度調降至50％。

將讀取完成的照片設定為[底稿]模式後，進行填充或建立選擇範圍時就能在不參照照片的狀況下進行作業，非常便利。

 

 

 

■2.參考照片設定透視尺規

 

實際設定透視尺規進行描繪。

現實的風景中會出現方向不同的建築物，所以有時會使用到複數的透視尺規。

 

・尋找共用消失點的建築物

使用實際拍攝的街景圖像來嘗試設定透視尺規吧。

 

 

首先，將[透視尺規]工具中的[工具屬性]→[建立編輯圖層]設定為關閉，讓透視尺規在所有圖層上都是有效的。

 

(1)在圖像內選擇一棟比較引人注目的建築物，在建築物左右的牆壁上找出往橫向延伸出去的「2條」直線。

盡量使用有段距離的兩條線，會比較容易設定。

 

(2)使用[透視尺規]工具，配合建築物的「邊」的角度，以拖拽方式設定2條輔助線。

這邊的輔助線角度有一點差異也沒關係。

設定完2條[透視尺規]的輔助線後，就會建立消失點。

 

 

(3)若覺得輔助線和建築物的「邊」的角度有所差異的話，可以拖拽透視尺規的輔助線上的[+]記號來調整輔助線的角度。在這個操作中，會移動消失點的位置使輔助線產生變化。

 

在右側也同樣設定消失點。

 

(4)暫時完成輔助線的設定後，拖拽透視尺規輔助線上的[+]記號節點來微調輔助線的角度。

 

(5)接著，確認輔助線的角度是否正確。

在不移動消失點的狀況下，以透視尺規輔助線上的[〇]記號節點來操作。

拖拽[〇]記號的節點，消失點不會移動。

 

拖拽透視尺規輔助線上的[〇]記號來旋轉輔助線，確認是否符合同方向建築物的各邊角度。

※但是，攝影機鏡頭多少都會有些「扭曲」，所以有時照片本身也會發生歪曲。在調整輔助線和角度時做到大致上符合就可以了。

 

(6)以相同方式完成左右與垂直方向的3個消失點。

在圖像各處間移動輔助線，一邊確認該消失點可以用於哪些建築物，一邊進行設定。

 

 

 

■3.設定不同方向建築物的透視尺規

 

有時會出現就算拖拽[〇]記號移動輔助線，角度也明顯和其他棟建築不合的建築物。

這樣的狀況是因為建築物本身的角度根本就不同，所以要另外設定別的透視尺規。

 

不過，在繪製建築物時，垂直方向的消失點可以共用，所以使用已經建立的透視尺規去進行調整來製作會比較有效率。

使用[圖層]選單的[複製圖層]等來複製透視尺規圖層。

 

調整複製好的圖層上的透視尺規輔助線來進行設定。垂直方向的消失點不需變更，仍然可以通用。

 

想要設定複製好的透視尺規消失點，可在以[物件]工具選擇尺規的狀態(顯示尺規上節點的狀態)下，在畫布右上方點選右鍵顯示顯示選單，將[固定視平線]設定為開啟。

 

【POINT】

使用[物件]工具點選尺規就會顯示透視尺規的[〇]或[+]節點。

像本次這樣以圖像素材圖層方式顯示圖像的狀況，有可能會因為選擇到圖像而使操作無法順暢進行。

這樣的狀況，可以使用[鎖定圖層]將圖層鎖定起來。

 

 

 

■4.按照透視尺規描線

 

建立複數的透視尺規後開始描線。

一邊切換透視尺規圖層，一邊注意尺規對齊設定的開啟或關閉來進行作畫吧。

 

在本次範例中，將主要的線條和細節部分繪製在不同的圖層上。

 

參考圖像把線條都繪製上去。不符合透視尺規角度的線可以先暫時不畫。習慣繪製背景後，可以嘗試不顧慮照片，自由地變化窗戶的位置或造型等。

 

一邊考慮陰影跟受光部分等不同的線條筆觸一邊畫下去。

 

・關於有立體感的繪製方式

舉例來說，窗框會稍微突出於牆面，若要正確繪製的話，就必須將所有部分都畫成立體的。

但如果是像這次這樣繪製從遠處拍攝的街影，就算將遠處小小的窗框全部正確地畫出來，也可能因為線條過多而破壞畫面的平衡。

 

可以用簡化線條的方式來使畫面變得容易辨識。

若是連細節部分的窗框構造都全部繪製出來的話，可能會為線條過多而使細部糊成一團。

 

在電腦畫面上放大繪製時，去考慮實際觀看時的尺寸也是很重要的。

 

在繪製細節部分時，不選擇像上圖那樣畫出所有線條，而是利用影子等來把畫面單純化。

像這種形狀的窗戶的話，垂直畫上較粗的線條就可以了。

 

這種時候，在牆壁等線稿以外再另外建立窗框的圖層會變得比較容易繪製。

 

在粗黑線上面再疊上白色(或透明色)的線。

考慮窗框的寬度、深度，調整線的粗細，只用黑線來製造出立體感。

 

把以紅線繪製的牆壁線稿和窗框線稿分成不同圖層是為了使繪畫作業變得更容易進行。

 

【POINT】

這次雖然按照建築物製作了複數的透視尺規，但若偏差不大的話也可以無視照片直接繪製，把構圖單純化。

但如果是把透視單純化，要繪製複雜的線稿就會需要一定的熟練度。試著用比較順手的方式來繪製看看吧。

 

 

 

■5.組合複數尺規與完稿

 

接下來要介紹無法依設定好的透視尺規來繪製的角度的線稿或圖形的畫法，以及不需利用尺規繪製自然景物的樹木及網點的完稿方式。

 

・追加透視尺規的消失點

透視尺規只能用於繪製和立方體、長方體等「箱子」的邊相同角度的線。建築物的斜屋頂等，以紅線顯示的部分沒有辦法用透視尺規繪製。

 

將[透視尺規]工具中的[工具屬性]→[處理內容]內的項目變更為[追加消失點]，選擇已經建立透視尺規的圖層並設定消失點的話，就能夠再新增消失點。

 

舉例來說，新增建築物的屋頂等角度傾斜的透視尺規的消失點後，因為可以對齊的消失點增加了，所以在繪製中選擇對齊的方向時可能會變得比較困難。

 

就算新增了消失點還是覺得繪製起來很困難的話，試著建立新的透視尺規可能會比較好。

 

＜利用平行線尺規＞

因為屋頂傾斜部分的直線數量並不多，所以在有底稿照片的狀況下，選擇使用平行線尺規會比較輕鬆。

 

在[特殊尺規]工具[工具屬性]→[特殊尺規]中選擇[平行線]。 用拖拽和置放設定線的方向。

在建立尺規時，將[在編輯圖層上建立]設定為關閉，就可以將平行線尺規應用在所有的圖層上。

 

另外，雖然平行線尺規是只能繪製設定角度的直線的尺規，但在畫完需要的線之後，可以改變平行線尺規的角度繼續繪製其他部分。

 

選擇[物件]工具，將[工具屬性]中[透明位置的操作]→[指定平行線尺規的方向]設定為開啟。

 

一邊變更必須部分的平行線尺規角度一邊繪製。

 

在使用描繪用工具的狀況下，按下[Ctrl]鍵時會暫時切換為[物件]工具，能夠以拖拽方式變更平行線尺規的角度。

 

設定完平行線尺規後放開[Ctrl]鍵，繼續用沾水筆描繪→再度按下[Ctrl]鍵變更尺規角度→放開[Ctrl]鍵繼續畫……重複這些步驟就能邊改變尺規的角度邊繪製出各種不同角度的直線。

 

組合使用透視尺規和平行線尺規來繪製建築物。

 

＜使用同心圓尺規＞

同心圓尺規是用來繪製同心圓的尺規。有繪製背景等各式各樣的用途。

藉由操作節點，可以自由變化橢圓的扁平率或方向，能在繪製背景上的各種圓時派上用場。

 

在[特殊尺規]工具中的[工具屬性]選擇[特殊尺規]→[同心圓]。

 

可以配合畫面中的圓進行繪製……

 

可以像使用雲形尺規一樣，調整橢圓尺規的扁平率來繪製彎曲線段(的其中一部份)……

 

也可以使用同心圓尺規的輔助線，繪製在同一條直線上的圓，以各種方式靈活運用。

 

妥善使用各種尺規來繪製道路交通標誌或紅綠燈等。

※前方的交通標誌繪製在其他圖層上，並以蒙版套上背景的黑色線稿。

 

・完稿

使用裝飾筆刷來繪製樹木等自然景物。為了使其融入周邊環境，這次也使用灰色繪製並轉換為網點。

 

描繪樹木時，使用了公開於CLIP STUDIO ASSETS(ASSETS)上的下述筆刷。

 

將靠前和偏後的圖層分開，為行道樹加上變化。

 

加上網點或塗黑來完稿。

 

[2]設定複數透視尺規時的補充事項

使用實際拍攝的街景時，建築物的角度並不一定完全相同。

需要挑出方向相同的建築物，按方向使用不同透視尺規。

 

將圖像內的建築物大致分成紅色和藍色兩部分，兩者的消失點位置有些不同。

接著來說明為何會發生這樣的不同。

 

同時也介紹如何處理因為方向不同而變得難以繪製的建築物。

 

・消失點與視平線的關係

在以相同方向並排兩個立方體時，它們會共用一個消失點。

 

但若橫向旋轉立方體，消失點就會移動。

 

也就是說在這個構圖中需要分別使用紅與藍兩個消失點。

※垂直方向的線(下方的消失點)不會改變。

 

在同一個平面上的立方體，就算改變方向，垂直方向上的消失點的位置也不會改變。

 

在實際的街景中，道路之間並不一定垂直相交，所以不同建築物之間方向可能也會不一樣。

不過，柱子等等幾乎都是垂直向上延伸的，所以角度不會變化。

 

【POINT】

如果建築物傾斜於地面，那就不會用垂直方向的消失點。要描繪這樣的圖時需要另外設定消失點。

 

繪製方向不同的建築物時，可以共用垂直方向的消失點，但除此之外的消失點會變動。

 

請回想如稍早說明的立方體橫向旋轉時消失點位置發生變化的狀況。

在這樣的狀況下，消失點會在視平線上移動。

 

視平線是與地平線、水平線等存在於相同位置上的東西。

存在於畫面左右的消失點也必定會出現在視平線上。

 

我們在地面上所說的「水平」指的就是水平線。 建築物幾乎都垂直於水平面而建。

在遠近法中，越遠的事物看來越小，不論多大的東西，只要非常遠的距離外看來都只會是一個點。

 

繪製街景時，建築物的方向可能會一點一點改變。

道路之間不一定都是垂直相交，而彎曲的道路也會成為改變建築物方向的因素。

請確認紅色與藍色的透視消失點是否存在於相同視平線上。

 

・忽略複雜的建築物方向

參考照片來繪製背景的狀況下，實際的建築物很有可能面向多個不同方向。

 

用不同顏色的線畫出的建築物分別面向不同方向。還不熟練時，把握建築物各自不同的方向是個大工程。

 

這樣的狀況下，透視尺規會呈現下圖的樣子。還未習慣使用透視尺規來畫圖時，使用不同透視尺規來對齊繪製方向各不相同的建築物滿辛苦的。

 

參考照片來繪製背景的狀況下，可以選擇在一定程度上忽略原本的圖像，改以相同透視尺規來繪製。

 

就算照片上有配合道路角度而面向不同方向建築的建築物，也不代表非得按照實際狀況去繪製。

 

在以參考圖中比較引人注目的建築物設定好透視尺規後，讓其他方向的建築物配合它。

 

若作為背景圖使用時不會發生問題，那麼使用同一個透視尺規來繪製所有建築物也沒關係。

參考照片時，考慮對於工具的熟練度，分別使用不同透視尺規吧。

 

[3]拍攝背景用照片的訣竅

這邊要介紹使用照片繪製時的訣竅。

使用「廣角鏡頭」來拍攝參考照片時，費些功夫就能讓背景給人的印象大不同。

 

・注意鏡頭的「廣角」

最近的智慧型手機相機性能變得相當優秀，能夠用來拍攝背景參考用的照片。

 

就算距離拍攝物不遠，也能夠將寬闊的場景照進相機裡，有許多智慧型手機的相機使用了這樣的「廣角鏡頭」。

使用廣角鏡頭來攝影，能夠拉寬視野，拍入更大片的風景。

 

但應該能看出越靠近圖像邊緣的部分，直立的線條就會越發傾斜。

廣角鏡頭為了照進更大範圍的風景，所以圖像邊緣會產生這樣的歪曲。

 

如果有遠攝鏡頭，就可以擴大攝影來抑制邊緣的傾斜。

 

若垂直方向的透視發生超過一定程度的傾斜，繪製在上頭的人物也需要隨之傾斜，處理上有些棘手，可能要好好考慮一下。

 

需要繪製人物時，多多留心這樣的「傾斜」吧。

 

若手邊沒有具有擴大拍攝功能的相機時，可以選擇把圖像的中央部分裁切下來使用。

 

雖然放大中央部分的圖像可能會使畫質變差，但只要能作為繪製背景時的參考來使用就沒有問題。

 

・作者資料：平井太朗(Hey!TAROH)

從ComicStudio Ver.1開始一直使用的大用戶。撰寫ComicStudio/CLIP STUDIO PAINT的官方指南書等等。每天過著畫漫畫、做家事的生活。