当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop渲染真实光影的3D火柴盒

Photoshop
Photoshop 简单的液化水晶字效果
Photoshop happy文字 怀旧版的2010新年贺卡
Photoshop CS4 更新补丁性能改进
Photoshop 给汽车随意换颜色的方法
Photoshop 震撼的游戏场景设计实例
Photoshop抠图实例 巧妙扣取透明图形
Photoshop合成户外体育馆羽毛球比赛图片
Photoshop 绘制透明玻璃效果的网页按钮
Photoshop 制作绿色风格半透明网页按钮
Photoshop 绿色风格的相机网页平面图
Photoshop 打造闪闪动水的双唇 磨皮
Photoshop 绚丽的电网广告文字效果
Photoshop 利用填充工具制作透明水印文字
Photoshop 打造耀眼的星光文字特效
Photoshop 调出偏暗人物照片柔美的淡红色
Photoshop 风景照片柔美的橙蓝色
Photoshop 外景人物照片柔和的暖色调
Photoshop 擦拭水雾玻璃透光的人像效果
Photoshop 可爱的紫色花纹水晶字
Photoshop 一个精致的油漆桶图标

Photoshop渲染真实光影的3D火柴盒


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-16   浏览: 376 ::
收藏到网摘: n/a

  Photoshop并不只是一个位图工具,随着新功能的加入,PS也能创作出非常逼真的3D图像,本文介绍的就是如何用Photoshop渲染出一个有真实光影的3D火柴盒。希望你能喜欢!
  本篇教程主要讲述如何在Photoshop中画出一个火柴盒的数码图像。我们还会讲述火柴盒面的设计,包括封面图案的设计和侧面扑克牌材质的制作。记住,整个火柴盒是一个3D环境下制作出来的。
  在正式开始制作之前,我们先来看看最终成品的样子,让大家设计的时候建立一个大致的概念。

Photoshop渲染3D火柴盒
效果图
  Step 1
  新建一个宽度525像素高度750像素的空白文档,分辨率设置为300 dpi。接着新建一个层并命名为“材质”,填充纯白色。添加一个调整图层,设置如下:混合模式正常,透明度60%,图案样式为木炭皱纹纸(在灰度纸纹理中)。

Photoshop渲染3D火柴盒
图1
  Step 2
  新建一个图层命名为“边缘”,为它增加一个“描边”图层样式:大小为10像素,位置是内部,色彩为白色。接下来我们需要把这个带样式的图层,要完成这个步骤,要先新建一个图层,把描边图层和新建图层都选择上,使用CTRL+E合拼图层命令。然后把这个图层的混合模式改为正片叠底。
  现在使用魔术棒工具点击黑色的区域,因为正片叠底的缘故,现在可以选出一个新的区域,填充颜色“baa36d”,命名图层为“颜色”。暂时把“颜色”图层隐藏起来,我们迟点才用到。现在回到“边缘”图层,使用选择>修改>收缩,收缩5像素后按“DELETE”键删除。再次收缩10像素,使用黑色填充选区。再次收缩2像素和删除。现在火柴盒边已经基本完成。返回到“颜色“图层,设置为可见,混合模式设置为”线性加深“。

Photoshop渲染3D火柴盒
图2
  Step 3
  新建一个图层,使用矩形工具建立一个区域并填充黑色。在画面中央增加一条垂直辅助线。使用椭圆选择工具,按住“alt“键从辅助线开始创建选区(如图),然后删除部分黑色。在同一层上再建两个黑色的矩形(如图,分别是底部和偏下位置的黑线)。

Photoshop渲染真实光影的3D火柴盒
图3
  Step 4
  使用文字工具添加适合的文字,记得选择你喜欢的字体样式。为使文字符合画面,可以在编辑>自由变换>扭曲来进行变形。

Photoshop渲染真实光影的3D火柴盒
图4
  Step 5
  因为这个火柴盒的牌子是“PHOTOSHOP”,因此我们将使用PS工具栏上的钢笔工具图标作为封面。你可以跟从以下步骤,或者直接下载文件而跳过接下来的步骤。点此下载该文件:pentool.png。
  使用PrintScreen按键截取整个屏幕,在PHOTOSHOP中新建一个空白文档,选择编辑>粘贴。放大1600%查看PS工具栏位置,靠近看钢笔工具的图标。
  接着使用ALT+PRINTSCREEN组合键对工作窗口进行截图,同样在PS中新建空白文档并粘贴。使用图像>调整>色阶对图像的对比度进行调整。使用魔术棒或者选区工具清理钢笔图案的背景(抠图)。然后把抠出的钢笔图案复制到火柴盒面设计文档上。觉得满意后,合并所有可见图层,保存为“design.jpg”。

Photoshop渲染真实光影的3D火柴盒
图5


  Step 6
  新建一个宽度35像素高度42像素的文档,分辨率为300dpi。使用CTRL+A选择整张画布,在四边和中央如图添加辅助线,使用CTRL+D删除选区。
  设置前景色为#551100,使用多边形工具画一个6边形。以十字形辅助线为中心,使六边形左右两端顶住画布两侧,并命名为“六边形”。

Photoshop渲染真实光影的3D火柴盒
图6
  Step 7
  编辑>画布大小,把长和宽度都扩展为原来的200%。复制“六边形”图层。沿着中央的垂直辅助线向上移动六边形到另一条平行辅助线。重复这个步骤向下生成多一个六边形。合并两个新做的图层,并命名为“六边形2”。

Photoshop渲染真实光影的3D火柴盒
图7
  Step 8
  复制“六边形2”图层一次并旋转-60度。再次复制“六边形2”并旋转60度,命名为“六边形60”。视图>清除辅助线。现在使用多边形套索工具圈选出左下角的六边形图案。
  在选区范围内点击鼠标右键,选择“通过剪切的图层”,被选区域会出现在新的图层中。以这个六边形为中心,添加垂直和平行的辅助线。回到“六边形60”,对右上方的六边形同样处理,最终结果如图。合并两个图层,使用矩形选区工具选出中心长方形区域,使用编辑>定义图案,起名“六边形”然后选OK。

Photoshop渲染真实光影的3D火柴盒
图8
  Step 9
  新建一个宽度750像素高度210像素的空白文档,分辨率同样为300 dpi。新建一个名为“侧面”的图层,填充任意的颜色。把这个新层放在原图层之下。

Photoshop渲染真实光影的3D火柴盒
图9

  Step 10
  现在我们需要添加一些材质,我试用这个免费的材质文件texture.jpg。在PHOTOSHOP中打开,并移动到“侧面”图层之上。
  使用图像>调整>阈值,通过调整数值直到得到如图的效果。通过反相(CTRL+I)命令把颜色反转。然后使用滤镜>模糊>高斯模糊,输入数值为1.5。
  使用图像>调整>色阶,同样是通过滑动色块令图像效果接近示例图。把图层混合样式改为滤色。如同你觉得这个效果令人满意,把所有图层合并,并存储为“striker.jpg”。

Photoshop渲染真实光影的3D火柴盒
图10
  Step 11
  现在让我们开始制作纸盒的材质。新建一个空白文档,750像素宽度210像素高度,300 dpi分辨率。新建一个图层并以白色填充。使用图层样式工具增加一个“图案叠加”效果,选择“木炭皱纹纸”效果。合并所有图层。
  使用CTRL+U命令开启色相/饱和度工具,设置如下:色相30,饱和度20,亮度0。如果觉得令人满意,保存为“caredboard.jpg”

Photoshop渲染真实光影的3D火柴盒
图11


  Step 12
  现在我们把制作火柴盒所需要的素材都准备好了。因为我们要创建的是一个3D空间的火柴盒,使用参考照片是一个很好的方法。你可以使用一张火柴盒照片,或者使用3D工具建立一个简单的模型用做参考。作者制作了3个盒子模型并渲染出线框,可以点此下载参考文件。在PS中打开参考图,复制“背景”图层,改名为“3D渲染”,并把“背景”填充为纯白。

Photoshop渲染真实光影的3D火柴盒
图12
  Step 13
  打开“design.jpg”,使用CTRL+A选择全部图像,然后按下CTRL+C进行复制。接下来作者使用了WINDOWS XP的放大镜工具协助作业。
  新建一个图层取名“design”。现在使用滤镜>消失点(此工具自PS CS2开始提供),点击如图的4个点建立一个空间中的平面,使用CTRL+V粘贴图像,接着使用CTRL+T对图像进行自由变换,让它稍稍变大一点,并旋转90度,把它置于平面之中。

Photoshop渲染真实光影的3D火柴盒
图13
  Step 14
  通过调整位置和放大,让封面刚好覆盖平面。确定后,把图层的透明度设置为50,这样就能继续根据参考图进行操作,我们将会重复类似的步骤好几次。

Photoshop渲染真实光影的3D火柴盒
图14
  Step 15
  现在我们对盒面侧面进行类似的操作。新建一个图层名为“striker.jpg”。打开strkier.jpg,CTRL+A选取全部并CTRL+C复制。返回3D图,使用滤镜>消失点,在盒子的侧面新建立一个平面。粘贴图片并进行调整。

Photoshop渲染真实光影的3D火柴盒
图15
  Step 16
  对“cardboard.jpg”重复刚才的步骤,贴上火柴盒的4个内侧。注意图层的顺序会有很大的影响。
  现在所有的侧面看起来都不太有立体感,我们需要为他们增加一定的立体感,这里可以通过添加渐变叠加而生成。对所有图层都添加一个黑色到白色的线性渐变效果,各图层设置如下:
  •对“striker”层,混合模式为正片叠底,透明度30,渐变角度为-95。
  •对“design”层,混合模式为正片叠底,透明度30,渐变角度为-95。
  •对“card03”层,混合模式为正片叠底,透明度10,渐变角度为180
  •对“card02”层,混合模式为正片叠底,透明度25,渐变角度为180
  •对“card01”层,混合模式为正片叠底,透明度40,渐变角度为-145
  •对“card04”层,混合模式为正片叠底,透明度40,渐变角度为-125
  •选择“card04”图层,使用图像>调整>色相/饱和度,把亮度设置为-15。

Photoshop渲染真实光影的3D火柴盒
图16
  Step 17
  现在火柴盒的每一块看起来没有厚度感,我们现在进行修正。选择“card03”层,复制图层一次,把原图层向上移动1个像素。CTRL+U增加亮度直到让你觉得边缘足够厚了。
  对了除了盒底的“card04”外的火柴盒图层都重复这个步骤。
按住ctrl+鼠标左键选择“crad03复制层”载入选区,选择画笔工具,记得选一个柔性笔刷,把边缘涂黑一点。

Photoshop渲染真实光影的3D火柴盒
图17
  Step 18
  最后,CTRL+鼠标左键载入“3D参考图”层。新建一个图层,并把选区填充深灰色。现在我们终于把火柴盒做好了,保存为“matchbox.psd”吧。

Photoshop渲染真实光影的3D火柴盒
图18


  Step 19
  新建一个空白文档,宽度32像素高度750像素,分辨率300 dpi。使用颜色“ffeecc”填充背景图层。 按下键盘的“D”把颜色设置为默认的黑白。新建一个图层并填充黑色。
  使用滤镜>渲染>纤维,设置差异为55,强度40,确定。使用滤镜>模糊>高斯模糊,设置角度为90、距离40。使用选择>色彩范围,把指针选择空白的地方,并把颜色容差设置为200。
  新建一个图层并对选区填充“ffeecc”颜色。添加图层样式“斜面和浮雕”,样式为内斜面,方向为下,大小1,高度510,暗调模式为颜色加深。
  删除“纤维”图层,合并所有可见图层。使用CTRL+A全选并CTRL+C复制。如果你不希望所有的火柴看起来都是一个样自,那么你可以重复这些步骤数次。在纤维滤镜的时候,你可以按下“随机化”,这样每次产生的纹理都会不一样。

Photoshop渲染真实光影的3D火柴盒
图19
  Step 20
  现在回到“matchbox.psd”文档,把“3D参考图”图层移到所有图层之上。使用CTRL+V粘贴刚才我们做好的火柴棍。到“视图”把“对齐”功能关闭,这样有利于下几步的操作。使用编辑>变换>扭曲,把火柴棍以合适的透视放置在火柴盒中。
  首先做出上部的火柴。再次用CTRL+V粘贴。这次我们要营造出被遮住的火柴棍的阴影。使用CTRL+U降低亮度,添加一个渐变叠加到两个火柴棍层上:混合模式是线性加深,透明度40,角度为-140。

Photoshop渲染真实光影的3D火柴盒
图20
  Step 21
  选择并合并两个火柴棍图层,命名为“火柴棍”。隐藏“3D参考图”层。把“火柴棍”层移动到“card02”之下。新建一个名为“火柴头”的图层,使用椭圆选区工具建立一个火柴头形状,使用#410000颜色填充选区。使用滤镜>杂色>添加杂色,设置为数量22%,平均分布,单色。
  使用滤镜>扭曲>极坐标,使用以下设置:数量100%,模式正常。接着添加一个渐变叠加图层样式:混合模式柔光,透明度75%,黑到白渐变,反向,150%大小。
现在把椭圆形移动到火柴棍顶端,使用编辑>变换>斜切调整大小和位置。最后,选择“火柴棍”和“火柴头”两个图层,把它们合并为一个。

Photoshop渲染真实光影的3D火柴盒
图21