AI教程丨把照片制作成矢量线条插画(内附优质UI资源大放送)

 

▲更多UI教程点击获取1、新建文档,点文件菜单>置入。选择图像/照片文件,点“置入”,导入图片(如果你想导入...



▲更多UI教程点击获取

文末有下载专区,获取资源请直接拉到文章末尾
废话不多说,先上效果图
step 1

新建文档,点文件菜单>置入。选择图像/照片文件,点“置入”,导入图片(如果你想导入的图片文件至始至终都保存在新建的文档里,那么请不要勾选链接选项)。下一步,选择图片,并且使用Ctrl+2锁定它。
step 2

依据图片的复杂程度,来确定图片上使用的阴影数。这里,我定义了3种不同类别的阴影,即最亮的区域(明调)为空,中间调用单线表示,最暗的阴影(暗调)用交叉线表示。你也可以尝试使用不同的线条来表示不同的阴影。
step 3

使用直线段工具(),绘制一条水平线,宽度比图片(描摹区)宽一点。把它移到描摹区的顶部,描边颜色:使用对比度高的颜色。
step 4

选择线条,点对象菜单>变换>分别变换(Alt+Shift+Ctrl+D)。垂直移动:输入-10px,点“复制”。下一步,按Ctrl+D直到线条到达图片(描摹区)底部。

(注:垂直移动框内,你输入的数值,结果要能清晰地看见复制的线条。这里我使用的是-15px。)


step 5

选择所有的线条,按Alt+鼠标拖拽,制作线条的副本。下一步,副本旋转90度,把它暂时放在画板的一边,之后我们会用到它。
step 6 纵向描摹

从最上面的线条开始调整,用相同的方法调整每一根水平线的大小,每一根水平线的2个端点终止于描摹区的边缘处。你可以使用选择工具(V)来调整水平线的大小。我们的目标是用水平线来覆盖描摹区。
step 7

调整每一根线条的大小,调整不包括明亮区(明调)。(因为第2步明调定义为空。)

每一段的水平线,你会发现它们都是处于同一水平路径上的。因为这个原因,所以你可以在要显示暗调的位置复制和放置一些线条。
step 8

选择所有的水平线,按Ctrl+2锁定。下一步,使用之前第5步制作的线条副本,把它移到描摹区的最左边。
step 9 横向描摹

从最左边的线条开始调整,方法同第6、第7步。调整每一根垂直线条的大小,目标是覆盖住整个暗调区。调整不包括最亮的区域,中间调和交叉线表示的暗调如图所示。

图中:

intersect the darkest parts:交叉线表示的暗调

Exclude the brightest parts:调整不包括最亮的区域

Leave medium shades without intersecting:中间调不交叉

如果需要的话,可以复制线条。按此操作,直到调整到图片的最右边。
step 10

描摹完成后,全部解锁(Ctrl+Alt+2),并且删除背景图片。选择所有的线条,群组(Ctrl+G)。你可以尝试更改线条描边的颜色和宽度,以求得到最佳的效果。
应用范围

本教程所描述的技巧是一种双向描摹技巧,即横向和纵向。你还可以定义斜线描摹。最终的成品可用于店铺设计、大型海报和其它设计。
下面是重点
UI资源下载专区:

老规矩,为防链接被吞,你留邮箱,我发资源。

需要这套资源的在微信后台回复「邮箱+UI」,如123456789@qq.com+UI,丝丝收到后会及时发送至您的邮箱,后台回复后未收到的朋友可联系丝丝重新发送。

丝丝的QQ:2593169835

(本套资源涉及到软件:PS、AI、Sketch,需要下载安装这3种软件的朋友可在后台回复「邮箱,需要XX」,如12345678@qq.com,需要PS)

▼更多教程和资源,翻过图片点击阅读原文获取


    关注 丝路教育


微信扫一扫关注公众号

0 个评论

要回复文章请先登录注册