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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
或许是一个被代码耽误的灵魂插画师
0.0°
2018-08-06 原创文章 教程 举报 19222 233 251 53

来自一枚前端程序员的插画教程


「 前言 」


作为一个程序员,是什么让我一头栽入插画的坑?是樱桃键盘不好敲,还是Github不好玩?emmmm...都不是。你看,画插画的小姐姐人长得又好看,说话又好听,超喜欢跟她们一起交流画画的~


画画难吗?是挺难的,会让没学过美术的人望而怯步。但现在各种风格商业插画风靡的时代,想学插画的我们是否还有补救的机会?答案是肯定的。跟传统画画不一样的是,商业插画极具自由的想象、夸张的造型、大胆的配色和简单的光影,零基础如我,也能通过自学画出自己满意的画卷,给我一个手绘板,我能画出一道银河。咳咳咳,吹大了。


好了,少废话,直接进入主题,这篇文章你将看到我自学插画以来总结的插画绘制过程及所有绘画技巧。




「 绘画过程 」


绘画工具:手绘板+Photoshop

绘画步骤:1.草稿 2.线稿 3.上色 4.光影 5.纹理

常用快捷键(pc):【撤回1次Ctrl+Z】【撤回多次Ctrl+Alt+Z】【橡皮擦E】【画笔B】【钢笔P】【自由选区L】【翻转R】【放大缩小Ctrl+Space+鼠标】


Image title


从书中看到图上这只小鸟,把我萌翻了,想用这个鸟的造型进行再创作,刚好追波官方送了我两个邀请码,就有了这幅作品,就叫它《鸟儿衔红花》吧。

注:小鸟造型来自《WOW!不一样的photoshop创意设计


1.草稿

顾名思义,草稿就是构思并在白纸上起草的图稿,这个阶段你所做的就是把你的想法用粗糙的线条勾勒出来,不需要太准确,想到什么画什么,涂涂改改自由发挥。


Image title


绘画技巧:

1)前面提到构思,一副草稿如何而来?大多数时候不是凭空想象的,可以是对照片的绘制,可以贴着照片勾线,或是对别人作品的临摹与再创作

2)笔刷使用铅笔、炭笔都可以。


2.线稿

同样是画线,为什么线稿单独出来?因为线稿是草稿的升华,在草稿定型之后进一步细致地绘制,把原本断断续续的线变得流畅起来,也为了接下来更好的上色,在绘制完线稿后,草稿就可以扔掉了。


Image title


绘画技巧:

1)画小短线,别画长线。画出来效果不至于断断续续就行,画线不抖另当别论。

2)快捷键R翻转画布可以换个角度画线。

3)不同模块分开图层画


Image title


3.上色

在线稿的基础上涂色,新建图层分别涂上每个部位的颜色,这个阶段是最舒服的,一切按部就班。


Image title


绘画技巧:

1)上色前,把线稿放在最顶层,降低透明度,锁定图层。降低透明度可以防止线稿遮挡底部图层,锁定图层可以防止选择底部图层的时候选中线稿。


Image title


2)根据前后关系,先涂最底层颜色,再涂最顶层颜色;根据遮挡关系,先涂被遮挡部位,再涂遮挡部位。


3)被遮挡的部位颜色一定要涂全,防止后期修改顶部图层的时候出现底部图层色块欠缺。


Image title


4)根据图层越少越好原则,附属的部位,建立剪切蒙版即可,这样操作画出的图层都是单一的整体,也比较好查找。


Image title


5)涂色的时候如何让色块轮廓平滑?

a.用【橡皮擦E】擦除边缘毛糙的轮廓;

b.用【钢笔P】沿着色块轮廓画路径,建立选区反选删除毛糙边缘;

c.用【自由选区L】快速勾选边缘毛糙处删除。


6)如何让色块有笔刷的质感?

a.笔刷越大,质感越明显,上色的时候可以适当放大笔刷。

b.选区上色时,用笔刷上色,别用油漆桶上色。


Image title


7)色感不好的人怎么上色?设计网站搜索别人相似类型的插画作品,直接吸附上面的颜色即可,用别人的用得多了,慢慢的自己的色感也就培养起来了。


4.光影

光影即高光、暗部和阴影。没有光影的插画是没有灵魂的。


Image title


绘画技巧:

1)根据遮挡关系,先画暗部再画高光,因为高光在最顶层。


2)如何绘制高光和暗部?

a.锁住图层透明像素的方法绘制高光和暗部,图层减少,更快捷,但后期不易修改。

b.建立剪切模版的方法绘制高光和暗部,图层增多,后期方便修改。


Image title


c.吸取固有色,调节饱和度和明度,降低笔刷透明度,绘制高光和暗部。


Image title


3)绘制光影的笔刷可以是粉笔,也可以是颗粒笔刷,可以呈现不一样的质感。


5.纹理

找一些你喜欢的纹理叠上去,让画面看起来不那么平,更有质感。

可以是肌理笔刷,如颗粒笔刷,往上面点和戳,也可以叠加各种材质素材,营造那种脏脏的感觉,俗称质感。


Image title



最后说点构思的小细节:

完成稿跟线稿不一样,因为之前的花效果不好看,张牙舞爪的,所以后面换成了草。也因为追波送了邀请码给我,为了更好的表示这张插画是为送出邀请码而绘制的,故给小鸟的嘴上衔住两朵小红花,如果底下全是花,就衬托不了这唯一的两朵追波小红花了,换成绿叶衬托红花,效果刚刚好。


动静之美,比如在一个静的画面中画一只猫,猫的动作是跳跃,那跃然纸上的就是一幅有生气的画面,而不是纯静止的。非绝对,取决于你要呈现的画面是活跃还是安静。小鸟衔红花也颇有动静之美。


以上纯属个人操作,不接受任何反驳,嘻嘻。




(完)

谢谢观看~












更新:2018-08-06

下载
收藏

233人已收藏

Zane展展

一个爱插画的前端程序员

  • 3

    作品

  • 274

    粉丝

  • 77

    关注

  • 一周线稿合集
  • 植物小屋

    猜你喜欢

      2018-08-06 原创文章 教程 举报 19222 233 251 53

      或许是一个被代码耽误的灵魂插画师

      0.0°

      你确定要举报或许是一个被代码耽误的灵魂插画师

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2018年06月24日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      251
      233
      53

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

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

      登录

      手机号

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

      登录
      第三方账号登录