高级混合术的妙用！
大家好，又跟大家见面啦，本次的内容是混合工具的妙用，在此之前我们要先了解一下何为混合工具。混合，也叫调和，不同的软件中的命名不同，AI里为混合工具，CDR里为调和工具。虽然名称不一样，但功能是和所呈现的效果基本上是一致的。
那么何为混合呢？我给他的定义为不同色彩或不同形状之间的过渡。
如上图一方一圆，我想让他们之间生成三个过渡图形，那么我们就可以用混合来实现，下图是生成好的。
我们可以看到五个图形从方到圆越来越圆滑，这种过渡的过程就是混合。
混合除了在形状之间进行过渡外还可在色彩之间进行过渡。
如上图，用混合工具在红蓝色块之间添加了三个色块，他们所呈现的颜色就是从黄到蓝的过渡过程。
我们在两个图形之间生成的步数越多，那么这种过渡也就越平滑。如上图，设置步数为 3 的时候图形之间还可以明显的区分；设置步数为 20 的时候则已经快变成平滑的渐变色了。
那么混合能做什么样的作品呢？第一种就是下面所示的步数感十分明显的。
第二种则是高级的色彩渐变作品，如下（作者 @Edisonwong7）。
在说用法之前我们先来看看混合在工具面板中长啥样吧。
双击就可以出现详细的设定页面，如下。
混合工具设定间距的模式有三种，平滑颜色、指定的步数、指定的距离。
指定的步数：两个图形之间过渡图形的数量。
指定的距离：每个图形之间过渡图形的距离。
平滑颜色：通常用于颜色渐变中
取向上则分为对齐页面和对齐路径两种。对齐页面就是绝对的水平和垂直，对齐路径则是生成的过渡图形沿路径的方向走，如下。
我们可以看到在对齐路径页面的时候每个矩形都是方方正正的，而在对齐路径后矩形根据路径发生了角度变化。这就是两种模式的差异之处，其实对齐路径的方式跟沿路径编排文字（路径字）的原理差不多。
混合工具的使用方法也比较简单，我们先设定好依次再选择需要变化的几个图形就行了，如下。
设定好步数之后我们依次选择图形就可以了，可以选两个，也可以选两个以上。
但是我们这种方式做出来每个图形之间的距离都是相等的，我们想让他有种发散的关系该怎么办呢？实际上混合过的对象中间是有一条路径的，这个路径可以用直接选择工具和钢笔工具调整。
所以此时我们可以用“直接选择工具”选取路径两端的锚点，使其变为平滑，此时我们就可以用锚点的手柄改变发散关系，如下。
当然，我们也可以用手柄调整路径的曲率，灵活变幻混合的形态，如下。
除了单独的图形外，同心圆的样式也可以用混合工具表现，如下。
色彩与线条也是可以变化的，我们用好了混合工具可以做出非常有张力的作品，如下。
扩展（转曲）后的字体也可以很容易的使用混合，如下。
也可以改变锚点的平滑属性，控制手柄做出曲率。
在此基础上也可以通过旋转基础的图形做出更丰富的效果。
混合工具的进阶用法就是替换混合轴，替换混合轴就是将混合后的对象沿着某一路径变化，如下。
将混合后的对象沿着路径替换混合轴后得到一个新的对象，只不过步数太少，只有6步，所以并不是特别好看。此时我们再重新将步数设置的高一点（比如100）便可。
当然，在替换混合轴后依然可以继续用“直接选择工具”调整他们的形态。
渐变色的形状经过混合后依然可以与别的路径进行混合轴的替换，如下。
利用替换混合轴的技法可以做出许多不同风格的作品，可以是炫酷的，也可以是朴素的。
除了混合工具本身外之外，用分别变换工具也能做出混合的效果。分别变换工具不会产生这种过渡的形状，但却可以做出很有数学逻辑的图形。
具体功能在AI菜单【效果】—【扭曲和变换】— 【变换】里面。
如下，我以一个正六边形为例。
除了角度，副本的变换外，缩放的大小也可以调整，如下。
甚至移动、对称等等都是可以变换的，不同的参数会造成不同的效果，如下。
当然了，我们也可以将混合工具结合着变换一起来做，让变幻更富有变化，如下。
这两种工具结合来用可以非常快速的出效果。
那么混合风格在版面中一般充当什么角色？
混合工具在版面中一般都充当画面的主体，因为混合的风格突出，细节也比较丰富，所以非常适合来做主体使用。
另外一些纯文字类型的海报也会将标题做成混合风格，达到丰富画面的目的。
最后看一些我用混合工具做的几张海报吧，读了此文，相信你们也可以做出来。
那么本期文章就到这里了，咱们下期再见哦！
大猫设计（公众号）
作者：大猫Addict
相关推荐
-
游戏优化大师之高级工具的妙用
全能温度计——实时监控您的电脑“体温”，游戏玩家所担忧的莫过于cpu温度过高导致的死机蓝屏，显卡温度过高导致的花屏、卡顿，以及硬盘温度过高伤害电脑。全能温度计静静的在右下角守护您的爱机，结合用户所在地 ...
-
ps如何制作logo（用ps怎么设计logo）
我们来做一个爆火的抖音APP的logo制作,详细步骤教程来啦~1.制作一个1024×1024像素黑色背景的圆角矩形,设定4个圆角半径均为250像素.2.使用[椭圆工具]的[形状]模式,设定[填充]为无 ...
-
ps怎么做三维立体图形（ps怎么建立3d模型）
本教程将引导您完成从单个图像制作3D立体图像的过程.它可能不是一个好莱坞准备的3D效果,但它仍然很有趣,可能会有一些有趣的项目!这是教程中使用的原图照片第1步:复制图像复制背景图像.这是为了避免对原图 ...
-
教你画一个开关
教你画一个立体的开关.图层剪切蒙版,图层高级混合. 作者:fonto 看完教程咱们交作业咯!点我直达作业提交页面>>
-
手机音乐界面设计分析
第一次写这不知道算不算教程的东西,只是想单纯的分享下学习UI过程中的一些,有什么不足之处,还请各位多多指教~ 作者其它设计文章: PS图层样式之高级混合(1) PS图层样式之高级混合(2) 手机音乐界 ...
-
UI设计教程之UI学习方法（咋看，咋想，咋做）
虽然说UI设计学习方法这个话题感觉很大,也有点空,虎哥还是要来念叨念叨,尽量的讲的详细点,通俗易懂,学习方法总归是有的. 常常会听到这么一些忠告"多看 多想 多做",这个我也很赞同 ...
-
放大镜动效制作解析！（PS教程）
小编:15年UI设计作品中少不了动效的展示,今天带大家学习一种很酷的放大镜效果.就是模拟放大镜移动过的地方放大清晰的效果. 本文通过一个放大镜动画的实例(简单模拟放大镜, 重点探讨挖空样式)来讲解剪切 ...
-
创建一个简单的故障艺术效果【ps教程】
小编:@4FIRE本教程对于Adobe Photoshop初学者,这个教程将向您展示如何使用Photoshop的图层样式,滤镜和图层蒙版创建一个快速简单的故障艺术文字效果.让我们开始吧! 使用PS制作 ...
-
ps如何将几张图片合为一张？
ps如何将几张图片合为一张？
