下载字体如何使用用AI制作字体

来源：蜘蛛抓取(WebSpider) 时间：2017-12-16 14:49 标签： 如何使用吸管改变字体
你的位置：////Illustrator入门：怎样在AI中输入文字
Illustrator入门：怎样在AI中输入文字
扫描二维码随身看资讯
1. 在手机上细细品读~
2. 分享给您的微信好友或朋友圈~
刚刚使用illustrator，想要用这个软件制作更好看字体效果，却不知道怎么开始输入文字。其实很简单，请看下面的步骤。
怎样在AI中输入文字
刚刚使用illustrator，想要用这个软件制作更好看字体效果，却不知道怎么开始输入文字。其实很简单，请看下面的步骤。
首先先新建一张空白画纸：
在工具栏中找到&T&这个按钮就是文字工具了。
在空白画纸中规划出需要输入文字的区域：
之后就可以往文字输入框中输入文字了：
如果文字字号字体等没有达到预想的效果的话，我们可以通过&顶端&的字符工具栏或者直接按住键盘上的&ctrl+T&快捷键来使&字符工具栏&迅速弹出。
这样，字号就成功调整好了。
相关软件下载：
软件名称：Adobe&Illustrator&CS6精简简体中文绿色版
大小：257.32MB版本：CS6精简简体中文绿色版类别：设计软件
语言：中文使用平台：Win_xp/Win7/Win8/Ubuntu
标签聚合：
相关教程资讯
相关专题推荐
客官，请随便说两句
本栏浏览排行榜
装机热门软件推荐114被浏览6734分享邀请回答8716 条评论分享收藏感谢收起写回答AI把图标制作成字体方法介绍
作者：佚名
字体：[ ] 来源：互联网 时间：01-07 12:01:20
这篇教程是向脚本之家的朋友介绍AI把图标制作成字体方法，教程很不错，推荐到脚本之家，喜欢的朋友可以跟着教程一起来学习吧
随着手机屏幕分辨率的提升，对移动端网页图片精度的要求也逐渐提升。以往采用图片形式的图标，尺寸的足够大才能保证高PPI下显示效果足够清晰。同时，不知何时，字体图标渐渐兴起。所谓字体图标就是把图标做成字体，在网页中可以和文字一样，用CSS赋给字号、颜色、阴影等，想放多大就多大。优势不言而喻。
　　近些年，公司转型，开始做基于Html5的移动端Web开发。之前一直使用网上免费提供的字体图标库，但免不了碰到个性化的需求，因此前段时间，抽空研究了一下如何自行制作字体图标。网上教程很多，不过大多挺复杂的，需要安装一些软件工具。本人折腾了半天，总算摸索出了一套简单的方法，现在在这里分享给大家：
　　基本思路：一、制作图标 & 二、生成图标字体 & 三、用CSS把字体引入网站。
　　工具：
　　1、Adobe Illustrator，版本不限，需要能将文件存为SVG格式即可(其他能制作SVG格式的软件应该也可以，我没试过);
　　2、压缩工具，支持ZIP格式(基本上是个压缩工具都支持)。
　　另外确保电脑能上网。
具体的制作步骤如下：
　　1、在AI中新建文档，宽高均为512像素，如下图(不要问我为啥是512px，我也不知道，我试了几次后算出来的，只有这个尺寸和网页里的字号是对的上的);
　　2、在文档中画图标，用钢笔还是图形工具随意，但要注意颜色为黑色，背景为空，也不能有渐变，半透明啥的。如下图(原则上图形的描点要尽可能少，同时尽量在一个路径里完成整个图标，四边根据设计情况选择是否留空，保证所有图标在视觉上大小的均衡，以及风格的统一);
　　3、画完后保存，保存时要选择SVG格式，这是重点，如下图。SVG选项默认的就好(我的默认的是1.1版本)，另外命名和图标要匹配，用英文，懒的话用拼音，至少保证自己认得哪个是哪个。多个单词用&-&代替空格(svg文件可以在浏览器里打开查看哦);
　　SVG文件在谷歌浏览器中查看的效果
　　4、重复以上步骤，把需要的图标都画出来保存成SVG文件，并放在同一个文件夹里，给文件夹命好名，如下图。
　　这里只做三个做示例。实际做时建议两个或两个以上。只有一个的话是不生成CSS和html文件的。
　　5、将此文件夹压缩为zip文件。
　　6、访问地址：http://iconvau.lt/app(稍有些慢，还请耐心等待。这个网站很厉害，直接把后两大步包办了)，进入后会看到如下界面，将zip文件拖入到红框范围中(也可点击红框范围，选择zip文件)，耐心等待文件上传并转换，别关浏览器。字体转换完成后会自动下载一个名为iconvault.zip的文件，没有自动下载可以点网站中出现的链接进行下载(压缩包放在附件里供大家参考)。
　　7、解压iconvault.zip文件，能看以下文件(可以开启后缀名查看文件类型)：.fontcustom-data可以删除，eot、svg、ttf、woff这四个是字体文件，分别兼容不同的平台。一个CSS文件，以及一个html文件。用浏览器打开html文件，可以看到你设计的全部图标，以不同的字号排列在里面。
　　用浏览器打开html文件能看到的内容
　　对于强迫症来说，这么长的文件名会让人抓狂的，那么打开css文件，在顶端找到几个字体文件的名称，改掉，然后再改掉相应字体文件的名称即可。
　　网站的引入，html文件是很好的示例，懂点html和CSS的看看就知道了。引入CSS样式后，只要在网页里写这样就行了，和文字一样，赋给相应的样式，就会有相应的效果。
　　到这里字体图标的制作就算完成了，生成的字体图标较小号时在电脑上浏览会有些许瑕疵，这是因为制作图标时没有考虑小分辨率的情况，就像过于小号的文字显示也会不理想一样，这需要进行精细的适配。但在高PPI的手机屏幕上浏览就没有问题了。当然，更加丰富多彩的图标，目前依旧只能依赖图片。
　　看到这里，大家可以试着动手，把公司或者自己的logo做成图标字体，试一试吧!
大家感兴趣的内容
12345678910
最近更新的内容使用AI画笔制作简单的手绘字体
今天图老师小编给大家精心推荐个使用AI画笔制作简单的手绘字体教程，一起来看看过程究竟如何进行吧！喜欢还请点个赞哦~
之前的弯曲的画笔文章后面有童鞋评论说不能用渐变做画笔，我试了下真的不行，有一天，我终于在网上发现，有人做到了，原来是用混合绕一下下。第一步，用画几个圆形的小点，填上自己想用的颜色~就像下面这样第二步，选择工具栏的混合工具，连续点击这三个点~一条用混合做的渐变就出现啦第三步，选择这个混合，点击画笔工具栏的新建按钮(或者将其拖拽到画笔工具栏)，新建艺术画笔，默认选项就好，若果想保持画笔的圆头，可以像最后一张图那样设置在参考线之间拉伸~画笔完成!就这么简单，用笔刷工具随便画，然后应用画笔就好啦也可以换种渐变方向!俺做滴自己的名字~好简单啊 哇哈哈，赶紧打开ai试试吧& 搜索“图老师”或者“tulaoshi_com”加关注，每天最新的美食、健康、育儿、美妆、、手工DIY等生活小技巧，30天变身小巧妇!【微信扫描下图可直接关注】
来源:/n/7757.html
PS手绘:利用画笔和路径制作飘逸自然的发丝 最终效果 一、开始画发丝之前先来定义画笔，我们以2像素发丝为例。 1、选择画笔工具，再画笔预设面板里设置画笔的直径为2； 2、在面包的左边选择形状动态色后着，在控制处徐咱钢笔压力，设最小直径为20； 3、在画板左边选择画笔笔尖形状，设置间距为1； 4、选择面板左边的平滑项。其它设置均为0...
手绘书签的视频教程 准备书签 & &&准备空白的书签。 画出树枝 画出叶子 & &&画出叶子和叶茎。 画果实 & &&最后画果实。 加深 & &&加深果实暗部。 完成 & & 漂亮的手绘书签绘制完成！ 更多内容请查看： 霸气的豹子手绘明信片画法 ...
最终效果 1、选择画笔，打开画笔预设面板，选择画笔形状，我用的是 柔角45 选择形状动态 大小抖动稍微调一下就好了。 2、选择双重画笔，我选的是 大油彩蜡笔63，调节数据如下。 3、现在开始画了，尺寸、布局可以事先在纸上画一下，也可以找幅国画借鉴下。 调节画笔的大小、透明度画出荷花的叶子。 4、画完叶子再画经脉，画出的...
先看下最终效果： 首先呢我们使用文字工具(T)创建如下文字，文字内容不限于教程中的文字，建议使用自己喜欢的字体，以及没有描边效果的字体样式，这样能更好的表现文字被缠绕的效果! 单一色彩无法表现文字的质感，所以我们选择线性渐变填充文字，(ctrl+F9)打开渐变控制面板，我们选择相同颜色的不同明暗度在垂直方向做渐变，以表现文字...AI为文字制作漂亮的长投影效果
作者：佚名
字体：[ ] 来源：互联网 时间：12-28 11:56:36
这篇教程是向脚本之家的朋友介绍利用AI为文字制作漂亮的长投影效果方法，教程制作出来的效果真的很漂亮，难度不是很大，推荐到脚本之家，喜欢的朋友可以跟着教程一起来学习了，希望能对大家有所帮助
这篇教程教脚本之家的AI学习者们使用AI为文字制作漂亮的长投影效果，教程制作出来的文字效果还挺漂亮的，制作的难度也不大。推荐一下和脚本之家的朋友们一起分享学习了，我们先来看看最终的效果图吧：
&具体的制作步骤如下：
1.先绘制这样的文字，2014这几个字主要是用混合工作制作而成。如果不会混合工具的话，就从字体库中选择一种你喜欢的字体吧。
2.文字图形做渐变，再复制一个填充单色，颜色自己选择
3.这两层文字合到一起，稍稍移动偏移一点点，看看黑色小框框里的细节，这样能看出文字的厚度。
4.再复制两个图形，为了方便大家查看图形，我把一个设为白色，一个为暗色。
5.白色的这个将不透明度调为0%。
6.深色的这个将混合模式设为&正片叠底。混合模式在透明度调板中，现在白色的那个大家看不见
7.再同时选择刚才调不透明的两个图形，选择&对象&菜单中的&混合&&建立&。
8.使用&混合&后，是现在这个效果。如果你做的不是这样斜着的效果，可以移动一下透明度设为0的那个图。
9.再把刚才做的所有效果放到一起对齐就OK了
以上就是AI为文字制作漂亮的长投影效果教程，是不是很简单啊，希望这篇教程能对大家有所帮助，谢谢阅读！&
大家感兴趣的内容
12345678910
最近更新的内容

我要回帖

更多关于 如何使用吸管改变字体 的文章

 

随机推荐