恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
【PS-3D功能探索】如何在PS内制作炫酷发光的3D文本
0.0°
2019-05-25 自译外文 教程 原作者: Rose 举报 3856 30 15 1

Image title

今天给大家带来PS-3D探索的第三篇教程。本教程会告诉你如何通过一些ps的滤镜、调整层以及图层样式来制作我们效果需要的纹理贴图。教程需要的字体文件,环境贴图和部分纹理贴图可以在文末右下角下载!你可以在花瓣等一些素材网站寻找一些更好的贴图来进行效果上的优化处理尝试!

1.创建渐变背景

步骤1

创建一个新的1000 x 1000px文档, 然后双击 "背景" 图层将其转换为可编辑图层。

Image title

步骤2

双击第1层, 使用以下设置应用渐变叠加:

选中 "仿色"

使用中等色谱渐变填充

(补充:这里解释这个渐变是怎么来的:在渐变的下拉列表里面的右上角有个齿轮图标,然后你点击出现扩展列表,然后你选择底部的色谱,然后追加渐变预设就会出现中等色谱这个渐变预设了)

Image title

步骤3

右键单击第1层, 然后选择 "转换为智能对象"。

Image title

2. 创建基本纹理

步骤1

转到滤镜 > 液化, 并使用向前变形工具单击拖动渐变, 将其颜色混合在一起。使用过程中你可以尝试变换画笔的大小, 然后你做出了你想要的画面就可以结束这一操作。

Image title

步骤2

您还可以调整其他属性来得到你想要的结果。然后完成了就单击 "确定"。

补充:有很多你见过的未来主义流体渐变类海报其实就是用的这种技法来制作的!

Image title

步骤3

转到图像 > 调整 > 色相/饱和度(这里你可以直接在图层面板下创建哈)并调整不同的通道值, 以获得您喜欢的颜色。在这里, 全图, 红色, 黄色和洋红通道被修改如下:

Image title

这样做的目的是为了获得一个明亮的图像。Image title

步骤4

转到 "扭曲" > 波浪, 并使用以下设置:

生成器: 5

波长:最小105,最大221

波幅:最小1,最大56

比例:水平100,垂直100

类型:正弦

未定义的区域: 重复边缘像素

Image title

步骤5

转到滤镜>模糊> 表面模糊, 并将 "半径" 更改为 3, 将阈值更改为255。

Image title

步骤6

转到模糊> 高斯模糊, 并将半径更改为10。

Image title

3. 创建叠加的纹理(纹理细节优化)

步骤1

复制第1层。

Image title

步骤2

转到编辑 > 变换 > 顺时针旋转90°。

Image title

步骤3

将复制图层的 "混合模式" 更改为 "变暗"。

Image title

步骤4

现在需要在所有图层的顶部创建一个新的图层,然后将其命名为叠加层, 只需要按命令ctrl-Shift-e 键创建一个盖印图层。然后将该图层转换为智能对象就可以了。

Image title

步骤5

转到滤镜 > 滤镜库 > 风格化化 > 照亮边缘并使用以下设置:

边缘宽度: 6

边缘亮度:20

平滑度:15

Image title

步骤6

将叠加层(记住此时的叠加层是当前操作的这个,也就是盖印得到的,不是一开始直接得到那个)的混合模式更改为 "滤色"。这就完成主纹理的制作, 但因为我们将使用它作为3D文本的贴图, 所以我们将需要使它变暗一些。

Image title

4. 使纹理变暗(细节优化二)

步骤1

单击 "图层" 面板底部的 "创建新调整层" 图标, 然后选择 "可选颜色"。从 "颜色" 菜单中选择 "白色", 并将其黑色值更改为100。然后从 "颜色" 菜单中选择 "中性色", 将其黑色值更改为-15。

Image title

步骤2

添加 "色阶调整图层", 并使用以下输出级别值:

通道: 绿色

阴影:33

亮光: 239

通道: 蓝色

阴影:83

亮光: 255

Image title

步骤3

在所有图层的顶部创建一个新盖印图层, 将其命名为 "暗",  并将图层转换为智能对象。

Image title

步骤4

转到 "模糊" > 高斯模糊, 并将半径更改为35。

Image title

步骤5

转到 "图像" > "调整" > "色阶", 并将 "阴影" 值更改为 53, 将 "伽玛" 更改为0.39。保存此文件的名称为字体纹理, 当然 您可以保存图像。(当然我的建议是保存psd,然后在输出一张图像,然后新建一个文档做下面的字体部分)

Image title

5. 创建背景和文本图层

步骤1

创建一个新的1000 x 850px文档, 并使用 "颜色" #b2b2b2 添加 "纯色填充图层"。

Image title

步骤2

使用提供的字体创建文本的第一个字母, 并将 "大小" 更改为 300pt。(当然你可以不使用我提供的字体,只要是黑体类都可以,但是记得字体必须得粗,但是你练习的时候建议不要用中文,当你知道了过程后在尝试用中文来表现。)

Image title

6. 创建3D文本

步骤1

选择文本图层后, 转到 3D > "从所选图层的新建3D模型"。你可以打开属性和3d面板来得到贼多的关于当前图层的3d属性!

Image title

步骤2

选择 "移动工具" 以访问 "选项" 栏右侧的3D 模式。选择其中之一后, 可以单击拖动以执行更改 (在3D面板中选定的对象)。使用3D模式将 "当前视图" 更改为您喜欢的角度吧。

Image title

7. 调整3D网格和其他基本设置

步骤1

在 "3D" 面板中选择 "3D网格" 选项卡, 并将 "属性" 面板中的 "凸出深度" 更改为75。

Image title

步骤2

单击 "属性" 面板顶部的 "盖子" 图标, 将 "斜面宽度" 更改为 2%, 将 "等高线" 更改为 "半圆", 将 "膨胀强度" 更改为1%。

Image title

8. 创建基础材质

步骤1

选择网格的 "前膨胀材质" 和 "凸出材质" 选项卡, 并在 "属性" 面板中使用这些材质设置 (使用的颜色值在 RGB 中):

漫色: 241、237、225

镜像: 163, 163, 163

闪亮: 35%

反射: 35%

折射: 1.35

Image title

步骤2

选择 "凹出材质", 并将其粗糙度值更改为20%。

Image title

步骤3

选择两个斜面材质选项卡(前斜面和后斜面), 然后使用以下设置:

漫射: 179、174、183

镜像: 204, 211, 211

发光: 102, 105, 106

闪亮: 50%

反射: 10%

Image title

9. 调整3D场景的灯光

步骤1

在添加图像纹理之前, 我们需要调整灯光。选择 "无限光 1" 选项卡, 并将其强度更改为 20%, 将其阴影柔和度更改为80%。

Image title

步骤2

使用 "移动工具" 或 "坐标" 值移动 "无限光", 直到获得您喜欢的结果为止。

Image title

步骤3

选择 "环境" 选项卡, 单击 "IBL 纹理" 图标, 选择 "替换纹理", 然后打开 "环境" 图像。(只提供了一张,你可以自己多找些类似的来尝试一下)

Image title

步骤4

将强度更改为 35%, 并移动图像以获得您喜欢的结果。

Image title

10.使用图像纹理

步骤1

选择 "前膨胀材质" 选项卡, 单击其 "发光" 的图标, 然后选择 "加载纹理" 以打开在本教程开始时创建的图像纹理。

Image title

步骤2

单击 "发光" 的图标, 然后选择 "编辑 UV 属性"。

Image title

步骤3

将 "平铺" 设置为 1, 将 "位移" 值设置为 0, 然后单击 "确定"。

Image title

步骤4

选择 "凸出材质" 选项卡, 单击 "发光"的图标, 然后从菜单中选择 "图像纹理名称"。

Image title

步骤5

选择 "网格" 选项卡, 并将 "属性" 面板中的 "纹理映射" 更改为 "平铺"。

Image title

步骤6

再次选择 "凸出材质" 选项卡, 并根据需要编辑 "发光"纹理的UV属性。

Image title

11. 复制3D网格

步骤1

选择 "3D 网格" 选项卡, 单击 "3D 面板" 菜单图标, 然后选择 "复制对象"。

Image title

步骤2

将复制的网格重命名为下一步要创建的字母, 然后单击 "属性" 面板中的 "编辑源" 按钮。

Image title

步骤3

打开文本文件后, 将文本更改为要添加的字母, 并保存和关闭该文件。

Image title

步骤4

这将更新原始文档中的网格。重复相同的步骤, 以创建文本所需的剩余字母。

Image title

12. 移动3D网格

步骤1

使用移动工具选中第二个字母网格,然后选择工具栏中的3D模式的工具来进行执行。(这个就不在赘述了,上两篇说的很明白了)

Image title

步骤2

您可以单击 "当前视图" 选项卡, 然后在属性面板中的视图菜单选项前视图以帮助您放置字母网格。

Image title

步骤3

重复这一步骤, 直到你完成所有的字母的移动, 并得到你喜欢的结果为止。然后将3D图层名称更改为 "文本"。

Image title

13. 添加背景

步骤1

选择矩形工具, 确保 "形状" 选项在 "选项" 栏中处于活动状态, 并且 "描边" 设置为 "无"。单击文档中的任意位置以获取 "创建矩形" 窗口, 将 "宽度" 和 "高度" 值都设置为 2000, 然后单击 "确定"。

Image title

步骤2

转到 3D > "从所选路径新建3D模型", 然后选择"当前视图" 选项卡, 然后从 "视图" 菜单中选择 "文本" 以匹配您所拥有的两个3D图层的视图。

Image title

步骤3

选择您拥有的两个3D图层, 然后转到3D> 合并3D图层。将矩形网格凸出深度更改为10。(合并前记得看看是不是你想要的结果)

Image title

步骤4

移动矩形网格到在文本的后面。

Image title

步骤5

选择矩形的 "前膨胀材质" 选项卡, 然后使用以下设置:

漫射: 使用金属,斑驳杂质类纹理, (这个纹理就是杂质,斑驳类的,需要自己找哦!素材里面好像只有一张)并根据需要调整其UV属性

镜像: 186, 192, 194

闪亮: 70%

反射: 3%

凹凸: 25%

Image title

步骤6

若要创建 "凹凸纹理", 请单击 "凹凸" 后面的文件夹图标, 然后选择 "新建纹理"就可以了。(当然,这里是要创建的哈)

Image title

步骤7

将 "宽度" 和 "高度" 值设置为 1000, 然后单击 "确定"

Image title

步骤8

当文件打开时, 复制 "背景" 图层, 然后双击该副本以使用以下设置应用在 "图案叠加" 上:

图案: 灰泥3(这里可以多试一下其他的杂质预设效果哈)

缩放: 25%

保存并关闭该文件, 并根据需要调整 "凹凸" 纹理的 UV 属性。

Image title

14. 渲染3D场景

步骤1

选择这两个3D网格选项卡, 并沿上面的 y 轴移动, 并将其移出地面平面, 这样就不会影响什么。(这里你可以直接选择所有3d网格在3d菜单下选择 将对象移到地面)选择最终的相机视图, 并确保背景矩形网格覆盖整个文档, 而不会留下任何空白角落。

Image title

步骤2

一旦有了你喜欢的结果后, 去3D > 渲染3D图层。渲染可能需要一段时间, 但您可以随时通过按 Esc 键停止渲染。渲染完成后, 右键单击3D 图层, 然后选择 "转换为智能对象", 以避免进行任何意外的更改。

Image title

15. 添加全局调整

步骤1

在所有图层的顶部添加渐变映射调整图层, 选中 "仿色", 然后更改左侧 "颜色" #403261, 在中间添加#554561, 然后更改右侧颜色 #97846b 以创建渐变。将图层的混合模式更改为 "柔光", 并将其不透明度更改为70%。

Image title

步骤2

添加颜色查找调整图层, 从 "摘要" 菜单中选择 "Pastel 8 Hues" , 并将图层的 "混合模式" 更改为 "柔光" 及其不透明度为20%。因为作者是国外的,所以这里的配置文件根据地区的不同会发生变化,如果你在ps里面找不到这个配置文件,那么你可以对这个层直接使用柔光模式,然后再把透明度调到20-30左右,这个东西咋也不会,咋也不能乱讲,所以等我研究一下在回来更新!暂时这样了哈

Image title

步骤3

在所有图层的顶部创建一个新图层, 将其命名为 Vignette, 并将其混合模式更改为 "颜色加深", 并将其不透明度更改为70%。选择画笔工具, 将 "前景颜色" 设置为 #707070, 然后选择一个大的软圆画笔, 然后在文本周围添加晕影。

Image title

步骤4

使用 "颜色 #6639a4 添加纯色填充图层, 并将其" 混合模式 "更改为" 柔光 "。

Image title

步骤5

添加 "色阶调整图层", 并将 "阴影" 输出值更改为10。然后, 选择 "蓝色通道", 并将其 "阴影" 的 "输出" 值更改为 15, 将 "高光输出" 更改为236。

Image title

16. 添加微妙的纹理叠加

步骤1

在所有图层的顶部创建一个新盖印图层, 将其命名为 "高反差保留"(名字随意,自己明白是什么就好)。将图层转换为智能对象, 并将其混合模式更改为 "柔光"。

Image title

步骤2

转到滤镜 >其他>高反差保留, 并将半径设置为1。

Image title

步骤3

创建另一个新图层, 将其命名为 "噪点", 然后转到 "编辑" > "填充"。将 "内容" 更改为50% 灰色, 然后单击 "确定"。

Image title

步骤4

将噪点层转换为智能对象, 并将其混合模式更改为 "柔光"。

Image title

步骤5

转到 滤镜> 杂色> "添加杂色", 将 "数量" 更改为 "7", 将 "分布" 更改为 "平均分布", 然后取消选中单色框。

Image title

步骤6

将 "黑色纹理 2" 图像放在所有图层的顶部, 根据需要调整其大小, 并将图层的混合模式更改为 "颜色减淡", 并将其不透明度更改为50%。(很遗憾作者提供的下载地址已经没有这个纹理了,所以我自己给大家找了一个)

Image title

恭喜你, 你完成了本次教程的内容!如果你做的和教程的效果不一样,你可以多去尝试一些叠加纹理和环境贴图哈!

在本教程中, 我们使用了一组图层样式、滤镜和调整图层来创建图像贴图纹理。然后, 我们创建3D文本, 调整其设置, 并创建其材质。之后, 我们调整了灯光, 添加了背景, 并渲染了3D 场景。最后, 我们添加了一些更多的调整图层和叠加了一些纹理, 以完成了最后的效果。教程我译制了这么多了,基础的差不多也说的差不多了,如果你有什么想要知道的,可以留言或者私信告诉我,也可以来微博告诉我!等你!

Image title

微信公众号:米夏小雨

更新:2019-05-25

下载
收藏

30人已收藏

米夏小雨

每周六晚20:00B站直播设计技法实操 欢迎来玩!

  • 116

    作品

  • 4517

    粉丝

  • 26

    关注

  • 【技法解析第七期】如何在C4D中创建二维矢量插画效果教程
  • 【技法解析第六期】多彩质感UI图标材质渲染教程-C4D教程
  • C4D教程-技法解析第五期-抽象艺术材料
  • 七步教你学会制作iPhone SE 2022 壁纸

    猜你喜欢

      2019-05-25 自译外文 教程 原作者: Rose 举报 3856 30 15 1

      【PS-3D功能探索】如何在PS内制作炫酷发光的3D文本

      0.0°

      你确定要举报【PS-3D功能探索】如何在PS内制作炫酷发光的3D文本

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年05月25日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      15
      30
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录