Illustrator创建无缝拼贴图案样式制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下创建无缝拼贴图案样式的制作教程。

技巧分享:

 


优设分享过一组很火的顶级纹理,都是顶尖设计师经常在界面设计中用到的。很多同学怒赞的同时纷纷表示臣妾做不到。考虑到授人以鱼不如授人以渔,今天直接上教程,教你用Illustrator创建大气典雅的无缝拼贴图案。

 


来让我们开始教程吧!无缝拼贴图案样式一直都是设计师的宠儿,现在也十分受欢迎,在很多领域都有应用,我相信在很久很久的以后,无缝拼贴图案还是会继续流行下去。

我这里有几个小窍门,可以让创建无缝拼贴图案的过程变得更加容易。像素图案不同于其他图案,图案中的每个边缘都十分锐利,没有模糊的边缘,这就要求图案中的像素数是整数。在AI中,额可以打开像素预览模式(预览 > 像素预览)。在这个模式下,我们可以清楚地看到工作区里的像素格子。在这个模式下,我们也可以创建整数的像素图案。我们用矩形工具(M)创建一个方形吧!具体大小如下图所示。

 


在对角线上,新建更多的像素。

 


无缝拼接图案的颜色变化十分微妙,我们可以使用不同灰度的颜色,将刚刚创建的图案拖进色板。

 


现在,你可以将图案填充到任一你想应用的地方,比如网站的背景。

 


我们看过了无缝拼贴图案中最简单的一个案例,我们可以发挥自己的想象力,创建出更有趣的图案。

 


 


但是并不是所有的图案都是看起来那么简单的!让我们来考虑更多的案例吧!使用矩形工具(M)创建一个像下图一样的图案。

 


现在将它拖进色板,然后应用到任何你想应用的地方。

 


放大上面的图案,如你所见的,在图案与图案相接的地方,我们得到了二倍的宽度。

 


这不是我想要的,所以我们要根据自己的需要重新编辑图案。

创建一个矩形,不需要填充也不用描边,并且将它放在所有图案的下面。如图:

 


这个矩形将我们之前做出的图形进行了裁剪,去掉了一些我们不需要的像素。将色板中的图案转换成裁剪后的图案,然后再应用到对象中,就变成了如下图所示的,我们想要的效果。

 


很多时候当我们围绕像素进行工作,很难想象出这些像素无缝拼贴制后的样子。现在我将告诉你一个可以提前知道这些图案拼贴到一起后是什么样的方法。我们先创建一个如下图所示的图案,图案中都是1 x 1的像素块儿。

 


将所有的像素打组(Cmd/ctrl+G),现在,这组像素的尺寸为16 x 16 px,你可以在控制面板或转换面板看到这组数据。

 


选中组,然后找到特效 > 扭曲和变形,然后设置垂直和水平的数值,转换的大小要小于组的大小,副本的数量为0

 


再来一次扭曲和变形,但是参数设置和原来不同,具体如下:

 


将变形特效再应用到新的图案上。

 


现在,我们可以同时看到九组我们做出的图案了!

 


我们给这个图案添加一些其他的元素,再创建一组新的图案。

 


将新建的一组图案拖动到应用了转换特效的图层中,这一步操作要在图层面板中进行。

 


如你所见,新建的图案也跟之前的图案一起变形、复制了九组。

 


新建元素,然后拖回瓷砖纹理中。

 


现在,我们已经做好了图案,找到对象 > 扩展外观。

 


我们需要的图案必须得是一个矩形,而且还得是最初那个16 * 16 px的矩形,我们选择图案中如下图所示的部分。

 


其他多余的部分我们删掉不要。

 


照旧将图案拖进色板,然后应用到你想要应用的地方,效果如下图所示。

 


除了上述的纹理,还可以应用光栅模式的像素图案,我们做一个简单的纹理,选中元素,然后找到对象 > 模糊 > 高斯模糊,然后在弹出的对话框中设置相关参数。

 


具体参数如下图所示:

 


然后是对象 > 模糊 > 放射模糊,然后设置相关参数。

 


如果想要一个光栅效果的纹理,需要创建一个没有填充和描边的矩形,然后把它放在所有元素的下面。

 


否则,将会在最终的拼贴中出现空隙,影响视觉效果。在色板中保存图案并应用到任意对象上测试一下。

 


给自己鼓鼓掌吧,看起来还不错!

在AI cs6以后的版本中,创建无缝拼贴图案变得更容易了!这个版本中很多步骤可以交给软件,让软件自动完成。现在我们来创建一个填充了深灰色的矩形。

 


在外观面板(窗口 > 外观)中添加新的填充。

 


选中这个填充效果,然后找到特效 > 纹理 > 胶片,具体参数设置如下图所示:

 


 


图层模式选择正片叠底,透明度调整为20%。

 


如前所说,为了有光栅模式的像素图案,我们要创建一个没有填充和描边的矩形。

 


选中所有的对象,然后找到对象 > 定义图案 > 制造。

 


用这个方式,我们可以找到创建图案模式。

使用文字工具(T),创建不同的字幕和符号,将它们随机摆放。

 


将文字设置成不同的字号和字体,使用文字面板(窗口 > 文字 > 字符)可以很轻松地做这件事儿。键盘上没有的一些符号也可以放上去,使用符号面板即可(文字 > 符号)。

 


如果样式让你觉得ok了,点击工作区上面的“Done”按钮,就可以了。

 


样式做好了!现在,可以把它应用到任何需要填充的对象中了!

 


好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的创建无缝拼贴图案样式的制作教程解析分享的全部内容了,各位看到这里的使用者们,小编相信大家看到这里是非常的清楚了制作方法吧,那么大家就快去按照小编上面分享的教程自己去绘制一下吧。

时间: 2024-07-29 06:02:18

Illustrator创建无缝拼贴图案样式制作教程的相关文章

Illustrator设计精致无缝纹理图案效果制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计精致无缝纹理图案效果的制作教程. 教程分享: 将某个场景的图案,按照随机的方式罗列整个画布上,这就形成一种纹理式样的图案.而这类纹理图案有两种表现,第一种是细微的质感纹理,这类纹理大部分运用到网页的背景上,它显得比较低调,主要色调为黑白灰;第二种就是以图案为独立细节进行随机散布的图案纹理,如下图.   此类图案纹理能铺开整个画布,直接强调主题,虽然直接运用网页布局的很少见,但也能在制作某个广告图或者某个特别修饰的场景里使用. 今天

Illustrator创建3D的饼干小人制作教程分享

给各位Illustrator软件的使用者们来详细的解析分享一下创建3D的饼干小人的制作教程. 教程分享: 1.创建一个新的工程 启动Illustrator,然后使用文件下面的创建新文件来创建一个新的文件.输入文件名,设置文件尺寸,选择以像素为单位,颜色模式为RGB.确保使新建图像与像素网格对齐没选中. 接下来,在编辑>首选项>常规里设置键盘增量1PX(MAC在文件前面的Illustrator里找到首选项,译者说,原教程这里写的没有顾及MAC用户,让我好一顿寻找),同时在单位里设置和下面的图片一

Illustrator定义六边形无缝拼贴图案效果教程

给各位Illustrator软件的使用者们来详细的解析分享一下定义六边形无缝拼贴图案效果的教程. 教程分享: 效果如图:   顶点处放大   填充效果图   首先绘制正六边形   分别填入外切半径,边数.   旋转90度并大致对齐如图进行观察,找到无缝拼贴最小元素   如图所示,红线框内的部分为最小部分   红色矩形高为六边形高加六边形一边边长,宽度为六边形宽度,依照红色矩形所示绘制矩形,矩形摆放位置尽量不压盖边.角.   将矩形描边.填色设置为无,并置于最底层. 操作:选中红色矩形,按"/&q

llustrator设计漂亮无缝拼贴图案绘制教程一览

给各位llustrator软件的使用者们来详细的解析分享一下设计漂亮无缝拼贴图案的绘制教程. 教程分享:               好了,以上的信息就是小编给各位llustrator的这一款软件的使用者们带来的详细的设计漂亮无缝拼贴图案的绘制教程解析分享的全部内容了,各位看到这里的使用者,小编相信大家现在是很清楚了无缝拼贴图案的绘制方法了吧,那么各位就快去按照小编的教程自己去试试绘制吧.

Illustrator创建繁复之美的曼陀罗图案效果制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下创建繁复之美的曼陀罗图案效果的制作教程. 教程分享:   首先新建一个AI文件,选择多边形工具然后单击画板,在出现的多边形对话框中填入边数,边数越多,最后的图案就更精细. 输入边数12,并将半径设为大约100mm.   打开智能参考线(CMD+U),然后用直线工具连接多边形的各个顶点,利用绿色参考线来确定顶点.   选择所有的对象,然后依次点击路径查找器-分割,将多边形分割成12个三角形.   右键-取消编组 将图形分成12 个部分.

Illustrator给滑板添加骷髅图案效果制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下给滑板添加骷髅图案效果的制作教程. 教程分享: 先看看效果图:     滑板素材:   知识拓展:Illustrator内置的Symbol Sprayer(图标喷射器)对于快速创建漂亮的图案来说是非常有用的工具.让我们看看如何创建一些矢量骷髅图形,然后然后将它们结合成一幅复杂的设计图形并作为一个滑板车身的设计.   具体的制作步骤如下: 我们将要使用我们的设计作为滑板图案,但这不意味着只能这么做,你可以将这个技术应用到任何的设计项目中

Illustrator快速设计出商业名片制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下快速设计出商业名片的制作教程. 教程分享:   图 1 在本文中我们将介绍在 ILLUSTRATOR CS 中,如何利用简单的工具快速制作出这些漂亮的商业名片 当你使用多功能画笔及蒙板你就可以创造出很酷的名片.在本文中我们向你展示如何通过调整画笔的尺寸及距离,再通过蒙板剪切来设计名片,同时,你也可以了解设计名片时全出血位的设置. 一.所有这些名片都是由 ILLUSTRATOR 里的商业名片( BUSINESS CARD 2 BLANK

Illustrator画笔设计油漆字效果制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下画笔设计油漆字效果的制作教程. 教程分享: 1.打开Illustrator,Ctrl+N新建一个文档,如图:   2.如果你的软件视窗中没有"画笔"调板,选择(窗口-画笔)或F5键.调出(画笔)调板. 主要有:书法效果画笔,点状画笔,图案画笔,线条画笔四种类型. 书法效果画笔:模仿毛笔的效果,绘制的笔刷路径是沿着路径线条的中心. 点状画笔:将一个基本图形对象复制若干并沿着路径分布,形成一个笔刷路径图形. 图案画笔:将一个基本

Illustrator打造扁平化长阴影效果制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下打造扁平化长阴影效果的制作教程. 教程分享: STEP 1 当然是新建一个500x500px的文档,用RGB或CMYK颜色模式随你喜欢,屏幕72PPI就好,其它不用动,点确定.   STEP 2 选用星形工具创建一个半径1:160px,半径2:80px,角点数:8的八角星.(你要用矩形工具,椭圆工具,多边形工具创建都没问题,只要你喜欢,真是调皮的孩子).   STEP 3 打开外观面板,把八角星的描边去掉.然后添加一个新填色.接下来把