2023年政策修订增补工作正在进行中,欢迎参与!
  • Moegirl.ICU:萌娘百科流亡社群 581077156(QQ),欢迎对萌娘百科运营感到失望的编辑者加入
  • Moegirl.ICU:账号认领正在试运行,有意者请参照账号认领流程

使用者:喵蘿醬/課室

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
跳至導覽 跳至搜尋
VC編輯團隊LOGO.jpg
被瞎眼特效搞得氣炸了,搞一個教程

課程名稱:模板的顏色搭配教程
課程狀態:未授課可能要等到7月再來了
先修要求:閱讀漸變色使用整理,對其中用法基本掌握。

友情鏈接:User:JackBlock/特效練習室
本教程僅供參考;若部分模板顏色為默認顏色或顏色錯位或顯示顏色有明顯錯誤,請檢查是否關閉防藍光模式、檢查顯示器[1]、Chrome是否為最新版本。

序言

主要用於Template:VOCALOID SongboxTemplate:Infobox SongTemplate:Album Infobox模板中,為搭配頭圖所進行的調色(以下簡稱為「配色」)。

在萌娘百科中文歌聲合成專區編輯的這些日子,看過不少辣眼的特效,對這種「為展示自己學習成果」或「一味追求浮華的顏色效果」的行為深惡痛絕。尤其是在簡介和歌詞排版都有較大問題的時候,介紹欄中絢麗奪目(物理)的色彩顯得捨本逐末。所以在學配色前,先要熟知各類條目的編寫方式,而後再追求色彩感官。

另外我發現,能夠讓配色與圖片相輔相成、配合的配色人員中,配色水平較穩定的主要有空翊下海;而配色能力較弱的人員有海星[2],我便懷疑性別是影響配色的一個原因[3]。為此,我查閱了部分資料,其中有提及到「女性在對顏色的識別能力上上要強於男性,男觀察者在個別顏色上,如橙紅色、藍綠色不能非常好的進行識別」等結論性的相關表述[4][5][6],但部分文獻也提及年齡對識別顏色的影響[7]。但大部分資料都年代久遠,我也不是專業的。同時我也認為,對顏色的敏感度是可以訓練的,同時想要配色配得好,識別顏色只是其中一個原因,從其他方面進行練習也無可厚非。

如果你是審美與大多數人大相徑庭,抱歉,我教不了你。

取色篇:如何成為好「色」之徒

顏色的屬性

配色時,選取顏色固為重要。

目前我們配色所使用的顏色碼為類似#FFC500的十六進制顏色碼(也稱為HEX顏色碼,下稱為「HEX模式」),它可以與RGB:(255,197,0)的RGB模式相互轉化,因為它們的原理相同——由三原色紅綠藍互相搭配形成不同的顏色,其中HEX模式的前兩位為紅色的強度、中間兩位為綠色的濃度、最後兩位為藍色的濃度;與此相應,RBG模式的顏色碼三個空分別為紅、綠、藍的強度。

而學過畫畫的人都知道,有些軟件選取顏色的方式為色相、飽和度、明度三處鎖定顏色的HSL顏色系統,這是大多數繪畫軟件的取色模式。色相是指這個顏色的顏色怎麼聽起來怪怪的,,在你分辨紅色綠色藍色的區別時所要用到;飽和度是指色彩的鮮艷程度,在你分辨的濃淡時所要用到;明度表示色彩的明亮程度,在你分辨的明暗時所要用到。

機械取色

就是普通的使用吸色工具吸色(顏色碼最好使用HEX模式)。

我比較推薦的吸色方式:

  1. QQ截圖,按住ctrl+c吸色;
  2. 部分瀏覽器的截圖工具;
  3. SAI畫圖等繪畫軟件;
  4. 線上取色網站,部分網站的取色算法也很適合直接取色套用。[8]

不推薦的吸色方式:

  1. PS吸色,已知有明顯色差。

配色就是從頭圖中吸色,再為了讓顏色搭配頭圖而對其進行調整,所以學會取色很重要。

肉眼吸色

看到標題這四個大字,是不是就想嘿嘿一笑:「都2025年了,怎麼還有人肉眼吸色啊。」我呼呼上前就是兩拳,看不起視覺是吧,這正是你可能配不出好顏色的原因。

肉眼吸色可以鍛煉出對色彩敏感度的肌肉記憶,用眼睛觀察出一幅畫的色彩精髓,這個能力不僅是對配色有所幫助,也會對繪畫等方面有幫助。(以下練習針對HSL顏色系統)

在肉眼吸色時,最佳的辨識順序為明度→飽和度→色相,從一幅圖的幾個主要顏色的辨別,再到整體中各個顏色的定位,配色便是這樣完成的。多說無益,接下來是實操環節,請打開SAI畫圖PS等使用HSL顏色系統的軟件並打開色盤從#FFFFFF開始,肉眼抓取顏色,手動調整明度、飽和度、色相[9]

單篇小結

大萌字.svg
閱讀本小結的任何人都可以參與編輯

在下面分享你的選圖或感想(可使用~~~簽名)吧~ ——少妖某隻貓 (秋葉靜美)

列舉一下可參考吸色圖(難度就個人而言)
紡唄(言貓版).png
難度1:整體色調有層淡紅色的濾鏡,只要注意一下就能精準取色了。
一剪人間客.jpg
難度1:整體看上去很亮堂,所以明度較高。海伊、星塵的髮色看上去有些「髒」,是因為飽和度低,實際上整體畫面的飽和度都沒有超過50。很適合進行色相練習。
STARDUST-812.jpg
難度1:整體的飽和度、明度變化較大,很容易在暗處取亮了、深色處取淡了,而主要幾個色調比較明確。適合進行飽和度練習。
夏至草的死期.jpg
難度2:整體色調為綠色,且明度偏暗,所以人物的取色也要注意要偏向綠色,適當調整飽和度。
第一次與最後一次.jpg
難度2:背景色為藍橙兩種色溫的顏色,會導致對人物的取色會出現更偏向於背景色。
真相是真.jpg
難度3:由於光影,很容易讓人低估它的難度。

《色速》分享一個遊戲——少妖某隻貓 (秋葉靜美) 2023年1月27日 (五) 01:18 (CST)

之前你不是說某些人配色能力較弱嘛,我給個建議:{{Hct}}和WCAG顏色解析度評分(Firefox開發人員工具或[1])✏️李皇諦💬留言 / 📜記錄 / 📝簽名)🕓 2023年8月31日 (四) 11:32 (CST)

選圖篇:封面好還是大圖好?

選取圖片

關於圖片的選擇,大部分時間都會使用視頻封面。同時,圖片信息通常為「曲繪 by 【畫師】」或「視頻封面」。

大部分情況下的選圖順序為:曲繪原圖(通常選擇副歌部分用圖)>視頻封面>視頻截圖(帶有歌曲名)>視頻截圖(人物)>歌曲人物立繪>網絡未知來源圖片

同時,選圖時要注意以下幾點:

  1. 上傳圖片時請選擇沒有黑邊的圖片,或裁剪掉所選圖片中的黑邊。這是為了保證圖片的質量。
  2. 選擇像素高的圖片。2016年之前在投稿至bilibili視頻,封面分辨率較低,可以選擇找曲繪或視頻截圖。
  3. 找到的圖片要去除平台水印,作者自己特意添加的水印需要保留

接下來展示可以作為頭圖的圖片:

◆ 一般情況下會使用的視頻封面[點擊展開][點擊展開]

◆ 畫師公布出來或找畫師要到的曲繪大圖[點擊展開][點擊展開]

◆ 因一些原因所以選擇的視頻截圖[點擊展開][點擊展開]

◆ PV中只出現一個角色時,不完全等同於曲繪(如加入背景板、調色),使用的角色立繪,一般情況下不建議以背景透明或白色的圖片作為頭圖[點擊展開][點擊展開]

◆ 上述介紹外的其他圖片,如賀圖、因不明原因未能作為曲繪[點擊展開][點擊展開]

上傳圖片及注意事項

Vector皮膚用戶可以在左側邊欄較下方的「工具」處找到上傳文件的鏈接;MoeSkin皮膚用戶可以於右下角的「工具欄」處找到上傳文件的鏈接。

在上傳文件的「文件說明」處,需要根據Help:上傳圖片#填寫文件信息所寫。

  • 目標文件名:一般填寫條目名(大部分時候為歌名,消歧義時包含定向後綴),如果上傳圖片不作為頭圖,要根據其性質合理命名:如人設圖、背景圖。
  • 授權協議:詳見cm:萌娘共享:授權協議選擇指引.
  • 作品名或人物名:無需填寫歌曲名作為作品名要是我看到你填了,就把你殺咯(華強舉刀.jpg),人物名填寫圖片中角色的名字,一般填寫歌手對應的歌曲分類,如果演唱者為歌手亞種,要填寫歌手亞種分類。
部分歌手對應的歌曲分類(僅特殊)

洛天依(歌曲)[10]
言和(歌曲)
樂正綾(歌曲)
樂正龍牙(歌曲)
徵羽摩柯(歌曲)
墨清弦(歌曲)
心華(歌曲)

星塵(歌曲)
赤羽(歌曲)
蒼穹(歌曲)
海伊(歌曲)
Minus(平行四界)
詩岸(歌曲)
SOLARIA(歌曲)
夏語遙(歌曲)

  • 作者:填寫畫師名,不是填曲師不是填詞作者,只填畫師,需要注意畫師常用名和已有分類。
  • 源地址:填寫圖片的原始地址,如視頻封面和截圖填寫視頻地址,曲繪大圖可填寫pixiv作品頁、微博、bilibili動態等。
  • 分類:常用分類有視頻截圖背景圖片音樂專輯封面,不填寫曲繪立繪

在條目中插入圖片,可以參考Help:圖像。以下為用圖實例:

搭配篇:向瞎眼特效說「達咩」

參考文獻及注釋