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-10-26 02:46:39

Illustrator设计时尚典雅的无缝拼贴制作教程的相关文章

Illustrator设计线性条纹几何艺术图案制作教程

给各位illustrator软件的使用者们来详细的解析分享一下设计线性条纹几何艺术图案的制作教程. 教程分享: 一.创建艺术画笔 制作条纹图案,我们最先要思考的就是用什么工具能更快捷地实现它.因为诸如条纹.圆点.格子--这类基础图案都有着重复某种视觉规律的共性,因此,我们首先可以先建立好这个视觉规律.条纹的视觉规律就是多线条的并行,因此,我们可以先将线条定义为一个艺术画笔,用这个艺术画笔去勾勒我们的图形.这个思路确定好后,我们就开始动手吧. 打开AI,新建一个960px*1200px的文件.新建

Illustrator设计一幅肯德基广告单页制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计一幅肯德基广告单页的制作教程. 教程分享: 首先来看一下最终效果图:   本幅广告页面我们很常见,就是一幅肯德基广告页面.在现实生活中,同学可以细心观察身边的事物,别人发的宣传页或者是路牌广告,户外广告都可以做为练习的素材.第一步:制作背景:选择矩形工具,绘制长形区域,在这里我不指定其大小,因为每个广告页面都有规定大小设置,那么在做的时候可以尝试性的自由创建大小.绘制好矩形后,用钢笔工具画中间的那一个线条,然后分割成上下二部分,如

Illustrator设计细节丰富的404错误页面制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计细节丰富的404错误页面的制作教程. 教程分享: 一.创建新文档然后设置网格 首先ctrl+n创建新文件,从单位下拉菜单中选择像素,在宽度框中输入600,在高度框680,然后单击高级按钮,从上至下依次选择RGB,屏幕(72ppi),并勾选使新建对象与像素网格对齐,然后单击确定. 启用网格(视图–显示网格)和对齐网格(视图–对齐网格).编辑>选项>指南>网格,enter 5 in the Gridline every box

Illustrator设计简洁的水晶图标按钮制作教程

给各位Illustratror软件的使用者们来详细的解析分享一下设计简洁的水晶图标按钮的制作教程. 教程分享: 1.在Illustrator中做一个浅色直线渐变的正圆,作为图标的底部图形. 2.做两个圆,一大一小,注意选取相近色阶的填充色,进行混合 . 3.做一个白色圆,适当高斯模糊. 4.做一个渐变色的椭圆,作为半透明遮罩,同时选择二者,打开透明度面板的选项设置,建立不透明蒙板,得到半透明的高光部分. 5.绘制出一个三角形,风格化:圆角.再做高光部分,然后与前面的圆角三角形一起放置. 组合放置

Illustrator设计立体派风格的小鸟标志制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计立体派风格的小鸟标志的制作教程. 教程分享:       好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的设计立体派风格的小鸟标志的制作教程解析分享的全部内容了,各位使用者们现在看到这里了是非常的清楚了制作方法了吧,那么大家就快去按照小编的教程自己去制作下立体派风格的小鸟标志吧.

Illustrator设计一个透明质感立方体效果制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计一个透明质感立方体效果的制作教程. 教程分享:         好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的设计一个透明质感立方体效果的制作教程解析分享的全部内容了,各位看到这里的使用者们小编相信各位使用者们现在那是非常的清楚了透明质感立方体的制作方法了吧,那么大家就快去按照小编的教程自己去制作一个透明质感的立方体吧.

Illustrator设计绷带缠绕木乃伊文字特效制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计绷带缠绕木乃伊文字特效的制作教程. 教程分享: 首先我们使用文字工具(T)创建如下文字,文字内容不限于教程中的文字,建议使用自己喜欢的字体,以及没有描边效果的字体样式,这样能更好的表现文字被缠绕的效果!   单一色彩无法表现文字的质感,所以我们选择线性渐变填充文字,(ctrl+F9)打开渐变控制面板,我们选择相同颜色的不同明暗度在垂直方向做渐变,以表现文字的明暗效果.在这里还是建议你选择自己喜欢的色彩.   现在得到了我们所需要的

Illustrator设计细腻的网页纹理背景制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计细腻的网页纹理背景的制作教程. 教程分享: 一.单个像素图 首先打开AI软件,新建一个文档,文档大小任意.在视图栏目下勾选"像素预览",勾选这一选项后,当你将自己的图片缩放到足够大时,会出现像素格子,然后再勾选"对齐像素",这样图案就会自动对齐像素,无需你再自己手动控制对齐了.   在绘制像素图之前,或许你对这种微妙的背景纹理没有太大的印象,在 subtlepatterns 这个网站里,你会看到大量的

Illustrator设计漂亮的布料按钮图标制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计漂亮的布料按钮图标的制作教程. 教程分享:             好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的设计漂亮的布料按钮图标的制作教程解析分享的全部内容了,各位使用者们看到这里了小编相信大家现在是非常的清楚了制作方法了吧,那么各位就去按照教程自己去尝试着绘制一下吧.