photoshop文字教程:Photoshop教程:制作蓝色3D文字

  效果图:

Photoshop教程:制作蓝色3D文字

  查看原图(大图)

  原文来自:richworks.in

  在本教程中我们将学习如何实现这样3D效果实际上你可以使用这个简单技术来创建时尚现代LOGO和图标让我们开始吧!

  步骤1

  打开Photoshop创建个尺寸为1280 * 800px新文件并在你文件中输入文本我使用字体是AVENGER它是很棒字体可以免费在DAFONT里下载我使用颜色是#14b2d9

Photoshop教程:制作蓝色3D文字

  查看原图(大图)

  步骤2

  栅格化文字使用变换工具(CTRL + T)更改文本角度类似下图

  小提示:按Ctrl + T和按Ctrl + Alt + Sht键调整文本来改变角度

Photoshop教程:制作蓝色3D文字

  查看原图(大图)

  步骤3

  现在到了重要部分点击文字层按住CTRL + ALT键按向上键8-10次复制图层来创建3D图层

Photoshop教程:制作蓝色3D文字

  查看原图(大图)步骤4

  现在我们需要命名最上面图层为’TOP’合并所有其他层把它放在TOP层下方重命名这层为’BOTTOM’现在双击’BOTTOM’层按下图设置渐变叠加:

Photoshop教程:制作蓝色3D文字

  查看原图(大图)

  应用渐变使最暗蓝色出现在’BOTTOM’层最末端这将给它种阴影效果参考下图

Photoshop教程:制作蓝色3D文字

  查看原图(大图)步骤5

  现在我们需要使’TOP’层看起来更突出因此按Ctrl + Alt + 向下键3次来复制’TOP’层合并这些层并重新命名为’MIDDLE’把这层放在’TOP’层下方’BOTTOM’层上方应用图层样式-颜色叠加-白色不透明度大约20-30%

Photoshop教程:制作蓝色3D文字

  查看原图(大图)

  步骤6

  现在边缘看起来不真实因此我们将在每个字母边角上添加些垂直分离效果按照下面指导达到这个效果:

  1、在‘BOTTOM’层上方创建个新图层命名为’edges’

  2、选择个半径为1px硬度为100%画笔

  3、按下图在角落里绘制直线

  小提示:点击顶部边缘按住Sht键在底边上点击创建完美直线如下图:

  现在设置图层不透明度大约10%

Photoshop教程:制作蓝色3D文字

  查看原图(大图)

  这时我们创建结果应该类似于下图:

Photoshop教程:制作蓝色3D文字

  查看原图(大图)

  步骤7

  现在我们需要给文本添加些灯光效果这可以通过把‘BOTTOM’层些部分变暗来实现因此创建个新图层命名为’Lighting’把它放在‘BOTTOM’层上方并使用约30PX软笔刷创建些描边如下图所示:

Photoshop教程:制作蓝色3D文字

  查看原图(大图)

  步骤8

  设置这层混合模式为叠加降低不透明度10%左右这时建议多尝试不透明度值来实现理想效果图像应该看起来像这样:

Photoshop教程:制作蓝色3D文字

  查看原图(大图)

  步骤9

  从现在起就十分有趣了我们会添加更多深度和真实效果在背景层的上创建个新层并添加个浅蓝色到浅灰色渐变如下所示:

Photoshop教程:制作蓝色3D文字

  查看原图(大图)

  步骤10

  使用自由变换工具(CTRL + T)改变渐变图层角度以配合文本角度参照下图

Photoshop教程:制作蓝色3D文字

  查看原图(大图)

  步骤11

  现在缩放渐变层使它覆盖整个文件这将为我们提供个很好背景来添加反射

  现在复制’TOP’层和’BOTTOM’层合并它们把这个新层放在’BOTTOM’层下方重命名为’REFLECTION’

Photoshop教程:制作蓝色3D文字

  查看原图(大图)

  步骤12

  现在到了最重要降低’REFLECTION’图层不透明度为20%左右并按照下图所描述步骤做:

  这是为了确保反射看起来真实基于这观点它添加了个渐变蒙版

Photoshop教程:制作蓝色3D文字

  查看原图(大图)

  步骤13

  现在复制刚才’TOP’层应用黑色颜色叠加把它放在’REFLECTION’层上方命名这层为’SHADOW’

Photoshop教程:制作蓝色3D文字

  查看原图(大图)



  步骤14

  应用2.3像素高斯模糊

Photoshop教程:制作蓝色3D文字

  查看原图(大图)

  步骤15

  完成了~我们已经成功在Photoshop中创建了个超级酷3D文本查看下面图片

Photoshop教程:制作蓝色3D文字

  查看原图(大图)



Tags:  photoshopcs文字教程 photoshop制作gif教程 photoshop制作教程 photoshop文字教程

延伸阅读

最新评论

发表评论