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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
30分钟学会2.5D风格插画效果
0.0°
2021-09-20 原创文章 教程 举报 3901 25 13 1

插画的风格有很多种,其中有一种非常与众不同的风格,叫做2.5D(也叫伪3D),这种插画风格,虽然看似复杂,今天就与你分享制作过程。

使用工具:Affinity Designer 1.10

1.设置参考线

首先,新建一个1280x800的画布。

在「视图」菜单打开「等轴测」面板。 

按照下图顺序依次打开「显示网格」——「网格设置」-「等轴测」——间距改为32,然后关闭面板,恭喜你做完了准备工作!

2.让我们开始吧

首先让我们熟悉一下等轴测面板,作为一个2.5D的图形,至少需要3个面。

我们想在哪一个面上绘制图形,就可以点击相应的面,然后选中「在平面中编辑」这时你绘制的任何图形就只会显示在对应的面上,这么说可能有点复杂,你试过之后会发现,真的很简单。

好了,那下面的「适应平面」是个什么意思呢?假如我们本来想绘制一个正方形,放在顶面,结果搞错了,这个时候只需要点击面板中的「顶部」——「适应平面」你绘制的正方形就会以顶面的方向显示,就算你画的图形不属于任何面,它都能给你掰过来,是不是很贴心!

下面的翻转和旋转更容易理解了,和平面图形中一样的作用,只不过换成了2.5D的形式。

有了上面的理论知识,我们就可以开始动手了。

首先选中顶面——「在平面中编辑」——「矩形」

 按住Shift键绘制这样一个图形,作为我们的顶面。

依次完成「前面」和「侧面」,并将顶部复制一层,作为海面。

3.使用铅笔工具画出沙滩


大海和沙滩的交界需要有层次感,去过海边的同学一定不陌生,这里我们用铅笔工具来绘制,来表现这种特殊的不规则效果,选中铅笔记得点击顶部的使用填充,方便实时查看效果,画完之后,选中底部的黄色沙滩图层和铅笔图层,点击顶部的「分割」图标,然后就可以把两边不需要的部分删除了。 

按照同样方式,完成下面的效果。

接下来为其他两个面,修改颜色,右侧的背光面,色相不变,明度稍微降低一点即可。

如下图,为海面添加细节,同样使用铅笔工具绘制不规则的效果,用手绘板效果更好,鼠标也可以完成。

4.绘制椰树和冲浪板

恭喜你马上就要完成了,我们还需要在海滩种上椰树。

使用月牙工具完成树叶,用钢笔工具绘制树干。

复制一层,相加后,选中「顶部」——「适应平面」这样影子就投射在沙滩上了。

将椰树多复制几份。 

使用月牙工具完成冲浪板,使用矩形完成垫子的制作。

5.使用噪点笔刷增加质感

还有一步之遥就完成了,我们需要为插画增加一点沙滩的颗粒质感,点击顶部切换到像素角色,然后使用画笔工具。

选择一个颗粒感较强的画笔,流量调整为8%左右,涂抹完之后,调整一下图层不透明度。


最后给左右两边加个蒙版,再添加个背景就大功告成了!


Powered by Froala Editor

更新:2021-09-20

收藏

25人已收藏

可乐猫设计

UI设计师

  • 27

    作品

  • 459

    粉丝

  • 140

    关注

  • 如何制作边缘柔和的圆角立方体?
  • 教你10分钟完成一幅质感插画
  • 排版利器 Publisher 又又更新了
  • 那个可以代替 PS 的软件又又更新了

    猜你喜欢

      2021-09-20 原创文章 教程 举报 3901 25 13 1

      30分钟学会2.5D风格插画效果

      0.0°

      你确定要举报30分钟学会2.5D风格插画效果

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2021年09月20日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      13
      25
      1

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

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

      登录

      手机号

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

      登录
      第三方账号登录