恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
AI绘制咖啡馆一角抽象场景插画教程
0.0°
2019-04-27 好文转载 教程 原作者: 提子鱼 举报 2031 3 4 0

前言

最近执着于人物的绘画,今天给大家带来了一幅人物插画的小教程。接下来小编会把插画的制作方法分享给大家,希望大家会有所收获~

插画描述了一个漂亮的小姐姐在喝咖啡的休闲场景,旁边还有一只熟睡的猫咪更增添了画面的静怡舒适(让人舒服没有丝毫的设计感)接着就是周围场景的组合,更加的烘托氛围。很棒的一幅作品~

整篇教程小编把他分为三部分:AI路径绘制、PS调色、噪点笔刷调整

完成教程所需:Illustrator、Photoshop基本的软件操作(这些都不太重要)主要是有耐心、细心



Image title


http://player.youku.com/player.php/sid/XNDE1MDI2NTY0MA==/v.swf

优酷视频 官方腾讯课堂常驻插画设计师“壹零”老师在线授课

喜欢插画的小伙伴可以加助理老师的QQ:2507748513

前十个好友即可领取百种ps插画笔刷 还能获得腾讯课堂公开课试听名额



准备阶段第一步:

打开AI,新建画布800*926px,颜色模式RGB,分辨率72ppi

第二步:

拖拽原图到画布降低不透明度,对齐并锁定(防止误操作)

第三步:

新建图层,降低图层不透明度(可以看清即可)方便我们后面绘制时依旧可以看清原图轮廓

绘制阶段

准备工作已经完成了。接下来,我们先来分析下插画原图。

插画里面的元素有:一个漂亮的小姐姐、一只熟睡的猫咪、一条长凳 两张桌子、一瓶花、一杯咖啡、一个黑板、一张屏幕、一些草丛

小编按照主次划分为了四部分:小姐姐、猫咪、场景、背景(后面会详细说明场景、背景分别包括那些元素)

第一步:

先来绘制小姐姐吧(四个部分,无论那个部分开始都可以哦)。 插画路径的绘制都是利用钢笔工具,就不在做过多赘述了。

第二步:

猫咪的绘制。 猫咪同样分为头、身体等部分,这里就不再分步叙述了。

第三步:

背景的绘制。 这一步要注意的就是一些透视的问题,比如说椅子,近大远小使其有种纵深感。从而使整个画面更富空间感呐~

第四步:

场景的绘制。

到这里我们AI的部分算是绘制完成了。 来看看效果~


Image title




接着,我们打开ps进入调色的部分。

第一步:

新建画布(同AI)800*926px,72ppi,RGB颜色8位。

第二步:

把AI里面的路径按照之前的分组,一组一组的导入进来(避免混乱)然后再把他们一层一层的分开方便我们填色。

分开之后一定要做好命名哦~不然图层多了之后很容易乱。

这一步是个不小的工程,要多些耐心呐~

这里就不做配图展示啦,命名什么的自己清楚就好了。

AI所有路径导入之后,记得按照之前的位置放好。 开始配色之旅~

(配色的方法就不做叙述了,上篇文章有提到哦,有兴趣的同学可以在学UI网搜索蜗牛绘制教程里面有提到,不喜欢讲重复的东西任性下)

第三步:

同样,先从小姐姐开始吧。 调色的时候记得多参照原图,毕竟我们是临摹教程哇~不过,想要自由发挥的同学也很棒呐~这里不做限制。给小姐姐配色的过程中一定要注意哦,我们取原图每一块颜色中间的颜色(或者稍浅的颜色)来作为我们所要选取的颜色就好了,可能感觉跟原图会有差距,不要着急还有最后的一部分需要用到笔刷来完成(后面会讲到)


第四步: 猫咪的配色


第五步: 上面两步确定了两个主体物的颜色,接着我们来确定背景的配色。这样我们整幅插画的配色就完成了大半,同时也方便我们暂时做整体色调统一的调整。

背景的配色。

第六步:

最后一步场景的配色了,要注意的是三个花朵的颜色一定不要一样哦~要同种颜色但纯度不能一样。 目的是为了区分前后,表现他的空间感。 草丛的颜色也要有深有浅。


这里配色部分就结束了。 整幅插画也完成了大半,是不是很简单呢~ 继续加油,来看看接下来部分吧~~


笔刷的调整部分也很简单呢,原理就是利用噪点笔刷(作业题页面会给到大家)来画出插画阴影部分(颜色较重的部分)。

阴影部分的颜色,首先可以考虑利用原本的颜色进行正片叠底,并适当调整下图层的不透明度;如果不是你想要的颜色再去考虑选取合适的颜色进行绘制(这样可以节省很多时间)。

在笔刷绘制之前呢,我们要先调整笔刷的颜色,并且在要绘制的图层上面一定要新建空白图层并剪切到要绘制的图层方便修改。 我们就以小姐姐的头部为例:

第一步:

调整画笔颜色。




第二步: 选择画笔工具,选中噪点笔刷。

第三步:

在图层属性栏新建图层并剪切图层(图层7所示)。 根据实际情况选择小编在上文中讲述的两种方法进行绘制。

第四步:

选择要绘制的区域直接绘制(如图所示)。 记得随时调整画笔的大小哦~

我们继续往下画吧~


第五步: 小姐姐的绘制~Image title


第六步: 猫咪的绘制。

要把握好亮部和阴影哦,尤其是猫咪头部的地方不太简单~

第七步: 场景的绘制。

光源记得保持统一哦~~

第八步: 背景的绘制。 光源同样记得保持统一哦~~

我们最后笔刷的部分到这里也就结束啦。 来看下最终的效果吧~

更新:2019-04-27

收藏

3人已收藏

插画师你好北木

添加官方QQ号:2507748513 领取插画公开课视频链接

  • 25

    作品

  • 64

    粉丝

  • 1

    关注

  • AI插画啤酒屋的制作教程
  • AI+PS教程!教你绘制商务风格打车场景插画
  • 手绘教程!带你用赛璐璐画法绘制植物拟人
  • AI制作2.5D矢量插画小教程
相关标签

    猜你喜欢

      2019-04-27 好文转载 教程 原作者: 提子鱼 举报 2031 3 4 0

      AI绘制咖啡馆一角抽象场景插画教程

      0.0°

      你确定要举报AI绘制咖啡馆一角抽象场景插画教程

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年04月27日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      4
      3
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录