专栏名称: IXDC
IxDC由广州美术学院设计学院、香港理工大学设计学院、网易、腾讯、华为、中国电信、中国移动、金山等单位联合发起。是全国第一个受政府认可和领导的交互设计专业委员会,致力于引领中国交互设计行业发展。
目录
相关文章推荐
商务河北  ·  经开区“美•强•优”三重奏 ·  11 小时前  
奇舞精选  ·  从 DeepSeek 看25年前端的一个小趋势 ·  昨天  
奇舞精选  ·  从 DeepSeek 看25年前端的一个小趋势 ·  昨天  
前端早读课  ·  【第3451期】前端 TypeError ... ·  2 天前  
51好读  ›  专栏  ›  IXDC

几何形状排列组合的元素海报技巧,闭眼抄!

IXDC  · 公众号  ·  · 2024-07-07 08:30

正文

本文授权转自:版式设计很简单 (ID:format_design)


这几天在整理素材时,我发现许多设计都使用几何形状排列组合的元素作为画面的图形。



这种视觉元素实际上起源于欧普艺术。欧普艺术兴起于20世纪60年代的欧美地区,是利用人类视觉上的错视所绘制而成的绘画艺术,又被称为视幻艺术或光效应艺术。欧普艺术的核心在于创造视觉错觉,给人一种动感或三维效果。


▲ 维克托·瓦萨雷里(Victor Vasarely)| 代表作《斑马》


所以我们看到欧普艺术的作品通常使用黑白或者彩色几何形体,按一定的规律排列、交错、并置和重叠等手法,使静止的图案看起来像是在移动或变形,形成有节奏或变化不定的视觉画面,给人产生一种“动”与“静”的错觉变化。


▲ 布里奇特·路易斯·莱利(Bridget Louise Riley)作品


欧普艺术的作品大多由直线、曲线、圆形和矩形等几何形状组合而成。在二维平面上,它们能够创造出三维动态的画面,或许这正是欧普艺术的魅力所在。

那么这种欧普元素怎样绘制?又如何运用到设计中。 所以接下来给大家分享“欧普元素”的绘制方法。


\ 快速完成“欧普元素”的绘制方法/
▲视频操作


以下操作均使用Adobe Illustrator 2021版本,主要执行【效果】中的【路径查找器】-【差集】命令来完成,步骤如下:



1)使用“距形工具(M)”分别绘制2个尺寸为120px*120px和55px*55px的正方形,再将它们居中对齐,如图所示。



2)全选对象,执行【对象】→【混合】→【建立】命令。如图所示。



3)双击“混合工具(W)”,打开“混合选项”对话框,设置间距为指定的步数,数值为26。



4)完成混合后,再将其执行【效果】→【路径查找器】→【差集】命令,这一步已经完成了“欧普艺术”的元素。为了让元素更多变,继续完成接下来的操作。



5)选中中间的正方形,再执行【效果】→【扭曲和变换】→【收缩和膨胀】命令,打开对话框,设置数值为115%。所以只要将中间的正方形执行其他效果,即可完成不同视觉效果的欧普图形。



6)同理,只将中间的正方形执行【效果】→【转换为形状】→【椭圆】命令,设置数值为-20px和-60px。



7)同理,只将中间的正方形执行【效果】→【扭曲和变换】→【波纹效果】命令,设置数值为27px和0。



8)同理,只将中间的正方形执行【效果】→【扭曲和变换】→【变换】命令,设置角度为50度,其他数值不变。



所以通过【差集】这个功能,即可快速完成不同造型的欧普艺术的图形,再将元素运用于画面中。下面的两张海报就是通过此方法来完成。



▲视频操作


如果想创造出更有丰富性的欧普元素,需要不断的实验和尝试,寻找新的设计方向和制作方法。好了,今天的分享到这里,如果喜欢的话给我点个赞哦。







请到「今天看啥」查看全文