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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
在 Adobe Illustrator 中创建复古发光字效
0.0°
2020-02-01 自译外文 教程 原作者: Andrei Marius 举报 1266 12 4 0

今天要给大家的这个教程其实很简单,就是各种渐变就完事

首先我们从创建背景开始

第一步

选择矩形工具,然后把描边颜色去掉,把填充颜色改为R:7 G:9 B:21 然后简单的创建一个860-460px的矩形。对齐这里是可以选择对齐画板还是对齐所选对象的!

第二步

选择矩形网格工具,然后点击画板,输入下图的属性即可。然后我们为这些路径设置描边颜色为R:251 G:85 B:195 并设置描边重量为2px。如果你的画板过大,而矩形过小,你可以使用居中命令然它居中画板。

第三步

我们把粉色的路径选中,然后对对象进行轮廓化描边(就是扩展外观)然后我们在用路径查找器把他们合并成一个新的图形,然后在给这些对象一个渐变色,色值参考下图,黄色的数字代表透明度,我想大家都知道把,前面已经说了N次了。

开始创建文字效果

第一步

选择文本工具,输入你想要做的字,建议用黑体等较宽的字体做练习。这里我们输入CHROME,字体大小135,字间距100,颜色为纯白色。

第二步

我们选中字体,把填充去掉,然后在外观面板中新建填充,并且用渐变色填充它。下面图片中难色的数值代表的是滑块的位置比列。一旦完成了,你可以把这个渐变色保存在你的色板,这样下次使用就会非常的快了。

第三步

确保你的文本仍然还是被选中状态,我们现在在外观面板选择现有的填充,给其添加一个内发光效果。输入下图的参数即可。

第四步

我们还是保持选中文本,现在我们使用外观面板的复制功能,把现有的填充复制一份,然后我们删除发光效果。然后添加偏移路径效果,输入2px的偏移量。然后为其添加四个投影效果,投影混合模式改为柔光。参数设置如下图所示。(注意,这一层填充是在下方,而不是顶部)

第五步

现在我们继续为文本添加第三个填充,并将其把这个填充放置在中间,然后透明度降低到30%,并改变混合模式为颜色加深。使用渐变色填充,然后应用1px的路径偏移。(黄色数值表示透明度)

第六步

我们继续为其添加第四个填充,把这个填充放到最下面,降低透明度到30%,颜色设置为R:251 G:85 B:195 然后给一个路径偏移效果,输入12px的偏移值。然后在添加一个高是模糊效果,输入半径30px。

第七步

我们现在给文本添加一个2px的面变,然后透明度降低到50%,并且把混合模式改为叠加,然后添加路径偏移效果,输入-1px的偏移值。

第八步

现在我们需要为文本创建一个新的描边,照样的,在外观面板里面新建描边,描边的粗细为1px,混合模式改为叠加,应用渐变效果进行颜色填充,在添加路径偏移效果,输入-0.5px的偏移量。

第九步

现在我们需要给文本添加第单个描边,描边需要放到倒数第一个填充的上面,具体看下图所示。然后描边的粗细为6px,透明度为10%,混合模式为柔光。然后给一个路径偏移效果,输入3px的偏移量。然后描边的颜色是渐变色(参考下图)

第十步

现在我们需要给文本添加最后一个填充颜色,让后把填充放到最最最上面。填充的颜色为黑色,透明度减低到5%,混合模式为叠加,然后添加偏移路径效果,输入2px的偏移量。然后在效果里面的素描里面为其添加(Chrome)铬黄渐变,参数值如下图所示。

其实做到这里已经完成了本教程的效果,可是我也不知道作者为什么要搞个别的字体效果在上面放着。那我也翻译给大家把,如果你不想加这个花里花哨的东西,教程到这里就结束了!

添加一个花里花哨的点缀物体

第一步

使用文本工具敲出一个单词,然后使用比较艺术圆滑的字体,然后字体大小为80,现在我们可以在外观面板中更改他的填充色为渐变色。数值如下图所示。

第二步

确保这个新加的字体被选中,然后我们添加第二个填充,选择渐变色填充它,然后把不透明度降低到30%,混合模式改为叠加。然后添加路径偏移效果。输入-2px的偏移量。

第三步

我们使用矩形工具绘制一个860-460px的矩形,并且居中他,设置填充颜色为黑色,减低透明度为5%,混合模式改为柔光,然后在效果画廊里面为其添加胶片颗粒效果(Film Grain),具体参数如下图

到这里,教程彻底完成了,

Powered by Froala Editor

微信公众号:米夏小雨

更新:2020-02-01

收藏

12人已收藏

米夏小雨

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

  • 116

    作品

  • 4517

    粉丝

  • 26

    关注

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

    猜你喜欢

      2020-02-01 自译外文 教程 原作者: Andrei Marius 举报 1266 12 4 0

      在 Adobe Illustrator 中创建复古发光字效

      0.0°

      你确定要举报在 Adobe Illustrator 中创建复古发光字效

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

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

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      4
      12
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录