User:喵萝酱/课室
课程名称:模板的颜色搭配教程
课程状态:未授课可能要等到7月再来了
先修要求:阅读渐变色使用整理,对其中用法基本掌握。
序言
主要用于Template:VOCALOID Songbox、Template:Infobox Song、Template:Album Infobox模板中,为搭配头图所进行的调色(以下简称为“配色”)。
在萌娘百科中文歌声合成专区编辑的这些日子,看过不少辣眼的特效,对这种“为展示自己学习成果”或“一味追求浮华的颜色效果”的行为深恶痛绝。尤其是在简介和歌词排版都有较大问题的时候,介绍栏中绚丽夺目(物理)的色彩显得舍本逐末。所以在学配色前,先要熟知各类条目的编写方式,而后再追求色彩感官。
另外我发现,能够让配色与图片相辅相成、配合的配色人员中,配色水平较稳定的主要有空翊、下海和我;而配色能力较弱的人员有海星[2],我便怀疑性别是影响配色的一个原因[3]。为此,我查阅了部分资料,其中有提及到“女性在对颜色的识别能力上上要强于男性,男观察者在个别颜色上,如橙红色、蓝绿色不能非常好的进行识别”等结论性的相关表述[4][5][6],但部分文献也提及年龄对识别颜色的影响[7]。但大部分资料都年代久远,我也不是专业的。同时我也认为,对颜色的敏感度是可以训练的,同时想要配色配得好,识别颜色只是其中一个原因,从其他方面进行练习也无可厚非。
如果你是审美与大多数人大相径庭,抱歉,我教不了你。
取色篇:如何成为好“色”之徒
颜色的属性
配色时,选取颜色固为重要。
目前我们配色所使用的颜色码为类似#FFC500的十六进制颜色码(也称为HEX颜色码,下称为“HEX模式”),它可以与RGB:(255,197,0)的RGB模式相互转化,因为它们的原理相同——由三原色红绿蓝互相搭配形成不同的颜色,其中HEX模式的前两位为红色的强度、中间两位为绿色的浓度、最后两位为蓝色的浓度;与此相应,RBG模式的颜色码三个空分别为红、绿、蓝的强度。
而学过画画的人都知道,有些软件选取颜色的方式为色相、饱和度、明度三处锁定颜色的HSL颜色系统,这是大多数绘画软件的取色模式。色相是指这个颜色的颜色怎么听起来怪怪的,,在你分辨红色绿色蓝色的区别时所要用到;饱和度是指色彩的鲜艳程度,在你分辨的浓淡时所要用到;明度表示色彩的明亮程度,在你分辨的明暗时所要用到。
- 相关阅读:T:ColorOps
机械取色
就是普通的使用吸色工具吸色(颜色码最好使用HEX模式)。
我比较推荐的吸色方式:
不推荐的吸色方式:
- PS吸色,已知有明显色差。
配色就是从头图中吸色,再为了让颜色搭配头图而对其进行调整,所以学会取色很重要。
肉眼吸色
看到标题这四个大字,是不是就想嘿嘿一笑:“都2024年了,怎么还有人肉眼吸色啊。”我呼呼上前就是两拳,看不起视觉是吧,这正是你可能配不出好颜色的原因。
肉眼吸色可以锻炼出对色彩敏感度的肌肉记忆,用眼睛观察出一幅画的色彩精髓,这个能力不仅是对配色有所帮助,也会对绘画等方面有帮助。(以下练习针对HSL颜色系统)
在肉眼吸色时,最佳的辨识顺序为明度→饱和度→色相,从一幅图的几个主要颜色的辨别,再到整体中各个颜色的定位,配色便是这样完成的。多说无益,接下来是实操环节,请打开SAI、画图、PS等使用HSL颜色系统的软件并打开色盘从#FFFFFF开始,肉眼抓取颜色,手动调整明度、饱和度、色相[9]。
单篇小结
在下面分享你的选图或感想(可使用~~~签名)吧~ ——少妖某只猫 (秋叶之静美)
列举一下可参考吸色图(难度就个人而言) | |
---|---|
难度1:整体色调有层淡红色的滤镜,只要注意一下就能精准取色了。 | |
难度1:整体看上去很亮堂,所以明度较高。海伊、星尘的发色看上去有些“脏”,是因为饱和度低,实际上整体画面的饱和度都没有超过50。很适合进行色相练习。 | |
难度1:整体的饱和度、明度变化较大,很容易在暗处取亮了、深色处取淡了,而主要几个色调比较明确。适合进行饱和度练习。 | |
难度2:整体色调为绿色,且明度偏暗,所以人物的取色也要注意要偏向绿色,适当调整饱和度。 | |
难度2:背景色为蓝橙两种色温的颜色,会导致对人物的取色会出现更偏向于背景色。 | |
难度3:由于光影,很容易让人低估它的难度。 |
《色速》分享一个游戏——少妖某只猫 (秋叶之静美) 2023年1月27日 (五) 01:18 (CST)
之前你不是说某些人配色能力较弱嘛,我给个建议:{{Hct}}和WCAG颜色解析度评分(Firefox开发人员工具或[1])✏️李皇谛(💬留言 / 📜记录 / 📝签名)🕓 2023年8月31日 (四) 11:32 (CST)
选图篇:封面好还是大图好?
选取图片
关于图片的选择,大部分时间都会使用视频封面。同时,图片信息通常为“曲绘 by 【画师】”或“视频封面”。
大部分情况下的选图顺序为:曲绘原图(通常选择副歌部分用图)>视频封面>视频截图(带有歌曲名)>视频截图(人物)>歌曲人物立绘>网络未知来源图片
同时,选图时要注意以下几点:
- 上传图片时请选择没有黑边的图片,或裁剪掉所选图片中的黑边。这是为了保证图片的质量。
- 选择像素高的图片。2016年之前在投稿至bilibili视频,封面分辨率较低,可以选择找曲绘或视频截图。
- 找到的图片要去除平台水印,作者自己特意添加的水印需要保留。
接下来展示可以作为头图的图片:
- 截取于废墟之蝶03:50左右,角色
- 截取于战场之花原版4:00左右,角色
- 截取于那年夏天-不会忘记的世界00:02左右,歌曲名
- 截取于机器人与科学家00:20左右,歌曲名
- 截取于夏风初版00:10左右,角色和歌曲名
上传图片及注意事项
Vector皮肤用户可以在左侧边栏较下方的“工具”处找到上传文件的链接;MoeSkin皮肤用户可以于右下角的“工具栏”处找到上传文件的链接。
在上传文件的“文件说明”处,需要根据Help:上传图片#填写文件信息所写。
- 目标文件名:一般填写条目名(大部分时候为歌名,消歧义时包含定向后缀),如果上传图片不作为头图,要根据其性质合理命名:如人设图、背景图。
- 授权协议:详见cm:萌娘共享:授权协议选择指引.
- 作品名或人物名:无需填写歌曲名作为作品名要是我看到你填了,就把你杀咯(华强举刀.jpg),人物名填写图片中角色的名字,一般填写歌手对应的歌曲分类,如果演唱者为歌手亚种,要填写歌手亚种分类。
部分歌手对应的歌曲分类(仅特殊) |
---|
洛天依(歌曲)[10] 星尘(歌曲) |
- 作者:填写画师名,不是填曲师不是填词作者,只填画师,需要注意画师常用名和已有分类。
- 源地址:填写图片的原始地址,如视频封面和截图填写视频地址,曲绘大图可填写pixiv作品页、微博、bilibili动态等。
- 分类:常用分类有视频截图、背景图片、音乐专辑封面,不填写曲绘、立绘。
在条目中插入图片,可以参考Help:图像。以下为用图实例:
搭配篇:向瞎眼特效说“达咩”
参考文献及注释
- ↑ 显示器校色
- ↑ 怕被打,就举一个。
- ↑ 长期社会分工导致男女识别颜色存在差异. 2022-04-14.
- ↑ 性别对颜色辨别的影响. 2022-04-14.
- ↑ 经验与情境:口红辨色的性别差异. 2022-04-14.
- ↑ LED光源相关色温对颜色辨别力的影响. 2022-04-14.
- ↑ 基于孟塞尔FM100色棋视觉系统的颜色辨别能力研究. 2022-04-14.
- ↑ 如[2]
- ↑ 步骤参考还在无脑吸色?肉眼抓色超酷的好嘛!
- ↑ 因作品较多需要补充年份,如:洛天依(2012年歌曲)。