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

你将需要哪些准备工作
以下字体是这个教程中使用的:
- Riffic 字体
在开始创造这个平面风格字体前,请先下载安装该字体
1.如何创建一个新文档
步骤1
让我们先创建一个画幅600X600像素,RGB颜色模式的新画布

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

2.如何创建这种平面风格字体
步骤1
让我们先使用文字工具,单击快捷菜单栏中的文字工具选项(快捷键T),然后选择Riffic字体。设置字体大小为100pt。用大写字母输入文字”QUEST” ,

步骤2
现在去设置第一种渐变颜色,首先选择文本对象将其填充为无色,点击右边快捷工具栏中的外观选项,点击添加新填充颜色按钮。
注意:如果你找不到外观选项按钮,找到上方菜单栏中的窗口>外观,然后将外观选项勾选。

步骤3
选择新的填充颜色,点开窗口>渐变选项,然后设置有3种颜色效果的渐变样式。
照下面的数据来进行设置:
- 类型:线性
- 角度:90°
- 第一个渐变滑块颜色:
#d67638
,位置:0% - 第二个渐变滑块颜色:
#e5af4b
,位置:50% - 第三个渐变滑块颜色:
#f3ea60
,位置:75%

步骤4
注视外观面板,确保字体和填充面板都被选中。使用相同的添加新填色按钮添加第二种颜色,然后单击这个按钮一种新的颜色,一种新的填充颜色将会创建在在之前填充颜色之上。
现在单击外观底部面板的添加新效果按钮(fx),选择展开栏中的路径>位移路劲选项。
按照下方数据设置:
- 位移:3
- 连接:斜接
- 斜接限制:4
点击确认按钮应用效果

步骤5
使用渐变面板(快捷键G)来设置一个2中颜色的渐变效果。
按照下方数据设置:
- 类型:线性
- 角度:90°
- 第一个渐变滑块颜色:
#ce5c39
,位置:0% - 第二个渐变滑块颜色:
#c96b2e
,位置:100%
提示:想要从渐变面板中移除任何不需要的颜色,就把它拉出渐变条。

步骤6
现在单击外观面板底部应用新效果(fx)按钮然后选择扭曲和变换>变换选项
按照下方数据设置:
- 垂直移动:1pt
- 勾选:缩放描边和效果
- 勾选:变换对象
- 勾选:变换图案
- 副本:7个
点击确认按钮应用效果

步骤7
我们将要改变这个渐变的颜色参数,所以打开渐变面板(快捷键G)。使用下方的参数重新设置颜色:
- 类型:线性
- 角度:90°
- 第一个渐变滑块颜色:
#591714
,位置:0% - 第二个渐变滑块颜色:
#812e26
,位置:100%

步骤8
单击最上面的填充颜色按钮,确保文字和最上方的填充颜色按钮被选择。
现在单击外观面板右下角的复制所选项目按钮,
使用渐变工具,按照下方的参数重新设置颜色:
- 类型:线性
- 角度:90°
- 第一个渐变滑块颜色:
#e6c04c
,位置:0% - 第二个渐变滑块颜色:
#f2e95f
,位置:35% - 第三个渐变滑块颜色:
#e8f4fc
,位置:100%

步骤9
现在单击外观面板左下方的添加新效果(fx)按钮,选择路径>位移路径选项。
按照下方数据设置:
- 位移:-4
- 连接:斜接
- 斜接限制:4
点击确认按钮应用效果

步骤10
确保文字和最上层颜色填充层都被选中。单击外观面板右下方的添加新效果按钮(fx),然后选择扭曲和变换>变换选项。
按照下方数据设置:
- 水平位移:-3pt
- 勾选:缩放描边和效果
- 勾选:变换对象
- 勾选:变换图案
点击确认按钮应用效果

步骤11
现在我们将添加一个在文字主体后面的投影效果。所以选择文字对象,打开它的外观属性面板。
现在单击外观属性面板左下方的添加新效果按钮,选择风格化>投影。
按照下方数据设置:
- 模式:正常
- 不透明度:35%
- X轴位移:0
- Y轴位移:8pt
- 模糊:1pt
- 颜色:
#221f1f
点击确认按钮应用效果

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