[平面UI] 教程:<彩色投射字体>

查看:388 |回复:0 | 2020-12-17 21:44:40

您需要 登录 才可以下载或查看,没有账号?注册

x
本帖最后由 Yanami 于 2020-9-2 14:07 编辑


注:此教程为英翻教程,软件操作不娴熟的小伙伴儿,谨慎尝试哦。翻译不足之处或者有错别字,自行脑补一下哦。
quality,q_85


1.创建文本
第1步
点击Ctrl-N来创建一个新文档。如图设置
quality,q_85

第2步
选择“ 文字工具”(T),然后打开“ 字符”面板(“ 窗口”>“文字”>“字符”)。选择Insaniburger字体并将大小设置为200 px。移动到您的画板上,单击它,然后添加有关的文本,如下所示。变黑
第3步
使用相同的工具和字符属性来创建文本的最后一个字母。将其设为蓝色,并将其放置在黑色的上方。继续添加单独的蓝色字母,直到覆盖所有黑色文本。完成后,转到“ 图层”面板(“ 窗口”>“图层”)并删除黑色文本。
2.添加长阴影效果
第1步
选择您的一个字母,将焦点放在“ 色板”面板上(“ 窗口”>“色板”),然后单击该[无]色板以删除蓝色文本颜色。移至外观面板(“ 窗口”>“外观”),然后使用“ 添加新填充”按钮添加新填充。选择该新填充并将颜色设置为R = 255 G = 245 B = 225。
第2步
确保仍选择“ S ”,然后将焦点放在外观面板上。添加第二个填充并选择它。将其拖动到面板底部,将颜色设置为R = 0 G = 146 B = 69,然后转到“ 效果”>“扭曲和变形”>“变形”。将两个“ 移动”滑块拖动到0.5像素,在“ 副本”框中输入700,然后单击“ 确定”。
第3步
确保仍选择“ S ”,并继续关注外观面板。添加第三个填充并选择它。将其拖到现有的两个填充之间,并将颜色设置为黑色。将其不透明度降低到10%,然后转到效果>路径>偏移路径。输入-10像素的偏移量,单击“ 确定”,然后转到“ 效果”>“扭曲和变形”>“变形”。将两个“ 移动”滑块拖动到15像素,单击“ 确定”,然后转到“ 效果”>“模糊”>“高斯模糊”。输入5 px半径,然后单击“ 确定”。
第4步
专注于“ 图层”面板,打开图层,然后使用这些目标图标轻松地将用于第一个字母的外观属性应用于其余字母。目标图标是显示在每个单独图层或形状最右侧的小圆形图标。按住键盘上的Alt键,单击代表“ S ”的目标图标,然后将其拖到代表“ T ” 的目标图标上。选择您的“ T ”,将焦点放在外观面板上,然后将用于该底部填充的绿色替换为R = 255 G = 154 B = 9。
第5步
移至“ O ”并应用相同的外观属性,但将绿色替换为R = 244 G = 54 B = 44。选择该“ P ”并应用相同的外观属性,但将绿色替换为R = 7 G = 132 B = 170。
3.创建背景并添加更多文本
第1步
选择矩形工具(M),然后创建一个覆盖整个画板的形状。将其填充为R = 42 G = 27 B = 67并将其发送回(Shift-Ctrl- [)。
第2步
选择“ 文字工具”(T),然后将重点放在“ 字符”面板上。确保仍选择Insaniburger字体,并将大小设置为50 px。添加“ 不要 ”文本并将其放置,如下图所示。再次,删除文本颜色,然后将焦点放在外观面板上。使用该“ 添加新填充”按钮添加一个填充,选择它,然后将颜色设置为R = 255 G = 245 B = 225。
第3步
确保您的“ 不要 ”文本保持选中状态,将焦点放在“ 外观”面板上,然后添加第二个填充。选择底部填充,将其颜色设置为R = 255 G = 80 B = 145,然后转到“ 效果”>“扭曲和变形”>“变形”。输入下图所示的属性,然后单击“ 确定”按钮。
第4步
确保仍选择“ 请勿 ”文本,并继续关注外观面板。添加第三个填充并选择它。将其拖到现有的两个填充之间,并将颜色设置为黑色。将其不透明度降低到10%,然后转到效果>路径>偏移路径。输入-2 px偏移,单击确定按钮,然后转到效果>扭曲和变形>变形。将两个“ 移动”滑块拖动到5像素,单击“ 确定”按钮,然后转到“ 效果”>“模糊”>“高斯模糊”。输入3像素半径,然后单击确定按钮。
第5步
选择“ 文字工具”(T),然后添加“ 相信 ”文本。将文本颜色设置为R = 255 G = 245 B = 225并将其放置,如下图所示。确保选中了这一新文本,然后转到效果>风格化>阴影。输入下面显示的属性,然后单击“ 确定”按钮。
至此就完成啦!

评分

参与人数 2活跃度 +31 展开 理由
愚不是渔 + 16 【感谢】楼主分享的内容!很棒!
蒙薪忑哮虱 + 15 有意思的教程

查看全部评分

2020-12-17 21:44:40  
 赞 赞 0

使用道具 登录

0个回答,把该问题分享到群,邀请大神一起回答。

CG 游戏行业专业问题

UEUI平面设计界面用户体验交互
您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表