近期热门
粉丝11
关注 6
获赞 1
平面设计-四方连续辅助图形的制作方法

[教程] 平面设计-四方连续辅助图形的制作方法

[复制链接]
1506 5 1 8 4年前 举报
四方联续图案是我们在VI设计的辅助图形中最常用的形式之一,但是有不少同学还在用复制粘贴的方式来做四方联续图案呢……这样得出的图形一般来说都是只能远观不可近瞧,细节是很难做到精准。试想如果图案被用来制作一面巨大的背景墙,那将是对设计师的大型公开处刑现场!
今天,逸艺君就来教大家如何用专业又简单的步骤生成精准的四方联续辅助图形。这种方法做出来的图形无论重复还是放大多少倍,都不会出现任何bug。而且一键生成大面积图形,比复制粘贴简单很多,电脑也不会卡。我们开始吧!

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

2.jpg

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

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

接下来,我们需要把所有压线的图形删掉其中的一个,保留下对应的另一个,用来做精准的定位。
7.jpg
8.jpg
这一步很重要了,我们选中左侧的ARTIS ART,将它原地复制一个,然后将复制品精准的向右移动90mm,这个位置就是精准的切割位置。那么如何向右精确移动呢,我们可以在“变换”功能中查看到ARTIS ART现在的X轴位置,在这个数值基础上+90就是我们的目标位置,直接输入运算结果即可。
9.jpg
ARTIS ART现在的位置
10.jpg
ARTIS ART向右移动90mm后的位置

得到的结果如下图:
11.jpg

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

13.jpg

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

15.jpg

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

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


1
点赞
0
打赏
8
添加到收藏夹

0

点击复制链接

使用微信扫码分享
一次扣10个券
全部评论5
您需要登录后才可以回帖 登录


终于等到你发帖   大佬牛逼!!!!
4年前
回复

使用道具 举报

终于等到你发帖   大佬牛逼!!!!
4年前
回复

使用道具 举报

Noahsyt 发表于 2020-6-30 17:03
部分图片的外链失效了,最好能保存上传到论坛本地,也可以把链接发我下我帮你处理。

https://zhuanlan.zhihu.com/p/144772022
4年前
回复

使用道具 举报

入学新生 发表于 2020-6-30 16:54
知乎转载,老牛皮了

部分图片的外链失效了,最好能保存上传到论坛本地,也可以把链接发我下我帮你处理。
4年前
回复

使用道具 举报

知乎转载,老牛皮了
4年前
回复

使用道具 举报

您当前使用的浏览器IE内核版本过低会导致网站显示错误

请使用高速内核浏览器或其他浏览器