视觉幻像海报教程!这也太“刺激”了吧!

Hello ~ 大家好!
我是平面设计实战营的讲师@HE毛蛋 

在今年的放视大赏中,有一段出众的动画表现,这些图形作品,没有添加多余的什么效果,仅是组合各种不同的黑白图形,便带来不同的视觉感受。
有的似乎看就了整个人都要被催眠了;有的明明没有光影的体现,但是立体结构的造型,却又如此醒目。
这些图形变形的风格,比起现在的各种视觉作品,颇有一股新锐的味道,但其实这种风格曾盛行于 20 世纪,它叫做 — 欧普艺术风格
接下来,我将讲解欧普艺术风格的特点, 教你制作 5 种不同的欧普风视觉效果。
欧普艺术风格源于 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
最后调整线条粗细,即可完成效果。

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

以上就是欧普艺术风格的常见构成方法。大家可以组合下这些的构成手法,玩出不同的视觉表现效果!

这个风格是一种抽象的视觉表现风格,比较注重视觉效果的呈现,并且欧普艺术风格为视网膜带来的幻觉效果, 其他艺术风格难以媲美。
用这个风格辅以一些新的技术或载体,也能够塑造出区别于其他作品的亮点。
欧普艺术风格是经典的设计风格,即便是放在当下,其光效应的特点,仍能够在现在的各种设计风格中,凸显独特的优势。
之后仍然分享更多的设计风格内容和教程,大家可以多多关注噢!
如果你想学多种设计风格,也欢迎来我正在授课的「优设平面设计实战营」。
字体发展史、版式编排、配色、网格系统、文案基础,核心的平面知识一网打尽!
「优设平面设计实战营」
9月 30 日发车
还有 3 天即将开课
👇👇👇
(0)

相关推荐