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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
商业插画绘制案例
0.0°
2017-09-27 原创文章 教程 举报 4599 26 26 3

今天我们讲解的是商业插画的相关内容,插画绘制的步骤,现在就一起来看看吧!

最终案例展示效果

Image title


第一步:绘制草图

我们需要绘制上述元素的草稿,尽可能的在草稿上表现出应有的光影关系和细节,以便于在PS中更高效的处理。

Image title


第二步:导入PS

将草稿拍照或者是扫描进电脑,在PS中打开,将草稿层放置在图层最上方,采用正片叠底模式,方便后面上色处理。

Image title


第三步:勾线处理

使用画笔工具进行勾线处理,打开F5画笔预设,在形状动态中,打开钢笔压力,以便绘制出更好的线条效果。在草稿的基础上,对勾线稿进行了一些修改处理。

Image title


勾线后效果图如下

Image title


第四步:上色

选用干燥笔刷进行颜色上色,可以是颜色具有一定材质肌理感,颜色处理采用分段分片上色,以便后期修改调整。在这里我们将每个独立的元素分开上色,注意图层命名。

Image title

Image title


在上色过程中,尽量将所有元素的光影关系保持一致,使画面更加具有整体感;我们还可以参考一些风格图和事物图,方便我们对风格色彩的处理

Image title


在色彩上融入一些自己的理解,最终形成自己的风格。最终效果如下

Image title


第五步:添加文字

我们将色稿处理完了以后,为了进一步展示作品,我们加入了文字元素。使用文字工具打出我们想要的文字,通过调整字号大小、文字间距得到我们想要的文字。

Image title

此时画面中的层次感较弱

Image title

为了使画面更加有意思,我们将使用图层蒙版对文字进行不分遮罩处理,如下图

Image title

使用钢笔工具勾选出想要的效果,将勾勒出的路径CTRL+ENTER转化为选区,在图层蒙版上填充黑色。再使用图层样式,给文字一定的投影效果

Image title

Image title


最后就等到了我们在文章前看到的效果,感兴趣的小伙伴可以试试哦!

本文为源码时代UI老师原创,转载请标明出处(www.itsource.cn)

更新:2017-09-27

收藏

26人已收藏

源码时代

加群:578747546 可获取UI设计各类软件及相关视频资料哦

  • 28

    作品

  • 101

    粉丝

  • 0

    关注

  • 三分钟平面秒变酷炫3D效果
  • PS祛斑修容之通道磨皮法
  • 糖画字体设计
  • 简单有效的空间共享是网页排版
相关标签

    猜你喜欢

      2017-09-27 原创文章 教程 举报 4599 26 26 3

      商业插画绘制案例

      0.0°

      你确定要举报商业插画绘制案例

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2017年09月27日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      26
      26
      3

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

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

      登录

      手机号

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

      登录
      第三方账号登录