大家好,欢迎来到Slidecent,
见字如面,我是林利蒙。
最近,我开启了《小白学配色-实战篇》栏目,还不了解的朋友可以回看下前2期内容:这是我2年前的一页科技风作品,当时还拿了优秀作业,但现在看来还是差点意思。于是,我在网上找到了一页配色很赞的灵感参考,来自花瓣网:今天要做的就是在不改变原稿版式的情况下,将灵感参考中的“色彩气质”迁移到原稿中。这期配色改稿与以往不同,它不是跨色相的修改,而是在同色相(蓝色)下的改动,所以差异点主要在于细节设置。是什么原因造成的呢?我们借助Adobe Color来观察下,这是我提取的色彩分布图:色彩模式我采用了H(色相)S(饱和度)B(亮度)模式。请注意观察亮度B这一项(红色虚线框选的区域)由于主体与背景亮度差异小,所以层次没拉开,导致主体不够突出。这也是很多初学者会犯的问题。因此,第一步要做的就是拉开色彩差异。将背景压暗,并提高中心区域的亮度:但仔细对照会发现,目前的版本缺少光感,画面很实;而灵感图的物体感觉都会发光!接着来看细节部分,也就是画面中的立方块,我们将它单独提取出来:虽然PPT提供了默认立方体,但它是一个整体,无法给每个面分别设置渐变。接着要给每个面都设置渐变,这里有个渐变设置小技巧:假定一个光源方向(比如右上角),靠近光源的地方亮一些,远离光源的地方暗一些,同时记得给边框也赋予一些渐变会更真实,这就得到了一个更通透的立方块:是不是光看图就能猜出光源的方向呢?这就是在模拟真实世界中的感光情况:是不是瞬间质感拉满!由于微信端压缩后有色差,建议下载源文件在电脑端观看如果你觉得蓝绿色的科技风有点审美疲劳了,也可以大胆地切换成其他色系,比如橘色:为了更好的观察细节质感,可以顺时针旋转手机屏幕查看最终效果:如果你觉得还不错,请不要吝惜点击右下角【在看】支持我!其实科技风配色的关键就在于三大要素:渐变、阴影、光效!也就是尽可能模拟真实世界中物体的质感。看似一气呵成的配色过程,其实是经过无数次试错得来的,而每一步微小的改进都是一次思维的跃迁。以上就是此次改稿全部内容,建议大家下载源文件后动手练习一遍。毕竟看的再多,不动手试试,你永远不知道难点在哪里。改稿PPT源文件下载
——
公众号:Slidecent
原文链接:【赠书福利】那些效果炸裂的科技风PPT,秘密原来都藏在这里!