photoshop创建特殊光线效果的3D文字教程

18 条留言

final

今天,我们要把一个对象/文本从2D更改到3D以及给它添加一些真实的效果。我们将会使用Illustrator来创建对象,然后把它移到Photoshop中添加高光和阴影。(这篇教学不是很难,大家细心做,希望朋友们能指出文章中不对的地方,毕竟我们能力有限 ,谢谢大家支持盒子。)

步骤1
让我们打开Illustrator并创建一个“5×5”的文件。创建一些文字或logo。现在,你要确保你选择了一种除了黑、白、灰色之外的颜色,使我们可以从物体中提取阴影。

1

步骤2
现在我们将把我们的对象转为3D模式,去效果>3D>挤压和斜边。我的设置如下,但这取决于你使用的对象,对象不同设置可能就不同。我们正在努力实现一个有趣的角度。尝试更多的设置直到你得到满意的效果。确保你改变了周围的灯光来获得最大量的对比度,方便以后使用。

2

步骤3
这就是我们要在Illustrator中做的,现在复制你的图片(apple+c),粘贴到1680×1050 px的Photoshop文档中。拉伸它填充空间。由于它是一个矢量图像,当它第一次被粘贴到Photoshop中我们可以拉伸它,不要害怕,它不会有像素方面的变化。之后双击按下复选框它被转换成光栅图像。

3

步骤4
现在,我们要设置一个背景。首先改变刚才那个文字图层名称为3D文本,点击图层左侧的小眼睛隐藏它。

4

步骤5
让我们在here找到这个木质纹理,在我们的文档里打开。调整其大小使它适合文件的尺寸。

5步骤6
我们将会给木质纹理一些较暗的颜色,所以我们使用深褐色的画笔。现在去椭圆选框工具,设置羽化为100px,画一个差不多大小的圆,垂直放在文件中。

6

步骤7
现在按apple + shift + I (apple换成CTRL 原作者用的是苹果机,下同!),选择反选,用棕色按option + delete填充。改变图层的混合模式为叠加。

7

步骤8
画一个圆,这次我们要选择一个黄色/橙色,并在右下角作图。用黄色填充圆圈,改变图层的混合模式为叠加。

8

步骤9
选中这一黄色层,伸展它,让它填充之前没有被褐色填充过的区域。按住option + shift 保持黄色在右下角。

9

步骤10
现在,我们的图像开始像是有一处从右下角照射出的光源了。使那个角落更亮,光源的效果更真实。在黄色图层之上建立一个新层,从右下角创建一个径向渐变。混合模式更改为叠加。现在我们需要复制这层两次使它更亮。所以要按apple+j两次。

10

步骤11
现在是时候把我们的logo放进来了。确保你使用的3D文本,然后使用魔术棒点击文本的表面。确保魔术棒公差为12。现在按 apple + j,这会在文本表面上多一个新层。

11

步骤12
重复步骤11,使用魔术棒选择文本的边。

12

步骤13
现在我们要在文本的表面添加一些高光和阴影。创建一个新层,apple + click 选择文字表面。点击渐变,选择一个类似于我们在右下角使用的那种黄色。从文本的右下角到左上角拖动渐变。更改混合模式为叠加。

13

步骤14
在该文本表面高光的前提下,创建一个新层,并使用白色做一个较小的渐变。更改混合模式为叠加。

14

步骤15
使用一个暗的棕红色,从对面的拐角处拖动一个小渐变,改变混合模式为正片叠底。

15

步骤16
现在点击文本层的侧面(字体的内部),然后按apple + m调出曲线窗口。将它按下图设置,使两边发暗因为那里照射不到任何光线。

16

步骤17
我们现在需要解决光线的路径,以便我们可以做一些阴影。我们在右下角建立两条直线开始我们的光源,并从这个角落往外扩及,我们的底角在D上,顶角在d上,就像这样。

17

步骤18
现在我们大概知道即将形成的阴影形状了,我们就可以开始建立它。使用多边形工具,按下图切出形状,并用黑色填充。确保该形状与文本匹配。现在,拖动图层使它在文本下方。

18

步骤19
现在,我们要修改我们刚才制作的形状,首先我创建了一个图层蒙板。在蒙版里涂抹出一个成直角的圆(见下图)。(直接看20步吧,这步没说明白)

19步骤20
开始用黑色画笔涂抹,直到你觉得图像更自然,如下图。(19步和20步的意思是涂抹阴影边缘 使其看起来更自然和柔和)

20步骤21
我们可以消除我们所做的两行直线了,因为我们不再需要它们。我们需要给文本添加一些纹理,因为它现在看起来不真实。去Lost and Taken (这个链接已经给出,但是好像无法访问,去这里下载纹理,需注册才能看到,感谢johnnyluu童鞋提供。)添加一个胶卷纹理,它将完善我们的工作,使用其中一个,把它移到文档中。调整纹理的尺寸使它与你的文本角度相类似。点击apple + click 加载文本表面,apple + i 得到文本的背面,并删除(没明白这步,有人明白同学的帮个忙,在底下留言吧,谢谢哦)。

21

步骤22
最后,我要在文本表面添加一个斜面,使它有锐利的边(如下图)。

22

哈哈 工作完成啦 最终结果看下图:

final

本教程最终PSD文件下载

原文来自:denisdesigns.com  翻译:活力盒子 如需转载 请注明:来自活力盒子以及原文出处。

国外最新最酷的photoshop教程 国外ps教程 由活力盒为您呈现。

译者:NAACALZ

大熊猫?大熊猫?大熊猫?大熊猫?大熊猫?大熊猫?大熊猫?大熊猫?大熊猫?... 活力盒子QQ群:22580518


  1. 漂亮呵呵,前天还把你们的字体教程整理了一下在我那推荐了

  2. 辛苦盒子了 每天来都会给我们带来优秀的教程!

  3. 如果是几年前就遇到你,可能会好好走平面这条路哟~

  4. angel.z 说:

    :) Hobo 3Q

  5. angel.z 说:

    爱你不要你 :十一盒子也休息好多天呢

  6. angel.z 说:

    左岸读书 :哈哈 不会吧 承蒙夸奖哦 现在也不晚呀 就算不走平面设计这条路 如果喜欢这方面的东西 那 多学习下也是丰富自己的知识啊 :)

  7. 人儿儿× 说:

    改版啦!嘿!喜欢这个黑色界面的设计风格!酷~

  8. 瞧一瞧 说:

    收藏啦,有空没空都来看一看

  9. 晴天有雨 说:

    非常不错,我很喜欢,也照着做了一个。呵呵

  10. 晴天有雨 说:

    只是最后的那个胶卷纹理没有,做出来效果差了好多,但还是要谢谢你.谢谢!

  11. Mark~都是很好的教程!

    PS:国外教程已经取得作者同意了么?

  12. samill 说:

    非常好!

  13. 灰绿 说:

    今天第一天来,很不错。
    那个纹理可能要翻墙出去才能下载哦。

  14. angel.z 说:

    回复灰绿:恩,我们也是这么认为的,唉,没有办法呀…

  15. 灰绿 说:

    我翻出去试过了。下是可以下,但是因为网络不稳定,大图都只能下一半。缩略图可以下,平时玩玩其实也够用了。

  16. angel.z 说:

    回复灰绿 :你知道有比较稳定的翻墙方法吗?

  17. 灰绿 说:

    先找个在线代理~然后搜索到“无界”,下载

  18. 跑步的蜗牛 说:

    漂亮啊!回去试试

想说点什么?