优艾设计网

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

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:飞屋睿UIdesign
把一些漂亮的图形做成图案,使用时直接填充即可,但是前提是要把这些图案做成无缝图案,那么怎么制作成无缝的填充图案呢?今天就来教大家怎么做出无缝拼接的填充图案。

这时再增加外围的更大的圆圈,这个圆圈的描边为4px,由于这里我们不希望这个大圆遮挡四角的装饰圆,因此我们可以用蒙版,将与装饰重叠的部分抹去。这样有一个层次感,让画面更为丰满。

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

这里的几何图形的组合是非常随机的,只要定好了总的基调,就能非常自由地组合各种图案。让我们看看原大小的成品。

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

定义无缝纹理

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

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

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

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

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

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

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消