Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

如何在Adobe Illustrator软件中创建一个游戏平面风格的字体效果。

by
Difficulty:BeginnerLength:ShortLanguages:

Chinese (Simplified) (中文(简体)) translation by JackSean (you can also view the original English article)

Final product image
What You'll Be Creating

在这个教程中,你将会学习如何制作在Adobe Illustrator软件中创建一个游戏平面风格的字体效果。

我们将要创造的平面风格是游戏视觉平面风格中的一种。

如果你想要跳过这个教程,仅仅是应用这种超过9种样式的风格效果字体,你可以在 GraphicRiver中搜索Game Graphic Style 来购买

All Game Graphic Styles

 你将需要哪些准备工作

以下字体是这个教程中使用的:

  • Riffic 字体

在开始创造这个平面风格字体前,请先下载安装该字体

1.如何创建一个新文档

步骤1

让我们先创建一个画幅600X600像素RGB颜色模式的新画布

Set up a New Document

步骤2

现在打开上方菜单栏中的编辑>首选项>常规,勾选缩放描边和效果按钮。
点击确认按钮来应用这个设置。

Check Scale Stoke Effect Option

2.如何创建这种平面风格字体

步骤1

让我们先使用文字工具,单击快捷菜单栏中的文字工具选项(快捷键T),然后选择Riffic字体。设置字体大小100pt。用大写字母输入文字"QUEST" ,

Write a Text

步骤2

现在去设置第一种渐变颜色,首先选择文本对象将其填充为无色,点击右边快捷工具栏中的外观选项,点击添加新填充颜色按钮。

注意:如果你找不到外观选项按钮,找到上方菜单栏中的窗口>外观,然后将外观选项勾选。

Apply Add New Fill

步骤3

选择新的填充颜色,点开窗口>渐变选项,然后设置有3种颜色效果的渐变样式。

照下面的数据来进行设置:

  • 类型:线性
  • 角度:90°
  • 第一个渐变滑块颜色#d67638位置:0%
  • 第二个渐变滑块颜色#e5af4b位置:50%
  • 第三个渐变滑块颜色#f3ea60位置:75%
Fill Gradient Using Gradient Panel

步骤4

注视外观面板,确保字体和填充面板都被选中。使用相同的添加新填色按钮添加第二种颜色,然后单击这个按钮一种新的颜色,一种新的填充颜色将会创建在在之前填充颜色之上。

现在单击外观底部面板的添加新效果按钮(fx),选择展开栏中的路径>位移路劲选项

按照下方数据设置:

  • 位移:3
  • 连接:斜接
  • 斜接限制:4

点击确认按钮应用效果

Offset Path

步骤5

使用渐变面板(快捷键G)来设置一个2中颜色的渐变效果。

 按照下方数据设置:

  • 类型:线性
  • 角度:90°
  • 第一个渐变滑块颜色#ce5c39位置:0%
  • 第二个渐变滑块颜色#c96b2e位置:100%

 提示:想要从渐变面板中移除任何不需要的颜色,就把它拉出渐变条。

Second Gradient with 2 Color Stops

步骤6

现在单击外观面板底部应用新效果(fx按钮然后选择扭曲和变换>变换选项

 按照下方数据设置:

  • 垂直移动:1pt
  • 勾选:缩放描边和效果
  • 勾选:变换对象
  • 勾选:变换图案
  • 副本:7个

点击确认按钮应用效果

Transform Effect Using Appearance Panel

步骤7

我们将要改变这个渐变的颜色参数,所以打开渐变面板(快捷键G)。使用下方的参数重新设置颜色:

  • 类型:线性
  • 角度:90°
  • 第一个渐变滑块颜色#591714位置:0%
  • 第二个渐变滑块颜色#812e26位置:100%
2 Color Stops Gradient

步骤8

单击最上面的填充颜色按钮,确保文字和最上方的填充颜色按钮被选择。

现在单击外观面板右下角的复制所选项目按钮,

使用渐变工具,按照下方的参数重新设置颜色:

  • 类型:线性
  • 角度:90°
  • 第一个渐变滑块颜色#e6c04c位置:0%
  • 第二个渐变滑块颜色#f2e95f位置:35%
  • 第三个渐变滑块颜色#e8f4fc位置:100%
Duplicate Selected item Using Appearance Panel

步骤9

现在单击外观面板左下方的添加新效果(fx)按钮,选择路径>位移路径选项。

按照下方数据设置:

  • 位移:-4
  • 连接:斜接
  • 斜接限制:4

点击确认按钮应用效果

Apply a New Offset Path

步骤10

确保文字和最上层颜色填充层都被选中。单击外观面板右下方的添加新效果按钮(fx,然后选择扭曲和变换>变换选项

按照下方数据设置:

  • 水平位移:-3pt
  • 勾选:缩放描边和效果
  • 勾选:变换对象
  • 勾选:变换图案

点击确认按钮应用效果

Again Transform Effect using Appearance Panel

步骤11

现在我们将添加一个在文字主体后面的投影效果。所以选择文字对象,打开它的外观属性面板。

现在单击外观属性面板左下方的添加新效果按钮,选择风格化>投影

按照下方数据设置:

  • 模式:正常
  • 不透明度:35%
  • X轴位移:0
  • Y轴位移:8pt
  • 模糊:1pt
  • 颜色#221f1f

点击确认按钮应用效果

Apply a Drop Shadow

恭喜!你完成这个教程了!

就是这样子的!你学会并能够在你的游戏主题项目中使用这种风格效果了。这种我们创建的平面风格样式是游戏平面风格样式的一种。

我真心希望你喜欢这个教程。

Final Image
关注我们的公众号
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.