AI教程:教你把纸上草图转换成插图 - 优设网 - UISDC

AI教程:教你把纸上草图转换成插图

2014/03/17 51278评论区

教你把纸上草图转换成插图

使用AI最愉快的环节就是将用铅笔绘制的草图转换为插图了!但是这个过程可不见得就那么简单,这里提供一点点小技巧,客官笑纳:)

一些简单实用的小教程:
《PS新手教程:变换角度!让你的设计稿更上档次》
《后期之王!教你轻松掌握PS曲线工具(附大神实操曲线图)》

教你把纸上草图转换成插图

本教程案例我们就使用如上图所示的斯巴达式头盔吧!

 

一、跟踪草图

教你把纸上草图转换成插图

打开AI,新建文件,File > Place找到草图,把草图放到画布上。降低草图的不透明度到20%左右,然后使用快捷键CMD/CTRL+2给它上锁避免意外选到它。

教你把纸上草图转换成插图

我们将尽力通过几何形状来跟踪草图。很明显头盔的的中部可以用一个圆形来定局,不过我们不需要整个圆形,所以使用裁剪工具来处理掉多余的部分。

教你把纸上草图转换成插图

复制(CMD+C/CTRL+L)并粘贴之,CMD/CTRL+F重复刚才的步骤,然后按下ALT稍微把形状调大一点,左移到如上图所示位置,继续使用裁剪工具修饰该形状使之匹配草图。

教你把纸上草图转换成插图

是时候使用钢笔工具了。选中其中一个形状的端点,沿着草图路径绘制你的钢笔路径。

教你把纸上草图转换成插图

为了不使贝塞尔曲线干扰路径的绘制,绘制过程中可以按下ALT点击锚点来删掉它,方便后续路径的绘制。这样子就可以绘制任意的直线或者曲线了。

教你把纸上草图转换成插图

继续跟踪草图绘制路径。有些路径最终会形成完整的形状,而一些终点只需要做到与草图路径重叠就OK了。

教你把纸上草图转换成插图

按下CMD/CTRL + Alt + 2解锁草图并移到一边,现在单独来看看你自己用钢笔绘制出来的图像,它看起来清晰多了有木有!(虽然有点无聊)

 

二、创造自然的线条

如果插图已经绑定了默认笔刷的话,使数字插图看起来自然的关键是模拟线路权重的微小差异。方法有很多,下面是我最喜欢的:

教你把纸上草图转换成插图

选中所有路径,加大描边强度。

教你把纸上草图转换成插图

Object > Expand选中描边选项点击OK。

教你把纸上草图转换成插图

接下来使用直接选择工具(Direct Selection tool)从细微处调整一些关键地方的厚度。

教你把纸上草图转换成插图

确保每个边边角角都有一个节点在那里以使后续路径的绘制畅通。

教你把纸上草图转换成插图

就这么简单而愉快地完成了一幅草图跟踪稿。

 

三、上色

上色的方法也有很多。直接使用油漆桶工具上色是一个不错的选择。但是接下来的这个方法更具灵活性:

教你把纸上草图转换成插图

在路径图层的下面新建图层,然后锁住路径图层以避免路径被不小心选到。

教你把纸上草图转换成插图

在颜色面板中选取一个你想用的颜色,然后使用钢笔工具绘制需要上色的区域。确保路径在黑色区域之内。

教你把纸上草图转换成插图

同样的步骤(只不过换个颜色)继续填充其他需要上色的部分。

 

四、淡化插图,创造真实感

简单的阴影可以给插图带来一点真实性。哪怕你已经忘记了美术课上那些关于阴影的各种理论,但在作品中稍微添加一些高光和阴影是可以升华你的艺术品的!

教你把纸上草图转换成插图

首先从高光开始。选择白色,使用钢笔工具绘制需要填充高光的区域,有些区域需要使用曲线来完美展现艺术性。

教你把纸上草图转换成插图

改变混合模式为柔光(Soft Light)使其巧妙地照亮底层的颜色。

教你把纸上草图转换成插图

高光完成后自然就是阴影了。颜色改为黑色绘制阴影区域。之后改变混合模式为40%的颜色加深(Color Burn)。

教你把纸上草图转换成插图

这个技巧的伟大之处就是可以通过层层叠加来自然而有效地链接上下图层的颜色关系。

教你把纸上草图转换成插图

还是重复上面的步骤,这个头盔就这么愉快地完成了。头盔顶部的各种形状也是通过钢笔工具和颜色的结合实现的。

 

五、最终作品

教你把纸上草图转换成插图

以上就是本文的小技巧。比较适合素描入门级电脑上色。一定要留意线条的粗细变化和阴影哦!这些是使插图看起来有生气的关键所在。

教你把纸上草图转换成插图

这是切换到ps里面添加纹理后的效果,你们感受下!

 

原文地址:blog.spoongraphics
优设网翻译:@写说说

本文由优设网uisdc.com原创翻译,转摘请注明优设网译文出处,谢谢各位小编。

【优设网 原创文章 投稿邮箱:2650232288@qq.com】
 
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册:网页设计师必须修炼的内功技法,更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/
设计微博:拥有粉丝量65万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/sketch-vector-art

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 设计师 扁平化设计 交互设计师 界面设计 优设专访 排版布局 优设大课堂 职场 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 设计师专访 字体下载 psd下载 平面设计 用户体验设计 设计趋势 设计规范 海报设计 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里