MrBones

哈喽家好,我是研习设的小凹,惊不惊喜,意不意外?我终于见光了!这算是我第一次跟大家正式见面,之前我们隔着电脑,手机来观看学习教程,以后,我们就可以面对面的进行交流了。😝

首先请大家扪心自问一下
你真的了解彩色半调吗?
我相信一定会有人说:了解!那么不好意思,打扰了。
首先看下,彩色半调在ps当中的位置,在滤镜当中,像素化——彩色半调,这就说明它属于根据图像的像素来进行的一种变化表现。 
滤镜——像素化——彩色半调
既然是彩色半调,那我们就分开来看,先来解释一下半调: 
半色调是一种影印技术,通过使用不同大小或间距的点来模拟图像的连续色调,从而产生类似渐变的效果。 
举个例子,黑白报纸上的图片,认真去看,你会发现上面只有两个颜色,就是油墨的黑色和纸的白色;但如果你不认真去看,却好像有黑白灰的颜色在里面,显得很丰富。这个就是用半调网屏来实现的,它就是能控制油墨的大小和形状,利用墨点的不同和间隙的大小,产生类似灰色的那种过渡。
彩色+半调就很好理解了: 
彩色半调就是模拟在图像的每个通道上,使用放大的半调网屏的效果,对于每个通道来说,滤镜将图像划分为矩形,也就是像素块,并用圆形替换每个矩形,圆形的大小与疏密程度是与色彩的亮度成正比的。通过上面的色块我们能看出,越亮的地方,圆点越小越稀疏,越暗的地方圆点越大越密。 
介绍一下彩色半调的参数: 
最大半径:用来生成最大网点的半径。也就是圆点的大小,取值范围在4—127之间,半径值越小,圆点越小,数量越多,半径值越大圆点越大,数量也就会越少。 
在相同色调的矩形上,我们可以看到半径从5到30之间,圆点的变化。 
网角度:用来设置图像各个原色通道的网点角度。取值范围在-360度—360度。不同模式下,有效通道是不一样的。 
当图像模式为灰度时,只有通道1 是有效的。 
当图像模式为RGB时,只有通道123 是有效的。 
当图像模式为CMYK时,4个通道都是有效的。 
我们以最常用的RGB模式为例,不同的通道代表不同的颜色,这里我以每个通道颜色的半调圆点代替。 
通道的数值代表该通道和水平线的夹角,比如这里,红色通道为30,就代表它与水平线的夹角为30°,相应的我红色半调圆点,就呈现30°,绿通道60°,半调圆点也就是60°,蓝色通道90°,也是同样道理。 
所以如果在一个30%灰色的矩形上执行这组彩色半调的设置,就会得到这样一个画面(可以看到各个通道的颜色形成的一种网屏效果)。 
当通道数值相同时,这里我都给了90,也就是半调圆点没有任何角度变化,这样所有圆点就重合在一起了。 
在一个30%灰色的矩形上执行这组彩色半调的设置,就会得到这样半调画面(可以看到各个通道圆点重合,也就变成了黑色) 
带这种波点式图样的,我们都可以用彩色半调实现,并且我们可以看到这个技法既能表现复古的感觉,又能表现时尚前卫的气质,所以大家在设计案例时,为了增加画面形式感,不妨试试这个功能。
◇方案一◇设计一个有时尚气质的banner 
首先版面骨架我已经搭建好了,我们一步一步给它添加彩色半调。 
先给背景图层添加彩色半调,半径:10,所有通道为60。 
在智能滤镜的蒙版上,用画笔把人物擦出来,边缘处可以处理成参差不齐的效果,这样会更自然。 
把主题文字复制一层,把底层文字向右下移动几个像素,让它有个厚度,然后给底层文字执行彩色半调,半径4,通道都是60。
给底层文字添加一个色相饱和度,数值如图。 
这样就设计完成了。
▷BUT◁这个画面还可以怎样玩呢?
那就让它动起来 
复制7—10个背景层,双击智能对象,设置彩色半调数值,RGB通道数值每10个递增(如图所示)。 
之后<创建帧动画>就可以做成这样旋转的动图了,有木有很酷炫? 
◇方案二◇设计一个有文化属性的海报 
海报版式搭建完成,接下来就是对主题“黑白镜像”做一系列的效果,增加画面形式感。 
首先把文字填充黑色,下方加一个白底,给文字做动感模糊,角度0,距离40。 
把文字图层和白色底合并,再执行彩色半调,半径8,通道全部90,因为刚才做了动感模糊,所以文字边缘处的圆点会渐隐式的越来越小,越来越稀疏。 
再给文字执行滤镜——画笔描边——喷溅——半径8平滑度2。 
用色彩范围把黑色的字提取出来,给它填充白色,然后添加黑色的背景。 
这步比较关键了,给4个文字层创建3D明信片效果,然后选择这4个创建好的明信片给它们合并3D图层,之后就会得到这样的画面(这步不明白的,推荐大家回看订阅号的3D教程)。 
给前三个明信片作旋转,第一个Y轴旋转45°,第二个Y轴90°,第三个Y轴135°,第四个保持不变,最后它们呈现是“米”字结构。
旋转一下画面的方向,把文字的角度旋转到合适角度,这样就会有一种幻影的效果,也就更符合“黑白镜像”这个主题所传达的意思。 
最终,同样以动态形式的展现,让它转起来吧!
本篇教程主要介绍了彩色半调相关理论知识,以及如何利用彩色半调去设计画面,当然很多时候你只使用这一个滤镜是难以表现自己的想法的,这个时候你不妨去滤镜库看一看,哪种效果和彩色半调搭在一起,会产生1加1大于2的效果,这也是我们设计师应该具备的一项技能——举一反三,多去尝试不同的效果,你会得到意想不到的答案。

 

原文地址:研习设(公众号)
作者:小凹

 

转载请注明:学UI网 » 如何快速提升图片格调?彩色半调的应用

登录收藏
 
你可能喜欢的:
简洁设计分析与思考模型简洁设计分析与思考模型
设计心理学,你懂多少?(二)设计心理学,你懂多少?(二)
关于无障碍设计的七件事关于无障碍设计的七件事
高级的设计技法,UI设计师应该有品牌意识!高级的设计技法,UI设计师应该有品牌意识!
做到这两点方案一稿过做到这两点方案一稿过
小小滑块大大学问,你真的会用滑块了吗?小小滑块大大学问,你真的会用滑块了吗?
潘帅:亲子类场景化产品的设计方法潘帅:亲子类场景化产品的设计方法
解析:「点赞」与「收藏」功能解析:「点赞」与「收藏」功能
移动搜索体验设计总结移动搜索体验设计总结
优秀的Aha Moment,能让用户上瘾优秀的Aha Moment,能让用户上瘾