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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
2.5D插画设计教程——2.5D字体设计
0.0°
2019-05-22 原创文章 教程 举报 26132 367 187 16

大家好,今天的教程主题是:制作2.5D插画立体字的设计,先来看一下最终的效果图:

Image title

2.5D插画设计之立体字体设计效果图


操作步骤


第1步:打开illustrator,新建一个:1200x900px 的画板

Image title


然后打开图层面板,新建图层,并命名为做图层(用来做物体造型图层)、参考线图层(用来做2.5D插画参考线图层);在做图层里画一个和画板一样大的矩形,按ctrl+2 将矩形锁定,如动图:

Image title


第2步:新建参考线,选中参考线图层,用直线段工具,画一条直线,点击选择工具,按住alt键,向下拖拽复制出另一条线,然后按Ctrl+D(多次复制),多复制一些,然后全选中直线,鼠标右键:变换-旋转(角度:30度)-确定

Image title


然后,再次选中这些线,鼠标右键:变换-对称(垂直,角度:90)-复制;全选所有线段进行编组(ctrl+G),编组后,按ctrl+5,把所有线段转换为参考线,如动图:

Image title


第3步:做文字3D造型,选择文字工具,输入“UIMEIR”,并设置文字属性,动图:(此处文字,你可以用你的名字或者品牌名称都可以)

Image title

Image title


在菜单栏选择:效果-3D-凸出和斜角,数值分别为:-45、-35、30,其他默认,后期都是可以调节的,如动图:

Image title


接下来,在菜单栏选择:对象-扩展外观,效果如图:

Image title


第4步:搭建正方体造型,用矩形工具画一个正方形,在菜单栏选择:效果-3D-凸出和斜角,数值分别为:45、35、-30,其他默认,后期都是可以调节的,确定后在菜单栏选择:对象-扩展外观,如动图:

Image title


第5步:对正方体造型进行调节,如动图:

Image title


第6步:做2个长方体造型,调整期间一定要打开参考线,实时观察参照,以防调整期间出现错位,便以及时调整回来,如动图:

Image title


小技巧:以上的调整方法是通过选择工具和直接选择工具进行锚点调整的,就是我们常说的黑白箭头,多选锚点:需要按住shift键+直接选择工具框选锚点即可。


第7步:调整文字造型和长方体造型,已摆放至我们视觉和比例够舒服和协调的大小和位置,如动图:

Image title


第8步:上色前的准备,将字母文字造型中的曲面位置的面选中,然后点击:窗口—路径查找器—联集,目的是为了我们方便上色,如动图:

Image title


其他面,大家也按此方法进行操作即可,如图:

Image title


第9步:添加文字投影,将长方体复制出一个(ctrl+C,ctrl+F:贴在前面),删除左侧面和右侧面,只保留上面,用这个面来做投影,如动图:

Image title


其他字母投影也是如此做法,投影效果如下图:

Image title


第10步:上色,用直接选择工具(白箭头)选取对应的面,我们可以先给长方体造型上色,左侧面色值:# ffa75c,右侧面色值:# fe574c,上面色值:# ffdc89,字母颜色,各面用吸管工具吸取长方体对应面颜色即可,目的是为了快速上色,如动图:

Image title

Image title


暗面上色,字母U、M、R暗面色值:#ffaa57,字母E、R暗面色值:#ffb77a,如动图:

Image title


第11步:添加背景色、投影;点击矩形背景层,按ctrl+alt+2解锁图层,双击设色器,设置颜色为:# 8693f2;选中所有投影层,双击设色器,设置颜色为:#0b0b54,透明度:14%;然后将我提前画好的插画人物复制进来,摆放到长方体上,调整大小至合适大小,如动图:

Image title


最后:大家可以写上作品的名字、时间、打卡、天数、作者等信息,进行一个排版和对界面进行简单的修饰,然后就大功告成,2.5D插画多彩魔方效果图,如下:

Image title


注意:教程中用到的都是一些AI的基础操作知识,如果你对AI的基础操作不熟练,你完成作业可能会有点吃力,关于软件的基础操作,我这里不会展开去说,不熟练的小伙伴可以私下去补习一下!

Image title



微信公众号:UI严选

更新:2019-05-22

收藏

367人已收藏

小小方方

微信公众号:UI严选

  • 94

    作品

  • 7241

    粉丝

  • 20

    关注

  • 动效落地,方案怎么选?
  • 告别手动!如何三分钟快速搞定AE动画,附插件安装包
  • 潮流、潮牌、手撕褶皱、抽象几何图形、潮流样机素材,请注意查收
  • AE避坑 | AE动效落地时常见问题解析和注意事项

    猜你喜欢

      2019-05-22 原创文章 教程 举报 26132 367 187 16

      2.5D插画设计教程——2.5D字体设计

      0.0°

      你确定要举报2.5D插画设计教程——2.5D字体设计

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

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

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      187
      367
      16

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

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

      登录

      手机号

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

      登录
      第三方账号登录