[我的麦田]Photoshop光效字实例

柔雪 · 发表于 2010-2-1 17:50

本帖最后由柔雪于 2010-2-1 20:09 编辑

【我的麦田】系列是偶看到的，感觉蛮好的，国外坛子上的教程，翻译出来同大家分享，问题多多，请大家多多指点哈~~~

在这个教程中。作者将一步一步教会大家如何用photoshop实现这种看起来很酷的效果——闪电和海水飞溅的字效。
在制作的过程中，我们会使用到一些质感素材，影像调整，混合选项和各种滤镜。
目的是让大家可以清楚的看到我们是如何将这些元素结合起来创作出一个惊人的效果。

下面是效果图：

你将在制作中使用到得素材：

wave1
wave2
lightning
字体

制作过程：

第一步：

新建文件大小为1280px*800px,黑色填充背景。使用我们提供的字体（事实上你也不是一定要使用这种字体，笔画粗一点

的字体都适用这种效果。）在画布的二分之一偏下的位置写下图中的字母。

点击“图层——图层样式”

阴影：

外发光：

斜面和浮雕：

渐变叠加：

描边：

我们得到下面的效果。

第二步：

现在我们要为文字图层添加些光泽，这样等会儿我们在添加水波纹和飞溅效果的时候会更好的同背景融合。

我们左手点击crtl键，右手点击文字图层，这样文字周围会出现蚂蚁线。

在文字图层之上新建一个图层，设置前景色为白色，背景色为黑色，点击“滤镜——渲染——云彩”，图层混合模式改

为“强光”。

得到下面的效果图。

在云彩图层之上，新建另一个图层，取名为“纤维”，点击“滤镜——渲染——纤维”，设置如下。

修改纤维图层的混合模式为“强光”，降低不透明度大约为25%。

得到下面的效果图。

第三步：

将保存的wave1图片素材拖入photoshop界面，使用套索工具，羽化值设置为20px—30px
,圈选出如下图的部分。

复制，粘贴选区到我们的画布中，取名为wave1，接着把这个图层的位置拖到文字图层下面，背景图层之上，
图像——调整——去色，ctrl+T调整大小，然后用软角橡皮擦去多余的部分，如图所示：

你将得到下面的效果。

复制“wave1”图层，把它拖到所有图层的最上面，降低不透明度大约为85%，

效果如下：

此时你看到的是文字的底部似乎浸没在水中的效果。

第四步：

现在我们将致力于制作溅水的效果。
将刚才保存的wave2素材在photoshop中打开，使用套索工具，羽化值为25px继续圈选出区域，如图。

复制，粘贴此选区到我们的画布中，取名为wave2，把它放在所有图层的最上面，
图像-调整-去色，用大软角橡皮擦抹去边缘。接着更改图层的混合模式为“强光”，
降低不透明度为大约60%。

得到下面的效果。

复制“wave2"两次，得到两个wave2的副本，Ctrl+T调整它们的大小，将它们调整的小一点，
接着点击“编辑——变换——垂直翻转”，拖拽移动位置，如图所示。

现在我们将要在我们的画布中添加大海的部分，让它与文字部分更好的融合。

回到刚才打开的wave1图片素材，使用矩形选框工具，选择出我们需要的大海的部分，如图。

复制，粘贴此选区到我们的画布中，取名为“ocean”，然后把它放在最初的文字图层的下面，wave1图层的上面，

点击“编辑——自由变换”调整ocean图层的大小，如图所示。

降低ocean图层的不透明度大约为90%。

第五步：

现在我们为画面添加点云的效果。
回到wave1的图片素材，用矩形选框工具，圈选出云的部分，如下图。

复制，粘贴此部分到我们的画布中，取名为“cloud”，图像—调整—去色，
并且将这个图层放置在画布的最上面的中央部分。

使用大软角笔刷，涂抹cloud图层的边缘，使它可以同背景融合。

在cloud图层之上，添加两个调整图层，

色阶：

曲线：

得到下面的效果。

整体的效果是这样子滴~~

第六步：

现在我们来处理光的部分。

打开lightning素材图。Ctrl+A选择整体图片素材，复制，粘贴到我们的画布中，取名为“lightning”，
把它放在cloud图层之下。

图像—调整—去色，调整它的大小和在画布中的位置，请看下图。

多复制“lightning”几次，分别调整它们的大小，不透明度和位置，以至于它们看起来是分布在文字四周，
使整体效果看起来更生动。

效果看下图。

在所有图层之上添加一个调整图层，曲线调整。

得到下面的效果。

现在我们可以为整幅画面添加一些色彩。

一般来说，新建一个图层，图层的混合模式改为“柔光”，选用一个大的柔角画笔，
在此图层上涂抹自己选择的色彩，如图。

正如你们所看到的，作者选用的是淡蓝色涂抹文字底部，红色涂抹光，深褐色涂抹云朵。
这只是作者选择，你们可以根据自己的感觉选择完全不同的色彩。

第七步：

对于最后的装饰，我决定做三件件事情：

第一，添加来自天空的光；
第二，添加水面的倒影；
第三，添加闪电部分的径向模糊。

听起来似乎很有趣？步骤其实很简单的。

我们合并图层，复制背景图层三次，
在第一个副本图层上，“图像——调整——去色”，
点击“滤镜——模糊——径向模糊”设置如下，

改变图层混合模式为“滤色”，降低不透明度大约为60%，
得到如下效果。

第二个副本图层，“编辑——变换——垂直翻转”，Ctrl+T调整为非常细的水平方向的矩形。
改变图层混合模式为“滤色”，降低不透明度大约为40%。

如图：

用一个软角笔刷，抹去边缘，你将得到如下效果。

第三个副本图层，“滤镜——模糊——径向模糊”设置如图：

将图层移动低一点，如图所示。

对第三个副本图层，再添加一个蒙板。

得到如下效果。

嗯，这样这个效果图就基本完成了，你如果喜欢，还可以调整一下对比度，光等等很多效果。

下面的效果图，就是作者所完成。

希望大家会喜欢这个教程哈~~

本教程到此结束，Design an Awesome Splashing Ocean Text Effect with Lightning Background in Photoshop
中文翻译： R。Xue 红人居音画设计论坛，转载请保留信息
请尊重原作者版权，转载请勿在图片上打上任何图标水印，谢谢~~~

R。Xue 注：这是我第一次将国外教程翻译为中文，以前都只是自己读着，自己理解，落到纸上还真是有很多觉得表达不清楚的地方，欢迎大家多多指出问题所在，我们可以一起交流。在教程中有提到把一些素材用套索工具截取出选取，然后拖入画布中，对于边缘的处理，有的地方用的是软角橡皮擦，有的地方用的是笔刷涂抹，我的理解是点击左侧工具中的涂抹工具，然后降低硬度，选择软角的笔刷，然后涂抹边缘，使之更容易融入背景中，但我个人觉得使用蒙板或许也是可行滴说。另外就是每一处素材拖入画布之后除了调整大小和位置之外，还有都经过了一个去色的过程，这个地方也有降低饱和度的意思，但我觉得去色更为准确哈，在图像-调整-去色。嗯，其它暂时想不出了，大家在阅读和学习的过程中如果有任何我们，可以留言，我们一起讨论滴说哈~~~~祝学习愉快~~~

PS：国外的教程中合成比较强，在意义的诠释上因为用意和用途不一样，以及传统背景的不同，所以视角和侧重也很不一样，
我们通过这个教程中提到的合成方法使用到音画制作中，我想应该在溶图，场景，以及合成方面都有一点点的启发，嗯，
不管怎么样吧，只要大家都有收获就好哈~~~~