当前位置:首页 >教程首页 > illustrator >手把手教你设计多变的四方连续图案

手把手教你设计多变的四方连续图案

发布时间:2019-04-09 10:52:38

你们有没有想过要把自己的作品制作成包装纸,让大家看到你礼物之前就先看到了你的作品;有没有想过要把自己满意的作品都印到衣服上,让大家看到你的同时,也看到了你的作品;有没有想过要出一本书,翻开书的第一页,展示自己的“成果”,宣传作品的同时宣传自己。很多朋友都会问:“这有什么好难的,我摆上去就可以了!”我想说:效率!如果是32开,16开OK 你可以摆放,如果更大,更更大,更更更大呢……你还会那样做吗?今天小编就手把手教你设计多变的四方连续图案!

将自己的画好画,摆放好并拖进色板中,定义图案。

手把手教你设计多变的四方连续图案1.png

制矩形,将图案应用在图形中,观察效果,图案会以整齐规范的形式进行填充。

手把手教你设计多变的四方连续图案2.png

如果想打破整齐的排列,只需要双击【色板】中的“图案”,在弹出的对话框中设计即可!

手把手教你设计多变的四方连续图案3.png

Well,你会得到下面的几种状态。

手把手教你设计多变的四方连续图案4.png

砖形(按行)

手把手教你设计多变的四方连续图案5.png

砖形(按列)

手把手教你设计多变的四方连续图案6.png

16进制(按行)

手把手教你设计多变的四方连续图案7.png

16进制(按列)

不管怎么说,还是以有规律的形式展示给大家,这样的排列形式或者能满足大部分的受众,因为它没毛病,在使用起来中规中矩。

But,或许你是一个喜欢变化更多的小朋友,不喜欢一成不变的设计,那接下来就要仔细听我来讲啦,让我们选择我们的所爱,燥起来!

首先,绘制矩形(建议使用正方形,尺寸方便记忆)白色填充黑色描边。请清晰的记住它的尺寸。

手把手教你设计多变的四方连续图案8.png

将图形放置矩形中,当然可以不知一个图形,可以把你喜欢的都放进来。【特别注意】上下或者左右边线只许压住一边。

手把手教你设计多变的四方连续图案9.png

选择矩形和放置好的图形,根据矩形的宽高,复制并检查是否有重叠状况,如果有需要再次调整。

手把手教你设计多变的四方连续图案10.png

选择矩形和放置好的图形,根据矩形的宽高,对图形进行复制,达到九宫格状态。

手把手教你设计多变的四方连续图案11.png

使用【选择工具】将图形组中的矩形全部选中并删除,将剩下的图案选中并编组。

手把手教你设计多变的四方连续图案12.png

选择【矩形工具】,在画板空白地方单击鼠标左键,创建新的矩形,长、宽是之前矩形2倍

手把手教你设计多变的四方连续图案13.png

选择创建好的矩形和图形组,将其与图形组水平居中对齐

手把手教你设计多变的四方连续图案14.png

将矩形选择调整位置至图形下方,并将其填充颜色和描边颜色设置为无。

手把手教你设计多变的四方连续图案15.png

同时选择图形组和矩形(没有填充颜色和描边颜色),将其拖至色板中即可。

OK,让我们来试试吧!

手把手教你设计多变的四方连续图案16.png手把手教你设计多变的四方连续图案17.png

特别鸣谢封面图提供方:火星时代UI/UE高级设计师精修班—A+战队

本文来源:UI设计师之家,原创作者:苏煜

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答

微信扫码在线答疑

扫码领福利1V1在线答疑

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

×

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定