photoshop立体图教程（Photoshop基本教学-第15章）

啾咪~我是憬颜小姐姐~

今天我们讲如何用photoshop创建出3D的立体效果~

今天的主要内容：

15.1 进入3D的世界

15.2 创建与编辑3D对象

15.3 编辑3D对象材质

15.4 添加3D光源

15.5 渲染与输出3D对象

课后练习篇 15.6 综合实例：罐装饮品包装设计

文章最后有往期教学文章回顾~

本篇是长篇文章~有需要的小可爱可以按主要内容寻找学习哟~(*^▽^*)~

第15章 创建3D立体效果

Photoshop虽然是一款主要用于图像处理以及平面设计的软件，但是在近年来的更新中，其3D功能也日益强大了起来。本章主要讲解使用Photoshop进行3D图形的设计和制作，在Photoshop中既可以从零开始创建3D对象，又可以将已有的2D图层转换为3D对象。

15.1 进入3D的世界

Photoshop虽然是一款以平面设计著称的制图软件，但是它也具有3D制图的功能，虽然从功能上相比Autodesk 3ds Max或Maya等专业三维制图软件要弱一些，但是使用Photoshop制作一些平面作品中的用于装饰的立体元素还是绰绰有余的。

3D对象的制作思路与平面图形的绘制方式不太一样，3D对象呈现在我们面前需要经过建模-材质-灯光-渲染这几个步骤，如图所示。

首先创建出模型：模型是3D对象的根本，可以从外部导入已经做好的3D模型，也可以在PS中创建3D模型。

然后为模型赋予材质：材质就是3D对象表面的质感、图案、纹理等我们能够从外观“看得到”的属性，比如一个玻璃杯子，它的材质就是“玻璃材质”，想要真实的模拟出玻璃材质，就需要分析玻璃的属性：比如无色 透明 些许反光。然后在进行材质属性编辑时，通过参数设置使材质具有这些属性。

接着需要在3D场景中添加光源：没有光的世界是一片黑暗的，在3D的世界中也是一样。有了光才能够看到模型，模型上出现光影才会产生立体感。我们在场景中添加光源既可照亮画面，又可以制作出特殊的光感效果。

最后渲染：到这里虽然可以看到基本成型的3D对象，但是为了使3D对象的效果更接近真实，还需要对3D场景进行渲染。

15.1.1 向文档中添加3D模型

执行“3D>从文件新建3D图层”命令，在弹出的窗口中单击右侧的“格式”，可以看到Photoshop支持的3D文件格式。选中需要打开的文件，单击“打开”按钮，如图所示。接着会弹出“新建”窗口，在这里可以进行3D场景大小的设置，如图所示。设置完毕单击确定后，此3D模型将会在文件中打开，如图所示。

15.1.2 熟悉3D面板

在3D工作区中显示着适用于3D功能的面板，例如3D面板，属性面板等。在3D面板的顶部可以切换“场景”、“网格”、“材质”和“光源”组件的显示。

15.1.3 选择合适的视图

单击“3D”面板中的“当前视图”，如图所示。在“属性”面板中单击“视图”下拉菜单，可以以不同的视角来观察模型。如图所示。如图所示是不同角度的对比图。

15.2 创建与编辑3D对象

在Photoshop中可以创建出多种3D对象，既可以创建出常见的几何形体，又可以从所选的图层/选区/路径创建出有趣的3D对象。想要创建3D对象，可以执行“3D>从图层新建网格”下的菜单命令。

15.2.1 创建基本3D对象

Photoshop中内置了多种常见的3D模型，执行“3D>从图层新建网格”命令可以进行创建。选中任意图层，执行“3D>从图层新建网格>网格预设”命令，在子菜单中可以看到很多种3D对象的名称，如图所示。单击某一项即可创建出相应的3D对象。如图所示。

15.2.2 从所选图层新建3D模型

“从所选图层新建3D模型”命令是通过为图层内容增加“厚度”，使之产生三维效果。选中需要转换为3D对象的图层（可以是普通图层、智能对象图层、文字图层、形状图层、填充图层），执行“3D>从所选图层新建3D模型”命令。

15.2.3 旋转、移动、缩放3D对象

在3D场景中创建出了3D模型，但是有时模型的位置和角度可能需要进行一定的调整，那么此时我们可以使用到“3D对象工具”。“3D对象工具”主要用于3D对象的移动、旋转、缩放等操作。想要使用“3D对象工具”需要在使用“移动工具”状态下，而且必须在3D面板中选中3D对象条目，选项栏的右侧才会出现“3D对象工具”。

旋转3D对象工具：使用“旋转3D对象工具”在画面中按住鼠标左键并水平拖动光标，可以围绕y轴旋转模型。上下拖动光标，可以围绕x轴旋转模型。按住Shift键可以沿水平或垂直旋转。

滚动3D对象工具：若要围绕z轴旋转模型，可以使用“3D对象滚动工具”在两侧拖动光标。

拖动3D对象工具：使用“拖动3D对象工具”按住鼠标左键并拖动，即可移动对象。

滑动3D对象工具：使用“滑动3D对象工具”在画面中按住鼠标左键并拖动光标可以将对象拉近或移到远处。

缩放3D对象工具：使用“3D对象比例工具”在画面中按住鼠标左键拖动可以放大或缩小3D对象。向上拖动可以等比放大对象，向下拖动可以等比例缩小。

15.2.4 从所选路径创建3D模型

Photoshop还可以为闭合路径创建3D模型。选择路径，如图所示。如果当前所选图层带有内容，则图层的内容会作为“前膨胀材质”，如图所示。然后执行“3D>从所选路径新建3D模型”命令。

15.2.5 从当前选区新建3D模型

“从当前选区创建3D模型”命令可以将选区中的内容转换到3D网格中，从而进行3D模型的制作。在所需图层绘制一个选区，然后选择一个有内容的图层（必须是非空白图层），然后执行“3D>从当前选区新建3D模型”命令，如图所示。此时可以看到选区以内的部分变为了3D效果，而选区以外的部分则被删除了，如图和图所示。

15.2.6 合并3D对象

执行“3D>合并3D图层”菜单命令，合并后每个3D文件的所有网格和材质都包含在合并后的图层中。

【我是憬颜小姐姐~想知道更多有关平面设计的知识、免费教学 教程 免费学习平面设计等等~

请私信我“平面设计”~私信我有软件安装包和免费的练习素材哦~爱你们啾咪~

15.3 编辑3D对象材质

在3D的世界中，材质就是指对象外观的属性。比如红色的半透明的带有反光感的塑料水桶。从这这个描述中我们能够分析出这个对象的材质应该具有以下属性：红色、半透明、带有反光等。那么在材质的编辑时，就可以从这些方面进行属性的编辑。

15.3.1 使用预设材质

3D材质的调整主要是从材质本身的物理属性出发进行分析。在3D面板中选择需要设置的材质条目，在属性面板可以看到相应的设置参数。在这里可以对“漫射”“不透明度”“凹凸”“反射”“发光”等的相关属性进行调整。当然，3D材质面板还包含多个预设材质可供编辑使用，单击材质缩览图的下拉图标，可以打开预设的材质类型，如图所示。有的参数后方带有“纹理映射下拉菜单”按钮（类似文件夹形状的按钮），单击“纹理映射下拉菜单”按钮，可以弹出一个下拉菜单，在该菜单中可以创建、载入、打开、移去以及编辑纹理映射的相关属性。

15.3.2 自定义对象材质

为3D对象设置材质的方法很简单，首先在图层面板选中需要设置的3D对象所在的图层，如图所示。然后执行“窗口>3D”命令，在3D面板中选择需要编辑的材质条目，如图所示。

如果材质为单一颜色，可以直接在漫射后方单击并设置颜色。如图所示。想要使材质表面呈现出图片或者特定内容，则需要新建纹理。在属性面板中单击“漫射”选项后方的“纹理映射下拉菜单”按钮，在下拉菜单中执行“新建纹理”命令，如图所示。随即可以弹出“新建”窗口，在这里设置合适的参数，设置完成后单击“确定”按钮。如图所示。

15.3.3 直接在3D对象上绘制纹理

在Photoshop中还有一种更直观的材质设置方法，就是直接在模型上“绘制”纹理。首先在“3D”面板中单击需要编辑的材质条目，如图所示。接着在“属性”面板中漫射后方单击按钮，执行“新建纹理”命令，如图所示。执行“3D>绘画系统>投影”命令，接着可以在想要绘制的表面进行绘制。

15.3.4 使用3D材质吸管和拖放工具

在使用3D工作区状态下，工具箱中会出现两个工具： “材质吸管工具”和 “材质拖放工具”（在其他工作区状态下这两个工具隐藏在吸管工具组和渐变工具组中）。

15.4 添加3D光源

光在真实世界中也是必不可少的，万事万物色都是因光的存在才能够被肉眼观察到。在3D软件中，灯光也是不可或缺的一个组成部分，不仅仅为了照亮场景，更能够起到装饰点缀的作用。如图所示为没有灯光和带有灯光的对比效果。

15.4.1 创建与使用光源

若要为场景中添加新的光源，在3D面板底部可以看到“将新光照添加到场景中”按钮，在弹出的菜单中可以看到三种光源类型：点光、聚光灯和无限光。

15.4.2 设置光源参数

在3D面板中单击需要编辑的光源的条目，如图所示。接着可以在“属性”面板中进行颜色、强度、阴影的设置，如图所示。

预设：包含多种内置光照效果，切换即可观察到预览效果。

光照类型：设置当前光源的类型，包括“点光”、“聚光灯”、“无限光”。

强度：用来设置光照的强度。数值越大，灯光越亮。如图所示为不同强度的灯光效果。

颜色：用来设置光源的颜色。单击“颜色”选项右侧的色块可以打开“选择光照颜色”对话框，在该对话框中可以自定义光照的颜色。

创建阴影：勾选该选项以后，可以从前景表面到背景表面、从单一网格到其自身或从一个网格到另一个网格产生投影。

柔和度：对阴影边缘进行模糊，使其产生衰减效果。如图所示。

15.5 渲染与输出3D对象

在Photoshop工作界面中编辑3D对象时虽然能看到3D对象的立体效果以及表面的材质，但此时我们看到的并非是效果“最好”的3D对象。通过“渲染”这一操作能够使3D对象的色泽、质感、凹凸、纹理、透明、反光等属性更加精细的以平面图像的方式呈现出来。所以，三维操作的最后一个步骤就是需要进行渲染。如图所示。

15.5.1 渲染设置

“渲染”是指将制作的3D内容软件本身或者辅助软件制作成最终精细的2D图像的过程。 在完成模型、灯光、材质的设置后，可以对画面中的3D对象进行渲染。单击“3D”面板中的“场景”按钮，选择“场景”条目，然后单击底部的“渲染”按钮 ，进行渲染，如图和图所示。在如果想要对渲染的内容进行设置，可以在“属性”面板中进行设置，如图所示。

15.5.2 渲染3D模型

设置完毕后，执行“3D>渲染”菜单命令（快捷键：Alt Shift Ctrl R）可以对画面进行渲染，在不包含任何选区状态下将渲染整个画面。

15.5.3 栅格化3D对象

“栅格化3D”命令可以将3D对象转换为普通的2D图层。选择一个3D图层以后，在其图层名称上单击鼠标右键，然后在弹出的菜单中选择“栅格化3D”命令。

15.5.4 储存3D对象

制作好的带有3D对象的文档可以执行“文件>存储为”菜单命令，打开“存储为”对话框，然后选择PSD、PSB、TIFF或PDF格式，即可保留3D模型的位置、光源、渲染模式和横截面等属性。

15.5.5 导出3D对象

在“图层”面板中选择相应的3D图层，执行“3D>导出3D图层”菜单命令，打开“存储为”对话框，在“格式”下拉列表中可以选择将3D图层导出为Collada DAE、Wavefront/OBJ、U3D或Google Earth 4 KMZ格式的文件，可以导出选中的3D图层为独立的3D文件。

15.6 综合实例：罐装饮品包装设计

文件获取

私信我“获取素材”就可以免费获取本篇文章的实例素材以及教学视频哦~

难易指数

五颗星

技术掌握

3D功能、钢笔工具、图层蒙版

往期photoshop基础教学文章：

【平面设计教学】Photoshop基本教学-第1章 Photoshop入门

【平面设计教学】Photoshop基本教学-第2章 Photoshop基本操作

【平面设计教学】Photoshop基本教学-第3章 选区与填色

【平面设计教学】Photoshop基本教学-第4章 绘画与图像修饰

【平面设计教学】Photoshop基本教学-第5章 调色

【平面设计教学】Photoshop基本教学-第6章使用CameraRaw处理照片

「平面设计教学」Photoshop基本教学-第7章 实用抠图技法

「平面设计教学」Photoshop基本教学-第8章 蒙版与合成

「平面设计教学」Photoshop基本教学-第9章 图层混合与图层样式

「平面设计教学」Photoshop基本教学-第10章 矢量绘图

「平面设计教学」Photoshop基本教学-第11章 文字

「平面设计教学」Photoshop基本教学-第12章 滤镜

「平面设计教学」Photoshop基本教学-第13章 通道

「平面设计教学」Photoshop基本教学-第14章 网页切片与输出

【我是憬颜小姐姐~想知道更多有关平面设计的知识、免费教学 教程 免费学习平面设计等等~

请私信我“平面设计”~私信我有软件安装包和免费的练习素材哦~爱你们啾咪~

,