laoolaoo 发表于 2009-10-11 07:14:24

photoshop3D工具来绘制甜麦圈的包装袋

完成本教程你必须拥有最新版本的photoshop CS4 Extended,并且同时要有一块较好的显卡因为我们将要同时处理好几个3D图层,如果你的显卡不够好的话处理起来会很慢。因为这是一个进阶的教程,所以我将省略掉一些基础操作的过程,例如如何创建图层蒙版,如何创建
开始之前的说明:要完成这个教程你必须拥有最新版本的photoshop CS4 Extended,并且同时要有一块较好的显卡因为我们将要同时处理好几个3D图层,如果你的显卡不够好的话处理起来会很慢。因为这是一个进阶的教程,所以我将省略掉一些基础操作的过程,例如如何创建图层蒙版,如何创建渐变填充图层。

最终效果预览:
http://pic.16xx8.com/allimg/091011/0F91322B-0.jpg
第一步:准备好要用的文挡
首先,创建一个新的photoshop文档,800像素乘以1120像素,70dpi,颜色模式为RGB;然后创建一个新的渐变填充图层,命名为“Gradient”,我使用的颜色是: #F20000 - #8E0000 ,大家可以随意变换自己想要的颜色。
http://pic.16xx8.com/allimg/091011/0F913AQ-1.jpg
把牛奶碗加进来

第二步:把图片从背景中抠出来
将牛奶婉复制到一个新的图层,命名为“Splash”,然后我们要去掉黑色的背景:选择Select>Color Range,对黑色背景取样然后将羽化调到85左右,然后按确定来完成。然后将已选择的选区扩大1px,然后创建一个快速蒙版或图层蒙版将背景隐藏。最后将图像水平翻转,将其移到画面的右下角。
http://pic.16xx8.com/allimg/091011/0F9134447-2.jpg

,
第三步:使牛奶看起来更白 图片中的牛奶看起来带有一点粉红色,要将它变得白一些只需要加上一层色调和饱和度调整图层,在颜色选择器中选择红色,将亮度调到100,确保点选了clipping masking这个选项使得调整的效果

第三步:使牛奶看起来更白

图片中的牛奶看起来带有一点粉红色,要将它变得白一些只需要加上一层色调和饱和度调整图层,在颜色选择器中选择红色,将亮度调到100,确保点选了“clippingmasking”这个选项使得调整的效果只发生在一个图层上,在这里就是“splash”这个图层。现在我们将这个牛奶碗暂且搁置,因为我们要开始创作甜麦圈了。最后将“Splash”和调整图层都加到一个叫“bowl”的文件夹中。

创作甜麦圈

第四步:在一个图层中创立3D形状
接下来就是好玩的咯~我们将开始用3D图层来创作甜麦圈,首先创建一个名为“Loop”的图层,并且在其中填充一些颜色。使用长方形选择工具和画笔在其中填充这种颜色:#FF363E。
接下来选择:Window > 3D以显示3D工具面板,现在选择3D > New Shape From Layer > Donut来自动创建一个名为“Loop”的3D图层,将它放在这,我们进行下面的步骤。**** Hidden Message *****
第十五部:改变周围的颜色 最后,要完成新增加的甜麦圈,在3D scene中改变它的周围的颜色,以使它和背景更为协调,这里我们可以用#01261E这个颜色。 第十六部:再做一次 重复第12到第15步来制作更多不同样式的甜麦

第十五部:改变周围的颜色
最后,要完成新增加的甜麦圈,在3D scene中改变它的周围的颜色,以使它和背景更为协调,这里我们可以用#01261E这个颜色。
http://pic.16xx8.com/allimg/091011/0F9133H0-14.jpg
第十六部:再做一次
重复第12到第15步来制作更多不同样式的甜麦圈,颜色完全取决于你。记住要使你的图层有条理,我创造了一个“3D Loops”的文件夹和四个子文件夹来放这些图层。
http://pic.16xx8.com/allimg/091011/0F9132422-15.jpg

,
第十七步:更多的甜麦圈 现在每个不同颜色的甜麦圈图层已经在各自的文件夹里面了,我们要复制和翻转一个甜麦圈许多次来制造更多的甜麦圈。现在我将把每个甜麦圈复制成4个。 光栅处理和液化 第十八步:处理甜麦圈的

第十七步:更多的甜麦圈
现在每个不同颜色的甜麦圈图层已经在各自的文件夹里面了,我们要复制和翻转一个甜麦圈许多次来制造更多的甜麦圈。现在我将把每个甜麦圈复制成4个。
http://pic.16xx8.com/allimg/091011/0F913FJ-16.jpg
光栅处理和液化

第十八步:处理甜麦圈的光栅
创造一个“3D Loops”文件夹的复件,隐藏掉本来的那个文件夹,以防你要在后面的处理中用到任何一个3D图层。现在对“3D Loops”文件夹中每一个单独的3D图层进行光栅处理。右击3D图层并且选择Rasterize 3D 这一选项。
http://pic.16xx8.com/allimg/091011/0F9134950-17.jpg

,
第十九步:液化 我们已经对所有的3D图层进行过光栅处理了,我们将要扭曲它们使他们的边缘看上去不规则。选择任意Loop图层,然后选择Filter Liquify。在液化窗口中,选择Forward Warp Tool, 画笔大小调整为100,画笔

第十九步:液化
我们已经对所有的3D图层进行过光栅处理了,我们将要扭曲它们使他们的边缘看上去不规则。选择任意“Loop”图层,然后选择Filter> Liquify。在液化窗口中,选择Forward Warp Tool,画笔大小调整为100,画笔密度调整为25,并且将甜麦圈的边缘变得凹凹凸凸。对每一个进行过光栅出路的甜麦圈重复这一步。
http://pic.16xx8.com/allimg/091011/0F9133307-18.jpg
将甜麦圈和牛奶碗整合到一起

第二十步:缩放甜麦圈并调整它们的分布
现在我们手头有一把美味的甜麦圈了,我们现在要把它们放到牛奶碗中。首先,将含有光栅处理过的甜麦圈的文件夹复制一份,隐藏原来的那个。将复制的那个命名为“3D loops raster small”。然后改变整个文件夹的大小以使得甜麦圈足够小。现在使用移动工具将这些甜麦圈随机分布。
http://pic.16xx8.com/allimg/091011/0F9135523-19.jpg

,
第二十一步:放置甜麦圈 抓取任一甜麦圈拖动到牛奶碗的上方,试着使它覆盖牛奶溅出的部分。然后选择上述甜麦圈,然后添加一个显示全部的图层蒙版。选择这一蒙版并选取小一些的画笔,将甜麦圈没入牛奶中的部分隐藏,

第二十一步:放置甜麦圈
抓取任一甜麦圈拖动到牛奶碗的上方,试着使它覆盖牛奶溅出的部分。然后选择上述甜麦圈,然后添加一个显示全部的图层蒙版。选择这一蒙版并选取小一些的画笔,将甜麦圈没入牛奶中的部分隐藏,对所有甜麦圈重复上述动作。这可能是整个教程中最困难的地方,因为你要不断的改变甜麦圈的摆放。
http://pic.16xx8.com/allimg/091011/0F9133394-20.jpg

第二十二步:制作一些阴影
在“3D Loops raster small”文件夹上新建一个名为“Shadows”的图层,用画笔在上面画一些阴影,或者你可以用不规则的画笔添加一些不规则的阴影。
http://pic.16xx8.com/allimg/091011/0F913A28-21.jpg

,
第二十三步:制作更多溅出的液体 作为最后的步骤,合并Bowl图层(参见第三步),用仿制图章工具复制一些溅出牛奶的区域到一个新的图层,将图层置于最上层并命名为More Milk。这个很容易,按住仿制图章工具,选择被光

第二十三步:制作更多溅出的液体
作为最后的步骤,合并“Bowl”图层(参见第三步),用仿制图章工具复制一些溅出牛奶的区域到一个新的图层,将图层置于最上层并命名为“MoreMilk”。这个很容易,按住仿制图章工具,选择被光栅处理过的“Bowl”图层并且按下alt键,然后点击溅出牛奶的部分作为仿制图章的源。确保样本选择的是当前图层,然后选择“More Milk”图层,开始在任何位置涂色。最后用一个小橡皮擦擦去多余的牛奶。
http://pic.16xx8.com/allimg/091011/0F9135X5-22.jpg
加入一个吉祥物

第二十四步:将其加入到场景中
合并“Bowl Final”文件夹,然后将吉祥物的图案粘贴到牛奶碗的后面。
http://pic.16xx8.com/allimg/091011/0F91323E-23.jpg

,
第二十五步:加入一些背景细节 接下来我们将要增加一些背景中的细节,在这一步中我在吉祥物前加入一个白色的椭圆。选择并且复制鸟翅膀的一部分然后将其粘贴到椭圆中,然后复制翅膀这部分,降低它的亮度和透明度,然

第二十五步:加入一些背景细节
接下来我们将要增加一些背景中的细节,在这一步中我在吉祥物前加入一个白色的椭圆。选择并且复制鸟翅膀的一部分然后将其粘贴到椭圆中,然后复制翅膀这部分,降低它的亮度和透明度,然后然后将其置于原件的下层以便制作细微的阴影。
http://pic.16xx8.com/allimg/091011/0F9132132-24.jpg
第二十六部:增加一些图层样式:
继续编辑我们的背景细节,选择白色的椭圆把它加到渐变覆盖中(黄色调),再增加一个描边效果。用一个小椭圆重复这一步,但是这一次用红色调。记住:使你的图层有条理。
http://pic.16xx8.com/allimg/091011/0F9134C9-25.jpg

,
第二十七部:提亮背景颜色 在上一步骤创建的渐变图层上创建一个圆,对其增加一个高斯模糊效果并且把它的混合方式改为覆盖,不透明度改为75%左右,现在你的背景变亮了一些。 第二十八步:为牛奶碗增加阴影 复制Bowl

第二十七部:提亮背景颜色
在上一步骤创建的渐变图层上创建一个圆,对其增加一个高斯模糊效果并且把它的混合方式改为覆盖,不透明度改为75%左右,现在你的背景变亮了一些。
http://pic.16xx8.com/allimg/091011/0F9134A1-26.jpg
第二十八步:为牛奶碗增加阴影
复制“Bowl”图层,将其命名为“Bowl Shadow”并且用色调和饱和度选项将其亮度调至-100。删去背景椭圆外部的阴影,将其不透明度调至40%。
http://pic.16xx8.com/allimg/091011/0F9131564-27.jpg

,
最后我们来未我们的产品命名 第二十九步:打上名字: 打上这粘糊糊的谷物食品的名字吧,使用黑体和较细的字体,全部用大写。使用Text Warp 选项来使字体弯曲一些。 第三十步:把文字转为一个形状并且将其弯曲 选择T

最后我们来未我们的产品命名

第二十九步:打上名字:
打上这粘糊糊的谷物食品的名字吧,使用黑体和较细的字体,全部用大写。使用Text Warp 选项来使字体弯曲一些。
http://pic.16xx8.com/allimg/091011/0F91334U-28.jpg
第三十步:把文字转为一个形状并且将其弯曲
选择“Text”图层然后选择Layer > Type > Convert 来将文字转换为矢量蒙版。然后使用Direct Selection Tool 来弯曲路径,这么做你可以把动漫效果加到任何打印字体之上。
http://pic.16xx8.com/allimg/091011/0F913M18-29.jpg

,
第三十一步:删去字母O 使用路径选择工具来删除所有的字母O 第三十二步:加入新的字母O 还记得第二十步中的3D loops raster big文件夹么?现在又到了用它的时候了,使该文件夹可见,将它复制并且将其置于最上层。然

第三十一步:删去字母O
使用路径选择工具来删除所有的字母“O”
http://pic.16xx8.com/allimg/091011/0F913N37-30.jpg
第三十二步:加入新的字母“O”
还记得第二十步中的“3D loops raster big”文件夹么?现在又到了用它的时候了,使该文件夹可见,将它复制并且将其置于最上层。然后选择4个甜麦圈,删去其他,然后用甜麦圈取代原来“O”的位置。
http://pic.16xx8.com/allimg/091011/0F91362O-31.jpg

,
第三十三步:为字母O添加效果 我们会为这些标题中的O增加简单的投影效果。 第三十四步:为其余文字添加效果: 使用简单的投影效果和柔和斜面效果就足够增强标题的视觉冲击力了。像平常一样,是否使用更多细节和更复

第三十三步:为字母“O”添加效果
我们会为这些标题中的“O”增加简单的投影效果。
http://pic.16xx8.com/allimg/091011/0F9131R4-32.jpg
第三十四步:为其余文字添加效果:
使用简单的投影效果和柔和斜面效果就足够增强标题的视觉冲击力了。像平常一样,是否使用更多细节和更复杂的效果取决于你自己。最后将所有和标题有关的图层放到一个名为“Logo”的文件夹中。
http://pic.16xx8.com/allimg/091011/0F9135428-33.jpg

,
最后的步骤: 第三十五步:为Logo增加更多效果 复制Logo文件夹,对其光栅化并且增加高斯模糊效果,然后在图层面板中按住crtl并点击模糊后的图层来创建一个围绕文字的选区。扩大选区,25个像素。然后选取选区工具,

最后的步骤:

第三十五步:为Logo增加更多效果
复制“Logo”文件夹,对其光栅化并且增加高斯模糊效果,然后在图层面板中按住crtl并点击模糊后的图层来创建一个围绕文字的选区。扩大选区,25个像素。然后选取选区工具,按住alt点击选区然后将其变为工作通道,将Tolerance的值调为5像素然后点击OK。最后,选择Layer> Vector Mask > Current Path 并且用红色之类的参考色填充蒙版图层。将其命名为“LogoBG”
http://pic.16xx8.com/allimg/091011/0F9134953-34.jpg
第三十六步:更多图层效果
我为”LogoBG“使用一个红色渐变覆盖,黄色描边和黑色投影的效果。你也可以添加自己想要的效果,将”Logo“文件夹置于”Mascot“图层的下方。我同时也为这只小鸟增加了一个投影效果。
http://pic.16xx8.com/allimg/091011/0F91322B-0.jpg
总结:
现在我们完成了!我希望大家会喜欢这个教程并且觉得它是有用的。大家可以选取自己喜欢的颜色和样式来创作你们自己的包装!
http://pic.16xx8.com/allimg/091011/0F9135520-36.jpg
作者:nigel翻译      出处:E译者论坛

薛化 发表于 2011-1-9 04:58:51

我是新手请多关照

Eamey 发表于 2011-1-10 10:15:21

哇、、、受教了!我是新手,但是3D效果不知怎么做?我做的软件里没有这个功能。楼主提供一下,谢谢啦!
页: [1]
查看完整版本: photoshop3D工具来绘制甜麦圈的包装袋