配色攻略-互补色篇图文教程
作者:huke88发布时间:2022年02月28日 08:01

虎课网为您提供综合教程版块下的配色攻略-互补色篇图文教程,本篇教程使用软件为AI(CC2020),难度等级为中级拔高,下面开始学习这节课的内容吧!



本节课讲解内容是听说这是最难的配色方法——互补色篇,同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复,作业也可以在评论区进行提交。

学完本课内容后,同学们可以根据下图作业布置,在视频下方提交作业图片,老师会一一解答。

 

那我们开始今天的教程吧。

1.互补色的定义:通常把色相环上【相对180度角】的两种颜色,称为【互补色】;互补色由于在色环上相距最远,色彩差异最大,色彩对比很强烈

合理的搭配往往会产生强烈的视觉冲击力;最常用的互补色有三组分别是红和绿 蓝和橙 紫和黄;


2.互补色的配色方法:一、通过面积比来达到平衡;使用面积相近的互补色进行搭配,具有强烈的冲突感产生的视觉效果强烈而鲜明,

情感浓烈 令人记忆深刻,非常适合夸张的张扬的情感表达;


3.互补色的配色方法:二、调整明度与饱和度来减弱色彩冲突;高明度和高饱和的互补色搭配对比强烈,在视觉上会产生极大的隔离作用,

具有强烈的视觉冲击力,可以考虑降低互补色的明度与饱和度来减弱冲突;


4.互补色的配色方法:三、加入中性色缓冲其强烈的对抗性;调和画面的平衡感,保持互补色所带来的丰富层次感,避免了互补色之间强烈的冲突;


5、互补色配色的实操演示一:使用【紫色】和【黄色】的互补色进行配色,打开AI【新建文件】使用【矩形工具】画出背景,选择【紫色】,输入英文选择字体【Current】颜色选择【黄色】

【执行效果】-【3D】-【凸出和斜角】-【等角】,厚度改为【500】;【旋转】字母找到合适的角度,【复制】出5个立体字

分别改为【COLOR】的5个字母,将5个立体字重新排列,形成错落的层次感,再【执行效果】-【风格化投影】;


6.互补色配色的实操演示二:使用【绿色】和【红色】的互补色进行配色,降低两者的明度与饱和度,复制英文一个【填充】一个【描边】

给描边的文字执行效果【执行效果】-【扭曲】-【变换】,勾选预览副本选择【10】 水平移动选择【6】;分别改为【COLOR】的5个字母,

将5个立体字重新排列,加入一些线条作为底纹;


7.互补色配色的实操演示三:使用【蓝色】和【橙色】的互补色进行配色,复制出三组英文,把文字填充切换为【描边】选择【混合工具】

分别点击两组文字,在【双击混合工具】指定的步数【30】,把第三个英文描边改粗一些和另外文字进行组合,增强英文的识别性,

【复制文字组】,右键选择【变换镜像垂直】,把英文进行【垂直径向翻转】移动重叠在一起;最后加入文字排版 设计完成;


8.总结:互补色由于在色环上相距最远色彩差异最大,合理的搭配往往会产生强烈的视觉冲击力,但由于色相对比过大配色难度也最大

如何化解互补色之间的冲突感,是用好互补色的关键使用技巧;


9.最终效果如图示,视频学百遍,不如上手练一练,你学会了吗!记得评论区交作业哦~


以上就是配色攻略-互补色篇图文教程的全部内容了,你也可以点击下方的视频教程链接查看本节课的视频教程内容,虎课网每天可以免费学一课,千万不要错过哦!


点击观看视频教程
配色攻略-互补色篇
中级拔高11041人已学视频时长:10:00
立即学习
特别声明:以上文章内容仅代表作者huke88本人观点,不代表虎课网观点或立场。如有关于作品内容、版权或其它问题请与虎课网联系。
500+精品图书
20G学习素材
10000+实用笔刷
持续更新设计模板
立即领取

下载虎课APP

随时随地学技能
APP更方便
每天免费学课程
下载虎课网APP
随时随地学海量会员教程
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习90000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了23,727
并提交了249份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 90000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证