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

User:喵萝酱/课室

萌娘百科,万物皆可萌的百科全书!转载请标注来源页面的网页链接,并声明引自萌娘百科。内容不可商用。
跳转到导航 跳转到搜索
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吸色,已知有明显色差。

配色就是从头图中吸色,再为了让颜色搭配头图而对其进行调整,所以学会取色很重要。

肉眼吸色

看到标题这四个大字,是不是就想嘿嘿一笑:“都2024年了,怎么还有人肉眼吸色啊。”我呼呼上前就是两拳,看不起视觉是吧,这正是你可能配不出好颜色的原因。

肉眼吸色可以锻炼出对色彩敏感度的肌肉记忆,用眼睛观察出一幅画的色彩精髓,这个能力不仅是对配色有所帮助,也会对绘画等方面有帮助。(以下练习针对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:图像。以下为用图实例:

搭配篇:向瞎眼特效说“达咩”

参考文献及注释