ai怎么做一个扁平化的文字UI图标?

所属分类: 平面设计 / Illustrator教程 阅读数: 907
收藏 0 赞 0 分享

今天我们来介绍使用ai设计一个文字ui图标的过程,制作的比较简单,希望大家喜欢。

1、新建一文档大小为1024x1024px,颜色模式为RGB,单位像素,点击文件,置入IOS线框。

2、绘制一个和页面等大的矩形。放置在最底层。同时选中线框和背景层,点击属性栏的,水平居中对齐和垂直居中对齐。按alt键复制一层背景层。填充渐变色①#fbc3c2②#ee2932 角度为-90°。按G调整拉杆

3、在选择工具模式下,将刚绘制好的矩形,放置在线框上,按ctrl+【到下一层。取消背景路径的眼睛。然后锁定所有对象。新建一个图层。

4、点击矩形工具。在页面中单击一下,输入值57x700px。用直接选择工具框选如图锚点。用比例缩放工具往里收一下。填充白色#fff。放置在页面中。

5、点击属性栏的不透明度,更改不透明度为50%,模式为叠加。如图。在英文输入法模式下。按R【旋转工具】,按住alt键不放,将中心点移动到页面中心。在跳出的对话框中。输入角度15°。点击预览,点击复制。然后按ctrl+D再制。多次复制。效果如图。

6、页面中绘制一个和页面同等大小的矩形。框选需要处理的形状。点击右键。建立剪切蒙版。

7、快捷键L【椭圆形工具】在页面中单击输入数值800x800px;另外绘制一个一个圆,以页面为中心点。按住alt+shift键绘制一个如图大小的圆。

8、按住shift键选中这两个圆,按属性栏中的水平居中对齐和垂直居中对齐。更改两个圆的颜色为白色#ffffff;按ctrl+【将大圆置于下一层。按ctrl+shift+F9打开路径查找器。选中两个圆。点击路径查找器下的形状模式中的【减去顶层】效果如图。

9、绘制一个800x800px的圆。填充#ed2146;并将它对齐页面中点。将线框调整到最顶层。

10、绘制一个690x690px的圆。按ctrl+F9改渐变色①#ee2932②#ffffff③#ee2932 角度为0°。按G调整渐变。点击选择工具。拖动圆到页面上对齐中心点。透明度改为40%。

11、输入需要输入的文字。字体为:MYuenHKS Xbold,文字点右键【创建轮廓】用直接选择工具调整文字。调整好后。

12、删除IOS线框,和辅助线。绘制完成。看下效果吧。

今天的教程主要是使用IOS线形图辅助,比例缩放工具等。喜欢的朋友请继续关注脚本之家。

相关推荐:

AI怎么制作一个炫光孔雀图标?

AI怎么绘制一款漂亮的相机图标?

ai怎么设计简约风格的扁平化图标?

更多精彩内容其他人还在看

AI的偏移路径制作一个LOGO风格的时钟

这篇教程是向脚本之家的朋友分享AI的偏移路径制作一个LOGO风格的时钟方法,教程制作出来的LOGO风格非常漂亮,难度不是很大,很值得大家学习,推荐过来,一起来学习吧
收藏 0 赞 0 分享

ai做宣传册文件太大怎么压缩到最小?

ai做宣传册文件太大怎么压缩到最小?用ai给公司制作了宣传册,但是文件太大了,想压缩小一点该怎么办呢?下面我们来看看ai宣传册文件缩小的详细教程,需要的朋友可以参考下
收藏 0 赞 0 分享

AI CS4 绘制一只逼真的钢笔教程

这篇教程是向脚本之家的朋友分享AI CS4 绘制一只逼真的钢笔方法,教程绘制出来的钢笔非常逼真,教程比较实用,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

AI简单制作破裂的艺术文字

这篇教程是向脚本之家的朋友分享AI简单制作破裂的艺术文字方法,教程制作出来的文字非常不错,难度不是很大,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

AI画笔工具绘制一名艺术男青年肖像

这篇教程是向脚本之家的朋友分享AI画笔工具绘制一名艺术男青年肖像方法,教程绘制出来的效果还是挺不错的,难度不是很大,推荐到脚本之家,喜欢的朋友可以过来学习一下
收藏 0 赞 0 分享

Illustrator制作超酷炫的张靓颖演唱会宣传海报

这篇教程是向脚本之家的朋友分享Illustrator制作超酷炫的张靓颖演唱会宣传海报方法,教程制作出来的海报非常酷炫,难度不是很大,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

AI怎么打造一枚精致铁扣环样式的图形?

AI怎么打造一枚精致铁扣环样式的图形?想制作一款类似于铁链环扣样式的图形,该怎么绘制呢?今天我们来教大家使用ai绘制精致环扣的教程,图文详细,需要的朋友可以参考下
收藏 0 赞 0 分享

illustrator cs绘制超酷的黄色钢盔教程

这篇教程是向脚本之家的朋友分享illustrator cs绘制超酷的黄色钢盔方法,教程绘制出来的效果真的很不错,难度不是很大,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

AI绘制矢量的电影图标教程

这篇教程是向脚本之家的朋友分享AI绘制矢量的电影图标方法,教程绘制出来的图标非常漂亮,难度不是很大,介绍的也很详细,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

Illustrator渐变填充打造精致的logo标志

这篇教程是向脚本之家的朋友分享Illustrator渐变填充打造精致的logo标志方法,教程制作出来的logo非常漂亮,难度不是很大,推荐到脚本之家,大家快快来学习吧
收藏 0 赞 0 分享
查看更多