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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
AI制作炫酷的泡泡文字字效
0.0°
2020-01-31 自译外文 教程 原作者: Andrei Marius 举报 4424 12 10 0

今天我们来制作一个炫酷的泡泡字体吧!字体文件在文末右下角已经提供给了大家。字体文件不具有免费商业用途。那么我们开始吧!

创建文字气泡效果

第一步

选择文本工具(t) ,然后在画板空白处单击输入你想要的文本,然后打开文本的属性面板。 将字体改为Bomber Balloon ,并设置大小为250像素。文本的颜色设置为黑色(r0 g0 b0)。

第二步

确保选中了刚才输入的文本,然后我们把填充和描边去掉,字体虽然暂时不见了,不要慌,我们打开外观面板,在外观面板中新建一个填充,并把填充颜色设置为R:40 G:73 B:138

第三步

从现在开始,基本上所有的步骤都是在外观面板中完成,所以你可以把更多的注意力放在外观面板中。

确保我们现在还是选中了刚才的文本,然后我们在外观面板中添加一个新的填充,然后选择这个填充,把颜色设置为R:50 G:120 B:181,然后在下方的效果处添加一个路劲偏移,输入-4px的偏移量,然后单击OK!

第四步

始终确保我们一直是选中了文本在进行效果的添加!现在我们选中顶部的填充颜色添加扭曲和变换里的变换效果!然后输入下面的值即可!(注意这里的顶部填充是较浅的蓝色,注意不要把顺序搞错了,不然就会和教程的效果有所出入) 

第五步

现在我们为其添加第三个填充。然后把颜色改为R:73 G:152 B:212,然后添加路径偏移,输入-8px的偏移量。然后在添加变换效果,输入下图的属性值,然后点击OK!

第六步

添加第四个填充,颜色设置为R:71 G:188 B:235,然后添加路径偏移效果,输入偏移量为-12px。再添加变换效果,属性值按下图所示进行设置! 

第七步

我们继续添加第五个填充,但是我们添加的这第五个填充是线性渐变,将其角度设置为90度。然后我们再添加路径偏移,输入-16px的偏移量。然后再次添加变换效果,属性值如下图所示。(渐变色的颜色值参考下图)

第八步

添加第六个填充,填充颜色设置为白色(R:255 G:255 B:255),然后在添加偏移路径效果,输入-22px的偏移量,然后在添加变换效果(属性值按下图所示进行设置)然后我们再添加一个高斯模糊效果,输入2px的半径大小。然后我们展开刚才的白色填充,在点击不透明度打开设置面板,对其填充属性进行设置,不透明度设置为30%,混合模式改为叠加。

第九步

现在我们把上一步的白色填充进行复制,复制按钮在外观面板右下角,和ps的复制一样。然后我们展开他,把告诉模糊效果删掉。(此刻我提醒大家注意你的所有效果是不是和图中展示的顺序一致)

第十步

现在我们添加一个新的填充颜色,改变它的混合模式为叠加,然后设置为线性渐变,参数入下图所示,然后下图的黄色数值代表着不透明度。这里意味着右边的滑块透明度为0.

第十一步

现在我们把色板调出来,然后在菜单哪里点击打开色板库,然后选择图案-基础图形-基础图形-纹理。现在我们再次确定是否选中了文本,然后在建立一个新的填充,我们把填充颜色改为基础图形纹理面板里的(点铜板雕刻)这个效果不是唯一,你可以多参数其他的纹理!然后我们再次添加变换效果,输入下图的属性值,记住,取消勾选Transform Objects (变换对象),然后把Transform Patterns  (变换图案)勾选!

第十二步

选择顶部填充,降低其不透明度到50% ,并改变混合模式为颜色减淡。(顶部指的是刚才建立的纹理层)

第十三步 

再次添加新的填充,然后使用图案纹理填充他,使用倒数第四个纹理(这里纹理不是唯一请多尝试)然后再添加变换效果,属性如下图所示! 

第十四步

选择顶部填充,降低其不透明度到80% ,并改变混合模式为颜色减淡。

第十五步

选择描边,设置粗细为8像素,并应用的线性渐变(不要忘记选择右滑块并把不透明度设置为0%)。 改变其混合模式为柔光,并添加路径偏移效果。 输入一个-4px 的偏移量,然后单击 OK。 

第十六步

现在,我们添加一个新的描边,然后设置粗细为4px,并用下面的渐变填充他,注意渐变滑块的位置和不透明度!(左边的位置为25%,不透明度为0)然后描边的整体不透明度为70%。并改变混合模式为颜色减淡,然后再添加一个路径偏移,输入-6px的偏移值。

第十七步

选中最最底下的填充。为其添加阴影效果。这里我们需要添加五个阴影,如图所示,每一个阴影的位置大小颜色都可以按照下图来进行设置!(需要注意的是阴影的层级问题) 

到这里我们就做好这个泡泡字体的效果,现在我们可以把它做成预设!

如何制作成预设

第一步

确保文本现在仍然被选中中,我们打开图形样式面板,单击新建图形样式,就可以吧我们做好的字体效果的属性进行保存,作为预设。这样我们下次可以对任何图形化对象使用。

第二步

选择椭圆工具,创建两个50px的圆和一个70x50px的椭圆,将这些图形放置如下图所示的位置。然后对其应用我们刚才建立的预设。

第三步

选择这些圆,添加变形效果,选择拱形,然后参数设置如下图所示!(这里为了更好的效果,建议每个圆圈单独做效果)

第四步

用矩形工具绘制一个610x810px的矩形,然后用渐变进行填充。渐变参数如下图所示。

最后你完成的本次教程的字体效果如下图所示!

Powered by Froala Editor

微信公众号:米夏小雨

更新:2020-01-31

下载
收藏

12人已收藏

米夏小雨

每周六晚20:00B站直播设计技法实操 欢迎来玩!

  • 116

    作品

  • 4517

    粉丝

  • 26

    关注

  • 【技法解析第七期】如何在C4D中创建二维矢量插画效果教程
  • 【技法解析第六期】多彩质感UI图标材质渲染教程-C4D教程
  • C4D教程-技法解析第五期-抽象艺术材料
  • 七步教你学会制作iPhone SE 2022 壁纸
相关标签

    猜你喜欢

      2020-01-31 自译外文 教程 原作者: Andrei Marius 举报 4424 12 10 0

      AI制作炫酷的泡泡文字字效

      0.0°

      你确定要举报AI制作炫酷的泡泡文字字效

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2020年01月31日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      10
      12
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录