教程·AI | 游戏 APP设计

图片[1] | 教程·AI | 游戏 APP设计 | 星尘资源网

实例描述

使用圆角、投影、外发光等效果表现文字及图形的立体感,通过渐变颜色的设置表现光泽度。

视频教程

详细步骤

Step 01

打开学习资料中的素材“游戏APP设计素材 ”,如图所示。背景及装饰素材已经锁定,并处于隐藏状态。

图片[2] | 教程·AI | 游戏 APP设计 | 星尘资源网

选择“图层2”,用该图层中的文字制作特效。

图片[3] | 教程·AI | 游戏 APP设计 | 星尘资源网

Step 02

选择画面中的文字,执行“效果>风格化>圆角”命令,设置半径为3mm。

图片[4] | 教程·AI | 游戏 APP设计 | 星尘资源网

Step 03

执行“效果>风格化>投影”命令,为文字添加投影效果。

图片[5] | 教程·AI | 游戏 APP设计 | 星尘资源网

Step 04

使用选择工具按住Alt键向上拖动文字进行复制。

图片[6] | 教程·AI | 游戏 APP设计 | 星尘资源网

单击“外观”面板中的“投影”属性。

图片[7] | 教程·AI | 游戏 APP设计 | 星尘资源网

按住Alt键单击面板底部的按钮,删除该属性。

图片[8] | 教程·AI | 游戏 APP设计 | 星尘资源网

图片[9] | 教程·AI | 游戏 APP设计 | 星尘资源网

Step 05

在“渐变”面板中调整渐变颜色,将文字填充线性渐变。

图片[10] | 教程·AI | 游戏 APP设计 | 星尘资源网

Step 06

切换到描边编辑状态,设置描边颜色为线性渐变,粗细

为5pt。

图片[11] | 教程·AI | 游戏 APP设计 | 星尘资源网

Step 07

使用编组选择工具选取单引号图形,将填充与描边都设置不同的渐变颜色。

图片[12] | 教程·AI | 游戏 APP设计 | 星尘资源网

图片[13] | 教程·AI | 游戏 APP设计 | 星尘资源网

Step 08

选取位于下方的单引号图形,如图1所示;用添加锚点工具在路径上单击,添加锚点,如图2所示;用直接选择工具移动锚点的位置,如图3和图4所示。

图片[14] | 教程·AI | 游戏 APP设计 | 星尘资源网

图1                     图2                   图3                    图4

Step 09

使用铅笔工具绘制一个图形,按Shift+Ctrl+

快捷键移

至底层。

图片[15] | 教程·AI | 游戏 APP设计 | 星尘资源网

Step 10

执行“效果>风格化>内发光”命令,设置发光颜色为棕色。

图片[16] | 教程·AI | 游戏 APP设计 | 星尘资源网

Step 11

执行“效果>风格化>投影”命令,增加图形的立体感。

图片[17] | 教程·AI | 游戏 APP设计 | 星尘资源网

Step 12

选择“符号”面板中的小猪符号,将它直接拖入画面中,按Shift+Ctrl+

快捷键移至底层。

图片[18] | 教程·AI | 游戏 APP设计 | 星尘资源网

Step 13

显示“图层1”及“图层3”。

图片[19] | 教程·AI | 游戏 APP设计 | 星尘资源网

资源下载链接

© 版权声明
THE END
喜欢就支持一下吧
点赞9 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    请登录后查看评论内容