Illustrator制作精致无缝的背景图案效果教程

给各位Illustrator软件的使用者们来详细的解析分享一下制作精致无缝的背景图案效果的教程。

教程分享:

将某个场景的图案,按照随机的方式罗列整个画布上,这就形成一种纹理式样的图案。而这类纹理图案有两种表现,第一种是细微的质感纹理,这类纹理大部分运用到网页的背景上,它显得比较低调,主要色调为黑白灰;第二种就是以图案为独立细节进行随机散布的图案纹理,如下图。

 


此类图案纹理能铺开整个画布,直接强调主题,虽然直接运用网页布局的很少见,但也能在制作某个广告图或者某个特别修饰的场景里使用。

今天我们要学习的就是第二种以图案为独立细节的图案纹理,早已有类似thepatternlibrary 这样的网站给你提供了精美的图案纹理下载,但是设计时与实际需要的细节还是差之毫厘,那么,自己动手打造一张无缝的图案纹理就显得至关重要。

一、制作准备

1、AI软件;

2、已完成的手稿图;

3、配色方案;

二、画上细节图

1、梳理细节

这里细节图是随机图案组成的“细胞”或“肌理”,那么,肌理的美感度会很大程度上影响到最终效果。所以,我们在这里会要求大家先完成手稿。

手稿可以任意发挥,根据你要创作的主题来画出你认为最适合“出场”的细节。手稿可以用铅笔在纸上绘画,也可以自己用wacom画。这里我用的方式是利用wacom直接绘画。

注:wacom是手绘数位板的别称

这里要强调的是配色方案,因为细节图是由多个物件所组成,因此,会涉及到多种颜色,而色彩的搭配就十分重要,因此充分的准备工作需要的是一份配色方案,在绘画时就能轻松运用上适合的颜色,也不会因为色彩的凌乱而头痛了。

给大家先看看我准备的配色方案:

 


这里我要做的是日式古典的纹理,那么无论是配色还是物件的选择都会倾向日本古典的风格。

2、绘制图案

从日本旅行的照片中,选择了几个作为典型的日本印象的物件构图:樱花、灯笼、矮竹、扇子、石头。

下面我将一一采用AI软件进行绘制。关于物件的绘制,这里相信大家会采用各自喜欢的画法,我将省略实际绘制的过程,以保证每个读者创作时更加开放自由。AI矢量软件对于几何图形的构造有足够的优势,因此绘画时可以尽量选择运用几何图案进行巧妙的组合、裁切等方式。

我对于AI软件绘制图形的使用感受是,这就像我们小时候做过的剪纸手工作业一样,运用基本的几何图形,手脑并用,可以拼贴出任何具形的图案。而软件的精细程度和各种效果的运用就可以让整个图案达到出彩的效果。

在绘制的过程中可以先暂时用随机的颜色搭配,待所有物件都绘制完成组合在一起时,再重新根据配色方案调色。

樱花的绘制过程:

 


日本扇子绘制过程:

 


灯笼的绘制过程:

 


矮竹的绘制过程:

 


石头的绘制过程:

 


三、构图与无缝处理

将所有物件都绘制完成后,我们开始进行组合构图,最好玩的时候到了!

AI新建一个大小适宜的文档,将刚刚画好的物件都放置于画布上。因为绘制时我们并没有考虑色彩的整齐搭配,而现在需要做的就是根据我们的配色方案调整色彩。

这是调色前:

 


根据配色方案调色后:

 


然后选中所有的物件,点击对象>图案>建立。这时会出现图案创建选项面板,你可以在这个面板中进行选择调试,做出你最想要的纹理图案。比如复制新的樱花,增加圆点装饰,降低某些细节的透明度,重新上色等。

这里需要注意的要点是:

1)你的图案创建面板设置中,为了保持图案为无缝,这里的拼贴类型要选择“网格”

2)我在这里设置的图案大小是300px*300px,以确保每个物件都能完美地展示出来

3)尽量不要留有空白,这样能使整个图案显得饱满丰富

你将在这里马上看到整个图案的最终效果。完成后点击左上角的完成后。你将在色彩面板中看到你刚刚创作的无缝纹理图案,双击它会弹出设置面板,你还可以继续修改。

 


这时,那么这个无缝纹理图案就做好了。

 


四、运用

你可以试着画上一个300px*300px矩形,这个矩形的大小与刚刚设置的图案大小一致。然后选择图案填充后,导出为一个png格式的图片。

保存PNG图片有个好处是保留了透明背景,那么这个图案的运用将会更加灵活,因为底色可以根据不同的情况而做出改变。在PS软件中定义好该图案,实际运用时增加渐变背景或其他纯色背景,如下图。

 


五、结语

制作纹理图案的过程中,你要训练的是自己对整个画面的美感平衡的能力,设计是对每个素材之间关系的平衡,包括它们的色彩、距离、结构……而这些都需要你步骤三中通过尝试而获得一个最佳点。教程里我没有再进一步美化这个图案,但你要记得设计是没有终点。

好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的制作精致无缝的背景图案效果的教程解析分享的全部内容了,各位看到这里的使用者,小编相信大家看到这里是非常的清楚了制作教程了吧,那么大家现在就快去按照小编的教程自己去制作吧。

时间: 2024-09-22 17:00:15

Illustrator制作精致无缝的背景图案效果教程的相关文章

PhotoShop制作五彩菱形格子背景图片效果教程

教大家用PhotoShop制作五彩菱形格子背景图片效果,大概用形状工具画出形状,通过图层样式设置出效果,然后复制排列出整体效果,喜欢的同学可以学习一下哟! 效果图: 1.新建1920*1200大小文档,填充黑色. 2.用多边形工具,拉出菱形,菱形拉小点颜色随意,设置图层样式如下:     相关教程: PS制作梦幻飞舞的绚丽雪花背景 Photoshop背景虚化效果教程 PhotoShop制作光芒四射的极坐标放射线背景效果   分类: PS入门教程

Illustrator绘制线性条纹几何艺术图案效果教程

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

photoshop速制作炫彩马赛克背景图片效果教程

给各位photoshop软件的使用者们来详细的解析分享一下快速制作炫彩的马赛克背景图片效果的教程. 教程分享:   好了,以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的快速制作炫彩的马赛克背景图片效果的教程分享的全部内容了,各位看到这里的使用者们,小编相信你们现在是非常的清楚了制作方法了吧,那么现在就快去自己尝试制作一下吧.

Illustrator制作出超仿真的缝线文字效果教程

给各位Illustrator软件的使用者们来详细的解析分享一下制作出超仿真的缝线文字效果的教程. 教程分享: 1.新建矩形框,去掉填充.描边.   然后新建填充,填充渐变.   然后再在上层新建填充,填充亮一点的灰色,对灰色应用效果-艺术效果-胶片颗粒.然后把混合模式改为正片叠底   再在最上层新建填充,填充径向渐变(白色-灰色),在透明度面板把混合模式改为正片叠底.   2.下面我们来制作图形.其实图形也是由许多外观面板里的填充和描边组成.首先新建圆形,去掉填充和描边.   新建0.75pt的

Illustrator制作WIN8图标飞开碎片效果教程

给各位Illustrator软件的使用者们来详细的解析分享一下制作WIN8图标飞开碎片的效果教程. 教程分享:   好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的制作WIN8图标飞开碎片的效果教程解析分享的全部内容了,各位看到这里的使用者们,小编详细那大家看到这里现在是非常的清楚了制作方法了吧,那么各位就快去按照小编的教程自己去试试吧.

Illustrator制作可爱的相约秋天艺术字效果教程

给各位Illustrator软件的使用者们来详细的解析分享一下制作可爱的相约秋天艺术字效果的教程. 教程分享:       好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的制作可爱的相约秋天艺术字效果的教程解析分享的全部内容了,各位使用者们看到这里了,小编相信大家现在是非常的清楚了胡自己方法了吧,那么大家就快去按照小编上面给大家分享的教程去尝试着绘制一下自己喜欢的艺术字吧.

Illustrator利用旋转工具绘制丰富图案效果教程

给各位Illustrator软件的使用者们来详细的解析分享一下利用旋转工具绘制丰富图案效果的教程. 教程分享: 方法1:根据旋转工具以物体中心为特征的旋转,进行对称物体的旋转复制.   方法2:毕竟有时候要旋转复制的对象不是绝对对称的,因此可以用一个小技巧,让Alt键配合旋转工具一起"转"!   这里是换了一个造型,但过程是一样的. 下面我们看更多更有意思的旋转玩法!   玩法1:旋转后拆了它!   玩法2:瘦身后再旋转   玩法3:成帮结伙一起转!   玩法4:给树枝换个造型   玩

Illustrator制作漂亮的渐变描边文字效果教程

给各位Illustrator软件的使用者们来详细的解析分享一下制作漂亮的渐变描边文字效果的教程. 教程分享: 先看看最终的效果图:   制作步骤如下:                 好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的制作漂亮的渐变描边文字效果的教程解析分享的全部内容了,各位使用者们看到这里小编相信大家现在看到这里是很清楚制作方法了吧,那么各位就快去制作自己喜欢的渐变描边文字吧.

Illustrator制作线性条纹几何艺术图案教程分享

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