photoshop中打造3d文字效果(下)

原作者:Wojciech Pijecki
翻译:活力盒子
如需转载 请注明:来自活力盒子以及原作者信息。

最终效果预览:

photoshop中打造3d文字效果(上)_亿码酷站___亿码酷站平面设计教程插图
点击放大

第一部分

介绍和准备

本系列教程是教程Super Malleable Lines(就是这篇教程)的一种延续。这有一些相似的效果,但却是从不同角度体现的。在本教程的第一部分,我们将集中讨论如何创建3D文字和飞溅的效果。 首先,创建3D文字,你需要下载Xara 3D6的demo版,也可以使用Adobe Illustrator来创建(Xara 3D6可以下下来研究研究 不过都是鸟文),但我强烈建议你用Xara这(这句话不代表活力盒子立场)。还需要从cgtextures.com下载 stained metal texture图象(这个图片没找到 闷!)。

步骤1:如何开始

最好的开始方式是给字母找到合适的颜色。在这篇教程里,背景的颜色是很阳光的,给我们一个很温暖的感觉。在这里,我们将使用冷色调。

首先我们需要新建一个1350 * 1600px,分辨率为 300px/inch的新文档。创建一个新层并作简洁的颜色匹配。不要使用你选择的第一种颜色,要尝试一些不同的色调。难看的背景颜色往往会毁掉大家辛苦的工作。 (简单来讲就是想让大家多尝试几种颜色)

现在,我们找到了一个很好的匹配色,使用油漆桶工具(G),用#166a91填充新图层。命名此层为”background”(背景)。

photoshop中打造3d文字效果(上)_亿码酷站___亿码酷站平面设计教程插图1

步骤2:背景的深度

现在我们需要的是给这个背景一些生命力!同样,要花费一些时间寻找合适的颜色,尝试使用一些适当的冷色调。我说的是找到一些深的或浅的蓝色。我使用的颜色如下图所示。 如果你已经选择了一些很好的较暗的颜色(或如果你在选择上有疑问那就使用下图的颜色――我所使用的特定颜色)。使用画笔工具(B),设置流量5%,硬度为0%,并使你的画笔直径非常大,如你在下图看到的一样。创建一个新层,命名为“bg_color”,用这个大笔刷在角落处涂抹。使每一个画笔的新颜色涂抹在它自己的新层上。

尝试涂抹不同的地方,基本上就是边缘黑,中间亮。这样你会得到一些不规则的渐变效果,这正是我们想要的。

photoshop中打造3d文字效果(上)_亿码酷站___亿码酷站平面设计教程插图2

步骤3:调整颜色

当你完成背景的着色后。这个颜色对我来说似乎有点亮,所以我决定去图层面板,在所有图层之上添加一个新的色相/饱和度调整层。然后,我稍微减低饱和度,消除一些颜色。

photoshop中打造3d文字效果(上)_亿码酷站___亿码酷站平面设计教程插图3

步骤4:准备飞溅的纹理

现在打开stained metal texture(抱歉! 目前活力盒子没办法提供该图片)。我不知道这为什么称为“金属”,在我看来更像一些污渍。无论如何,污渍就是要点,你可以挑选一个自己喜欢的图片。但它必须符合你的需求。 现在点击Command + T键,使用扭曲在这个画面上做透视效果。然后点击Command + Shift + U减低饱和度。在这层的缩略图上点击Command-click建立选区 。按Command + C复制它。(Command=Ctrl 以下相同)

【亿码酷站-编程开发教程】收集全网优质教程及源码资源!

全网优质软件开发、平面设计等教程及精品源码资源一站可得,www.ymkuzhan.com!

 

步骤13:飞溅阴影

现在飞溅的阴影和非阴影的地方就有了一个轻微的区别。在本教程的第二部分,我们将使表面更脏,这将提供一个新的更大的阴影效果。
我们即将要完成了,但在我们继续之前,我希望你再看看下图3。也许你想知道为什么这些地方没有影子?这个飞溅就像一个三维物体,因此如果你在3D程序里旋转它,能看到每一个边是什么样子的。现在,如果你可以看到飞溅的右边,阴影确实是存在的。但是,从我们的角度(前)看,却是不可见的,所以我们不添加它。
这有点儿很难解释,有时你只需要想像在现实中它会是什么样子的就OK。

photoshop中打造3d文字效果(上)_亿码酷站___亿码酷站平面设计教程插图4

步骤14:文字准备

OK,我们已经做了飞溅效果,我们可以创造文字了。但在做之前,让我们先看下面的第一幅图。正如你所看到的,并不是整个飞溅都覆盖着光线和阴影。粉红色表示的区域看起来没有完成。因为我一开始就计划在这个中间创建文本。所以,文本应覆盖住背后这一点不完善的地方。

下图2、3、4显示了我基本上是如何做文本的。我做了一个小准备,因为我不知道它会是什么效果。这不是你必须要做的,但有时多尝试一下也不错。所以,现在这个平面文本激发了我很多灵感。这使我看到了我想要实现的目标。

photoshop中打造3d文字效果(上)_亿码酷站___亿码酷站平面设计教程插图5

步骤15:3D环境下的文本

为了将3D文字放在三维空间的表面,你需要设置地平线。看看下图1。我的基线是我创建的飞溅形状。在这里地平线应略高于飞溅的顶部边缘。你不必像我在下图1这样画线,只要在脑袋里想像一下这条线应该放在哪就可以啦。

在一些抽象作品里这是没有必要的,例如:字母在空中飞行,它们还可以旋转等等。

在我们继续创建3D文字之前,你也需要了解字母的位置:看看下图2。如果字母放在地平线之下,那么请记住,你是从高处看它们,这就是我们将创建的文本。

photoshop中打造3d文字效果(上)_亿码酷站___亿码酷站平面设计教程插图6

步骤16:在Xara上准备文本

OK,,现在打开Xara3D 6。正如我以前说过的保持字母的顶部可见。Xara是非常容易使用的,如果你花费约5分钟,你就会知道一切。 在下图,我指出了一些更重要的被用来生成这个文本的选项。我建议你使用你自己的设置。但是,如果你想达到的目标和我类似,那么颜色就用这个:光1:# FBDBFF  光2:# EF72D2  光3:# E35DB0

在其余的颜色选项保持不变。

photoshop中打造3d文字效果(上)_亿码酷站___亿码酷站平面设计教程插图7

步骤17:保存文本

人们有时会忘记有关Xara3D 6以下几点:

  • 在你保存时,要去阴影选项,关闭阴影(不希望保留Xara自带的影子,它看起来会非常糟糕)。
  • 然后将文件保存到Photoshop的可读格式,去文件>导出,选择PNG格式,并按下图2的设置保存该图像。

photoshop中打造3d文字效果(上)_亿码酷站___亿码酷站平面设计教程插图8

步骤18:调整文本

OK,我们以PNG格式保存了文本。现在,在Photoshop中打开文本,并将其拖到我们的项目中。然后点击Command + T键(自由变换),选择弯曲。设法使文字弯曲,有些弧度。这样能提供更好的3D感觉。 下一步参考下图3:使用加深工具(O),设置范围是中间色调,曝光度为25%,在每个字母的底部涂抹一点(后面这将有助于更好的实现阴影效果)。 在此之后,应用图层>调整>可选颜色更改文本的一些色调(下图4和图5)。这取决于个人品味。尝试调整大部分红色,因为这个选项会主要影响你的粉红色文本。

云服务器推荐