PS教你打造3D葡萄酒广告

  12.1 简 介

  本课探索3D 功能,当你的显卡支持OpenGL 2.0 并在计算机中启用了时,才能使用这些功能。要了解你的显卡,可选择菜单”编辑”>”首选项”>”性能”(Windows)或”Photoshop”>”首选项”>”性能”(Mac OS)。该对话框的”图形处理器设置”部分包含了有关显卡的信息。

  注意:如果你使用的是Windows XP 或显卡不支持OpenGL 2.0,就无法使用Photoshop 的3D 功能。

  在本课中,你将创建三维场景,用于做葡萄酒广告。首先来看看完成后的场景。

  启动Photoshop 并立刻按下Ctrl + Alt + Shift(Windows)或Command + Option + Shift 快捷键(Mac OS)以恢复默认首选项(参见前言中的”恢复默认首选项”)。

  2. 出现提示对话框时,单击”是”确认要删除Adobe Photoshop 设置文件。

  3. 选择菜单”文件”>”在Bridge 中浏览”,以启动Adobe Bridge。

  4. 在Bridge 中,单击收藏夹面板中的Lessons,再在内容面板中双击文件夹Lesson12。

  5. 在Bridge 中查看文件12End.psd。其中有一个带3D 字母的木箱,木箱上是三维酒瓶、酒杯和销售卡。

  6. 双击文件12End.mp4 观看该电影,它使用光照动画模拟日出效果。观看完毕后,退出QuickTime。

  7. 双击文件12Start.psd 在Photoshop 中打开它。

  这个文件包含一幅葡萄园照片、一个黑色背景图层以及另外两个图层,如图12.1 所示。


  图12.1

  12.2 从图层创建3D 形状

  Photoshop 包含一些3D 形状预设,其中包括几何形状和日常用品的形状(如酒瓶或圆环)。从图层创建3D 形状时,Photoshop 将图层贴到预设的3D 形状上,然后,用户可旋转3D 对象、调整其位置和大小,甚至可使用众多彩色光源从各种角度照射3D 对象。

  下面首先创建用于放置酒瓶、酒杯和销售卡的木箱。为此,你将把包含木板图像的图层贴到一个3D 立方体上

  选择菜单”文件”>”存储为”。切换到文件夹Lesson12,用文件名12Working.psd 保存文件。如果出现”Photoshop 格式选项”对话框,单击”确定”按钮。

  2. 在图层面板中,让图层Wood 可见,再选择它,如图12.2 所示。


  图12.2

  3. 选择菜单”3D”>”从图层新建网格”>”网格预设”>”立体环绕”。

  4. 在Photoshop 询问是否要切换到3D 工作区时,单击”是”按钮,结果如图12.3 所示。


  图12.3

  3D 工作区包含3D 面板、图层面板和属性面板。处理3D 对象时,你希望这些面板都触手可及。在3D 工作区中,还显示了地平面、格栅和副视图窗口,其中格栅反映了地平面相对于3D 对象的位置,而副视图窗口让你能够从不同的角度观看3D 对象。

  Photoshop 将图像环绕到一个立方体上。当前显示的是从正面看到的立方体。下面存储该文件,以便尝试使用各种3D 工具后能够轻松地恢复到这种状态。

  5. 选择菜单”文件”>”存储”将文件存盘。

  12.3 操作3D对象

  显然,处理3D 对象的优点是,用户可在三维空间内处理它们,还可随时调整3D 图层的光照、颜色、材质和位置,而无需重新创建大量的元素。Photoshop CS6 提供了一些基本工具,使用它们可轻松地旋转3D 对象、调整其大小和位置。选项栏中的3D 工具用于操作3D 对象;而应用程序窗口左下角的相机控件用于操作相机,让你能够从不同角度查看3D 场景。

  在图层面板中选择3D 图层后,便可使用3D 工具。3D 图层与其他图层一样,可对其应用图层样式、添加蒙版等。然而,3D 图层可能非常复杂。

  与普通图层不同,3D 图层包含一个或多个网格,而网格定义了3D 对象。在刚创建的图层中,网格立体环绕形状。每个网格又包含一种或多种材质,这些材质决定了整个或部分网格的外观。

  每种材质包含一个或多个纹理映射,这些纹理映射的积累效果决定了材质的外观。有九种典型的纹理映射(包括凹凸),每种纹理映射只能有一个,但用户也可使用自定义纹理映射。每种纹理映射包含一种纹理—定义纹理映射和材质外观的图像。纹理可能是简单的位图图形,也可能是一组图层。不同的纹理映射和材质可使用相同的纹理。在刚创建的图层中,纹理为木板图像。

  除网格外,3D 图层还包含一个或多个光源,这些光源影响3D 对象的外观,其位置在用户旋转或移动对象时保持不变。3D 图层还包含相机—在对象位于特定位置时存储的视图。着色器根据材质、对象属性和渲染方法创建最终的外观。

  这听起来很复杂,但最重要的是别忘了,选项栏中的3D 工具在3D 空间内移动对象,而相机控件移动观看对象的相机。

  1. 在工具面板中选择移动工具。

  所有3D 功能都放在移动工具中。如果当前选择的是3D 图层,则选择移动工具后,选项栏将显示所有的3D 工具。

  2. 在选项栏的”3D 模式”部分,选择拖动3D 对象工具。

  3. 单击木板并拖曳,将其上下或左右移动,如图12.4 所示。


  图12.4

  4. 在选项栏中,选择滚动3D 对象工具,再单击并拖曳立方体,如图12.5 所示。


  图12.5

  5. 尝试使用其他工具,看看它们将如何影响3D 对象。

  你选择了3D 对象时,Photoshop 将显示彩色的3D 轴控件,它用绿色、红色和蓝色表示不同的轴。红色表示X 轴、绿色表示Y 轴,而蓝色表示Z 轴(为加深记忆,想想RGB 颜色)。将鼠标指向中心框并等它变成黄色后,可单击并拖曳以相同的比例缩放对象。单击并拖曳坐标轴箭头可沿相应的轴移动对象;单击并拖曳坐标轴箭头旁边的弯曲手柄可绕相应坐标轴旋转;单击并拖曳较小的手柄可沿相应坐标轴进行缩放。

  提示:当你移动对象时,3D 轴控件也将相应地变化。例如,当Z 轴指向屏幕时,可能能够看到X 和Y 轴的箭头。黄色中心框也可能被某条轴遮住。

  6. 使用3D 轴控件旋转、缩放和移动立方体。

  7. 在应用程序窗口左下角的相机控件(有两条轴可见)上单击鼠标右键(Windows)或按住Control 键并单击(Mac OS),再选择”俯视图”,如图12.6 所示。


  图12.6

  “相机”菜单中的选项决定了从什么角度观看对象。相机角度变了,但对象本身没变。不要被它与背景图像的关系蒙蔽,背景图像不是3D 的,因此你移动相机时,Photoshop 保留背景图像不变。

  8. 选择其他相机位置,看看它们将如何影响透视。

  9. 尝试完毕后,选择菜单”文件”>”恢复”,你将再次看到木头箱子的前视图。

  12.4 添加3D 对象

  木头箱子只是本章场景中的5 个3D 元素之一。下面创建所有这些3D 对象,再将它们合并到一个3D 图层,以便能够将它们作为一个整体进行处理。位于同一个图层时,这些3D 对象将共享相机和光源。

  12.4.1 创建3D 明信片

  在Photoshop CS6 中,可将2D 对象转换为3D 明信片,以便在3D 空间中操作它。之所以叫明信片,是因为图像就像变成了明信片,可在手中随意翻转。

  下面使用3D 明信片来创建斜靠在酒瓶上的销售卡。

  1. 单击”图层”标签以显示图层面板。

  2. 让图层Card 可见并选择它,如图12.7所示。


  图12.7

  3. 选择菜单”3D”>” 从图层新建网格”>”明信片”,结果如图12.8 所示。


  图12.8

  卡片看起来没有太大的不同,因为你是从前面观看的。后面操作它时,将非常明显地看出它是3D 明信片。你很肯定它是3D 对象的另一个原因是,Photoshop 切换到了3D 面板、在左上角显示了副视图窗口、启用了选项栏中的3D 工具,还在应用程序窗口的左下角显示了相机控件。

  12.4.2 从新图层创建3D 网格

  前面使用了一种3D 网格预设将木头图像环绕在立方体上,但也可以使用将网格预设用于空的新图层。下面就通过这样做来创建一个酒瓶。

  1. 显示图层面板,并确保选择了图层Card。

  2. 单击图层面板底部的”创建新图层”按钮。图层Card 上方将出现一个名为”图层1″的新图层。

  3. 在选择了”图层1″的情况下,选择菜单”3D”>”从图层新建3D 网格”>”网格预设”>”酒瓶”,结果如图12.9 所示。


  图12.9

  在卡片前面,出现了一个灰色的酒瓶形状。后面将指定该酒瓶的材质,让它看起来像玻璃的。

  4. 在图层面板中,将”图层1″重命名为Bottle。

  12.4.3 导入3D 文件

  在Photoshop CS6 中,可打开并处理使用诸如Collada、3DS、KMZ(Google Earth)和U3D等应用程序创建的3D 文件;还可处理以Collada 格式(Autodesk 支持的一种文件交换格式)存储的文件。将3D 文件作为3D 图层添加时,3D 图层将包含3D 模型和透明景,该图层使用现有文件的尺寸,但用户可调整其大小。

  下面导入一个3D 酒杯,它是使用另一个应用程序创建的。

  1. 选择菜单”3D”>”从文件新建3D 图层”。

  2. 切换到文件夹Lesson12Assets,并双击文件WineGlass.obj。

  一个酒杯形状出项在酒瓶前面,并位于文档窗口中央,如图12.10 所示。


  图12.10

  3. 选择菜单”文件”>”存储”保存所做的工作。

  12.4.4 创建3D 文本

  文本也可以是三维的。创建3D 文本时,可旋转、缩放和移动,可指定

  材质,可修改光照(和投影),还可以凸出。下面在木箱正面添加3D 文本。

  1. 在工具面板中,选择横排文字工具。

  2. 在窗口中央拖曳出一个文本框。

  2. 在选项栏中,选择一种无衬线字体(如Minion Pro),将字体样式设置为Bold,并将字体大小设置为72 点。

  4. 以全部大写的方式输入HI-WHEEL,如图12.11 所示。


  图12.11


  图12.12

  你创建了文本,但还不是三维的。下面将其转换为三维的。

  5. 单击选项栏中的”更新此文本关联的3D”按钮,如图12.12 所示。

  文本变成了3D 的,而Photoshop 显示其地面以及3D 工作环境的其他部分。

  12.5 合并3D 图层以共享3D 空间

  同一个3D 图层可包含多个3D 网格。同一个图层的网格可以共享光照效果并在相同的3D 空间(也称为场景)内旋转,以创建更逼真的3D 效果。

  下面合并前面创建的所有3D 图层,让所有3D 对象都属于同一个场景。

  1. 显示图层面板。

  2. 按住Shift 键并选择图层HI-WHEEL、WineGlass、Bottle、Card 和Wood。

  选择全部5 个3D 图层后,下面来合并它们。合并时务必按住Shift 键,让这些图层对齐。

  3. 按住Shift 键并选择菜单”3D”>”合并3D 图层”,如图12.13 所示。


  图12.13

  Photoshop 将这些图层合并为一个图层,并将其命名为Wood。由于合并图层时你按住了Shift 键,

  对象的位置保持不变,如图12.14 所示。


  图12.14

  提示:如果你合并得到的图像不是这样的,可能是由于你在图层合并前松开了

  Shift 键。请选择菜单”编辑”>”还原合并图层”,再重做。

  4. 选择菜单”文件”>”存储”保存所做的工作。

  12.6 调整对象在场景中的位置

  所有的对象都在,但排列方式不是很有吸引力。下面使用画布控件和属性面板来调整每个3D对象的大小和位置,让场景引人注目。

  12.6.1 修改相机视图

  副视图窗口可从不同角度显示场景。下面使用它来查看对象,再修改相机视图,以便调整对象位置时能够更好地查看对象。

  注意:副视图窗口中的相机视图独立于场景的相机视图。你可修改副视图中的

  视图,以便从不同的角度查看场景,而不改变场景在Photoshop 中的外观。

  在文档窗口左上角的副视图窗口中,向上平移木箱,以便能够看到它下面的对象,如图12.15 所示。


  图12.15

  当前,副视图窗口的相机视图为俯视图,而你创建的对象都位于木箱前面。

  单击副视图窗口顶部的”选择视图/ 相机”按钮,并选择”左视图”,如图12.16 所示。


  图12.16

  现在可以清晰地看到对象了,下面将这种视图用于场景。

  在文档窗口左下角的相机控件上单击鼠标右键(Windows)或按住Control 键并单击(MacOS),再选择”左视图”,如图12.17 所示。


  图12.17

  12.6.2 使用3D 轴控件移动对象

  酒瓶、酒杯和销售卡应位于木箱上面,而不是旁边。要操作3D 图层中的各个对象,可在3D面板中选择相应的文件夹。下面使用3D 轴控件将上述对象移到木箱上面。

  1. 显示图层面板组中的3D 面板。

  2. 按住Shift 键, 并选择文件夹Card_ 图层、Bottle_ 图层和WineGlass_ 图层。

  3. 将鼠标指向3D 轴控件的绿色箭头,直到看到工具提示”在Y 轴上移动”。

  4. 单击绿色箭头并向上拖曳,直到酒瓶底部与木箱顶部位于同一条水平线上,如图12.18所示。


  图12.18

  5. 单击蓝色箭头,并将对象向左拖曳,直到它们位于木箱上方中央,如图12.19 所示。

  此时可再次使用绿色箭头向上或向下拖曳对象。位置无需非常准确,后面你还有机

  会调整。


  图12.19

  提示:可修改3D 轴控件的大小。为此,可将鼠标指向黄色中心框,在按住Shift键的情况下单击并拖曳,以增大或缩小3D 轴控件。

  至此,你移动了销售卡、酒瓶和酒杯。下面来移动文本,当前它显示为木箱旁边的一个黑色小方框。

  6. 在3D 面板中,展开文件夹HI-WHEEL_ 图层,再选择文本HI-WHEEL。

  7. 使用3D 轴控件中的绿色和蓝色箭头拖曳文本HI-WHEEL,使其刚好位于木箱前面,如图12.20 所示。


  图12.20

  别忘了,相机视图为左视图。要将文本移到木箱前面,需要让看起来它位于木箱右边。

  8. 在相机控件上单击鼠标右键(Windows)或按住Control 键并单击(Mac OS),再选择”默认视图”,如图12.21 所示。


  图12.21

  相机位置发生了变化,显示的是从前面看到的场景。

  9. 在3D 面板中,选择”环境”。

  10. 选择选项栏中的拖动3D 对象工具,再将全部对象都拖曳到画布右下角,如图12.22 所示。


  图12.22
分类:

  • PS入门教程
时间: 2024-11-18 06:32:51

PS教你打造3D葡萄酒广告的相关文章

PS教你打造清新可爱的3D糖果文字效果

  一.要用到的文字和纹理 关于糖果文字的字体,并不十分局限.我个人推荐的使用圆圆胖胖的英文字母,看上去有可爱感,比如我在这里使用的BubbleGum Regular.纹理的使用,我采用了斜纹,你也可以使用其他的纹理.在我的收藏夹-纹理中你可以找到各大免费纹理下载的网站,去寻找适合字体的纹理.我个人的感觉是英文比中文更适合此类风格,中文由于结构比英文更为复杂,会显得整体线条不够明朗,所以如果内容是中文的,谨慎之! 二.开始创建文字 STEP 01 打开PS,新建一个宽800px高600px的新文

PS教你打造广告级的牛奶喷溅美女人像效果

  今天的教程效果是很多广告特别喜欢用的,特别酷炫,拿来做下一张海报或PPT素材完全没问题!看似复杂的效果其实很简单,该有的素材也给同学们打包了,动手开练吧. 素材:找个飘逸的白裙子美女,一些牛奶喷溅的素材. (收集于互联网,仅作交流学习之用,侵权请联系作者删除) 刘远航:后面做的时候我后悔了,这美女衣服穿的太多了,增加了处理难度,囧 第一步是抠图,抠出来裙子的部分,因为裙子有层次的分别,所以我把它按照3块不同的位置抠出来的,方便后面调整,我用不同的颜色区分了一下,可以看一下. 然后我们每个部分

PS教你打造霓虹光线框文字效果

  前言: 要完全掌握Photoshop的滤镜功能,的确是件漫长的过程.它像一个魔术百宝箱,千变万化,而我们入门的那点简单的滤镜技巧,显然不能满足日常应用时突发的诸多复杂情况. 在这个教程中,我们要学习的用Photoshop的几个比较冷僻的滤镜来打造一个时尚感的霓虹光感线框文字.所谓冷僻,也就是相比较不那么常用,当然,除非你对滤镜已经摸索得足够透彻. 而且,我们经过学习也会发现,将几个特殊效果的滤镜巧妙的结合一起使用,能渲染出出乎人意料的效果. 一.创建文字 在PS中新建一个文档,文档大小宽90

PS教你打造复古的牛皮质感通讯簿图标

  @葶蓂溪畔的幽灵公主 :在这个教程中,我将给大家展示如何用PS打造一个精致的牛皮质感通讯簿图标.教程主要用到三项技巧:首先,充分利用网格和对齐到网格;其次,创建矢量形状,充分利用图层的混合选项;最后,用简单的混合技巧和特效来添加细致的阴影和高光.让我们开始吧! 本次教程需要以下素材.开始之前可以先下载,当然也可以用其他素材代替. 木纹背景 皮质图案 一.新建文件,显示网格 打开PS,Command/Ctrl-N新建一个文件.按照下图设置参数,单击确定.显示网格(视图>显示>网格),然后对齐

PS教你打造超写实的城市夜景特效

  最终效果图: Step 1 先搜索一张干净整洁的房间照片,不要有太多光源(最好只有一个),高清图片为佳.此处选用了ArchDaily博客上的图片,如果你能确保你的图片与此类似,并且能够做出有趣的效果出来,尽管大胆尝试吧! PS打开此图,直接裁切掉(快捷键C)图片冗余部分,当然此步也可以在全片修改完成后执行. (同学们右键另存即可) Step 2 抠出此图中你想保留的部分.我要保留木衣橱,柱子和窗户.复制(Command+J/ Ctrl+J)此图层四次,在每个图层上使用矢量蒙版,除了刚开始的原

PS教你打造一张炫酷的全视角汽车海报

  昨天看到这样一张海报,非常的前卫.我当时想这估计不是PS作品,更多的可能是3D软件做的.因为它的灯光,透视等等都非常的精确,不是PS能轻易实现的. 我不是说PS就完全没有办法,PS也有它的长处-.长-.处-.跑题了. PS的优点就是所见即所得,这不像3DS MAX那样不停的调材质调灯光渲染半天最后才看到会是什么效果. 所以,既然我不会3DS MAX,我就用PS来做这种效果的海报. 首先得去找些素材,我在百度找到这样一辆车,非常的酷,就是视角有点低,原图的视角比较高. 我继续去找一块地板,这样

PS教你打造酷炫的人物特效

  注意:本教程基于PS CS6,因此一些截图与之前的版本略有不同,个别笔刷也仅供CS6版本使用. 最终效果: 教程所需素材下载: Model by ~tigersgirl Flag City Building Grunge Brush Cloud Brush Step 1 新建一个文件,大小为1290*700像素,背景为黑色.再新建一个图层,用grunge笔刷(素材中的第四个)随意的在背景中画几笔. 在PS中打开美女的照片(素材中的第一个),用快速选择工具选出美女,如下: 将其复制粘贴到我们的

PS教你打造复古几何无缝纹理背景

  寻找灵感 中国的传统纹样有很多值得借鉴的地方,于是我们从传统纹样的图片中寻找创作灵感. 这些纹样相对比较繁复,我们在创作时可以稍微将其简化.你也可以在白纸上画草图,或者直接用手绘板画出自己的构想. 纹理的组合 在开始动手绘制图案前,我们要大致对成品进行一个总体规划,即逆向推理.这听起来是侦探小说的环节,其实在设计中也必不可少.你可以首先在大脑中构想出一个理想效果,然后对这个效果进行反推. 通常我把整个设计过程简化为"构图""细节处理"和"最终效果&qu

PS教你打造酷炫的荧光灯字体效果

  第一步 新建画板 宽度(W):1000像素 高度(H):800像素 分辨率(R):72像素/英寸 颜色模式:RGB颜色 8位 背景:白色 第二步 1.快捷键(T) 输入文字 2.文字填充基础色 黄色 色值:fae475 3.底色填充黑色渐变 第三步 1.新建2个空心矩形,分别命名 (外框)(内框) 2.不知道空心矩形如何设置?那一步一步说一下吧~ 3.把上面的参数调成下面的就可以得到 边为6点 的空心矩形(外框) 同理制作一个小一些的 (内框)边为3点. 第四步 1.基本图形已经弄出来了 下