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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
教程 | Vol.2 用AI做文字效果 之 3D圆环字
0.0°
2020-12-13 原创文章 教程 举报 5797 39 20 5

今天的内容是教大家利用AI制作3D圆环字,跟第一期环绕字的方法类似,但也有所不同,来一起体会下两者的区别吧!


Hello大家,AI文字效果设计系列教程更新到第二期,上一期的作业完成了吗?今天的内容是教大家制作3D圆环字,跟第一期环绕字的方法类似,但也有所不同,来一起体会下两者的区别吧!

同样,我们最后做包装时可以用到塑料包装质感,相关资料大礼包我也打包好了,链接在文末~


# 操作步骤

AI中的3D圆环字效果也是利用在3D模型中贴图来实现的,至于如何贴图,也是有技巧的,下面我们来看看具体的操作:


1、打字,排版

跟上一期的环形效果不同,环形只需要有一个面,所以文字排成长长的一条就行了;本期圆环效果是更具有立体感的,所以文字排版不仅要长,而且要足够高,如下图。


2、创建符号

上一步排好的字,全选后一起拖入到符号窗口(符号在顶部工具栏的「窗口」下面可以找到),鼠标放开时会弹窗提示符号选项,不更改这些默认选项,直接点击确定。


其实在之后贴完图,我都回到符号这一步来调整了很多次的,符号和3D模型设置好后如何调整,你往后滑动到#小提示就知道啦!


3、创建3D图形

上期环形是基于一个开放的半圆绕转成,本期圆环也是从一个正圆开始,不过这个圆不用太大,我们画个54px的正圆,给它设置颜色#f96969,有颜色的时候生成3D,会比黑色的时候生成的立体感看得更清楚。


选中正圆,执行:效果-3D-绕转

要得到圆环的效果,主要是通过设置「位移」这个参数,这次要做两个圆环相扣的感觉,除了位移,我们还需要旋转图上的立方体来得到不同的造型,下面是两个圆环的参数设置参考。

建议先设置好一个圆环,贴好图,复制一个再调整位置参数好,不然要贴两次图,麻烦。

设置好位置和位移,接着点贴图按钮,在弹窗中点击符号,在下拉窗口的底部找到之前创建好的符号,接着点「缩放以适合」就可以让符号铺满整个贴图,在这个基础上我们还可以再根据3D效果再调整下


BTW,这次不需要勾选「三维模型不可见」了


如果你在确定之后还想调整一下模型,就在「外观」里面找到3D绕转,单击一下就又能进入之前模型的参数设置里面


4、制作圆环相扣

这里需要用到的知识是不透明蒙版,用蒙版把两个圆环其中的一个相交部分遮盖了,就形成了相扣的效果。


现在这个圆环还处于3D模式,我们要让它具象化出来,就需要在顶部工具栏中的「对象」-「扩展外观」,把它们变成真正的圆环形状。



扩展好了长上图这样


接下来我们就要做不透明蒙版了,我们要遮盖的位置是右边圆环的左边相交部分,现在我这个图上相交得太多了,不好做减法,我们把右边圆环往左移动一下,让相交部分只有一处。



然后我们要用路径查找器(布尔运算)减掉蓝色圈圈这个地方,大家知道布尔运算只能在一个形状图层上面做减法的,但是我们的圆环上面有太多的元素了,不能直接减,下面就是一些sao操作:


1、选中两个圆环,Ctrl+C复制,Ctrl+F原位粘贴;再单独选择一个圆环,执行「路径查找器」-「联集」,把它变成一个单纯的圆环,另一个圆环同理,这样我们得到了两个白色的形状



2、画一个矩形,把左边圆环的上半部分都遮住,只留下与右边圆环的相交部分;同时选中矩形和左边圆环,执行「路径查找器」-「减去顶层」,得到如下图的形状



3、不透明蒙版的原理是黑遮白显,黑色用于遮盖,白色用于显示。我们把刚刚减出来的形状改成纯黑色,右边的圆环形状保持纯白色,好了,开始了:


用鼠标在白色圆环的右边往左边一拉,就可以同时框选住白色圆环和下面的立体圆环,我们打开透明度窗口,点击制作蒙版



现在再同时选中黑色形状和右边圆环,再点一下制作蒙版~~



完成!



#小提示

1、符号、外观、路径查找器、透明度这些功能,都是在AI顶部工具栏的「窗口」里面可以找到

2、符号创建好之后,也是可以修改的,并且这个修改将用于所有用到同一符号的地方,如何修改:双击画板中之前创建的符号;或者双击符号窗口中的符号,进入单独的编辑界面,修改后Ctrl+S保存一下就改好了

3、修改了符号之后,需要在「外观」里进入3D绕转,这样你的修改才能自动更新到模型上去

4、选中3D模型,色板会变成红色,双击这个色板我们就可以改模型的颜色;如果模型已经被扩展外观了,就不能这样改颜色了哦,所以建议在做不可逆的操作之前,都复制一份备用




#小惊喜

分享一个塑料包装薄膜的素材给大家,在PS里面,图层模式设置成「滤色」就可以使用啦。

【自习室】塑料质感透明真空压缩薄膜素材合集 

链接: https://pan.baidu.com/s/1iRFF_KV9uJ8kxwiAaNbONw

密码: it9l


对了对了,在AI里面也是可以用的,操作:选中塑料,打开透明度窗口,混合模式选择「滤色」,覆盖在排版好的图上面,效果跟PS一毛一样唷。




本期教程到这里就结束了,咱们下期再见。

Powered by Froala Editor

微信公众号:叶设计的自习室

更新:2020-12-13

收藏

39人已收藏

超级叶

微信公众号:叶设计的自习室

  • 48

    作品

  • 1842

    粉丝

  • 70

    关注

  • 教程 | Vol.7 用AI做文字效果设计 之 三步打造破碎
  • 教程 | Vol.6 用AI做文字效果设计 之 酷炫故障文字
  • 教程 | Vol.5 用AI做文字效果 之 解构堆叠扭曲文字
  • 教程 | Vol.4 用AI做文字效果 之 封套扭曲变形字

    猜你喜欢

      2020-12-13 原创文章 教程 举报 5797 39 20 5

      教程 | Vol.2 用AI做文字效果 之 3D圆环字

      0.0°

      你确定要举报教程 | Vol.2 用AI做文字效果 之 3D圆环字

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2020年12月13日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      20
      39
      5

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

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

      登录

      手机号

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

      登录
      第三方账号登录