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拥有智能的抠图技术,简简单单就能把图抠好。抠好图后再搭配蒙版图层,就能轻松实现图像的合成。如果您还是觉得无从下手,接下来,就让我们一起来学习下Affinity Photo蒙版功能实现精细图像合成,Affinity Photo矢量图形如何绘制的相关内容。
2025-05-30
Affinity Designer节点工具进阶 Affinity Designer矢量笔刷压力响应
矢量图形是由点、线条组成的,所以相比于像素图像,矢量图形的可编辑性更强。在Affinity Designer的操作中,若想要编辑矢量图形,可以用节点工具编辑节点或线条。若用户对节点工具较为陌生,本文会教大家Affinity Designer节点工具进阶的相关内容,同时也会介绍Affinity Designer矢量笔刷压力响应的内容。
2025-05-30
Affinity Designer布尔运算秘籍 Affinity Designer lowpoly风格实战
我们在设计图形时,如果想要创作一些特别的图形,不妨尝试一下Affinity Designer的布尔运算功能。这个功能可以对重叠的图形进行运算,以加、减等方式组合图形,让我们的创作方式更加自由。接下来,本文会介绍Affinity Designer布尔运算秘籍,以及Affinity Designer lowpoly风格实战的相关内容,大家可以关注一波。
2025-05-30
Affinity Designer伪立体文字怎么做 Affinity Designer如何文字转曲
在Affinity Designer做立体文字大家可能做得比较多,比较常用的方法是用图层特效来制作浮雕、3D的效果。如果要做伪立体文字呢?这是一种利用平面视觉效果来制作的文字类型,在Affinity Designer可以通过等轴测工具来做,接下来,一起来学习下Affinity Designer伪立体文字怎么做,以及Affinity Designer如何文字转曲的相关内容。
2025-05-21
Affinity CMYK与LAB模式实战解析 Affinity Photo电影色调调色指南
我们在使用Affinity Photo的曲线调整功能时,一般都会用默认的RGB颜色模式,但其实除了RGB模式外,Affinity Photo还提供CMYK、LAB等模式的曲线调整功能。那么,不同颜色模式的调整效果会有什么不同?本文会给大家进行Affinity CMYK与LAB模式实战解析,同时也会介绍Affinity Photo电影色调调色指南。
2025-05-21
Affinity三件套能否平替Adobe Affinity三件套的区别
如果您还在苦恼该怎么学习PS、Ai等设计软件,不如尝试一下现在很流行的Affinity三件套。Affinity系列软件是专门给设计师研发的,因此它的操作、功能都很贴近设计师的需求,也很容易上手。那么,Affinity三件套能否平替Adobe?另外,Affinity三件套的区别有哪些?接下来,就让我们来详细分析一下。
2025-04-24

读者也喜欢这些内容: