用AI学画一套图标(附:圆角插件爽玩+用张照片快速画用户名图标)

用户头像
福州/网页设计师/9年前/2077浏览
用AI学画一套图标(附:圆角插件爽玩+用张照片快速画用户名图标)
用户头像
joy1412

做美工多年,想转UI,默默看帖觉得难,一直不行动,朋友鼓励下说我这基础转很容易啊,于是就想行动看看到底难不难,如果你也和我一样,那么也一起努力,并记录下时间,看看到底有多难!

时间:9h30min 难度:2星

 

第一天

18:15-18:30 找到一个AI做图标的教程并浏览一遍----15min

20:00-22:00画了一个方一个圆,找到两个AI插件的教程并仔细阅读,画好预设图--1h

22:30-23:00学着尝试使用那个插件,画好任意角弧线--30min

第二天

7:00-7:40画好梨的线和叶子--40min

7:40-8:00线条弧度,调整大小--20min

8:20-8:40画好称重器--20min

9:20-9:30回顾一下难点,做下笔记--10min

第一个图标实际用时3h15min


9:35-10:15开始第二个图标,纠结于像素点清晰的移动--40min

10:20-11:00画好大部分,根据教程--40min

11:00-11:45线的部分纠结于要不要用剪切蒙版,还是路径选择器,毕竟画图的方法很多--45min

12:10-12:45纠结于主体形状没有在正中,像素点最后都要调整一遍,色块面积调整一遍,风格才能统一--35min

第二个图标+前一个图标的调整实际用时2h40min


14:00-15:00 完成,并且加了z型涂,整理了文件图层,增加第二排预设图--1h

第三个图标+整理旧图层+第二排图标准备实际用时1h


16:40-17:10完成第四个图标--30min

18:33-19:00学cutterman切图--30min

第四个图标实际用时1h

第三天(间隔2天后)

18:20-18:55 第五个图标画太大了调整下,把手复习了下偏移路径–35min

19:27-20:17 第六个图标还可以啦,就是都有点low–50min

21:45-22:45 第七八九个图标完成,人像的先在ps里弄了形状,后来在AI插件中圆角了一下,好看多了,评价那里也圆角了一下,表示会上瘾–1h

第五到九个图标共计用时1h30min


重点难点

图标1.1梨子的小杆

  --只用了文中的方法

  ------直线转曲线,直接选择工具(A),选中要转换的锚点点击上图中的曲线按钮。

  ------如果只想调整锚点曲线手柄一边的曲率按住Alt,调整手柄。

 

称重器上面半圆(semi ovalization)用了--固定值80%

 

梨子的高光1/4圆用了--(symmetric Edit tool)直接拖拽

 

­


图标1.2两个半圆有一段距离,然后合为一个锚点,有点像太极。

下部矩形框底部的两个锚点各向中心点移动八像素---用透视做了大概。

 

图标2.2的把手复习了下偏移路径,(对象--路径--偏移路径 -6px 斜接 4 )  

ai中路径位移的斜接限制是做什么用的啊?

答:默认的斜接限制是 4,这表示当连接点的 长度达到描边粗细的 4 倍时,程序会将其从斜接连接切换为斜角连接。 若斜接限制为 1,则直接生成斜角连接。

 

图标3.2用户图标

--找个人头的照片

--选区快选--右键建立工作路径(容差可后面调,最后我用了4)

--编辑--定义自定形状

--画出形状可以反复前几步调合适容差

--钢笔工具调整形状,最下面直线

--圆角插件--脚本--2

 

 

小贴士

1差集----在要减的图形上左击一下。

2有时圆角不如用锚点平滑。

3 ps里在形状上加不了矢量蒙版,一般用复制黏贴,减去顶层形状来剪切;

或者形状变成智能对象,用复制黏贴路径,排除重叠形状,右键创建矢量蒙版。

4圆角插件----注意一点,鼠标带一个实心矩形时拖动无效,不能完成需要的操作。

 

相关参考文章链接和下载链接

【1】AI教程!手把手教你绘制一组清新简约的微图标

http://www.uisdc.com/ai-create-micro-icon-set

AI圆角工具(xtream path)http://vdisk.weibo.com/s/sPguC5Vuol6aS,

RoundAnyCorner  http://vdisk.weibo.com/s/sPguC5Vt_kBcH。



【2】AI圆角插件!CValley Xtream Path v1.6的安装使用教程

http://www.zuimeiui.com/xtream-cvalley-install-tutorial.html

这里提供的是1.6E版本,支持了最新的CC,压缩包里面包含了对应各个版本的插件,选择自己需要的即可

最新1.6英文注册版下载地址:http://pan.baidu.com/s/1qQxYI

序 列 号(Code):MKT-35210549500



12
Report
|
17
Share
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
大家都在看
Log in