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三件套能否平替Adobe Affinity三件套的区别
如果您还在苦恼该怎么学习PS、Ai等设计软件,不如尝试一下现在很流行的Affinity三件套。Affinity系列软件是专门给设计师研发的,因此它的操作、功能都很贴近设计师的需求,也很容易上手。那么,Affinity三件套能否平替Adobe?另外,Affinity三件套的区别有哪些?接下来,就让我们来详细分析一下。
2025-04-24
Affinity Photo怎么复制图层 Affinity Photo快速制作高转化商品海报
新手在刚入门修图的时候,一定被PS复杂的参数设置劝退过,各种选框工具、画笔工具,每种工具又要有对应的参数设置。如果觉得PS难学的话,不妨可以尝试用Affinity Photo替代PS。Affinity Photo作为一款专业的图像处理软件,它的功能、操作都非常适合设计师使用,相较于PS更容易上手。接下来,让我们一起来学习下Affinity Photo怎么复制图层,以及Affinity Photo快速制作高转化商品海报。
2025-04-24
Affinity Photo快速抠图技巧 Affinity Photo黑白转换教程
无论是设计师还是新媒体从业人员,快速抠图几乎是必会技巧。 Affinity photo具备快速抠图技能,很多新手想学会Affinity Photo快速抠图技巧,Affinity Photo黑白转换教程。下面介绍相关方法,整个过程非常简单,掌握这些提升工作效率与出图质感。
2025-04-24
Affinity Designer中的自定义画笔创建 如何在Affinity Designer中进行曲线编辑
作为一名设计师,如果想设计出让人眼前一亮的作品,不仅要学会排列组合,还需要用到自定义画笔,这样会更加美观,也更能凸显个人巧思和原创性。很多使用设计软件的设计师还不了解Affinity Designer中的自定义画笔创建,如何在Affinity Designer中进行曲线编辑。下文介绍Affinity Designer的使用操作技巧,掌握这些操作技巧,能让自己的设计作品更上一层楼。
2025-04-24
Affinity Photo文字工具 Affinity Photo文字修改
文字设计是图像设计中的难点,如何让文字更突出、更美观?这让很多设计师感到烦恼。Affinity Photo提供的文字工具有两种,分别是艺术字工具与边框文字工具,通过将两者搭配使用,可以制作不同类型的文字效果。接下来,让我们一起来学习下Affinity Photo文字工具,以及Affinity Photo文字修改的相关内容。
2025-04-24
Affinity怎么抠图 Affinity抠图步骤
我们如果要进行图像的合成、背景替换等处理,往往要先进行抠图的操作,以获取图像的主体部分。对于初学者来说,抠图是图像处理的难点。如果要手动 抠图的话,操作起来会更难。Affinity拥有智能的抠图工具,可帮助大家轻松抠图。接下来,一起来看看Affinity怎么抠图,以及Affinity抠图步骤的相关内容。
2025-04-24

读者也喜欢这些内容: