php怎样做艺术字体,用ps打造科幻艺术字体

本帖最后由 mika 于 2015-12-21 11:10 编辑

这次的教程，我亲自动手做了一遍，所以大家会发现所有图层样式面板都是中文了，简直业界良心o(￣ヘ￣o* )

在这个教程里，我们将会通过使用图层样式、滤镜等工具，打造出一款炫丽科幻的艺术字体。

先来看看最终效果：

chinaz_03d80e760e439790f11807c7bf5837ad.jpg (22.17 KB, 下载次数: 64)

2015-12-21 10:32 上传

1-1、首先我们新建一个画布：1100*410，背景色填充为黑色，字体颜色设置为#d4aa3f，大小170px，置于画布中间(字体名称是：Spy Agency Regular)：

chinaz_c1404a09392cf17e274faccc83d82985.jpg (15.06 KB, 下载次数: 60)

2015-12-21 10:32 上传

1-2、给文字加个内阴影，设置如下：

chinaz_55b1eebd663718489b287d4c79a43c37.jpg (51.35 KB, 下载次数: 63)

2015-12-21 10:32 上传

1-3、给文字加个内发光，设置如下：

chinaz_f94ea48b15176159ed861a1730d7a08d.jpg (54.53 KB, 下载次数: 61)

2015-12-21 10:32 上传

1-4、再给它加个渐变叠加，设置如下：

chinaz_ab6da55c994cda9716d440fcf347b9a7.jpg (47.69 KB, 下载次数: 61)

2015-12-21 10:32 上传

做完以上步骤，你现在的效果应该是这样的：

chinaz_f17089be5bcb0bd852b020cbd9f44511.jpg (16.04 KB, 下载次数: 63)

2015-12-21 10:32 上传

2-1、现在把文字图层复制一次，把刚刚添加的那些图层样式删掉，填充值设为0，然后给它添加一个斜面和浮雕样式，设置如下：

chinaz_86ecd9ac1e945eac02a0636303b15574.jpg (55.6 KB, 下载次数: 57)

2015-12-21 10:32 上传

2-2、再来个内发光，设置如下：

chinaz_65cae00684e22e1942c089102d19ec14.jpg (52.76 KB, 下载次数: 59)

2015-12-21 10:32 上传

效果如下：

chinaz_3e2914c73bf41de567e453a3cbe2a1a8.jpg (16.34 KB, 下载次数: 56)

2015-12-21 10:32 上传

3-1、现在新建一层，然后按住ctrl键，在文字图层上选中文字选区，然后“选择》修改》缩小”，设置缩小值为4像素，然后在新建图层上任意填充一个颜色，把填充值设为0，然后就开始添加图层样式了。先来个斜面与浮雕，设置如下：

chinaz_28cc9538774b40d4d7ab219450f8ee9c.jpg (57.84 KB, 下载次数: 60)

2015-12-21 10:32 上传

chinaz_d2f9d705541a32267ffefeb1bcab7bf9.jpg (28.77 KB, 下载次数: 60)

2015-12-21 10:32 上传

3-2、再来个内阴影，设置如下：

chinaz_4237122c31b3843914506c6c6b48f04e.jpg (49.69 KB, 下载次数: 60)

2015-12-21 10:32 上传

3-3、再来个渐变，设置如下：

chinaz_b7f90ed4bb20058fd951235cee2cc9d2.jpg (46.88 KB, 下载次数: 59)

2015-12-21 10:32 上传

做完以上步骤，你得到的效果应该是这样的：

chinaz_0400ded63090d74ec402ef24b4beef2b.jpg (19.97 KB, 下载次数: 62)

2015-12-21 10:32 上传

4-1、现在我们需要给文字的中间加上一些小钻石来修饰它，怎么画钻石呢？我们先来设置一下画笔：

chinaz_07034ab5fe2eaffd397f3554aa13acbd.jpg (25.12 KB, 下载次数: 62)

2015-12-21 10:32 上传

4-2、然后我们新建一层，用画笔工具在字母的中间画上一些白点，如果怕把握不好，可以先用路径钢笔工具，先根据字母的形状画出一些辅助线，像这样：

chinaz_59741ce781b57bd6d722465eedbe1dc3.jpg (6.92 KB, 下载次数: 60)

2015-12-21 10:32 上传

4-2、然后依次给每个字母都加上白点：

chinaz_e38d57aeefe8a7620185ef80f56e7503.jpg (21.55 KB, 下载次数: 58)

2015-12-21 10:32 上传

4-3、现在开始给白点加一些效果，让它变成钻石。先来个斜面与浮雕，设置如下：

chinaz_8301f537dcfa884b83653e7124bd34d2.jpg (56.8 KB, 下载次数: 65)

2015-12-21 10:32 上传

chinaz_46863e28473e9e566b16d94b6b25d1e9.jpg (28.38 KB, 下载次数: 64)

2015-12-21 10:32 上传

4-4、接着是外发光，设置如下：

chinaz_09f9c5aa4d3a09c18b005e3cdc3b9a4c.jpg (52.48 KB, 下载次数: 65)

2015-12-21 10:32 上传

4-5、最后来个投影：

chinaz_c25135483ef132809355cc863f3a9f5a.jpg (50.51 KB, 下载次数: 66)

2015-12-21 10:32 上传

好了，现在你的效果应该是这样的了：

chinaz_4ea0829eeb9b534f623f2e14aaf86e24.jpg (22.04 KB, 下载次数: 64)

2015-12-21 10:32 上传

5-1、现在合并除了黑色背景层以外的所有图层(为以防万一，建议把这些图层编个组，然后复制组以后再合并)。我们给合并后的图层加上一些效果，先是内阴影，设置如下：

chinaz_a5e6e7487336c6fcc4e0f729c2aba551.jpg (50.95 KB, 下载次数: 66)

2015-12-21 10:32 上传

5-2、再来个内发光，设置如下：

chinaz_08ffb61af121a446bcc37e33e04c2000.jpg (51.1 KB, 下载次数: 67)

2015-12-21 10:32 上传

5-3、接着来个颜色叠加，颜色色值为#d4b38e，设置如下：

chinaz_ec16f3af7391b321a1b0fb968e399a89.jpg (41.07 KB, 下载次数: 65)

2015-12-21 10:32 上传

5-4、再来个图案叠加(这里需要自定义一个图案，先找一张绸缎图片，褶皱多一点的，然后去色，尺寸调到128*128，再执行编辑》定义图案即可)，设置如下：

chinaz_dbb548e11b45f03f9a351870a45efdb8.jpg (46.82 KB, 下载次数: 63)

2015-12-21 10:32 上传

5-5、最后来个外发光：

chinaz_4f5a7e6a250d7e1b2139520a871348bb.jpg (53.65 KB, 下载次数: 64)

2015-12-21 10:32 上传

你就得到了下面这样的效果：

chinaz_bd81d4f92d5046a54d64aa5e79036fa2.jpg (19.17 KB, 下载次数: 66)

2015-12-21 10:32 上传

6、复制一层，把刚刚添加的效果去掉，然后执行“滤镜》模糊》高斯模糊”，数值为2，然后将图层混合模式设置为柔光，得到效果如下：

chinaz_45f4e4033d9b3b46df5a367a4e0d240d.jpg (19.58 KB, 下载次数: 58)

2015-12-21 10:32 上传

7-1、再复制一层，把效果去掉，把复制层放到最上面，然后执行去色命令(ctrl+shift+U),再执行“滤镜》滤镜库》扭曲》海洋波纹”，设置如下：

chinaz_38d912c033694f883f16b88f89a19e45.jpg (7.45 KB, 下载次数: 61)

2015-12-21 10:32 上传

7-2、给刚刚的图层再添加一个高斯模糊，1--1.5像素都行，然后把混合模式改为叠加，不透明度设为50%，得到如下效果：

chinaz_166d0f075972393390f32aceb07ff288.jpg (20.13 KB, 下载次数: 67)

2015-12-21 10:32 上传

8-1、这一步，我们要给画面加上一些漂浮小石块。怎么画这些飘浮的小东西呢？我们先自定义一个画笔。首先新建一个画布，30*30即可，填充黑色，然后“编辑》定义画笔预设”，在弹窗中点击确定，我们便自定义好了一个画笔。然后我们设置一下画笔参数，间距190%、大小抖动70%、角度抖动100%、散布630%。设置好以后，新建一层，开始给画面添加小石块，这个可以根据自己的感觉来添加，画笔可以随时调整大小。画好后，执行高斯模糊，只要0.2-0.5像素即可：

chinaz_7c07021317886f0f7cc8c2a26366d72d.jpg (22.1 KB, 下载次数: 63)

2015-12-21 10:32 上传

8-2、给石块加一个斜面和浮雕效果，设置如下：

chinaz_b3b6952c929ceca8e543d034f903bec6.jpg (55.44 KB, 下载次数: 64)

2015-12-21 10:32 上传

8-3、然后给小石块加上一个渐变叠加，设置如下：

chinaz_be38499a08396234f6f1fadddff38060.jpg (46.98 KB, 下载次数: 61)

2015-12-21 10:32 上传

8-4、再给它加个投影，看着更像是飘浮在上面的：

chinaz_11b8b9cf2d622f9cc4265b4b8b9a09b9.jpg (51.55 KB, 下载次数: 62)

2015-12-21 10:32 上传

得到如下效果：

chinaz_b830e1dc1e2df6f6202c1fcc1b59ab54.jpg (22.17 KB, 下载次数: 63)

2015-12-21 10:32 上传

9、现在我们要给小石块加上一些晕光，这些晕光从中心向外放射，让画面看起来更立体，基本方法是先复制一层石块层，把效果去掉，然后加一个蒙版，擦去除左上角以外的部分，然后执行“滤镜》模糊》动感模糊”，数值根据自己的感觉来调，我这里设置的是48，这样左上角部分的晕光就出来了，然后依法炮制其余三个方向的晕光，得到如下效果：

chinaz_900ed4d2ed89c53888a2474f7d80fde3.jpg (21.55 KB, 下载次数: 68)

2015-12-21 10:32 上传

10-1、复制一层文字层，放到最上面，把图层样式去掉，然后执行“滤镜》模糊》动感模糊”，设置距离93像素，然后把图层混合模式设为点光，不透明度35%，得到如下效果：

chinaz_cb6384b49459c1efc737d9f427510545.jpg (21.69 KB, 下载次数: 59)

2015-12-21 10:32 上传

10-2、还是复制一层文字层，放到最上面，把图层样式去掉，然后添加一个色阶调整层(只对该层作用的调整层)，设置如下：

chinaz_e648c2fc802d947024a793708095c122.jpg (12.61 KB, 下载次数: 62)

2015-12-21 10:32 上传

10-3、执行“滤镜》模糊》高斯模糊”，只要0.2-0.4像素即可，然后给它添加一个内发光，设置如下：

chinaz_af15b4310043067d4037e624bfaee5be.jpg (52.99 KB, 下载次数: 68)

2015-12-21 10:32 上传

10-4、此时将该层混合模式设为柔光，不透明度30%(可根据自己感觉调整)，得到如下效果：

chinaz_4cfbc8779e339da7d1bda840a5fbd18b.jpg (21.54 KB, 下载次数: 65)

2015-12-21 10:32 上传

11、新建一层，并且用选区工具选中整个画面，然后前景色设为#db92b5，背景色设为#000000，执行“滤镜》渲染》云彩”，然后把该图层混合模式设为柔光，得到效果如下(这时你如果觉得不满意，可能按下“ctrl+F”键，来调整画面)：

chinaz_7f7541976b2a5015b9c34837166b6ac6.jpg (21.93 KB, 下载次数: 60)

2015-12-21 10:32 上传

12、新建一个图层，填充颜色#157ba5，将它的混合模式改为颜色，不透明度设为15%；接着，再复制一个文字层放到最顶总，停用外发光效果，然后新建一个空白图层，将文字复制层和空白图层合并，然后将新图层混合模式设为颜色减淡，不透明度65%，得到如下效果：

chinaz_b9c8a8fba5a942913f470f7bc7a9592c.jpg (23.41 KB, 下载次数: 66)

2015-12-21 10:32 上传

13、现在我们可以打开光效素材包，心情挑选自己喜欢的光效了，我们可以通过滤色，曲线，色相/饱和度等方式，来创造自己想要的画面：

chinaz_fd7863e3392fadf5c199ac976f0affd7.jpg (25.52 KB, 下载次数: 62)

2015-12-21 10:32 上传

在做的过程中，原作者没有将石块的制作过程写得很详细，这是我自己摸索出来的方法，应该有比这更好的方法，希望有知道的人能分享一下。

这是我的最终画面：

chinaz_62d84e260ea50ffecdb4b2bade6b173f.jpg (27.62 KB, 下载次数: 67)

2015-12-21 10:32 上传