用好“对比色”,让你的设计更有吸引力!(实操篇)

2021-10-25    seo达人



01 对比色配色实操

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

图片

 

方案一

在PS中新建文件,背景选择蓝色。

英文放大铺满背景,并加入边框。颜色选择蓝色的对比色红色。(英文字体:Champion)

图片

新建图层,填充白色,用套索工具画出不规则选区。

图片

点击“添加图层蒙版”按钮,给图层添加蒙版。

选择蒙版,执行“滤镜-滤镜库-喷色描边”,得到不规则的撕纸边缘效果。

图片

复制一个新图层,填充红色,向上错位移动。

在白色图层添加“图层样式-投影”,撕纸效果就制作好了。

图片

复制“文字”和“矩形”图层,移动到红色图层上方,填充蓝色。

按“Ctrl+Alt+g”建立剪切蒙版,让文字只在红色图层范围显示。

图片

把蓝色字改为白色,白色是万能的调和色,可以缓冲蓝红对比色强烈的对抗性,也可以让作品更加透亮。

图片

最后加入文字排版和纸张褶皱效果,设计完成:

图片

 

方案二

使用AI进行制作,颜色选用对比色紫色和绿色搭配。(英文字体:Current)

图片

给英文创建轮廓,取消群组。

使用直线工具画出一条分割线,使用“路径查找器”中的“分割”功能,把字母切割开

图片

取消群组,右键选择“变换-旋转”180度,调整两个色块重合。

执行“效果-风格化-阴影”加入阴影。这样得到了折纸效果:

图片

使用相同的方法制作出其他字母:

图片

最后加入文字排版和纸张褶皱效果,设计完成:

图片

 

方案三

继续使用AI进行制作,把所有英文放置在画面中。(英文字体:Current)

图片

颜色选用黄、蓝、红的三色对比色进行搭配。

图片

图片

图片

最后加入文字排版和纸张褶皱效果,设计完成:

图片

可以尝试新的配色方案,

此方案颜色选用橙、绿、紫的三色对比色搭配。

图片

本期使用的字体、样机、源文件,请关注微信公众号:艺海拾贝Design(ID:YHSBds),公众号主页回复“对比色”获取下载链接。

 

优秀作业展示

01 NoctilucaGladys

图片

 

02 风少

图片

 

03 沕风

图片

 

04 龙娟(2张作品)

图片

图片

 

05 七陌

图片

 

06 Joyce

图片

 

07 蛋蛋DAN

图片

 

08 珞影随行

图片

 

09 咪奥mao

图片

图片

 

10 小孔呀

图片

 

原文地址:艺海拾贝Design(公众号)

作者:邓海贝

转载请注明:学UI网》用好“对比色”,让你的设计更有吸引力!(实操篇)

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



分享本文至:

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档