AI教程！教你学会5种超流行的欧普艺术风格海报效果

教程作者：@HE毛蛋（优设平面设计实战营讲师）

交作业去这里→#优设每日作业#

文章编辑：@雪寄草

关于教程

平面设计实战营讲师@HE毛蛋 教你制作 5 种不同的欧普风视觉效果～

今年的放视大赏中，有着一段出众的动画表现，当中图形变形的风格，在现在的各种视觉作品中颇有一股新锐的味道。而其实这种风格，早有来头。

这些图形作品，没有添加多余的什么效果，仅是组合各种不同的黑白图形，便带来不同的视觉感受。有的似乎看就了整个人都要被催眠了；有的明明没有光影的体现，但是立体结构的造型却又如此醒目。

这类作品的风格就是 —— 欧普艺术风格。

接下来，由平面设计实战营讲师@HE毛蛋 为你讲解欧普艺术风格的特点与做法吧！

教程内容

一、风格特点

欧普艺术风格源于20世纪60年代的欧美，也称「视幻艺术」 「光效应艺术」。其最大的特点是通过图形的特定设计，产生视觉感知上的运动感与闪烁感。不过除了这两个特点以外，不同的手法塑造的欧普风格图形，带来的视觉效果也是各不相同的，接下来我们来了解一下欧普风格图形具备的各种特点吧！

1、体积感、空间感

通过控制块面的大小，线条的粗细按照一定的规律进行变形变化，可以对人眼造成一定的视觉误导，在一个平面中塑造出一定的体积感、空间感。

2、造型错觉

通过控制图形的负空间造型、面积大小，从而让画面本不存在的对象造型，若隐若现的出现在我们的眼中。

3、运动感

欧普风图形产生的运动感多是以图形的一种变化趋势而形成的，会不断的引导我们的视线聚焦在某一处。而在视线移动的过程中，周围强烈对比的色彩与变化趋势的共同影响下，我们会觉得图形隐隐约约存在一个微弱的动态的错觉。

4、闪烁感

强烈对比的色块拼接线，进行高频变更，让不断衔接的分割线在我们的大脑处理中，难以适应如此不稳定的剧烈对比，继而产生出边缘发着闪烁光线的错觉。

看完上述的常见特点，是不是觉得，高端的图形操作往往只需要最简单的元素来烹饪构成？

那接下来我们来了解些「构成手法」，教你把这些简单的图形，玩出新花样，构成一些奇特的画面！

二、构成手法

在讲构成的手法之前，我们提炼出画面中的基础元素：

如图所见，欧普风格使用的基础元素是相当简单的，因为在实际使用中，要制作出我们所说的视觉错觉，除了颜色的强烈对比外，元素的有规律组合也是很重要的一环。如果基础元素是过于复杂的图形，比较容易影响秩序、规律的表现。

欧普艺术风格的表现基本是要通过不断的重复，或者以某种规律去迭代图形，而那些效果种类繁多的重点就在于使用不同的构成手法。

以下是一些常见的构成手法：

常见的构成手法其实并不难，我们主要要学会如何将这些手法灵活组合运用，塑造出各种不同视觉表现的画面。

接下来我会以 5 种常见的欧普风格视觉效果作为案例，为大家详细解答构成的操作过程。

1、放射+旋转

step 1

在 Ai 中创建画板，绘制上下对称的三角形。

step 2

以360可以整除的角度值（这里我用12度），作为其旋转的角度周期，以确保首尾旋转的边界都是统一角度的。大量的旋转可以通过「效果」→「变换」→「变换效果」中，进行快速制作。

step 3

放射效果制作后，对放射形状进行扩展并编组。然后在放射中心处，创建几个同心圆。同心圆最好是与放射形状不同颜色，方便后续处理。

step 4

选中所有形状后，在路径查找器处，进行修边。之后选中红色的同心圆任意部分，在选项卡处，找到「选择」→「相同」→「填充颜色」，之后删除即可得到切割好的放射形状。

step 5

将切割好后的放射形状按圆的区域分组。（此处分颜色只是为了方便大家区分）

step 6

使用直接选择工具，一次只选取两个圆区域相接的锚点（黑色虚线处）。使用旋转工具进行旋转。

step 7

外圈的旋转同样方式炮制，即可绘制该种旋转放射造型的图形。

稍作调整，加上编排的最后效果：

2、面积变化

step 1

在 Ai 中，做出矢量的等距线条并编组。

step 2

再另外绘制比整体线条宽高都要小一些的任意图形。

step 3

将原有的线条编组，之后拷贝新的一组并加粗，随后进行扩展。需要留意的是：加粗的线条粗细一定要小于原来的线条之间的间距。

图中的红色线条即为加粗后的线条

step 4

将图形与细线条对齐重叠放置，将加粗后的线条的边缘与细线条贴合。

step 5

保持红色粗线条在图形之后，选中图形的一部分，同时选红色线条（记得将红色线条提前复

制多一次），之后进行一次【减去后方对象】。这样我们就能获得这种若有若无的图形效果了。

最后加上编排后得到的效果：

3、重复+扭曲

step 1

在 Ai 中绘制一个长条矩形，然后通过「效果」→「扭曲和变换」→「变换」，进行参数设置快速制作出重复的矩形条。

step 2

将该图形扩展后，使用【变形工具】进行变形。适当处理后即可完成效果。

使用变形工具时可以双击变形工具图标，进行参数设置

使用变形工具进行涂抹拖动

最后加上编排后得到的效果：

4、绕转+螺旋

step 1

如同上一个案例中的一致，绘制出大量的长条矩形（此时矩形高度最好是整数值）。变换时【移动-垂直】的距离也应当是矩形高度的整数倍。这样是为了方便在制作螺旋的时候，能够形成首尾相接的条纹。

step 2

将矩形组扩展后，使用直接选择工具，选中其中一侧的锚点，进行上/下移。移动距离应当是上一步中【移动-垂直】的整数倍。

step 3

此时将调整好的矩形组，拖入符号面板，命名为「螺旋间隔条纹」。同样的制作过程，制作一个纯白矩形然后也拖入符号面板，命名为「纯白」。

step 4

在 Ai 中绘制一条弧线。然后打开「效果」→「3D」→「绕转」。在绕转界面中，选择贴图。然后将「三维模型不可见」选项勾选。

step 5

此时在表面1 - 符号处，选择「螺旋间隔条纹」，在表面2-符号处选择「白底」。并且两个符号都需要点击「缩放以合适」。

step 6

最后在3D绕转界面中调整合适的角度即可获得螺旋条纹。

AI的3D功能偶尔显示会不太正常，这一步可以多尝试几次

最后加上编排后得到的效果：

5、局部反向

该效果主要是通过制作局部与条纹方向相反的形式，对视觉产生隐约的造型表现。所有线条的粗细都是一致的。不过需要留意的是，制作的对象需要是由矩形构成的图形。

step 1

先绘制出倾斜角度为45°的斜线，然后通过「效果」→「扭曲和变换」→「变换」，进行批量制作。

step 2

对斜线组进行扩展，然后拷贝一层，右键选择「变换」→「镜像」。

step 3

之后在交叉的区域绘制由矩形组成的图形，例如我们这里绘制一个「M」，我们需要提前想好造型。这里一定要注意！矩形的锚点必须要在线的交叉点上。

矩形的锚点必须在线的交叉点上

step 4

将做好的形状复制一份，其中一份，单独与斜线做差集的部分，另一部分与镜像的斜线做交集的部分。

拆分是方便大家理解，实际上可以重叠着进行操作

step 5

选中各自部分，用形状生成器进行操作。选中多个形状后，使用形状生成器并按住ALT键，即可清除滑动区域，详情看动图：

差集部分

交集部分

合并部分

step 6

最后调整线条粗细，即可完成效果。

最后加上编排后得到的效果：

以上就是欧普艺术风格的常见构成的制作方法了。大家可以把组合下这些的构成手法，玩出不同的视觉表现效果。这个风格是一种抽象的视觉表现风格，比较注重视觉效果的呈现，并且欧普艺术风格为视网膜带来的幻觉效果， 其他艺术风格难以媲美。用这个风格辅以一些新的技术或载体，也能够塑造出区别于其他作品的亮点。

欧普艺术风格是经典的设计风格，即便是放在当下，其光效应的特点，仍能够在现在的各种设计风格中，凸显独特的优势。后续我们仍然会给大家分享更多的设计风格内容以及相应的教程，大家可以多多关注噢。如果你想学多种设计风格，也欢迎来「优设平面设计实战营」。

由优设标题黑设计师杨洋、安全蛋、毛蛋，3 位讲师授课，字体发展史、版式编排、配色、网格系统、文案基础，核心的平面知识一网打尽！

你也可以直接微信添加课程咨询师【大胖老师：uisdc2 】【国庆老师：uisdc3 】​​​​​​​​咨询更多课程相关的问题。

想要来「优优自学团」和500位小伙伴一起交流学习进步吗？
添加管理员微信：uisdc2 备注「优优自学团」（无备注不通过哦）

学完这篇教程的人还在学…