AI制作铅笔图案笔刷

 
 

在下面的步骤中,我们将学习如何在Adobe Illustrator中创建铅笔笔刷。首先你要建立一个简单的网格,以及如何使用基本的工具和形状创建主要的形状。然后,学习如何保存这两个简单的图案并创建自己想要的效果。 最后,学习如何利用这个笔刷创建一个简单的文本效果。

1. 创建一个新文件和设置网格

step1

Ctrl-N创建一个新的文档, 从单位下拉菜单中选择像素,宽度和高度为600×400。然后点击高级按钮。 选择颜色模式为 RGB,屏幕(72ppi), 去掉勾选“使新建对象与像素网格对齐”。

step2

使用网格(视图>显示网格)和对齐网格(视图>对齐网格)。将需要把每个网格线间隔设为5px, 只要点击编辑>首选项>参考线和网格。

step3

你可以打开信息面板(窗口>信息)进行实时预览大小和形状的位置。不要忘记设置单位为像素,编辑 >首选项>单位,这些选项会大大提高你的工作效率。

2. 创建的主要形状

Step 1

选择矩形工具(M), 将描边设置为“无”,选择填充并设置其颜色为黑色(R = 0 G = 0,B = 0)。画一个大小为15×35像素的矩形。

Step 2

将填充色设为白色(R = 255 G = 255,B = 255)。创建一个5×25像素的矩形,位置如下图所示。

Step 3

将填充改为黑色,创建一个5×25像素的矩形,位置如下图所示。

Step 4

使用矩形工具(M),画四个5像素的正方形,确保填充颜色为黑色,然后将它们如下图所示摆放。

Step 5

使用矩形工具(M),确保填充颜色为白色,再画三个5像素的正方形,然后将它们如下图摆放。

Step 6

使用矩形工具(M),创建一个30×35 PX的矩形,如下图所示,并保持它在选中的状态,可以打开外观进行观察。(窗口>外观)。

设置填充颜色为白色,描边为黑色,单击描边会出现设置面板。粗细设为5像素,对齐描边为使描边内侧对齐【点击“描边”两个字就会出现描边相关详细设置】。

Step 7

选中刚才的矩形, 选择添加锚点工具,如下图添加锚点。

用直接选择工具(A),选中图1选中的锚点并拖动15px,最后的形状如图2所示。

Step 8

使用矩形工具(M),创建一个5×15像素的形状,如下图所示, 颜色填充为黑色,描边为无。

3. 创建画笔图案

Step 1

选中如下三个矩形,打开色板(窗口>色板),并按着鼠标将它们拖入色板中,存储为新的图案。在空白处点击一下,双击新的图案,重新命名为“starttile”(设置如下图所示),然后点击“取消”。

Step 2

选择如下两个形状用同样的方式创建第二个图案(设置如下图所示)。双击新的图案,重命名为“endtile”。

Step 3

选择如下图7个矩形,打开画笔(窗口>画笔),按着鼠标将矩形拖入画笔面板中,选择“新建画笔”,画笔类型为“图案画笔”。

将它命名为 “Pencil Brush“,拖动滑块到40%, 着色方法为:色调【这样才可以改变笔刷颜色啊!!】,如下图所示创建新画笔。最后单击确定,你就可以在画笔面板里面找到你笔刷了。

(注:如果这里有同学看不懂的话可以看一下小编自己做的。点击一下,然后选择要添加的图案名称就可以了)效果如下:

4. 运用创建的新笔刷制作一些简单的图案

Step 1

选择字体工具(T),在画板上单击,并添加灰色的文字。选中它们,打开字符面板。

字体为Mistral,大小设置为170pt(或者按照自己所画的图案设置)。打开图层面板,并将文字选中锁定,避免后面为它添加笔刷效果时意外移动。

Step 2

选择画笔工具(B),选择“Pencil Brush“笔刷画出第一个字母。 选中这个路径,打开外观面板,将描边的颜色改为 R=28 G=117 B=188.

【如果想要画出规则的,也可以选用钢笔工具绘制路径,(使用shift键会更容易画出),选种路径,使用菜单 效果-风格化-圆角 为其添加圆角。 选种路径,再点击笔刷就会出现了】

Step 3

使用相同的工具和笔刷画出红色的图案路径,颜色为 R=239 G=65 B=54. 最后画完剩下的图案,做完之后就可以将之前锁定的图层解锁并隐藏或删除了。

Step 4

选择所有的路径,效果>风格化>投影。如下图设置属性。单击确定就OK啦!

希望大家喜欢这个小教程,也可以运用到其它你想要画的图案中。

译者:黄se7en

原文地址:Tuts+
原作者: Andrei Marius

AI教程的更多相关文章

  1. 转 AI教程 logo

    版权申明:本文原创作者飞屋工作室,感谢飞屋工作室的原创分享! 这篇AI制作标志教程是一个非常实用的教程.通过这个教程飞特的朋友们将会学习到AI制作标志的流程和标志的创作思路.非常实用.推荐过来和飞特的 ...

  2. Unreal Engine 4 系列教程 Part 9:AI教程

    .katex { display: block; text-align: center; white-space: nowrap; } .katex-display > .katex > ...

  3. 五子棋AI教程

    https://github.com/Chuck-Ai/gobang 我写了非常详细的中文教程,教你如何一步步编写自己的五子棋AI: 五子棋AI设计教程第二版一:前言 五子棋AI设计教程第二版二:博弈 ...

  4. 新手立体四子棋AI教程(1)——基础扫盲

    一.引言 最近身边好几个朋友开始玩立体四子棋,激起了我的好奇心.那么首先来说什么是[立体四子棋],规则又是如何呢? 上图即为立体四子棋,规则类似于五子棋四子连在一起,但是四子棋更加多样.丰富.不仅可以 ...

  5. 新手立体四子棋AI教程(3)——极值搜索与Alpha-Beta剪枝

    上一篇我们讲了评估函数,这一篇我们来讲讲立体四子棋的搜索函数. 一.极值搜索 极值搜索是game playing领域里非常经典的算法,它使用深度优先搜索(因为限制最大层数,所以也可以称为迭代加深搜索) ...

  6. 新手立体四子棋AI教程(2)——价值评估函数

    上一篇我们完成了整个程序的基础框架,那么在讲到真正的搜索算法前,我们先来看看五子棋如何评估当前局势,以及如何计算某个位置的价值. 一.五子棋 在五子棋中,包括成五,活三,活二等定势,下图为山东师范大学 ...

  7. 小白入门AI教程:教你快速搭建大数据平台『Hadoop+Spark』

    Apache Spark 简介 Apache Spark 是专为大规模数据处理而设计的快速通用的计算引擎.Spark是UC Berkeley AMP lab (加州大学伯克利分校的AMP实验室)所开源 ...

  8. 新手立体四子棋AI教程(4)——启发式搜索与主程序

    通过前面几篇文章的学习,我们的四子棋程序已经有了框架.搜索几大部分,但是还有着不少问题,我们的程序只能迭代很有限的步骤,导致棋力低下,在这一篇我们将通过启发式搜索极大的优化搜索效率. 一.原因 我们之 ...

  9. 真正从零开始,TensorFlow详细安装入门图文教程!

    本文转载地址:https://www.leiphone.com/news/201606/ORlQ7uK3TIW8xVGF.html AI这个概念好像突然就火起来了,年初大比分战胜李世石的AlphaGo ...

随机推荐

  1. Excel有用的宏

    =Index({"同事","同学","亲戚"},b3) 前面的array默认索引从1开始. 如果b3为1.而枚举数组是: 0=>同事, ...

  2. PHP高级特性一之正则表达式用法

    在PHP中,我们进行字符串处理时,能用字符串处理函数时我们当然要使用简单的字符串处理函数,但字符串处理函数的能力是有限的,所以我们就需要利用一个更强大的工具,那就是正则表达式. 简述正则表达式 正则表 ...

  3. IMP导入数据 报错 IMP-00058 ORA-01691 IMP-00028

    查看导入日志,发现错误如下: oracle@sspt:/back/log> cat imp.HD_HDXX.log Connected to: Oracle Database 11g Enter ...

  4. 如何实现上下左右键盘控制焦点使之落在相邻文本框或下拉框中-Web开发/JavaScript

    我用jquery只实现了文本框的移动(暂时上下移动等同于左右移动) $(function () { var cols = 1;//按一下跳几个控件 var obj = $("input[id ...

  5. poj - 3259 Wormholes (bellman-ford算法求最短路)

    http://poj.org/problem?id=3259 农夫john发现了一些虫洞,虫洞是一种在你到达虫洞之前把你送回目的地的一种方式,FJ的每个农场,由n块土地(编号为1-n),M 条路,和W ...

  6. java日期格式的转换

    1.转换指定格式的日期 /** * 日期格式转换 * @throws ParseException */ public String dateformat(String date,String tab ...

  7. android 单词

    inflate: 胀, 膨, 通货膨胀, 膨胀系数

  8. 51nod1421 最大MOD值

    O(n2)tle.O(nlognlogn) #include<cstdio> #include<cstring> #include<cctype> #include ...

  9. 高性能WEB开发之Web性能测试工具推荐

    Firebug: Firebug 是firefox中最为经典的开发工具,可以监控请求头,响应头,显示资源加载瀑布图: HttpWatch: httpwatch 功能类似firebug,可以监控请求头, ...

  10. HTML xmlns

    xmlns 属性可以在文档中定义一个或多个可供选择的命名空间.该属性可以放置在文档内任何元素的开始标签中.该属性的值类似于 URL,它定义了一个命名空间,浏览器会将此命名空间用于该属性所在元素内的所有 ...