Affinity中文网站 > Affinity Designer > 无缝图案重复元素设计是啥,Affinity Designer无缝图案重复元素

无缝图案重复元素设计是啥,Affinity Designer无缝图案重复元素

发布时间:2024-07-17 09: 00: 00

品牌型号:联想GeekPro 2020

系统:Windows 10 64位专业版

软件版本:Affinity Designer V2.2

在矢量图形的设计上,我们可以有很多的技巧可以采用,比如通过色彩的变换打造丰富的配色、利用图形的变换构建独特的造型、通过重复图案的排列创作独特的美感等。本文会给大家介绍重复图案设计的相关内容,包括无缝图案重复元素设计是啥,Affinity Designer无缝图案重复元素怎么做。还没学会的小伙伴,赶紧看起来!

一、无缝图案重复元素设计是啥

无缝图案重复元素设计是重复构成的一种,是利用重复图案进行边缘无缝贴合排列,使整体设计显得紧密而有规则的设计类型。无缝图案重复元素设计相比于其他重复构成会更错落有致。

比如图1所示的礼品盒元素,利用底部的蓝色色块进行无缝拼合,使得背景如同一张巨大的蓝色画布,让里面的礼品盒显得整齐而有设计感。

无缝图案重复元素
图1:无缝图案重复元素

二、Affinity Designer无缝图案重复元素

在进行无缝图案重复元素设计时,我们可以利用Affinity Designer的符号功能,将图案创建为符号,并快速添加多个重复的图案。同时,通过精确的对象对齐和缩放,可制作完美的无缝贴合效果。下面以一个简单的例子具体演示操作。

1.创建画布

首先,如图2所示,创建一个A4或其他尺寸的画布,并使用像素作为文档单位,注意不要勾选“创建画板”。

创建画布
图2:创建画布

2.添加矩形符号

Affinity Designer的符号功能可以快速地创建大量的重复图案,让重复元素的设计更节省时间。在默认情况下,符号面板模式是隐藏,如图3所示,依次点击Affinity Designer的窗口菜单-符号选项,即可显示面板功能。

符号窗口
图3:符号窗口

显示符号面板后,如图4所示,可将其移动到图层相关面板上,Affinity Designer会自动将其嵌入面板组中,通过切换选项卡,即可使用符号面板功能。

嵌入右侧面板组
图4:嵌入右侧面板组

调出符号面板后,如图5所示,在Affinity Designer左侧工具栏切换“矩形工具”。

矩形工具
图5:矩形工具

然后,如图6所示,在Affinity Designer的工具快捷栏中将矩形的填充颜色设置为白色,笔画设置为黑色,同时展开边框样式,将边框样式设置为实线。

矩形属性
图6:矩形属性

完成以上设置后,如图7所示,在画布上绘制一个矩形图形,并将其尺寸设置到合适大小,以适合用于无缝图案的拼接背景。

绘制矩形
图7:绘制矩形

保持矩形对象的选中状态,然后,如图8所示,点击符号面板中的“创建”按钮,将矩形添加到符号样式中。

添加矩形符号
图8:添加矩形符号

将矩形添加为符号后,如图10所示,在符号面板中利用鼠标拖放的方法,创建多个重复的矩形图案,并将其边缘无缝拼接起来。在操作过程中,只需将矩形边缘互相靠近,就会有无缝吸附的效果,这是Affinity Designer的友好操作细节之一。

添加多个矩形符号
图9:添加多个矩形符号

3.添加图案符号

完成背景的重复图案无缝拼接后,在Affinity Designer插入一张太阳像素图片,并将移动到矩形的左上角。

如图10所示,Affinity Designer有着精确的对齐功能,并能显示辅助线条供进行对象的位置调整。将太阳图案移动到矩形的左上角,其中显示的红线为垂直均分线,绿线为水平均分线。

添加图案
图10:添加图案

同样地,将已经调整好大小与位置的太阳图片创建为符号,如图11所示,上述创建的两个符号都保存在符号面板中。

添加符号
图11:添加符号

接着,如图12所示,同样是通过鼠标拖放的操作,将太阳图案重复添加到每个矩形的左上角。在调整位置过程中,Affinity Designer也会显示辅助对齐的线条,同时也会显示对象之间的间距大小。

继续添加符号
图12:继续添加符号

按照同样的图案间距,以及同样的矩形位置,为所有矩形的左上角都添加太阳图案,如图13所示,以上就完成了无缝图案重复设计。如果不想呈现背景中的矩形,可将其边框样式取消,使其边框变成透明。

重复图案
图13:重复图案

三、小结

以上就是关于无缝图案重复元素设计是啥,Affinity Designer无缝图案重复元素的相关内容。通过利用Affinity Designer的符号功能,以及精确的对齐线条、间距计算等辅助功能,我们可以轻松地制作无缝图案重复元素设计。添加到符号面板中的图案也可以重复使用,这样我们就能制作很多专属图案的设计作品。

作者:泽洋

展开阅读全文

标签:Affinity Designer

读者也访问过这里:
Affinity套装
Adobe全家桶最佳代替品
优惠购买
交流群
Affinity官方粉丝群 立即加群
400-8765-888 kefu@makeding.com
热门文章
affinity和ps哪个好用 affinity photo和PS操作区别大吗
affinity photo的功能与ps很相似,同样拥有强大的修图、设计图片等能力,而且依托于设计师的操作思维,其界面也更加友好简洁。本文会给大家介绍一下affinity photo和ps哪个好用,affinity photo和PS操作区别大吗的相关内容。
2023-05-26
自己排版做书的软件有哪些?affinity publisher如何排版编书
当今数字化时代,越来越多的人希望能够实现自己的创作梦想,自己动手制作一本书籍。幸运的是,现在有许多强大的排版软件可以帮助我们实现这一目标。本文将介绍一些可以自己排版做书的常见软件,并重点探讨Affinity Publisher这款强大的排版工具如何排版编书。
2023-07-19
2023平板修图软件哪个好用?平板iPad修图软件推荐
随着平板设备在数字创作领域的不断发展,越来越多的用户选择使用平板进行图像处理和修图工作。2023年,有许多优秀的平板修图软件备受关注,它们提供了强大的功能和便捷的操作,满足了用户对高质量修图的需求。本文将介绍2023平板修图软件哪个好用,平板修图软件推荐。
2023-07-31
Affinity激活教程
如何快速激活Affinity软件,请查看已下内容。
2023-07-13
Affinity Publisher排版教程入门,Affinity Publisher设置中文语言
作为一款专业的页面布局软件,Affinity Publisher在书籍、平面材料、网页设计等页面排版上表现优秀,其友好而人性化的操作界面,也让其越来越受欢迎。本文会给大家介绍Affinity Publisher排版教程入门,Affinity Publisher设置中文语言的相关内容。想了解软件的小伙伴可不能错过!
2023-08-05
Affinityphoto和ps区别分别在哪几方面?Affinity和PS谁更好用?
Affinity Photo自推出以来就一直被视为ps的平替软件,不仅学习难度更低,而且价格也更亲民。因此受到了广大设计师、后期修图师的喜爱,并应用在越来越广泛的领域中。那么,Affinity Photo和PS区别分别在哪几方面,Affinity和PS谁更好用?接下来,让我们详细来对比一下两款软件。
2024-05-08
最新文章
Affinity Photo如何抠图 Affinity Photo如何去水印
不管是设计师,还是从事文案、新媒体运营工作,抠图和去水印都是常用技能。但若掌握不好技巧,会浪费大量的时间,从而影响工作效率,如果有一个趁手工具,能够让抠图和去水印变得简单就好了。下面介绍Affinity Photo如何抠图,Affinity Photo如何去水印。get这些技巧既能保证质量又能保证效率,堪称一箭双雕。
2025-10-27
Affinity Designer纹理工具如何添加噪点 Affinity Designer纹理工具颗粒密度控制方法
在Affinity Designer设计图形时,如果想加一些噪点纹理,用画笔工具就可以了。因为Affinity Designer可以将图片添加为笔刷,我们只要将噪点图片创建为笔刷,就可以用画笔直接画出噪点。接下来,本文将介绍Affinity Designer纹理工具如何添加噪点,以及Affinity Designer纹理工具颗粒密度控制方法的相关内容。
2025-10-27
Affinity Designer段落样式如何统一格式 Affinity Designer段落样式继承规则应用
在一些杂志内页设计中,可能会有好几段文字,如果逐一去调段落样式会比较麻烦。在这种情况下,段落的格式化功能就显得尤为重要。Affinity Designer可以通过窗口功能统一段落格式,比如缩进、段间距、项目编号等,也能创建一些应用规则,供批量操作使用。接下来,本文将介绍Affinity Designer段落样式如何统一格式,Affinity Designer段落样式继承规则应用的相关内容。
2025-10-27
Affinity如何新建图层 Affinity Photo如何修图
图层是Affinity的常用功能,很多P图操作比如画图、抠图、加滤镜、调色等都需要用到。除了常规的像素层外,Affinity还提供了调整、滤镜、蒙版、填充等类型的图层,灵活性很高,可以用来进行各种图像编辑操作。接下来,本文将介绍Affinity如何新建图层,Affinity Photo如何修图的相关内容,帮助大家更好地了解这方面的使用技巧。
2025-10-27
Affinity Designer如何实现阵列 Affinity Designer如何导出透明背景
阵列,其实就是多次重复放置对象,或者复制多个相同的图案,然后再将它们按照一定的规则排列。我们知道了原理之后,做起来就比较简单了。Affinity Designer可以很容易做阵列,用复制对象或创建符号的方式都可以实现。接下来,本文将介绍Affinity Designer如何实现阵列,以及Affinity Designer如何导出透明背景的相关内容。
2025-09-16
Affinity Designer颜色取样如何同步色板 Affinity Designer颜色取样全局替换方案
有些图片的配色很好看,我们怎样才能用上这些颜色?其实用Affinity Designer的拾色工具就很简单,软件可以自动识别颜色,并将它们添加到色板上。另外,Affinity Designer还可以创建全局色,这样我们就能批量修改图形的颜色。接下来,本文将会介绍Affinity Designer颜色取样如何同步色板,Affinity Designer颜色取样全局替换方案的相关内容。
2025-09-16

读者也喜欢这些内容: