无缝拼贴图案是很多设计师喜欢在界面中用到的图案,并且在很多领域都有应用,那么这个很有前景的图案纹理该怎么制作呢,下面西西就给大家详细讲解下怎么用Illustrator制作出大气典雅的无缝拼贴图案。

具体步骤:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

具体参数如下图所示:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ai建立使用图案_怎么用AI创建无缝拼贴图案样式 Illustrator创建无缝拼贴图案教程...相关推荐

  1. 神码ai人工智能写作机器人_神经符号AI为我们提供具有真正常识的机器

    神码ai人工智能写作机器人 By Katia Moskvitch 卡蒂亚·莫斯科维奇(Katia Moskvitch) "那只狗躲在床底下. 再次." ("The dog ...

  2. ai css 线条粗细_如何训练AI将您的设计模型转换为HTML和CSS

    ai css 线条粗细 by Emil Wallner 埃米尔·沃尔纳(Emil Wallner) 如何训练AI将您的设计模型转换为HTML和CSS (How you can train an AI ...

  3. ai人工智能换脸原理_他们如何看待AI监视内部工作原理

    ai人工智能换脸原理 Large scale intelligent surveillance systems used by governments and corporates have attr ...

  4. 怎么用ai做出适量插画_怎么用AI和AE制作矢量插画风猫咪动效

    1、打开AI,[Ctrl+N]新建画布,[宽度]为500px,[高度]为500px,点击[确定]. 2、使用[圆角矩形工具]画出圆角矩形充满画布,使用[吸管工具]吸取提前做好的色板上的深蓝色使其填充矩 ...

  5. ai字母组合发音规律_使用和尚ai的俄语字母分类

    ai字母组合发音规律 目录: (Table of contents:) Introduction介绍 About the Dataset关于数据集 Setting up Monk and Prereq ...

  6. 怎么用ai做出适量插画_如何用AI把照片制作成矢量线条插画

    课课家将在本教程里使用Illustrator把照片制作成矢量线条插画,教程难度只算一般,但是挺有创意的,也算是一个技巧的分享吧.喜欢的朋友让我们一起来学习吧. 我们先来看一下效果图: 2.依据图片的复 ...

  7. ai预测占比_百度推出AI翻译工具 中国人工智能行业数据分析及预测(图)

    日前,推出一款人工智能工具,可实时将英语翻译成中文和德语,以挑战谷歌的竞争产品.谷歌先前推出一款PixelBuds产品,称这款无线耳机可以进行实时翻译.目前,百度的翻译工具只能互译英语和中文,或者互译 ...

  8. ai如何旋转画布_怎样使用AI旋转工具

    1.如下图中的图形,它都有相同的一个特点,它的特点是:都是由旋转的方法转出来的:如图所示. 2.打开[AI]:使用[矩形工具]在画布中绘制,[描边]关闭[填充]紫色:如图所示. 3.选择[旋转工具], ...

  9. ai切换rgb模式_怎么更改ai的cmyk模式?ai里怎么更改cmyk模式?

    AI中更改CMYK模式教程: 方法一:将新的Illustrator文档转换为CMYK 1.打开Adobe Illustrator.单击桌面上的Illustrator图标,或在屏幕左下角的搜索面板中找到 ...

最新文章

  1. RDKit | 化合物活性数据的不平衡学习
  2. 基于SSH实现模特人才招聘网站
  3. 深度解读NLP文本情感分析Pipeline
  4. JSON的C语言编解码器——cJSON和json-c
  5. 定个目标|建立自己的技术知识体系
  6. 摄像头夜间拍摄画面有拖影_让客厅秒变健身房,OPPO智能电视R1+摄像头上手体验...
  7. 生信宝典之傻瓜式(六)查找转录因子的靶基因
  8. 计算机视觉模型、学习和推理
  9. python module错误_python 解决方法:ImportError: No module
  10. dlib疲劳检测_基于OpenCV的实时睡意检测系统
  11. springAOP,面向切面编程详解,通俗易懂
  12. java quartz job_java quartz job 执行时间配置
  13. java 找不到符号 con_Java,找不到符号:奇怪
  14. 电脑里有老版java删不掉,电脑上的一些文件老是删不掉怎么办 win7中经常出现一些文件夹删不掉...
  15. 华为鸿蒙新闻短评,科技圈“某高管”发表对华为鸿蒙的看法,遭网友回怼
  16. Intellij IDEA设置@Author文件头注释
  17. @PersistenceContext和@Resource
  18. 基于深度学习的两种信源信道联合编码
  19. java Servlet mysql json ECharts图表生成实战-罗绍岗-专题视频课程
  20. 产品读书《怪诞行为学》

热门文章

  1. 再见了,MySQL之父!
  2. 笨鸟之Serlvet解析
  3. PDU发送中英文长短信
  4. 从月薪6k到15k,我是如何在3个月内做到的?
  5. 生活像一把无情的刻刀,让人情何以堪
  6. System Design笔记:在线售票系统设计
  7. 利用yolov7训练自己的数据集; yolov7的安装与使用 ; yolov7源码解读
  8. 阿里云云服务器使用须知(全套详解)
  9. Unsupported or unrecognized SSL message
  10. HTML Input标签输入限制