配色技巧入门!学会邻近色配色,搞定配色难题(实操篇)

时间:2021-10-19
类别:其他教程
水平:入门
观众:1.5w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

配色技巧入门!学会邻近色配色,搞定配色难题(实操篇)

教程作者:邓海贝(授权转载自公众号: 艺海拾贝Design

交作业去这里→#优设每日作业#

上集内容回顾:

邻近色配色实操 案例1

配色技巧入门!学会邻近色配色,搞定配色难题(实操篇)

本次提取上期“邻近色配色”理论篇讲解的部分文案,进行配色的实操演示:

配色技巧入门!学会邻近色配色,搞定配色难题(实操篇)

在PS中新建文件,背景选择红色,英文放大铺满背景,颜色选择红色的邻近色橙色。

配色技巧入门!学会邻近色配色,搞定配色难题(实操篇)

画出白色圆角矩形,给矩形添加图层样式“描边”和“投影”。描边的填充类型选择“渐变”,颜色选择白色和浅橙色的渐变,模拟玻璃边缘的厚度。

配色技巧入门!学会邻近色配色,搞定配色难题(实操篇) 配色技巧入门!学会邻近色配色,搞定配色难题(实操篇)

接下来制作毛玻璃效果。复制背景和文字图层,合并为一个图层。分别给此图层添加三个滤镜“模糊-高斯模糊”、“滤镜库-扭曲-玻璃”、杂色-添加杂色“,效果如下图:

配色技巧入门!学会邻近色配色,搞定配色难题(实操篇)

把图层移动到矩形图层上方,按快捷键“ctrl+alt+g”建立剪切蒙版,使毛玻璃效果只在矩形范围显示。

配色技巧入门!学会邻近色配色,搞定配色难题(实操篇)

最后加上文案排版,设计完成。

此案例使用了红色和橙色的邻近色配色,橙色和红色是充满活力和激情的颜色,能呈现出热闹、愉快的氛围。

配色技巧入门!学会邻近色配色,搞定配色难题(实操篇)

邻近色配色实操 案例2

配色技巧入门!学会邻近色配色,搞定配色难题(实操篇)

方案二,在PS中新建文件,在背景上用绿色和黄色的柔和画笔随机画出颜色。

配色技巧入门!学会邻近色配色,搞定配色难题(实操篇)

使用“模糊-高斯模糊”让背景颜色更好的融合在一起,再执行“杂色-添加杂色”给背景增添质感。

配色技巧入门!学会邻近色配色,搞定配色难题(实操篇)配色技巧入门!学会邻近色配色,搞定配色难题(实操篇) 配色技巧入门!学会邻近色配色,搞定配色难题(实操篇)

最后加入文案,颜色采用绿色和黄色,明亮的黄色搭配清新的绿色,新鲜而又清澈,显得朝气有活力。

配色技巧入门!学会邻近色配色,搞定配色难题(实操篇)

邻近色配色实操 案例3

配色技巧入门!学会邻近色配色,搞定配色难题(实操篇)

方案三,在AI中输入英文,字体选择一款设计感较强的“Current”做为主体。使用蓝绿色搭配,蓝色明度低,绿色明度高,所以蓝绿配色即协调统一又有很强的对比。

配色技巧入门!学会邻近色配色,搞定配色难题(实操篇)

把英文转换为轮廓,给每个字母加上不同角度的渐变色,颜色沿用蓝绿色。

配色技巧入门!学会邻近色配色,搞定配色难题(实操篇)

最后加上文案,进行排版,设计完成:

此案例使用了蓝绿色的邻近色配色,让人联想到蓝天绿水之美,感到平静,放松,给人清爽舒适感。

配色技巧入门!学会邻近色配色,搞定配色难题(实操篇)

尝试新的配色,使用蓝色和紫色搭配。蓝色和紫色明度很接近,对比比较柔和,具有神秘梦幻感。

配色技巧入门!学会邻近色配色,搞定配色难题(实操篇)

红色和紫色搭配显得浪漫、华丽、高贵。

配色技巧入门!学会邻近色配色,搞定配色难题(实操篇)

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

38 收藏 134

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 3

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片