之前偶我们分享过一组很火的顶级纹理,都是顶尖设计师经常在界面设计中用到的。很多同学怒赞的同时纷纷表示臣妾做不到。考虑到授人以鱼不如授人以渔,今天直接上教程,教你用Illustrator创建大气典雅的无缝拼贴图案。
![Illustrator创建大气典雅的无缝拼贴图案,PS教程,](https://www.zhengjifuwu.com/d/file/p/2023/12-15/6608f243798005ed388d21c737d0db62.jpg)
来让我们开始教程吧!无缝拼贴图案样式一直都是设计师的宠儿,现在也十分受欢迎,在很多领域都有应用,我相信在很久很久的以后,无缝拼贴图案还是会继续流行下去。
我这里有几个小窍门,可以让创建无缝拼贴图案的过程变得更加容易。像素图案不同于其他图案,图案中的每个边缘都十分锐利,没有模糊的边缘,这就要求图案中的像素数是整数。在AI中,额可以打开像素预览模式(预览 > 像素预览)。在这个模式下,我们可以清楚地看到工作区里的像素格子。在这个模式下,我们也可以创建整数的像素图案。我们用矩形工具(M)创建一个方形吧!具体大小如下图所示。
![Illustrator创建大气典雅的无缝拼贴图案,PS教程,](https://www.zhengjifuwu.com/d/file/p/2023/12-15/e9c724654c921f2270b7e6069a9e08af.jpg)
在对角线上,新建更多的像素。
![Illustrator创建大气典雅的无缝拼贴图案,PS教程,](https://www.zhengjifuwu.com/d/file/p/2023/12-15/a0f6c67c8d0ce9695811f82b9f62b830.jpg)
无缝拼接图案的颜色变化十分微妙,我们可以使用不同灰度的颜色,将刚刚创建的图案拖进色板。
![Illustrator创建大气典雅的无缝拼贴图案,PS教程,](https://www.zhengjifuwu.com/d/file/p/2023/12-15/3b912715c7c3ece031591473f2f70004.jpg)
现在,你可以将图案填充到任一你想应用的地方,比如网站的背景。
![Illustrator创建大气典雅的无缝拼贴图案,PS教程,](https://www.zhengjifuwu.com/d/file/p/2023/12-15/184ce6ef85e598187c9cbdad9c44ce72.jpg)
我们看过了无缝拼贴图案中最简单的一个案例,我们可以发挥自己的想象力,创建出更有趣的图案。
![Illustrator创建大气典雅的无缝拼贴图案,PS教程,](https://www.zhengjifuwu.com/d/file/p/2023/12-15/890664242b4a0bddcf2c143c73afd4aa.jpg)
![Illustrator创建大气典雅的无缝拼贴图案,PS教程,](https://www.zhengjifuwu.com/d/file/p/2023/12-15/b3f4dc46703dfb50ec41099eb4b57789.jpg)
但是并不是所有的图案都是看起来那么简单的!让我们来考虑更多的案例吧!使用矩形工具(M)创建一个像下图一样的图案。
![Illustrator创建大气典雅的无缝拼贴图案,PS教程,](https://www.zhengjifuwu.com/d/file/p/2023/12-15/3b28f8195798dd79728c3e1515ce0e5d.jpg)
现在将它拖进色板,然后应用到任何你想应用的地方。
![Illustrator创建大气典雅的无缝拼贴图案,PS教程,](https://www.zhengjifuwu.com/d/file/p/2023/12-15/f88a92f3ef56a784f3fafd5e08d7c897.jpg)
放大上面的图案,如你所见的,在图案与图案相接的地方,我们得到了二倍的宽度。