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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
怎样几步完成一个简单的2.5D小插画?
0.0°
2018-08-30 原创文章 教程 举报 14626 125 146 5

其实图文的方式学习是最高效的,文中我主要是把作图方法的过程描述了出来,而不是细化到参数大伙照着做一遍,那样相信下次就忘了。得动动小手去做才能记忆深刻嘛。

Image title

Image title

Image title

00.制作网格,建立一个100*60的画布,利用矩形工具,画3条线,矩形粗细为2Px,两条斜线离水平线为30度。画好后选择编辑——定义图案。

Image title

01.新建一个画板1800*1200,填充一个浅蓝色图层,点开混合模式——图案叠加——选择刚自己自定义的网格,然后调节缩放,自己看的舒服就行了。并将此图层

填充调节为0 。并置于所有图层的顶层。


然后就可以开始愉快的画图了。


Image title

Image title

02.复制一层颜色改为浅蓝。

Image title

03.继续复制一层改变颜色为白色

Image title

04.用钢笔工具为插座两面,填补好明暗两面。以同样的方法画一个圆和一个矩形,合并形状,得到一个插孔。CTRL+T  后,右键透视将框对齐网格线后如图。

Image title

05.复制一层插孔,将颜色改为浅色。将此图层在第一层上剪切蒙版,并往下移动一段距离。使得插孔有凹凸感。

Image title

06.画一个矩形,颜色改为深蓝色,剪切蒙版在插孔图层上。使插孔有一个暗面。

Image title

07.以同样的方法制作其余插孔。

Image title

08.画一个矩形,并透视对齐网格。如图。

Image title

09.复制一层,颜色改为白色。

Image title

010.钢笔工具,将立方体两面补好。

Image title

011.顶上自己可以发挥想象。添加信号灯。注意添加明暗面。

Image title

012.(为了使图更丰富,绘制线板缝隙)复制一层插板的圆角矩形,浅蓝色。

Image title

013.复制浅蓝色圆角矩形,并缩小一点点。颜色改为白色

Image title

014.为缝隙添加暗面,绘制一个矩形,并改为深蓝色。调整位置沿插板对角线。在刚才的粉蓝色圆角矩形上剪切蒙版。得到如下

Image title

015.画一个圆形,并透视,同样的透视对齐网格线。

Image title

016.复制一层透视好的圆,改变颜色为深蓝色,在浅色的圆上剪切蒙版。并向下移动一段距离。得到如下效果

Image title

017.钢笔工具,关闭填充,选择描边。调整自己合适的粗细。绘制一段曲线作为电线。如图。

Image title

018.复制一层曲线,描边颜色改变为浅蓝色,同样的方法剪切蒙版。并向上移动一段距离。得到以下情景。

Image title

019.再复制一层曲线,改变颜色为深蓝色,移动到合适位置作为阴影。

Image title

020.处理细节,电线和插板间的细节,用钢笔工具绘制图形,为线头画一个弧型与线孔贴合。并在电线上,绘制一层弧圈作为线孔投射在点线上的阴影。

Image title

好了一个小插画就这样完成了。

Image title

记得给我点赞哦~

更新:2018-08-30

收藏

125人已收藏

微笑的冰欺凌

不想发作品的UI设计

  • 9

    作品

  • 49

    粉丝

  • 59

    关注

  • 音乐界面
  • Pokemon 超梦。
  • 美妙的世界
  • C4D线条缠绕字体(附图文教程)

    猜你喜欢

      2018-08-30 原创文章 教程 举报 14626 125 146 5

      怎样几步完成一个简单的2.5D小插画?

      0.0°

      你确定要举报怎样几步完成一个简单的2.5D小插画?

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2018年03月20日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      146
      125
      5

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

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

      登录

      手机号

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

      登录
      第三方账号登录