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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
如何在 Adobe Illustrator 中创建烟花字
0.0°
2020-01-29 自译外文 教程 原作者: Andrei Marius 举报 1643 8 7 0

好久不见,今天我们来跟着教程做一个这种质感很强的烟花爆竹字体效果吧!教程是我在大山里面用移动数据敲的,有问题的地方可以私信留言给我进行更正!


如何制作火箭顶端

第一步

选择椭圆工具(l)。 简单地创建一个36 x 4px的形状 ,然后将其颜色设置为 R:254 G:240 B:158,记得去掉描边颜色。

 

第二步

选中你的形状,使用直接选择工具(a)。 选择顶部的锚点并简单地向上拖动38像素,如下图所示。

第三步

选中你的形状,选择锚点工具(Shift-C)。 只需点击顶部的锚点,并水平拖动手柄4像素,如第一张图片所示。 如果你开启了网格,这样会让事情变得更简单。 分别选中左边和右边的定位点并切换到直接选择工具(a)。 选择顶部手柄,然后像第二张图片那样垂直拖动它们4像素。

 

第四步

在原来的位置复制一份,然后把最前面的大小调整到34像素,然后把后面的颜色改为R=244 G=103 B=16 

第五步

选中最顶层的浅黄色再复制一份,然后把最顶层的浅黄色大小调整为30px,然后把浅黄色后面的颜色改为R=248 G=141 B=34

第六步

我们再次选中浅黄色的复制一份,然后把大小改成24px,然后后面的颜色改为 R=250 G=165 B=50.

第七步

重复上面的操作,把最上面的大小调整为14px,后面的颜色改为R=252 G=192 B=71

第八步

重复上面的操作,把最上面的大小调整为6px,后面的颜色改为R=253 G=217 B=99 

为了使过程变的简单,不复杂,所以译的时候把步骤四到八里面的使用路径查找器的步骤省略了,但是不会影响整体效果,所以不用纠结为什么图片显示了该工具,却没有说明!还有这几步的细节成分决定了你后面做的字好不好看!


第九步

选择椭圆工具(l) ,创建一个36 x 4像素的形状。 用白色填充(r255g255b255) ,并按照第一张图片所示进行放置。 然后选中这个新的形状,并使用直接选择工具(a)。 选择顶部的锚点并向上拖动1像素。 重新选择您的整个白色形状,然后到外观面板里面把降低不透明度到50% ,改变混合模式为叠加。 

第十步

选择椭圆工具(l) ,创建一个36 x 4像素的形状。 用R:138 G:13 B:13填充,然后按照第一张图片所示进行放置。 将这个新形状复制两份,选择最上面的一个,向上移动1像素。 然后重新选择剩下这两个副本,并从路径查找器面板中使用减去前面工具。 这个时候把新得到的图形填充黑色(r0g0b0) ,在外观面板里面降低其不透明度为50% ,并改变混合模式为柔光。

如何制作火箭外壳

以下步骤都是为了加强立体感的细节,所以大家做的时候可以仔细一点!我觉你可以先通篇看完教程在动手!

第一步

选择矩形工具(m) ,创建一个26 x 44像素的形状。 用R:251 G:176 B:59填充,如下图所示放置,然后我们给矩形1px的圆角效果(圆角的方法很多,这里不赘述),然后再对其进行扩展外观!

第二步

选中黄色圆角矩形,然后在效果里面选择变形效果。然后按住下图中的参数进行设置(下图的参数很简单,所以你照着设置是没问题的,没涉复杂的东西在里面)注意,这里是使用了两次变形效果!

第三步

选择矩形工具(m) ,创建一个26 ×7px的形状。 用R:200 G:50 B:50填充,然后按照下图所示的位置放置。 然后切换到直接选择工具(a)。 选择右边的这两个锚点,并简单地向上拖动12像素。如图二所示!

第四步

确保你的红色形状仍然被选中,然后使用变形效果。 输入下面显示的属性,单击 OK就可以完成了。注意这里是使用了两次变形效果哦!这里会有一个提示,你可以忽略,两次效果都是可以生效的,如果不放心你可以在外观面板中看是否有这两个效果存在,如果不存在就用一次扩展一次)

第五步

确保你的红色形状仍然被选中,然后进入效果,扭曲和变换,使用变换效果。 输入下面显示的属性,单击 OK, 最后你可以对其进行扩展外观!然后把超出黄色矩形部分的红色形状切掉!

第六步

选择主体黄色形状,然后复制一份作为副本,然后使用矩形工具绘制一个10x51px的形状,放在第一张图一样的位置,然后使用路径查找器工具将其切割,最后把剩下的部分填充为白色R:255 G:255 B:255 降低其不透明度为20% 并把混合模式改为叠加! 

第七步

步骤同上 ,再绘制一个6x51px的矩形,降低其不透明度为40%,混合模式改为叠加。

第八步

步骤同上 ,再绘制一个4x51px的矩形,降低其不透明度为60%,混合模式改为叠加。

第九步

如图所示创建两个6 x 51像素的形状。 按照第一张图片所示放置它们,然后选中这两矩形,把超出主体部分的用路径查找器切掉从而得到新的形状,并用黑色填充。 然后降低其不透明度到20% ,并改变混合模式为柔光。 

第十步

步骤方法同上,选择矩形工具(m) ,创建两个3x51像素的形状。 按照第一张图片所示放置它们,然后用黑色填充。 降低其不透明度到40% ,并改变混合模式为柔光。

第十一步

步骤方法同九,选择矩形工具(m) ,创建两个1x51像素的形状。 按照第一张图片所示放置它们,然后用黑色填充。 降低其不透明度到60% ,并改变混合模式为柔光。

第十二步

这个时候我们的看看我们的设置了,看看键盘位移是不是每次是1px,不是就改为1px。在首选项里面里面设置。

选择主体的黄色形状,在前面复制两份(Ctrl-C Ctrl-F Ctrl-F)。 选择顶部副本,并使用键盘上的向下箭头按钮向下移动3像素。完成移动后,使用路径查找器把想要的部分切出来。 然后用 R:138  G:13 B:13填充产生的形状,降低其不透明度到10% ,并且不要忘记把它放到前面(Shift-Crtl-])。 

第十三步

步骤方法同上,选择主体的黄色形状,在前面复制两份(Ctrl-C Ctrl-F Ctrl-F)。 选择顶部副本,并使用键盘上的向下箭头按钮向下移动2像素。完成移动后,使用路径查找器把想要的部分切出来。 然后用 R:138  G:13 B:13填充产生的形状,降低其不透明度到20% ,并且不要忘记把它放到前面(Shift-Crtl-])。 

第十四步

步骤方法同上选择主体的黄色形状,在前面复制两份(Ctrl-C Ctrl-F Ctrl-F)。 选择顶部副本,并使用键盘上的向下箭头按钮向下移动1像素。完成移动后,使用路径查找器把想要的部分切出来。 然后用 R:138  G:13 B:13填充产生的形状,降低其不透明度到30% ,并且不要忘记把它放到前面(Shift-Crtl-])。


如何制作火箭导火索

第一步

选择矩形工具(m) ,创建一个4x40像素的形状,填充 R:130 G:142 B:165,然后按照第一张图片所示进行放置。 使用相同的工具,创建一个1x40像素的形状,并将其放置如第二张图片所示。 填充白色,降低其不透明度到40% ,并改变混合模式为叠加。(这里是只有小矩形才改变属性哈!)

第二步

使用矩形工具(m) ,创建一个1x40像素的形状,并将其放置在第一个图像所示的位置。 填充为黑色,降低其不透明度到40% ,并改变混合模式为叠加。 然后复制这个细长方形,然后按照第二张图片所示放置它。

第三步

使用矩形工具(m) ,创建一个4像素的正方形,并将其放置在第一张图片所示位置。 填充为黑色,降低其不透明度到25% ,并改变混合模式为柔光。 使用矩形工具(m) ,创建一个4x2像素的形状,并将其放置在第二个图像所示位置。 填充为黑色,降低其不透明度到50% ,并改变混合模式为柔光。

第四步

选择钢笔工具(p) ,并创建一个简单的路径,大约如第一个图像所示。在确保没有为其填充颜色下选择画笔。 并从配置文件下拉菜单中选择宽度配置文件4。 然后填充颜色为R=105 G=5 B=5。然后在扩展外观!

第五步

把前几步得到的图形放到火箭的后面!这样我们的主体就完成了,接下来我们需要自己检查一下有没有不好的地方,然后就可以开始最后的制作了!

创建和保存图案笔刷

第一步

我们把得到的火箭整体打组,然后在旋转90度

第二步

使用矩形工具(m) ,创建一个26 x 36像素的形状,并将其准确地放置在如下图所示的位置。 用R:147  G:39  B:143填充,并将其不透明度降低到50% 

 

第三步

选择到目前为止制作的所有形状并复制它们(Control-V)。 将这些副本放在原始形状的下面。 你不需要把它们完美地对齐,只要确保你的两枚火箭不会重叠就行了。 

第四步

往后的步骤就是为了吧这个火箭切成三分,然后切口必须光滑,没有毛刺!所以你可以用自己的方法来进行制作!

选择第一个火箭形状和紫色的矩形,然后使用形状生成工具(Shift-M)。 按住键盘上的 Alt 按钮,然后鼠标经过的地方就会删掉!这样你就得到像图二一样的形状!

最后,仔细看看这两个边缘,确保有一个光滑的垂直墙壁。 如果你注意到一些微小的残留物,使用同样的工具和技术来移除它就好。

第五步

使用直接选择工具(a) ,选择第一张图片中右边的形状,并简单地将它们拖动到色板(窗口色板)中,将它们保存为一个图案。然后你可以将它重命名为“ EndTile” ,然后单击“确定”。 使用相同的工具,选择第二张图片中左边的形状,并将它们保存为新的图案。 将其重命名为“ StartTile”。 

第六步

现在我们要做的就是把中间部分拿出来用,同理可以用上面步骤的方法将其取出!这里就不在赘述了!同样,要保证边缘是光滑的!

第七步

首先我们一去覆盖在上面的紫色矩形,然后选中剩下的图形,打开笔刷面板,新建笔刷,然后选择图案笔刷,然后你可以为自己的笔刷命名,然后按照下图设置即可

创建背景和文本效果

第一步

选择矩形工具(m) ,创建一个860 x 560像素的形状。 确保它覆盖了你的整个画板,并填写它的径向渐变色值如下所示。 使用渐变工具(g)拉出您想要的渐变。

第二步

这里你可以随意的打上数字,教程是2018年的,但你你在做的时候可以打上2020等等都可以,文字大小为300 pt。然后把不透明度改淡一些。(这里的字体选择最好是书法艺术一点,不然做出来的效果不是很好!可以多尝试不同的字体)

第三步

使用钢笔工具(p)或画笔工具(b) ,沿着你的文本画出简单的路径,如下图所示。 确保没有为这些路径设置填充颜色,只有一个白色描边。 

第四步

选择在上一个步骤中制作的白色路径,并简单地替换成火箭图案笔刷。 一旦你完成了,你可以删除那段文字。

第五步

目前来说效果的粗细一致,所以我们需要改变它,让它变得不一样,这个时候我们可以使用宽度工具!选择要改变的路径的端点,然后用宽度工具点击拖动即可改变!然后根据下图的效果参考,调整出你想要的效果,效果不需要太多,有即可!

第六步

选择所有的火箭路径给其添加阴影。在效果-风格化-投影。 输入下面显示的属性,单击“确定”即可,记得这里是使用了两次投影效果!

创造几个火花

第一步

选择椭圆工具(l) ,创建一个20像素的圆圈填充R:244  G:103 B:16确保形状保持选中状态,将其不透明度降低到60% ,然后进入使用偏移路径。 输入2像素的偏移量,点击确定,然后转到效果 扭曲和变换 波纹效果。 输入下面显示的属性并单击 OK。 

第二步

这个时候我们再次选中那个20px的圆,添加第二个填充并选择它。 设置颜色为 R:250 G:165 B:50,降低其不透明度为70% ,然后进入效果 扭曲和变换 波纹效果 。 输入下面显示的属性并单击 OK。 

第三步

确保你的20像素的圆仍然是选中的,然后添加第三个填充并选择它。 设置颜色为 R:253 G:217 B:99,降低其不透明度为80% ,并进入效果 路径偏移路径。 输入一个 -4px 的偏移量,点击确定,然后进入效果 扭曲和转换 波纹效果。 输入下面显示的属性并单击 OK。 

在这里说一下,所有的效果都是放在填充的子集里面,放在外面是没有效果的。当然你也可以手动绘制这样的图形!

第四步

确保你的20像素的圆仍然是选中的,选择整个路径并转到 效果 风格化 外发光。 输入下面显示的属性并单击 OK。 

第五步

复制几个20像素的圆圈,按照下图展开。然后你就完成了这个效果的制作了! 

Powered by Froala Editor

更新:2020-01-29

收藏

8人已收藏

米夏小雨

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

  • 116

    作品

  • 4517

    粉丝

  • 26

    关注

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

    猜你喜欢

      2020-01-29 自译外文 教程 原作者: Andrei Marius 举报 1643 8 7 0

      如何在 Adobe Illustrator 中创建烟花字

      0.0°

      你确定要举报如何在 Adobe Illustrator 中创建烟花字

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

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

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      7
      8
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录