Hi,网页设计师综合门户欢迎您!
设为首页  加为收藏  我要投稿找回密码免责声明意见反馈

招聘精英个人求职推广网站网友作品网页特效动画欣赏网页素材酷站欣赏源码下载设计软件

  • 全站搜索
  • 新闻资讯
  • 网页教程
  • 平面教程
  • 程序设计
  • 视频教程
  • Flash教程

网页设计师提供网页设计、网站程序开发、系统开发等,请联系QQ 103198680

 您当前的位置:首页 > 阅读文章
网页设计师综合门户欢迎您!

AI把照片转换成矢量线条插画教程

刊登方式:转载   来源:网络  作者:  关键词:平面设计理念  更新时间:2017/7/14

  这篇教程教飞特的AI爱好者们用AI把照片制作成矢量线条插画,教程难度一般,但是挺有创意的,也算是一个技巧的分享吧。我们先来看一下效果图:

AI把照片制作成矢量线条插画 飞特网 AI教程
Illustrator教程

  具体的制作步骤如下:

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

AI把照片制作成矢量线条插画 飞特网 AI教程

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

AI把照片制作成矢量线条插画 飞特网 AI教程

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

AI把照片制作成矢量线条插画 飞特网 AI教程

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

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

AI把照片制作成矢量线条插画 飞特网 AI教程
AI把照片制作成矢量线条插画 飞特网 AI教程

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

AI把照片制作成矢量线条插画 飞特网 AI教程

  6、纵向描摹

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

AI把照片制作成矢量线条插画 飞特网 AI教程

  7、调整每一根线条的大小,调整不包括明亮区(明调)。

  译者注:因为第2步明调定义为空。

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

AI把照片制作成矢量线条插画 飞特网 AI教程

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

AI把照片制作成矢量线条插画 飞特网 AI教程

  9、横向描摹

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

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

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

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

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

AI把照片制作成矢量线条插画 飞特网 AI教程
AI把照片制作成矢量线条插画 飞特网 AI教程
AI把照片制作成矢量线条插画 飞特网 AI教程

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

AI把照片制作成矢量线条插画 飞特网 AI教程

  尾声和应用范围

  本教程所描述的技巧是一种双向描摹技巧,即横向和纵向。你还可以定义斜线描摹。最终的成品可用于店铺设计、大型海报和其它设计。希望飞特的朋友们喜欢这篇AI教程。