Zane展展
为什么你一个前端这么优秀！我作为一个不会手绘的ui 是要失业了吗
每人每天仅限5票，快给你心仪的作品鼓励的一票。
投票
0.0°
来自一枚前端程序员的插画教程
「 前言 」
作为一个程序员，是什么让我一头栽入插画的坑？是樱桃键盘不好敲，还是Github不好玩？emmmm...都不是。你看，画插画的小姐姐人长得又好看，说话又好听，超喜欢跟她们一起交流画画的~
画画难吗？是挺难的，会让没学过美术的人望而怯步。但现在各种风格商业插画风靡的时代，想学插画的我们是否还有补救的机会？答案是肯定的。跟传统画画不一样的是，商业插画极具自由的想象、夸张的造型、大胆的配色和简单的光影，零基础如我，也能通过自学画出自己满意的画卷，给我一个手绘板，我能画出一道银河。咳咳咳，吹大了。
好了，少废话，直接进入主题，这篇文章你将看到我自学插画以来总结的插画绘制过程及所有绘画技巧。
「 绘画过程 」
绘画工具：手绘板+Photoshop
绘画步骤：1.草稿 2.线稿 3.上色 4.光影 5.纹理
常用快捷键(pc)：【撤回1次Ctrl+Z】【撤回多次Ctrl+Alt+Z】【橡皮擦E】【画笔B】【钢笔P】【自由选区L】【翻转R】【放大缩小Ctrl+Space+鼠标】
从书中看到图上这只小鸟，把我萌翻了，想用这个鸟的造型进行再创作，刚好追波官方送了我两个邀请码，就有了这幅作品，就叫它《鸟儿衔红花》吧。
注：小鸟造型来自《WOW!不一样的photoshop创意设计》
1.草稿
顾名思义，草稿就是构思并在白纸上起草的图稿，这个阶段你所做的就是把你的想法用粗糙的线条勾勒出来，不需要太准确，想到什么画什么，涂涂改改自由发挥。
绘画技巧：
1）前面提到构思，一副草稿如何而来？大多数时候不是凭空想象的，可以是对照片的绘制，可以贴着照片勾线，或是对别人作品的临摹与再创作。
2）笔刷使用铅笔、炭笔都可以。
2.线稿
同样是画线，为什么线稿单独出来？因为线稿是草稿的升华，在草稿定型之后进一步细致地绘制，把原本断断续续的线变得流畅起来，也为了接下来更好的上色，在绘制完线稿后，草稿就可以扔掉了。
绘画技巧：
1）画小短线，别画长线。画出来效果不至于断断续续就行，画线不抖另当别论。
2）快捷键R翻转画布可以换个角度画线。
3）不同模块分开图层画。
3.上色
在线稿的基础上涂色，新建图层分别涂上每个部位的颜色，这个阶段是最舒服的，一切按部就班。
绘画技巧：
1）上色前，把线稿放在最顶层，降低透明度，锁定图层。降低透明度可以防止线稿遮挡底部图层，锁定图层可以防止选择底部图层的时候选中线稿。
2）根据前后关系，先涂最底层颜色，再涂最顶层颜色；根据遮挡关系，先涂被遮挡部位，再涂遮挡部位。
3）被遮挡的部位颜色一定要涂全，防止后期修改顶部图层的时候出现底部图层色块欠缺。
4）根据图层越少越好原则，附属的部位，建立剪切蒙版即可，这样操作画出的图层都是单一的整体，也比较好查找。
5）涂色的时候如何让色块轮廓平滑？
a.用【橡皮擦E】擦除边缘毛糙的轮廓；
b.用【钢笔P】沿着色块轮廓画路径，建立选区反选删除毛糙边缘；
c.用【自由选区L】快速勾选边缘毛糙处删除。
6）如何让色块有笔刷的质感？
a.笔刷越大，质感越明显，上色的时候可以适当放大笔刷。
b.选区上色时，用笔刷上色，别用油漆桶上色。
7）色感不好的人怎么上色？设计网站搜索别人相似类型的插画作品，直接吸附上面的颜色即可，用别人的用得多了，慢慢的自己的色感也就培养起来了。
4.光影
光影即高光、暗部和阴影。没有光影的插画是没有灵魂的。
绘画技巧：
1）根据遮挡关系，先画暗部再画高光，因为高光在最顶层。
2）如何绘制高光和暗部？
a.锁住图层透明像素的方法绘制高光和暗部，图层减少，更快捷，但后期不易修改。
b.建立剪切模版的方法绘制高光和暗部，图层增多，后期方便修改。
c.吸取固有色，调节饱和度和明度，降低笔刷透明度，绘制高光和暗部。
3）绘制光影的笔刷可以是粉笔，也可以是颗粒笔刷，可以呈现不一样的质感。
5.纹理
找一些你喜欢的纹理叠上去，让画面看起来不那么平，更有质感。
可以是肌理笔刷，如颗粒笔刷，往上面点和戳，也可以叠加各种材质素材，营造那种脏脏的感觉，俗称质感。
最后说点构思的小细节：
完成稿跟线稿不一样，因为之前的花效果不好看，张牙舞爪的，所以后面换成了草。也因为追波送了邀请码给我，为了更好的表示这张插画是为送出邀请码而绘制的，故给小鸟的嘴上衔住两朵小红花，如果底下全是花，就衬托不了这唯一的两朵追波小红花了，换成绿叶衬托红花，效果刚刚好。
动静之美，比如在一个静的画面中画一只猫，猫的动作是跳跃，那跃然纸上的就是一幅有生气的画面，而不是纯静止的。非绝对，取决于你要呈现的画面是活跃还是安静。小鸟衔红花也颇有动静之美。
以上纯属个人操作，不接受任何反驳，嘻嘻。
（完）
谢谢观看~
全部评论：53条
更多作品
发表评论