独家教程 | 平面设计-四方连续辅助图形的制作方法

逸艺国际艺术教育
2020-05-30

微信公众号新图-02.jpg


四方联续图案是我们在VI设计的辅助图形中最常用的形式之一,但是有不少同学还在用复制粘贴的方式来做四方联续图案呢……这样得出的图形一般来说都是只能观不可近瞧,细节是很难做到精准。试想如果图案被用来制作一面巨大的背景墙,那将是对设计师的大型公开处刑现场!


今天,逸艺君就来教大家如何用专业又简单的步骤生成精准的四方联续辅助图形。这种方法做出来的图形无论重复还是放大多少倍,都不会出现任何bug。而且一键生成大面积图形,比复制粘贴简单很多,电脑也不会卡。我们开始吧!


首先,我们用到如下的图形素材,Artis Art吃货主题


屏幕快照 2020-05-30 下午5.01.53.png




屏幕快照 2020-05-30 下午9.18.08.png

我们使用Adobe Illustrator来制作。首先在画板上画一个90✖️90mm的正方形。这个尺寸同学们可以根据自己的需求来定,不是一定的哟~这个正方形就是四方联续图案的一个基本单元!


屏幕快照 2020-05-30 下午5.04.09.png



屏幕快照 2020-05-30 下午9.19.12.png

我们把所有的素材以自己喜欢的方式摆放一下。注意,因为四方连续图案的图形是上下左右无限连续衔接的,所以有一部分图形是要压线摆放来确保连续性均匀的分部效果。注意我们在这一步时是在做一个草稿,所以压线图形的裁切衔接位置是不精准的,但是没有关系,我们只是暂时预览一下位置效果,大致位置正确就可以了。


屏幕快照 2020-05-30 下午5.11.39.png



屏幕快照 2020-05-30 下午9.20.23.png

接下来,我们需要把所有压线的图形删掉其中的一个,保留下对应的另一个,用来做精准的定位。


屏幕快照 2020-05-30 下午5.13.39.png


屏幕快照 2020-05-30 下午9.21.06.png

这一步很重要了,我们选中左侧的ARTIS ART,将它原地复制一个,然后将复制品精准的向右移动90mm,这个位置就是精准的切割位置。那么如何向右精确移动呢,我们可以在“变换”功能中查看到ARTIS ART现在的X轴位置,在这个数值基础上+90就是我们的目标位置,直接输入运算结果即可。


屏幕快照 2020-05-30 下午5.18.43.png

ARTIS ART现在的位置



屏幕快照 2020-05-30 下午5.19.53.png

ARTIS ART向右移动90mm后的位置



得到的结果如下图:


屏幕快照 2020-05-30 下午5.22.27.png

之后我们用同样的方式把其他的压线图形全部复制移动到精准的切割位置,得到下图:


屏幕快照 2020-05-30 下午5.26.16.png



屏幕快照 2020-05-30 下午9.23.07.png

这一步很简单,我们把基本单元方块之外的部分清理掉,如果有需要的话可以把配色调好,那么我们的四方联续图案的基本单元就做好了。


屏幕快照 2020-05-30 下午5.42.12.png



屏幕快照 2020-05-30 下午9.23.53.png

选中这个单元方块图案,把它拖动到色板中,可以看到它成为了一个填充图案


屏幕快照 2020-05-30 下午5.44.03.png



接下来我们可以实验一下,新建一个大面积的矩形,然后点击画板将刚才制作的图形填充入矩形,可以发现整块的四方联续辅助图形就一键生成了!开心!


屏幕快照 2020-05-30 下午5.48.30.png



640-5.jpeg





分享