您现在的位置: 花叶芦荟 > 花叶芦荟成分 > 正文 > 正文

什么设计师不会拉渐变

  • 来源:本站原创
  • 时间:2021/8/7 10:45:38
白癜风分型治疗 http://news.39.net/bjzkhbzy/180423/6185383.html

今天是色彩系列教程?的最后一篇,所以当然得?来点厉害的!

江湖上一直流传着一个关于色彩的传说,据说只要破解十二字口诀,就能打通配色的奇筋八脉,斩无数甲方于马下。

相信看了今天的文章定能让你顿悟,五彩斑斓,五光十色算啥,只要学好了渐变色,万紫千红都不成问题。

在扁平化刚刚兴起时,渐变色被认为很土,是大家避之不及的设计手法。然而风水轮流转,设计趋势更是如此。随着大家对扁平化的审美疲劳,微质感、微投影、渐变色又重新成为新的设计潮流。今天我就来带大家看看,重新回归后的渐变色又具有哪些特点,要如何使用。

OK,废话少说,干货走起。

我们先来看看渐变色一般应用在哪些场景中。

渐变背景

相比纯色的背景,渐变色的背景能带来更丰富的视觉效果。不同类型的渐变背景可以带来不同的视觉效果。

通过色彩的深浅变化,可以让背景看起来更有空间感。例如下面的泡面广告,用红色到黄色的明度变化,形成了从深到浅的渐变效果,让画面看起来有了明显的景深效果,再加上光影效果,可以使得产品更具立体感。

上浅下深的同色系渐变,可以让画面显得更平稳。

色相的变化,则可以加强画面的视觉冲击力,同时与画面中元素的色彩相呼应,强化整体风格。

通过色彩的冷暖对比,让画面的色彩情绪更浓烈。

渐变文字

渐变大多数时候用在背景上,但其实前景元素也照样可以用渐变。在标题文字中添加渐变效果,可增加文字的表现力,让文案在画面中更突出。

下图的标题文字采用了对比强烈的互补色渐变,从而让标题从画面中快速的跳出来。

在文字的添加渐变色彩,可以让文字显得更加图形化,形成画面的焦点。

渐变图形

我们经常会创建一些几何元素来丰富画面的层次感,或者承载内容。为了增强它们的表现力,可以给这些几何元素置入渐变的色彩。

通过置入渐变色彩,可以让几何元素变得更加有立体感,在视觉上变得更灵动,更加吸引人。

相比在背景添加渐变,几何元素渐变有更多的变化。既可以基础的图片,也可以是独特的品牌符号元素置入。

图片叠加渐变

渐变不只是可以叠加到文字和图形中,就算是图片,也一样可以叠加。在图片上叠加色彩渐变,可以形成一种独特的视觉风格,让人过目不忘。

色彩本身是有着强烈的情绪的,将色彩叠加到图片上,就能够赋予图片更强烈的情感和情绪。

例如下面这张写实风格的新闻照片,被叠上冷暖交错的色彩之后,就有了更强的冲突感。

有时候我们的素材图片画质一般,形式感不够强,也可以尝试用渐变叠加的方式,来让图片变得更加有视觉表现力。

下面我们从制作方式上来看看,渐变有哪些类型,它们都具有哪些特点,以及如何应用。

线性渐变

最常见的一种渐变方式,有着明确的方向性。线性渐变可以由两种色彩组成,也可以是多种色彩。

相对于单色,线性渐变的背景可以有更多的变化。通过背景色与画面元素之间的色彩呼应,让整体的画面看起来更丰富,有层次感。

线性渐变最大的特点是有着明确的方向性,通过搭配明度的变化,可以让画面看起来有空间感。

好了,

下面我们通过一个实操案例来看看线性渐变怎么应用。

第1步,

抠一张素材图。

第2步,

从商品图上吸取紫色和橙色两种颜色,然后在背景上拉一个线性渐变色。

第3步,

有了渐变以后,画面就有了空间感,鞋子有了飘浮的感觉。接着我们再在底部画一个圆形的色块,支撑起整个画面。

第4步,

在底部的圆形色块上面再拉一个线性渐变,模拟光线的感觉。

第5步,

通过两个简单的线性渐变,我们就完成了场景的搭建。接着给鞋子添加投影,以及写上主标题,完善海报的细节。

第6步,

给标题文案再拉一个渐变,让它与画面整体的色调更匹配。再编排好其它文字信息。

OK,完工!

虽然线性渐变很简单,但是只要应用恰当,它可以让色彩过渡非常柔和自然,让画面形成很好的视觉层次感。

好了,

接着看下一个渐变类型。

径向渐变

径向渐变就是圆形渐变,它以一个中心向外扩散。制作圆形的色彩过渡效果,一般就会用到它了。

径向渐变最常见的应用场景,就是制作向中心聚拢的光影效果。

通过同一种色彩的明暗变化,形成一个类似舞台的效果,可以让画面中心的主体更加突出。

如果是不同色相之间的径向渐变,可以形成一种色彩向外晕染开的效果。

下面我们通过一个简单的实操案例来看看径向渐变怎么用。

第1步,

抠一张蓝牙音箱的素材图。

第2步,

改变音箱的角度,再复制多一个,让它们形成角度的变化。

第3步,

给背景添加白色到灰蓝色的径向渐变效果,具体参数如下图。

注意样式那里选择“径向”

效果如下:

空间感一下就有了,再制作一点小投影,整个场景就很真实了。最后,简单的排版一下文案,完工。

简单几步就完成了一张极简科技风的海报。

好了,继续下一个。

角度渐变

角度渐变是一种不那么常用的渐变方式,有点像雷达扫描的效果。

正是因为它不怎么常用,所以只要找到合适的应用场景,反而会让它看起来很特别。

下面我们通过一个案例看看角度渐变要怎么用。

第1步,

抠一张手机的素材图。

第2步,

给背景制作渐变效果,注意样式那里一定要选择“角度”。色彩从明到暗变化就可以了。

具体参数如下:

duang...

做出来的效果是这样:

是不是非常酷炫!

很完美的明暗光影变化。

提醒一个操作细节:在渐变样式的操作界面下,是可以随意拖动渐变的中心点的,如下面的动图所示。

第3步,

再给画面加入一个手机的正面图。

第4步,

给另外一个手机增加阴影,以及光影的明暗变化。

第5步,

编排好文案,一张手机海报完工!

好了,

继续下一个。

流体渐变

流体渐变是最近这几年非常流行的一种色彩效果,无论是界面设计还是电商海报设计都应用非常广泛。

流体渐变让色彩有流动的感觉,加上光影的变化,可以使得画面中的色块不再是单纯的颜色,而是具有了某种质感,以及体积感。看起来很前卫,时尚。

下图是之前的教程中我给大家做的演示案例,因为这只鞋的设计风格非常独特,底部的曲线设计有强烈的流动感,所以在背景上我采用了流体渐变的效果来搭配。

完整的案例设计步骤我就不写了,只单独将流体渐变效果的做法抽出来供大家参考。

这一步没看懂的同学,

可以去百度搜"AI网格工具用法"

弥散渐变

弥散渐变是最近很流行的一种效果。它的特点是色彩不均匀的弥散开,还有明显的噪点,总体有点点复古的感觉。在最近流行的酸性设计风格中经常看到。

具体的做法也很简单,主要是矢量图形的羽化,以及模糊画廊移轴模糊,这两个功能来搭配制作。

做完模糊效果后,再加上噪点就可以了。

应用案例:

前段时间刷屏的网易云主导色H5,就用到了弥散色的效果。

下面再给大家做一个实操案例,看看弥散色的应用。

第1步,

先抠一张模特图。

第2步,

画一个随意点的椭圆形,将人物置入其中。

第3步,

给椭圆形增加镭射光的背景图,与人物身上的光感呼应一下,在周边再做一圈环形围绕文字,是不是就有点酸性设计那味了?

第4步,

在人物背后画几个不同色彩的椭圆形,注意色彩之间要反差强烈。

第5步,

将色块的羽化值调大,让它模糊掉。如果不是用的矢量图形,那直接用高斯模糊也是一样的效果。

第6步,

将所有的色块模糊掉之后,再添加噪点的效果。

噪点效果不会做的可以自行去百度,

我是在CameraRaw滤镜里添加的

第7步,

给画面添加一些装饰细节,以及文案。

第8步,

最后,完善画面的细节,增加各种小装饰及文案信息。

好了,

一张非常潮流个性的海报完工!

今天的教程内容就到这。

下班~

下面是你们自己动手的时间。

----------------------------------

结合今天讲的内容,自拟素材与文案,做1-4张作业图。

尺寸:

宽度px,高度不限。

格式:

提交作品的时候,需要把你的文件命名修改为:

你的名字-你的QQ-作业,如:阿门-QQ-作业.jpg

(不要ai或者cdr等格式,也不要压缩包)

邮件标题:

-你的名字-QQ-作业

请注意-------------------

从这期作业开始,大家需要在练习作品中添加“庞门正道”或者“Artmandesign”的文字,以防止有人从网上盗图。

--------------------------

我会选择3位同学送出庞门正道定制本各一本,这个是只送不卖的纪念品,纪念你曾经努力的意义。

下期教程出来的时候公布优秀结果,投稿邮箱:

qq.


本文编辑:佚名
转载请注明出地址  http://www.huayeluhui.com/hylhcf/9475.html

  • 上一篇文章:
  • 下一篇文章: 没有了
  • 热点文章

    • 没有任何图片文章
    • 没有热点文章
    推荐文章

    • 没有任何图片文章
    • 没有推荐文章

    Copyright © 2012-2020 花叶芦荟版权所有



    现在时间: