教程 | 三分钟打造日式RPG游戏logo!

发表于 讨论求助 2020-10-18 09:15:20

经常玩游戏的朋友很熟悉了

日式RPG游戏logo还是很好辨认的,

因为它们的风格差别不大,

例如



所以今天呢,就用一个实例来展示如何打造这种风格的游戏logo!


这是我们要模仿的原图


下面是完成效果图!



PS:这次的教程需要一定的基础知识,像是如何修改选区、如何更改混合模式、如何叠加图案这些。

开始教程前,我们先来分析一个水晶按钮的组成分析
这张图比较一目了然地体现出来一个水晶质感的按钮是如何通过叠加各种不同的部分来制作的。


一个字体特效通常由这些部分构成:基础底色、高光部分、阴影部分、纹理。其中高光和阴影可以单纯地使用渐变制作,也可以使用图层样式中的某些功能。

开始分析原图字体特效



首先是第一印象,特效字由大体三部分组成,一部分是外部的金属质感的文字框,一部分是内部的石材质感的文字,最后一部分还有最外层的投影。
继续拆分:


金属框部分:

1.中间的金属面;

2.体现厚度的金属边缘


文字部分:

1.由蓝色和绿色构成的渐变底色;

2.体现石材质感的花纹;

3.文字上半部分的白色渐变高光



投影部分就是一个单纯的投影了。从拆分出来的“层”来看,我们至少需要5个图层来做出这个效果。现在我们一步一步来。


-----------------分割线-----------------


新建一个图层,输入文字。这里注意图层的大小和文字的大小都要大一些,这样细节的部分容易掌握。


文字格栅化,排版一下或者修改一些细节。文字图层命名为“文字主体”(及时命名图层和分组可是个好习惯啊),复制一层命名为“副本”保留。


在文字主体这一层中,我们来制作刚才分层中的由蓝色和绿色构成的渐变底色这一部分。

打开图层样式,选择渐变叠加,颜色构成如下图。

这样底色就完成了。


体现石材质感的花纹:
百度图片里找一张石材材质的花纹,有时候直接叠加上去会发现不太合适。这时回去看碧轨的原图,花纹部分是较底色更亮的部分,而这张材质图暗色为主。那么,我们反相一下,然后调高对比度,之后再进行叠加,注意先不要删去纹理多余的部分。(如果原图的材质比较锐利,可以高斯模糊一下)


文字上半部分的白色渐变高光:
新建一个图层命名为“渐变高光”,放置在“文字主体”之上。


选中文字部分并缩小选区,然后用椭圆选区工具减去一部分选区。保留选区,在“渐变高光”图层拖一个“白色+透明”的渐变。


这里文字主体部分就完成了,这部分比较简单。下面的金属边框部分难度就高一些了,具体的参数设置什么的需要自己多尝试一下。


中间的金属面
新建一个图层命名为“金属面”,放置在“文字主体”之下。
选中文字部分并扩大选区,具体的大小要根据文字大小和字体来设置。这里要注意一个问题:ps扩大选区时会生成圆角,这个现象在描边中也有。

 


体现厚度的金属边缘
新建一个图层命名为”金属边缘“,放置在”金属面“之下。
选择文字部分并 扩大选区,大小要比金属面的大一些。同样圆角的问题会出现,处理一下。


调整图层样式如下:

这里还请大家多多尝试调整参数,发现更多可能


这样其实就算完成了,加点装饰或者修改一下细节,这些由大家发挥了。


 


 

教程源文件:

http://pan.baidu.com/s/1hqn44lu



 作者:断电

https://rpg.blue/thread-345834-1-1.html





点击阅读原文进入新官网看免费视频、咨询、交流!

我不是机器人,也可以和我聊天或者在文章下方留言,我会很认真看的。

也可以添加我的微信:13031047472


回复【素材】,获取超500G设计素材。

回复【网站】,获取各类素材图片网站。

回复【AE1】,获取课堂案例AE动效PSD源文件。

回复【小黄人】,获取AI矢量小黄人插画源文件。

回复【软件】,获取Adobe各类软件下载及破解。

回复【ios11】,获取价值几百美元iOS11 Kits

热门文章:

你与高手的字体设计差在哪儿?

ios12系统版本概念设计

做出好设计的100个建议

周末看点儿好的【第三十期】

你想成为年薪30w的设计师吗?



发表
26906人 签到看排名