百木园
教程作者：刘兵克（授权转载）
交作业：#优设每日作业#
哈喽，大家好，今天给大家带来的字效是惊雷。这次的字效就直接在惊雷这首歌提取关键词：紫电、火焰、弯月刃、悬剑、硝烟等，结合自己所理解来想象一些场景。把这些能想到的元素结合在一起，在稿纸画出来。
AI、Photoshop CC
1.在稿纸上画草稿，画完后拍照导入AI。
2.AI钢笔工具勾出字型并分别填色，有些地方作了一些调整。
把这些字形放在一个大小刚好的画板上，图层-四条线的按钮-释放到图层（顺序），文件-导出-导出为-导出-确定。
打开PS，新建文件1500*990像素，分辨率为300，填充颜色#0b1a41，把刚才导出的文件拖入到PS文件中，给各个图层命名并重新编组，因为觉得有得空，又在字的下面加了个圆形，如下图：
开始做字效了，惊雷两个字就做成战斗的兵器的质感，因为笔画有点多，我们就以“竖心旁”为例重点讲解，其他笔画是一样的做法哈。
1.惊的竖心旁这两点做成连笔，好像一把弯月刀一样，图层就给它命名为弯月刀，给它添加图层样式：斜面浮雕-内发光-渐变叠加-投影，做出基本的立体感。
2.这时发现亮部不够亮，暗部不够暗，我们选中弯月刀图层，按住alt直接往上拖，得到一个复制层，在这个复制层上右键-清除图层样式，填充为0，重新添加图层样式-斜面浮雕-内阴影。
3.立体感有了，给它叠加一张金属纹理图片，图层模式-叠加，这时纹理图片显示不出来，我们可以双击图层样式，把这里的勾打上，并ctrl+alt+g剪切图层。（下面步骤如有相同时省略）
4.金属质感有了，但是细节不够丰富，这里我们利用钢笔工具，给它做一条凹痕。Shift+ctrl+alt+n新建一层，命名为凹痕，用钢笔工具，模式为形状，填充不要，描边为4像素左右，沿着笔画的边缘勾出一条线，剪切图层。
5.再给这条凹痕做一下立体感，添加图层样式-内阴影-投影。
观察一下这个笔画的整体，发现暗部还需要加暗，亮部叠加点颜色会更丰富。所以又新建两层，一层命名为暗部，图层模式-正片叠底，颜色#2f2f5a；另一层为亮部润色，图层模式-叠加，颜色#69dae5，用画笔工具在如下位置涂画：
6.竖的笔画一样的操作方法，只是在笔画重叠的地方要给它压暗一些作为投影。新建一层，图层模式-正片叠底，颜色# 2f3447，如下位置涂并剪切图层。
7. 其他笔画一样的做法，全部做好后如下：
8.选中这些笔画ctrl+g成组，按住alt+往下拖，得到一个新组，再ctrl+e，合并为一层，命名为字框，选中这个字框，选择-修改-扩展-数值为9，得到一个选区，填充颜色# 010834。
9.一样的给这个字框也加一些图层样式-斜面浮雕-外发光，在字框的上面新建一层，图层模式改为叠加，用浅一点的颜色在字框的上面画一下，让它稍微提亮一点。
10.字体的部分完成了，接下来我们来做后面的圆形。给这个圆形做立体感，添加图层样式-斜面浮雕-描边-投影。
11.整体看了下，立体感是有了，但是不够强烈，所以又复制了一层，往上移了下，图层模式也调整为斜面浮雕-描边-内阴影-投影。
12. 新建一层，在重叠处，颜色#09122f，图层模式-正片叠底，用画笔压暗。
13.继续往下做后面的底框。给它换一个颜色和加上投影。图层样式-颜色叠加-投影。
14.给它丰富一下细节，往上复制两个底框层，填充颜色#39feff，第一个底框层ctrl+t整体缩小一些，滤镜-动感模糊-确定，剪切图层。
15.第二个底框层，整体稍微缩小一点点，图层模式-柔光，滤镜-高斯模糊，剪切图层。
16.在这个图层上面叠加一张纹理图片，图片如果不够大，可以复制一两层直至把底框层铺满，图层模式-正片叠底，剪切图层。
17.这个时候，想要在底框层做出烟雾的效果，先找到底框层，往下复制两层，填充颜色#406a9c，第一层用涂抹工具，在比较尖的地方涂出如下效果。（为看得清楚，这里先把其它图层隐藏一下作一下展示）
18.最下面那层，这里还是用到滤镜-模糊-动感模糊。添加蒙版把下部分不需要的擦除。
19.这时候把底框的这几个层成组，在组的上面新建一层，图层模式-正片叠底，用画笔工具，用深一点的颜色，在如下的位置给它压暗点。
20.我们现在来放小画布观察一下，发现底框有点呆板，决定给它加条边丰富一下细节。
在上面新建一层，命名为边，ctrl+点击底框层，调出底框选区，填充颜色#093aff，选择-修改-收缩-收缩量9-确定，删除，就得到了一条边。
21.也给这条边加点立体感，图层样式-斜面浮雕。
22.同样也给这条边叠加上纹理，再新建一层，在笔画连接的地方，图层模式-正片叠底，用画笔，深一点的颜色进行压暗，剪切图层。
23.现在看到这条边颜色有点太刺眼了，可以在图层的上面添加色相饱和度并剪切图层。
24.接下来做右边的火焰，先给它换个颜色，图层模式-内阴影-内阴影-颜色叠加。
25.这时候我们也像上面做底框那样用涂抹工具涂抹出火焰的效果。再新建一层，用钢笔工具勾出如下形状，转为选区，填充颜色#0cb9ff。
26.然后像做底框的做法一样，给它做条边，在这条边上新建图层提亮压暗，这里就不重复了。
左边的火焰也是一样，只是改了一个颜色。
27.接下来继续添加一些火焰的效果。我们在之前的形状上重新画了一个形状出来。新建一层，用钢笔，路径模式，画出如下形状，转为选区，填充颜色#406a9c，用涂抹工具，选择以下画笔都可以，强度和大小可根据具体情况进行调节，涂抹出如下形状，抹的过程中要注意先抹出一个形状，在这个基础上再继续抹出去。这里简单示范一下：
28.继续加强细节。在这个图层上叠加图层样式-内发光。
29.再在这个图形的中间用钢笔再画出一个形状，属性-蒙版-羽化值2.2像素。
30.其他几处的火焰也是一样的做法。
31.给惊雷两个字加上烟雾的效果。选找到字框的那个图层，往下复制一层，图层模式-颜色叠加：
32.把这个图层转为智能对象，图层模式-划分，缩小一点，移到字的上面一点。滤镜-扭曲-波浪；滤镜-模糊-动感模糊，多余的地方添加蒙版擦除，得到如下效果：
33.再复制几层，放在不同的位置：
34.到这一步，基本上效果出来了，但是对颜色不是很满意，再整体调节一下颜色。先找到惊雷这个组，用亮点的颜色#27f1f8，图层模式-叠加，用画笔工具在如下位置画，剪切图层。
35.同时也觉得其他颜色饱和度不够，在这个图层上再新建一层，用柔边圆画笔，图层模式-饱和度，颜色#cd026c，#ec6310，在这些位置涂画，剪切图层。
36.加点闪电的素材，图层模式-滤色，多余的地方添加蒙版擦除。
37.正常情况下，这时应该算是可以完成了，但细看，感觉颜色方面比较单一，还没达到自己想要的那种效果，这时再在所有图层上新建一层，重新填充一个颜色#e41a43，图层模式-亮光，添加蒙版，在中间擦除一些。
38.添加色相饱和度，让颜色更强烈一些，不需要的地方添加蒙版擦除。
39.周围不想要红的颜色，只想保留火焰的红色，又在图层上添加了渐变映射，不需要的地方添加蒙版擦除。
在所有的图层上面，按ctrl+shift+alt+e盖印图层，转为智能对象，滤镜-杂色，滤镜-锐化参数如下：
最终效果如下：
好了，这次的字效就先分享到这里，里面涉及的参数和操作方法并不是唯一的，大家可根据具体情况进行调整和尝试创新，希望本次教程的分享能对大家有小小的帮助，谢谢大家！
来源：https://uiiiuiii.com/photoshop/1212316450.html
图文来源于网络，如有侵权请联系删除。