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

时间:2021-08-29
类别:AI教程
水平:普通
观众:12652
2021年最值得学的涨薪技能!突破设计瓶颈的优质小课,哪项薄弱学哪里 → 立即点击

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

教程作者:@HE毛蛋优设平面设计实战营讲师)

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

文章编辑:@雪寄草

关于教程

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

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

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

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

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

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

教程内容

一、风格特点

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

1、体积感、空间感

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

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

2、造型错觉

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

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

3、运动感

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

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

4、闪烁感

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

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

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

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

二、构成手法

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

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

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

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

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

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

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

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

1、放射+旋转

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

step 1

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

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

step 2

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

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

step 3

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

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

step 4

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

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

step 5

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

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

step 6

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

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

step 7

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

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

稍作调整,加上编排的最后效果:

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

2、面积变化

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

step 1

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

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

step 2

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

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

step 3

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

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

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

step 4

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

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

step 5

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

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

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

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

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

3、重复+扭曲

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

step 1

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

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

step 2

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

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

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

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

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

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

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

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

4、绕转+螺旋

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

step 1

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

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

step 2

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

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

step 3

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

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

step 4

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

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

step 5

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

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

step 6

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

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

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

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

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

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

5、局部反向

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

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

step 1

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

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

step 2

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

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

step 3

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

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

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

step 4

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

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

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

step 5

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

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

差集部分

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

交集部分

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

合并部分

step 6

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

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

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

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

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

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

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

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

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

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

想要来「新好娱乐自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「新好娱乐自学团」(无备注不通过哦)

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

43 收藏 148

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @新好娱乐教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接

发表评论 已发布 7

还可以输入 800 个字
 
 

新好娱乐教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 新好娱乐教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @新好娱乐教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片