[逐步教學] 賽博龐克風格的封面插畫
前言!
在本教學中,我將向您展示如何在 Clip Studio Paint 中創作一幅賽博龐克風格的封面插畫,從透視尺設定和草稿,到色彩、效果和最終潤飾。您將學習為我目前正在創作的小說製作封面插畫的逐步過程。
大家好,我是 sunnysora!在寫作時,我產生了一個封面插畫的想法,於是決定藉由這篇文章與您分享我的創作過程 (●'◡'●)
我為我之前的故事創作過幾張封面,但這是我第一次嘗試這種風格。
我在本教學中使用的筆刷 ↓↓↓
您將在本教學中學到什麼!
‣ 如何在 Clip Studio Paint 中設定透視尺
‣ 使用 3D 素材進行背景構圖
‣ 封面插畫的逐步工作流程
‣ 應用光線和圖層校正效果
↬ 什麼是「賽博龐克」?
賽博龐克的視覺效果融合了高科技與都市衰敗,呈現出大膽的對比:霓虹燈在骯髒的街道上閃爍,高聳的摩天大樓在擁擠的貧民窟投下陰影。
賽博龐克城市充滿了引人注目的構圖,街道和鐵軌創造出大膽的引導線,透過直線將注意力從一個元素引導到另一個元素。
摩天大樓和巨型建築高聳入雲,創造出鮮明的垂直尺度,以增強某些元素的統治力。
透過疊加/堆疊不同元素來創建複雜環境,從而形成分層的深度。
↬ 理解透視
為什麼透視對於賽博龐克主題插畫至關重要
賽博龐克類型關乎系統,而非混亂。儘管一開始可能看起來混亂,但它實際上是一種有結構的深度,一切都有其特定的位置,不像我們想像的那麼隨機!
封面必須在幾秒內抓住目光
強烈的透視感創造出清晰的深度感,並使圖像即使在較小的尺寸下也易於閱讀。對於賽博龐克主題的插畫,良好的透視感可以幫助整理眾多細節!
一點透視
一點透視用於正面觀察場景時,所有深度線匯聚在水平線上的一個單一消失點。這種技術創造出穩定且居中的構圖,非常適合自然引導觀看者注意力向前的場景。
▸經常應用於走廊、道路、隧道或對峙場景,將注意力引導到特定的角色或物體。
▸ 它是創建一個強大中心點的理想選擇,而不會產生不必要的視覺混亂。
二點透視
二點透視用於從角落角度觀察物體時。線條匯聚向位於相對兩側的兩個消失點。
▸它能增強城市景觀、街道、建築物或室內場景。
▸ 它在不壓倒觀看者的情況下引入深度和比例。
三點透視
三點透視用於從極高或極低角度觀察場景時,透過在水平線上方或下方添加第三個消失點。垂直線條匯聚,增強了尺度的感覺並創造了戲劇性的效果。
▸常應用於描繪高聳摩天大樓、氣勢磅礴的角色或引人注目的環境等戲劇性場景。
▸它能傳達壓倒性的宏偉、危險或敬畏。
每幅插畫都講述一個故事。
賽博龐克也可以融合不同的類型!例如,浪漫、恐怖、懸疑、奇幻、科幻或動作元素。這種多功能性使其成為不只用文字來介紹我們世界的好選擇!
創作封面插畫
現在就開始製作封面吧!\^o^
對於封面來說,構圖是第一位的!請務必預留足夠的空間,以便您稍後可以輕鬆添加標題或標誌!
我將詳細引導您完成每個步驟,重點介紹可用於為您的故事創建封面插畫的各種效果、素材、混合模式以及其他實用功能!
↬ 準備 (草稿、3D 構圖、透視尺)
我的畫布尺寸是 940px x 1440px(我的偏好)
步驟 1) 我首先從 Clip Studio Assets 商店添加一個基本的一點透視網格,作為我的草稿的簡單參考。
步驟 2) 在單獨的圖層上非常粗略地勾勒出輪廓。
步驟 3) 降低粗略草稿的不透明度,然後在新圖層上添加一個稍微詳細的草稿,接著將兩者合併。
確保您已經遵循了透視參考線的方向,這樣稍後進行線稿會更容易!
步驟 4) 使用 3D 物件或建築素材來劃分街道和塔樓。有許多不同的素材可以幫助您規劃您的結構,如果您需要幫助的話。它們非常容易使用,對於我這裡使用的素材,您甚至可以分離 3D 建築並隨意調整它們!
在 CLIP STUDIO ASSETS 商店中尋找更多
CSP 透視尺
Clip Studio Paint 的透視尺讓您可以輕鬆自動地繪製完美對齊的透視線。
任何筆刷或畫筆都會吸附到尺規,這表示您繪製的一切都會遵循「參考線」的方向,因此您可以創建建築物或街道,而無需猜測並花費數小時自行繪製完美的直線。
前往 圖層 → 尺規/框線 → 建立透視尺規
步驟 5) 接下來,我設定了我的透視尺規。您可以移動並調整水平線和參考線,以符合您的草稿。
透過圖層屬性,您還可以例如新增或刪除參考線。我多加了一些參考線。
— 實心圓:一起移動所有的參考線
— 空心圓:僅移動一條單獨的參考線
— <|> 符號:禁用水平/垂直參考線,表示您的筆不會跟隨參考線方向
— 菱形符號:禁用參考線,表示您的筆不會跟隨參考線方向
我喜歡在向量圖層上繪製線稿,所以我將其轉換為向量圖層。
前往 圖層 → 轉換圖層 → 類型:向量圖層
啟用與禁用所有參考線時的比較 ↓↓↓
↬ 開始繪圖 (線稿、角色、色彩)
開始之前,請確保您的「吸附到尺規」符號已啟用,並確保在您的筆上點擊「啟用吸附」。
步驟 6) 開始添加您的線稿,我留下了一些空白空間供以後添加素材。
步驟 7) 這是可選的,但既然我正在製作封面藝術,我也創建了我的角色的粗略草圖!
我試圖遵循透視原則,讓角色自然融入,隨著上半身向背景和消失點移動而顯得較小,而前景中的腿部則畫得稍微寬一些。
如果您需要繪製角色的幫助,也可以使用 3D 模型,點擊您的 3D 模型 → 扳手圖示(顯示物件列表)→ 漫畫透視來協助調整身體比例。
步驟 8) 添加深色背景,然後使用標準噴槍在中間應用較淺的顏色。
步驟 9) 我添加了一個相同顏色的漸層對應圖層,並將其設定為「覆蓋」。請確保主要顏色是較深的色調,而次要顏色是較淺的色調。由於下半部分是「前景」,較深的顏色為「背景」增加了更多深度。
**步驟 10) 更多色彩 \^o^
只需用您主要顏色的不同色調填滿您的繪圖。我將它們放在不同的圖層上,以便稍後為每個區域添加不同的效果。
步驟 11) 由於我的顏色在不同的圖層上,我現在可以在我想要的區域使用漸層對應,以快速輕鬆地創建對比!
您可以輕鬆調整和更改不同漸層上的顏色!
↬ 細節 (效果、素材)
步驟 12) 在青色部分添加故障效果,將混合模式設定為「實光」,並將不透明度降低到 65%。
步驟 13) 賽博龐克城市通常有小小的方形窗戶,所以使用 Clip Studio Assets 商店裡的這款筆刷,我只需一筆即可添加!
步驟 14) 我使用不同的筆刷添加了更多窗戶!
步驟 15) 在地板上使用這款漂亮的霓虹水彩筆刷,首先朝消失點添加黑色。然後在單獨的圖層上,應用較淺的青色,將圖層設定為「發光減淡」,並將不透明度降低到 85%。
步驟 16) 我製作了一些簡單的賽博龐克風格素材!只需將它們拖放到畫布上,然後放置在空白空間中!
還有更多您可以添加到您的插畫中的素材!↓↓↓
旁註:我將前面步驟的所有內容都放入一個資料夾 (資料夾 1) 中。
步驟 17) 為了增強故障效果,我複製了該圖層並將其拖到主資料夾上方,使其位於線稿圖層的頂部。然後,我添加了動態模糊濾鏡,並將混合模式設定為「濾色」。
步驟 18) 更多故障效果!我使用相同的素材,但這次應用在粉紅色部分,將混合模式設定為「鮮明光」,並將不透明度降低到 50%。步驟 19) 複製該圖層,然後再次將其拖到主資料夾上方,並將混合模式設定為「加亮 (發光)」。我在下面添加了一個黑色圖層,以使故障效果圖層的顏色更加突出!(我擦除了霓虹燈標誌所在的上方區域,因為它們的資料夾中已經有單獨的發光效果圖層。)
步驟 20) 在新圖層上添加藍色調,並將混合模式設定為「變亮」,將不透明度降低到 45%。步驟 21) 從之前的設定中,我在頂部添加一個灰色靜態效果圖層,將混合模式設定為「線性加深」,並將不透明度降低到 45%。
↬ 不同的色彩方案
如果您想改變您的色彩方案或對現有顏色進行一些調整,這裡有一些簡單的方法可以做到!
圖層 → 新增校正圖層 → 色調曲線
使用「色調曲線」來微調和校正插畫的主要顏色。
圖層 → 新增校正圖層 → 色相/飽和度/亮度
圖層 → 新增校正圖層 → 反轉漸層
**相同的插畫,但色彩不同 \^o^
↬ 添加角色
我完成了故事的角色繪圖,並將其放在我們剛剛創建的詳細城市插畫之上!
如果您仔細觀察,您會看到我添加了霓虹粉色高光,並用粉色和藍色調進行了陰影處理以匹配背景!
最後一步) 現在,只需添加您的故事標題或標誌,就大功告成了!\^o^
完成!
並排!
由於我希望我的角色成為封面藝術的主要焦點,因此背景大部分被隱藏了。然而,我喜歡它的一部分透過某些空間巧妙地可見,為整體構圖增加了深度!
結論!
所以這是我第一次創作賽博龐克主題的插畫,無論是背景還是具有這種氛圍的角色,雖然充滿挑戰,但也非常有趣!(●'◡'●)
感謝您的閱讀,希望您在創作過程中也和我一樣享受樂趣!
留言