WEB开发网
开发学院图形图像PhotoShop Xara3D结合Photoshop打造炫彩立体文字特效 阅读

Xara3D结合Photoshop打造炫彩立体文字特效

 2010-09-04 08:34:09 来源:WEB开发网   
核心提示:完成效果图如下,效果图用Xara 3D软件里单独制作立体字母我们需要先在3D软件里分开制作每个字母,Xara3D结合Photoshop打造炫彩立体文字特效,你可以用任何你喜欢的一种软件(3DsMax,Cinema 4D,当然你可以在网上找到很多漩涡笔刷,我为字母“C”添加的颜色是2089FF色,Xara 3D),我使用

完成效果图如下。

Xara3D结合PS打造多彩立体文字特效_www.cncms.com-图preview
效果图

用Xara 3D软件里单独制作立体字母

我们需要先在3D软件里分开制作每个字母,你可以用任何你喜欢的一种软件(3DsMax,Cinema 4D,Xara 3D)。我使用的是Xara 3D,因为相对其他,它操作比较简单而且制作相同的效果所花费的时间也比其他少。

首先,我要开始做字母"C"。如下图所示或者你可以结合自己的喜好换成其他颜色或样式。我为我的"C"选择了蓝色。

Xara3D结合PS打造多彩立体文字特效_www.cncms.com-图01
图01

选用的颜色:

表面(Face):2E81B1
  文字边(Text Side):2E81B1
  灯1(Light 1):A1E9F9
  灯2(Light 2):7495AF
  灯3(Light 3):A1E9F9

Xara3D结合PS打造多彩立体文字特效_www.cncms.com-图02
图02

我使用的字体是Angsana New Font。其他选项例如Extrusion(突出),斜面选项(Bevel options),阴影(Shadows)的选择如下图所示。

Xara3D结合PS打造多彩立体文字特效_www.cncms.com-图03
图03

阴影就不用了。旋转这个字母,直到你满意为止。把这张图片渲染为"png"格式,这样"C"字母就没有背景啦。

Xara3D结合PS打造多彩立体文字特效_www.cncms.com-图04
图04

现在我们来做字母"O"。如下图所示。

Xara3D结合PS打造多彩立体文字特效_www.cncms.com-图05
图05

选用的颜色:

表面(Face):E935CG
  文字边(Text Side):E935CG
  灯1(Light 1):F7DFB6
  灯2(Light 2):6A335D
  灯3(Light 3):FF9AF3

突出选项:深度(depth:25);框架宽度(outline width):20;前后光泽度(gloss both):前表面和后表面(front face and back face)。

斜面选项:曲线(curved)和深度:20.

下面我用同样的技巧来制作字母"L"。

Xara3D结合PS打造多彩立体文字特效_www.cncms.com-图06
图06

选用的颜色:

表面(Face):2EB17C
  文字边(Text Side):2EB17C
  灯1(Light 1):80DB9C
  灯2(Light 2):74AF88
  灯3(Light 3):A1F9B5

突出选项:深度(depth:16);框架宽度(outline width):31;前后光泽度(gloss both):前表面和后表面(front face and back face)。

斜面选项:曲线(curved)和深度:20.

再一次运用上面的步骤来制作另一个字母"O"。

Xara3D结合PS打造多彩立体文字特效_www.cncms.com-图07
图07

选用的颜色:

表面(Face):FAFF32
  文字边(Text Side):7D7E35
  灯1(Light 1):FBF183
  灯2(Light 2):E5E32F
  灯3(Light 3):F7E529

突出选项:深度(depth:16);框架宽度(outline width):31;前后光泽度(gloss both):前表面和后表面(front face and back face)。

斜面选项:曲线(curved)和深度:20.

最后一个字母,"R"。

Xara3D结合PS打造多彩立体文字特效_www.cncms.com-图08
图08

选用的颜色:

表面(Face):A30FE7
  文字边(Text Side):624F78
  灯1(Light 1):C483F9
  灯2(Light 2):EBC8F9
  灯3(Light 3):CDA1F9

突出选项:深度(depth:16);框架宽度(outline width:31);前后光泽度(gloss both):前表面和后表面(front face and back face)。

斜面选项:曲线(curved)和深度:20

进入photoshop做细节处理

好,现在让我们开始Photoshop的工作啦。我们先制作背景。我用的尺寸规格是2200x1375px,填充颜色为黑色。然后我用了木头纹理在图片的最中心,降低饱和度,点击混合选项(Blending Options),擦去边角上的木头纹理。

Xara3D结合PS打造多彩立体文字特效_www.cncms.com-图09
图09

我也会使用包装纸(Wrapped Paper),降低饱和度,混合选项设为分层(Difference),不透明度(Opacity)设为55%。接着用一个大像素的

软橡皮擦擦去边缘的大部分。

Xara3D结合PS打造多彩立体文字特效_www.cncms.com-图10
图10

除此之外,我还会在我的图像里用到星星和银河的纹理。当然你是可以从网上找到一类型的图片的。擦掉一部分,星星和银河系都用不同的颜色,直到你认为最漂亮为止。确保你设置了混合选项哦,我用的屏幕(Screen)。

Xara3D结合PS打造多彩立体文字特效_www.cncms.com-图11
图11

我刚才所用的是梯度图(Gradient Map)中的调整图层(Adjustment Layer),一边是从紫色到橙色,混合选项设为轻柔(Soft Light),不透明度设为55.

Xara3D结合PS打造多彩立体文字特效_www.cncms.com-图12

将所有的字母都按顺序排好。我小小地利用了一下Photo filter 和 Hue/Saturation把一个字母“O”改成了橙色。

Xara3D结合PS打造多彩立体文字特效_www.cncms.com-图13
图13

现在,我们又将要分开对每一个字母进行加工。

好了,到了颜色校正这一部分啦。在字母“C”的图层上创建一个新的调整图层,记得一定要检查该层中使用之前的剪贴蒙版(Clipping Mask)。

Xara3D结合PS打造多彩立体文字特效_www.cncms.com-图14
图14

并且使用一下设置:

Xara3D结合PS打造多彩立体文字特效_www.cncms.com-图15
图15

Xara3D结合PS打造多彩立体文字特效_www.cncms.com-图16
图16

然后作为一个要求,调整黄色和洋红色。

现在我们要调整阴影部分。正如你可以看到的突出显示领域,我们有非常黑暗的地方,我们要用软刷子来解决这个问题。用软刷子油漆它直到它达到一下第二张图片的效果。

我用的是一些白色和浅蓝色。

Xara3D结合PS打造多彩立体文字特效_www.cncms.com-图17
图17

我们用同样的方法来把所有字母重新安排和自由变换,直到把它们放在适当的位置。

调整一下颜色和阴影。

Xara3D结合PS打造多彩立体文字特效_www.cncms.com-图18
图18

现在用钢笔工具或者片剂(Tablet)来在字母的表面上制作一些路径,曲线和线条等等。

你可以参照一下的效果哦。

Xara3D结合PS打造多彩立体文字特效_www.cncms.com-图19
图19

现在我们将添加模式,把模式覆盖到每一个字母的两面。

用鼠标点击图层,选择混合选项,然后进入模式覆盖(Pattern overlay)选项,并选择对角线(Diagonal lines),规模调为100,对每一个字母尽量用不同的模式,把填充减少到0%,不透明度为20%-30%。

确保这样的模式是在字母的两边而不是在表面上。你可以在Deviantart上下载很多不一样的模式。

Xara3D结合PS打造多彩立体文字特效_www.cncms.com-图20
图20

做到这一步,你就得到如下图所示的效果。

Xara3D结合PS打造多彩立体文字特效_www.cncms.com-图21
图21

不妨给这些字母加点倒影的效果吧!复制字母的图层然后垂直翻转(Flip vertical),擦去一部分并把不透明度降低。

Xara3D结合PS打造多彩立体文字特效_www.cncms.com-图22
图22

现在我们为文字增加一些漩涡效果(Swirl),在文字图层后面添加一个新的图层,然后添加漩涡效果。当然你可以在网上找到很多漩涡笔刷。我为字母“C”添加的颜色是2089FF色。

下图是混合选项(图层样式):

Xara3D结合PS打造多彩立体文字特效_www.cncms.com-图23
图23

内阴影(Inner Shadow)的颜色:87A3FF。

Xara3D结合PS打造多彩立体文字特效_www.cncms.com-图24
图24

外发光(Outer Glow)的颜色:55BAFA

Xara3D结合PS打造多彩立体文字特效_www.cncms.com-图25
图25

1 2  下一页

Tags:XaraD 结合 Photoshop

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接