美文网首页缘好设计.摄影.文案坊
如何画好一张描边插画?来看这份超全面的总结!

如何画好一张描边插画?来看这份超全面的总结!

作者: UI设计师Rich | 来源:发表于2019-08-10 15:07 被阅读13次

    一、草图阶段

    1. 确立主题,画草稿

    这次插画的主题源自于我的一个梦:在草地上,遗落的帆布鞋里面长满了鲜花,小鸟守在花的旁边歌唱。

    确定主题后,把脑海里的画面画出来,可以画在纸上,也可以用数位板在 ps 里面画,按照个人习惯就好。我比较喜欢手绘,因此在纸上画。

    2. 打开AI,调整设置

    新建画布1600*1200

    视图-勾选对齐点

    3. 把草图拉到画面中,调整大小

    二、线稿

    1. 描边设置及要注意的问题

    在描边插画中,常见的问题之一就是描边的粗细问题. 以及描边间关系的处理问题。

    描边粗细问题(下图以之前的四季插画为例子)

    描边间关系处理

    描边设置

    描边的粗细是根据画布大小而决定的,1600*1200的画布,我习惯用 8pt 的粗细的线条,但是如果画布是1200*900,8pt 则显得过粗。具体的粗细可以根据情况而调整。

    2. 线稿画法

    布尔运算法

    形状断点重连法

    形状生成器

    钢笔勾勒法

    钢笔勾勒法顾名思义就是用钢笔直接描出物体的外形。在这个插画中,植物的形状比较随性,因此用钢笔直接勾勒比形状剪切要快。绘制的过程中,注意调整线条的平滑度. 弧度,使其规整。在此不作示范。

    三、色稿

    1. 增加背景色

    2. 色稿层的绘制

    3. 颜色调整

    4. 高光与暗部

    5. 经过高光与暗部塑造后的画面

    四、 风格塑造与整体调整

    1. 风格塑造

    最近看到 kit8 大神的画,突然想到如果白线运用在线性插画会怎样,就尝试了这种风格。把线稿复制一层置于顶上,改成白色,2px 粗细的线,然后向旁边移动错位,破一下画面沉闷的感觉。

    2. 整体调整

    看到这里,你应该也发现了,画面是比较灰的,因为我都是选择低饱和度的颜色,如果需要调整,就在 AI 中把插画导出 SVG 格式。然后拖到 PS 里面进行色相饱和度的调整。

    3. 保存喜欢的配色

    在颜色调整过程中,遇到喜欢的配色就保存下来,这样一张插画就完成了。

    有对UI感兴趣的或者想学习UI的小伙伴都可以“关注”老师 私信“学习”两字 就可以免费获取UI学习资料,跟老师一起学习哦!

    相关文章

      网友评论

        本文标题:如何画好一张描边插画?来看这份超全面的总结!

        本文链接:https://www.haomeiwen.com/subject/ossrjctx.html