UI培训
美国上市UI培训机构

400-111-8989

热门课程

UI教程:视觉设计之彩色半调的应用

  • 时间:2017-07-28
  • 发布:UI培训
  • 来源:UI教程

先看一下效果

【视觉设计之彩色半调的应用】

我们先来解释一下原理,彩色半调是一种PS效果,属于“像素化”。既实用该效果做出的图均是位图。彩色半调是模拟在图像的每个通道上使用放大的半调网屏的效果。对于每个通道,滤镜将图像划分为矩形,并用圆形替换每个矩形。圆形的大小与矩形的亮度成比例。

下面UI培训就带着大家做一遍,非常简单!

【视觉设计之彩色半调的应用】

1、新建画布,因为做出来的是位图,所以咱们把画布建的稍微大一些。

【视觉设计之彩色半调的应用】

2、输入你想要做的文字,咱们这里输的是FASHION。

【视觉设计之彩色半调的应用】

3、将文字进行模糊,咱们这里选择的是高斯模糊!其他模糊也可以,建议大家多试一下。

【视觉设计之彩色半调的应用】
【视觉设计之彩色半调的应用】

这个我们模糊的半径是10px,这个根据自己字体大小来随意调节都可以,主要注意一点,文字笔画中心要与周围颜色对比开!

4、把图像的色彩模式调为灰度。

【视觉设计之彩色半调的应用】

这里注意我们直接选拼合!

【视觉设计之彩色半调的应用】

颜色信息也要扔掉!

【视觉设计之彩色半调的应用】

5、最关键的一步,调用彩色半调滤镜。滤镜--像素化--彩色半调!

【视觉设计之彩色半调的应用】

出来彩色半调面板,这里边都是我们自己来控制,建议大家多试几次,半径我们就选跟模糊的半径一样就可以,下边通道角度也可以随意设置,影响的是咱们做出来的方向!

【视觉设计之彩色半调的应用】

6、见证奇迹的时刻就要到了!

【视觉设计之彩色半调的应用】

这时候基本形就已经完成了,试试彩色半调控制面板,看一看圆点有什么变化吧!

7、当然这只是灰度模式下,只有黑白色!下边我们来给它加一些颜色!先把色彩模式改回RGB--

【视觉设计之彩色半调的应用】

然后新建一个图层用来放颜色

【视觉设计之彩色半调的应用】

再把这一个空白图层做渐变填充

【视觉设计之彩色半调的应用】

这里选用的是彩虹色

【视觉设计之彩色半调的应用】

关键的一步,我们改一下图层类型,第一个我们选择线性减淡(添加)

【视觉设计之彩色半调的应用】

看一下效果

【视觉设计之彩色半调的应用】

在看一下叠加

【视觉设计之彩色半调的应用】

滤色

【视觉设计之彩色半调的应用】

注意:由于彩色半调滤镜处理的是位图,带有白色背景,改为彩色还需要去掉白色背景,这里推荐大家直接魔棒选择白色背景,删掉就OK了!

彩色半调通常用于处理海报等视觉要求较高的商业作品中,下边再给大家看一下案例:

【视觉设计之彩色半调的应用】
【视觉设计之彩色半调的应用】
【视觉设计之彩色半调的应用】

看完ui培训班的分享都迫不及待了吧,纸上得来终觉浅,快去实践一下吧!

上一篇:顶级设计师创意和惊人的PS创意合成图片欣赏
下一篇:移动端扁平化2.0设计布局解析
选择城市和中心
贵州省

广西省

海南省

台湾