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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
用illustrator制作Isometric风格的宝塔
0.0°
2017-01-21 原创文章 经验/观点 举报 8227 38 56 0

面向新手的Isometric风格教程


写在前面的话:确保你的illustrator版本具有3D菜单

首先,宝塔是个什么样子......

百度大雁塔,获得一张参照

Image title


原来就是一层又一层啊,那就做个差不多的吧!!!

新建好画布后(大小任意,单位为px,颜色RGB)

1.制作宝塔地基

使用矩形工具绘制200x200的矩形,选一个绿绿的颜色,作为草地

Image title

选中矩形,对象-路径-偏移路径,在位移中输入-20,点击确定后就会得到另一个新的矩形,修改颜色为#d1b08a,作为我们的地基Image title

这样我们有了两个矩形Image title

选中绿色矩形,效果-3D-突出和斜角。位置修改为等角上方,厚度为10(记得开启预览)

Image title

先不要急着做地基,选中第二个矩形后,ctrl-c、ctrl-f复制一份制作护栏,选中新的矩形对象-路径-偏移路径,在位移中输入6。选中两个一大一小两个矩形,窗口-路径查找打开路径查找面板,选中减去顶层,护栏完成。Image title

选中绿地上原来的第二个矩形,效果-3D-突出和斜角。位置修改为等角上方,厚度为60(记得开启预览)

Image title

选中用于制作护栏的方环颜色修改为#b59671,效果-3D-突出和斜角。位置修改为等角上方,厚度为14(记得开启预览),保持选中,对象-扩展外观。

使用移动工具把他们移动到合适的位置。Image title

现在制作小柱子,绘制两个6x6的矩形Image title

点击靠上的矩形不放,按住alt 键往下拖,可以复制出新的矩形,按照这个方法做出几个矩形Image title

选中他们,在对齐面板中点击垂直居中分部,ctrl-g组合。

Image title

ctrl-c,ctrl-v复制一份,把新的一份旋转90度。

Image title

选中垂直的那一份,效果-3D-突出和斜角。位置修改为等角上方,厚度为4(记得开启预览)。

Image title


另一份同理,再分别把他们复制一份,放在护栏四个边上。(在3d效果后 对象-扩展外观会更好对齐)Image title

新建25x40的矩形,选中上面两个小圆点Image title

往里拖Image title

效果-3D-突出和斜角。位置修改为等角左方,厚度为0。对象-扩展外观。右键对称,点击复制Image title

Image title

两个门就做好了,移动到合适的地方(请修改门的颜色)。Image title

2.制作第一层

绘制160x160的矩形,颜色为d1b08a和534741
Image title

同时选中,ctrl-c,ctrl-v复制,保持同时选中,缩小一些,重复一次Image title

选中浅色的矩形,效果-3D-突出和斜角。位置修改为等角上方,厚度为50。选中深色的矩形效果-3D-突出和斜角。位置修改为等角上方厚度为30,斜面为第六个,高度为8,选中斜角外扩(我的出现了乱码,无法得知名字)。

Image title

Image title

选中最顶层的深色,在外观面板修改3d特效,斜角改为第七个,选中斜角内缩。对象-扩展外观。Image title

Image title


Image title

删除下面的两个面。其余的面ctrl-g组合,适当放大,放到塔顶Image title

加上门(可以直接复制)

Image title

完成!

第一次写教程,比较粗糙哈~~~有什么疑问可以在我的微信公众平台提问,我会第一时间回答大家。也可以直接在评论区提问哈~

Image title



更新:2017-01-21

收藏

38人已收藏

  • 1

    作品

  • 13

    粉丝

  • 9

    关注

    猜你喜欢

      2017-01-21 原创文章 经验/观点 举报 8227 38 56 0

      用illustrator制作Isometric风格的宝塔

      0.0°

      你确定要举报用illustrator制作Isometric风格的宝塔

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2017年01月21日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      56
      38
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录