大家好,欢迎来到Slidecent,
见字如面,我是林利蒙。
强烈推荐观看这个视频
强烈推荐观看这个视频
强烈推荐观看这个视频
最近,我开启了《小白学配色-实战篇》栏目,还不了解的朋友可以回看下前2期内容:今天我们来聊聊科技风配色带你探寻科技感背后的秘密!原稿如下:这是我2年前的一页科技风作品,当时还拿了优秀作业,但现在看来还是差点意思。于是,我在网上找到了一页配色很赞的灵感参考,来自花瓣网:图源花瓣网今天要做的就是在不改变原稿版式的情况下,将灵感参考中的“色彩气质”迁移到原稿中。如果是你会怎么做呢?给你3秒钟思考下好,时间到,下面来分享下我的设计思路。这期配色改稿与以往不同,它不是跨色相的修改,而是在同色相(蓝色)下的改动,所以差异点主要在于细节设置。01.分析问题仔细对比两者,会发现:原稿:整体很糊,主体不突出灵感图:画面通透,主体鲜明是什么原因造成的呢?我们借助AdobeColor来观察下,这是我提取的色彩分布图:原稿灵感图色彩模式我采用了H(色相)S(饱和度)B(亮度)模式。请注意观察亮度B这一项(红色虚线框选的区域)如果你还不了解AdobeColor的,可以查看这个视频:发现问题了吗?灵感图:配色亮度差异大(15-95)原稿:配色亮度差异小(35-75)由于主体与背景亮度差异小,所以层次没拉开,导致主体不够突出。这也是很多初学者会犯的问题。02.拉开层次因此,第一步要做的就是拉开色彩差异。将背景压暗,并提高中心区域的亮度:来组合影对比下:相比于最初的那版,层次感提升了。03.添加光影但仔细对照会发现,目前的版本缺少光感,画面很实;而灵感图的物体感觉都会发光!因此,可以照葫芦画瓢地在顶部打下一盏光:接着来看细节部分,也就是画面中的立方块,我们将它单独提取出来:目前的立方体阴沉暗淡,不够通透。如何绘制一个精致的立方体呢?我认为关键在于渐变。首先,一定要将立方体打散:虽然PPT提供了默认立方体,但它是一个整体,无法给每个面分别设置渐变。接着要给每个面都设置渐变,这里有个渐变设置小技巧:假定一个光源方向(比如右上角),靠近光源的地方亮一些,远离光源的地方暗一些,同时记得给边框也赋予一些渐变会更真实,这就得到了一个更通透的立方块:是不是光看图就能猜出光源的方向呢?这就是在模拟真实世界中的感光情况:同理,立方体旁边的色块也采用相同的操作:最后将元素整合在一起,并添加亿点细节:是不是瞬间质感拉满!由于