您当前的位置:首页 > 计算机 > 软件应用 > 图形编设

背景教程|ps制作无缝的背景填充图案

时间:01-15来源:作者:点击数:

打开PS,新建一个250*250px的文档。打开文档的标尺,并运用辅助线,将其定位到中心的位置。然后将前景色设置为紫色,填充紫色背景。

背景教程,教你制作无缝的背景填充图案

以中心点的位置为圆心,用椭圆工具画一个圆。这个圆保持填充为无,线条为1px,线条颜色为白色。

背景教程,教你制作无缝的背景填充图案(1)

在这个圆的中心画上许多小圆,这些小圆由一个作为花心,四周包围,组合成一个简单的花型。

背景教程,教你制作无缝的背景填充图案(2)

再画上两个长形的椭圆,让它们摆成十字。放在刚刚的图形上方,使之有交叠,这样让图案更丰满。

背景教程,教你制作无缝的背景填充图案(3)

运用多边形工具,设置边数为3,放在正上方,然后复制这个三角形,垂直对称放置于正下方。将这两个三角形复制后,再旋转30度,根据这样复制旋转的过程操作几次就能得到一个由三角形围绕而成的图案了。

背景教程,教你制作无缝的背景填充图案(4)

这时运用直接选择工具,选择其中一个三角形的锚点,将每个锚点对齐像素网格。在【视图>显示>像素网格】中勾选打开。将所有的三角形的锚点都与像素网格对齐。

背景教程,教你制作无缝的背景填充图案(5)
背景教程,教你制作无缝的背景填充图案(6)

小图案绘制完成后可以将上面的图层编为一组,将其隐藏。用了PS自带的一个矢量图形作为中心。图形依然是保持空白填充,白色描边1px。

背景教程,教你制作无缝的背景填充图案(7)

仍然是从自带的矢量图形中找到心形,然后将心形摆放在四角。同时用两个矩形加以重叠,其中一个矩形旋转45度。矩形为空心填充,描边是白色描边2px。

背景教程,教你制作无缝的背景填充图案(8)

添加上一圈椭圆,模拟花朵的形状。然后再添加两个重叠的小圆圈在每个矩形直角的顶部作为装饰。外面的小圆圈的描边线条为2px,内部的为1px。

背景教程,教你制作无缝的背景填充图案(9)

检查矩形的锚点是否和像素网格对齐。还是缩放到正常大小,将中型的图案编为一组,将其隐藏。

背景教程,教你制作无缝的背景填充图案(10)

绘制中心。这个中心的位置采用两个圆组成,再在圆心中用椭圆组合一朵花型,先画好长条的椭圆,然后利用转换点工具点击两端对齐的锚点,这时椭圆就变为了梭型。

背景教程,教你制作无缝的背景填充图案(11)

在圆的外部再用小圆组合围绕,先画一个圆,再对称放一个圆,然后把这个两个圆旋转30度,这样重复这一步骤就能形成围绕的图形。然后用同样的方式画三角形。三角形的锚点对齐像素网格。

背景教程,教你制作无缝的背景填充图案(12)

再画上两个大圆,描边为2px,这时大圆外再在四角位置放置小圆,小圆内用上自带的矢量图形,放置其中。

背景教程,教你制作无缝的背景填充图案(13)

这时再增加外围的更大的圆圈,这个圆圈的描边为4px,用蒙版,将与装饰重叠的部分抹去。这样有一个层次感,让画面更为丰满。

背景教程,教你制作无缝的背景填充图案(14)
背景教程,教你制作无缝的背景填充图案(15)

把小型的图案打开,放置于四边中点的位置。它的中心要刚好在画布四边的中点上。

背景教程,教你制作无缝的背景填充图案(16)

中型图案放置于画布的四角,它的中心刚好和四角顶点对齐。

背景教程,教你制作无缝的背景填充图案(17)

大型图案放置于画布中央。这时这个无缝图案就组合好了。

背景教程,教你制作无缝的背景填充图案(18)

关掉背景图层,然后来到【编辑>定义图案】,保存为“复古纹理”。

背景教程,教你制作无缝的背景填充图案(19)
背景教程,教你制作无缝的背景填充图案(20)
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门