010薯条包装设计教程

本实例制作的是塑料包装设计，画面的整体色调是红色，根据不同的明度设置使画面更有层次感，同时加入了薯条与番茄素材让整个画面更加有吸引力。

使用工具：画笔工具、渐变工具、图层样式、文字工具、图层蒙版。

文件路径：源文件\第2章\010.psd

视频文件：mp4\第2章\010.mp4

01 启动Photoshop后，执行“文件”|“新建”命令，弹出“新建”对话框，设置参数如图2-25所示。

02 设置前景色为（#e0dcdc），按Alt+Delete键，填充前景色，如图2-26所示。

图2-25 新建文档

03 按Ctrl+R键，打开标尺，单击移动工具，在标尺上拖出两条辅助线，单击图层面板底部的“创建新图层”按钮，创建新图层“包装袋”，单击钢笔工具，在工具选项栏中选择，绘制包装袋形状的路径，如图2-27所示。

图2-26 填充前景色

图2-27 新建路径

技巧点拨

在运用钢笔工具绘制路径的过程中，按下Delete键可删除上一个添加的锚点，按下Delete键两次删除整条路径，按三次则删除所有显示的路径。按住Shift键可以让所绘制的点与上一个点保持45°整数倍夹角（比如0°、90°）。

04 按Ctrl+Enter键，将路径转换为选区，单击渐变工具，在选项栏中单击“渐变条”，设置参数如图2-28所示。

05 按下“线性渐变”按钮，按住Shift键，在画面中从左往右拖出线性渐变色，如图2-29所示。

图2-28 设置参数

图2-29 填充渐变

知识链接——复制图层

通过复制图层可以复制图层中的图像。在Photoshop中，不但可以在同一图像中复制图层，而且还可以在两个不同的图像之间复制图层。

如果是在同一图像内复制，选择“图层”|“复制图层”命令，或拖动图层至“创建新图层”按钮，即可得到当前选择图层的复制图层。

按下Ctrl＋J键，可以快速复制当前图层。

如果是在不同的图像之间复制，首先在Photoshop桌面中同时显示这两个图像窗口，然后在源图像的图层面板中拖拽该图层至目标图像窗口即可。

06 双击“包装袋”图层，在弹出的图层样式中勾选“内阴影”，参数如图2-30所示。

图2-30 内阴影参数

07 单击“确定”按钮，图层样式效果如图2-31所示。

08 单击吸管工具，在暗红色处单击，吸取颜色，单击渐变工具，在工具选项栏中单击“渐变条”，在渐变编辑中选择从前景色到透明渐变，如图2-32所示，单击“确定”按钮，按下“线性渐变”按钮。

图2-31 图层样式效果

图2-32 编辑渐变

09 按住Ctrl键，单击“包装袋”缩览图，载入选区，新建一个图层，在画面中从上往下拖出线性渐变色，再从下往上拖出线性渐变色，加深上下两边的颜色，如图2-33所示。

图2-33 渐变效果

10 新建图层，单击矩形选框工具，绘制两个矩形选框，在“渐变编辑器”对话框中编辑颜色，如图2-34所示。在画面中从左往右拖动，分别填充渐变色。

图2-34 编辑渐变

11 单击移动工具，将两个渐变矩形拖至“包装袋”图层下，按Ctrl+T键，调整大小与位置，如图2-35所示。

12 单击图层面板下方的“新建图组层”按钮，新建“彩带”图层组，在图层组“彩带”下新建图层，单击钢笔工具，在工具选项栏中选择，绘制路径，单击直接选择工具，调整路径形状，按Ctrl+Enter键，转换路径为选区，如图2-36所示。

图2-35 渐变效果

图2-36 建立选区

13 单击渐变工具，设置参数，在画面中从左往右拖动鼠标，填充线性渐变色，如图2-37所示。

图2-37 渐变填充

14 单击图层面板底部的“添加图层样式”按钮，选择“内阴影”，参数设置如图2-38所示。

图2-38 图层样式对话框

技巧点拨

图层样式是由投影、内阴影、外发光、内发光、斜面和浮雕、光泽、颜色叠加、图案叠加、渐变叠加、描边等图层效果组成的集合，它能够在顷刻间将平面图形转化为具有材质和光影效果的立体物体。

15 单击“确定”按钮，图层样式效果如图2-39所示。

16 在图层组内继续新建图层，单击钢笔工具，在工具选项栏中选择路径，绘制路径，单击直接选择工具，调整路径形状，按Ctrl+Enter键，转换路径为选区，如图2-40所示。

图2-39 图层样式效果

图2-40 绘制图形

17 单击渐变工具，在选项栏中单击“渐变条”，编辑渐变颜色如图2-41所示

18 从左往右拖动鼠标，填充线性渐变，如图2-42所示。

图2-41 编辑渐变色

图2-42 填充渐变

19 选中黄色渐变填充图形的图层，执行“选择”｜“载入选区”命令，将图形载入选区，如图2-43所示。

20 新建图层，单击渐变工具，在选项栏中单击“渐变条”编辑渐变颜色参数如图2-44所示。

图2-43 载入选区

图2-44 编辑渐变色

21 从左往右拖动鼠标，填充线性渐变，按Ctrl+T键，调整大小和位置，如图2-45所示。

22 按Ctrl+J键，复制图层，并按Ctrl+T键，调整大小和位置，按Ctrl+[键，调整到绿色渐变图层下面，如图2-46所示。(www.xing528.com)

图2-45 填充渐变

图2-46 复制图层

23 按Ctrl+O键打开“薯条”素材，单击移动工具，将其拖动到当前图层，调整大小，单击图层面板底部的“添加图层样式”按钮，弹出“图层样式”对话框，设置参数如图2-47所示。

图2-47 图层样式对话框

24 将素材“薯条”图层放置“彩带”图层组下面，如图2-48所示。

25 新建图层，单击钢笔工具，在工具选项栏中选择路径，绘制路径，单击直接选择工具，调整路径形状，按Ctrl+Enter键将路径转换为选区，前景色设置为（#64a457），按Alt+Delete键，填充前景色，在图层面板中设置“填充”为85%，如图2-49所示。

图2-48 调整图层顺序

图2-49 绘制图形

26 按Ctrl+J键，复制图层，执行“选择”｜“载入选区”命令，将复制的图层载入选区，前景色设置为（#fdf300），按Alt+Delete键，填充前景色，单击移动工具，移动位置，如图2-50所示。

27 新建一个图层，单击椭圆选框工具，绘制椭圆选框，执行“编辑”｜“描边”命令，设置描边颜色为白色。

28 执行“滤镜”｜“模糊”｜“高斯模糊”命令，设置模糊半径为30像素，单击“确定”按钮，按Ctrl+D键取消选择，按Ctrl+T键调整大小，如图2-51所示。

图2-50 复制图形

图2-51 高斯模糊

技巧点拨

“高斯模糊”滤镜利用钟形高斯曲线，有选择性地快速模糊图像，其特点是中间高，两边低，呈尖峰状。而且高斯模糊可通过调节对话框中的“半径”参数控制模糊的程度，在实际应用中非常广泛。

29 单击横排文字工具，在工具选项栏设置“字体颜色”为黑色，输入“薯条”，单击选项栏中的“创建文字变换”按钮，进行文字的变形，如图2-52所示。

图2-52 变形文字

30 输入文字，并且在工具选项栏设置“字体颜色”为绿色，输入英文字体，单击选项栏中的“创建文字变换”按钮，进行文字的变形，如图2-53所示。

图2-53 变形文字

31 按Ctrl+O键，打开“素材”图片，拖至画面，按Ctrl+T键调整大小和位置，如图2-54所示。

图2-54 添加素材

32 单击钢笔工具，绘制路径，单击横排文字工具，在工具选项栏分别设置文字颜色与字体的大小，在路径上输入文字，单击图层面板底部的“添加图层样式”按钮，选择“描边”，参数设置如图2-55所示。

图2-55 输入路径文字

知识链接——重置变形与取消变形

使用横排文字工具和直排文字工具创建的文本，只要保持文字的可编辑性，即没有将其栅格化、转换成为路径或形状前，可以随时进行重置变形与取消变形的操作。

要重置变形，可选择文字工具，然后单击工具选项栏中的“创建文字变形”按钮，也可执行“图层”|“文字”|“文字变形”命令，打开“变形文字”对话框，此时可以修改变形参数，或者在“样式”下拉列表中选择另一种样式。

要取消文字的变形，可以打开“变形文字”对话框，在“样式”下拉列表中选择“无”选项，单击“确定”按钮关闭对话框，即可取消文字的变形。

33 新建图层，单击铅笔工具，设置前景色为白色，绘制线条，单击图层面板底部的“添加图层样式”按钮，选择“外发光”，参数设置如图2-56所示。

图2-56 绘制线条

34 单击“确定”按钮，图层样式效果如图2-57所示。

图2-57 图层样式效果

35 按Ctrl+O键，打开“薯条”素材，单击移动工具，将其拖动到包装袋上。

36 新建图层，设置前景色为（#fee683），单击画笔工具，设置适当的画笔大小，沿着“薯条”边缘涂抹，如图2-58所示。

图2-58 绘制线条

37 执行“滤镜”｜“模糊”｜“高斯模糊”命令，设置半径为20像素，作出热气效果，如图2-59所示。

38 单击涂抹工具，对线条进行涂抹，涂抹出热气扭曲和变形的效果，如图2-60所示。

图2-59 绘制线条

图2-60 高斯模糊

39 选中背景图层以上的所有图层，按Ctrl+Alt+E键，向上合并图层，按Ctrl+T键，进入自由变换状态，单击右键选择“垂直翻转”，移到合适位置，如图2-61所示。

40 单击图层面板底部的“添加图层蒙版”，为复制的图层添加蒙版，单击渐变工具，在工具选项栏中设置颜色从白色到黑色的线性渐变，在画面中从上往下拖动鼠标，制作倒影效果，如图2-62所示。

图2-61 翻转图形

图2-62 添加蒙版

知识链接——合并图层

合并图层有以下4种方法：

“向下合并”：选择此命令，可将当前选择图层与图层面板的下一图层进行合并，合并时下一图层必须为可见，否则该命令无效，键为Ctrl＋E。

“合并可见图层”：选择此命令，可将图像中所有可见图层全部合并。

“拼合图像”：合并图像中的所有图层。如果合并时图像有隐藏图层，系统将弹出一个提示对话框，单击其中的“确定”按钮，隐藏图层将被删除，单击“取消”按钮则取消合并操作。

如果需要合并多个图层，可以先选择这些图层，然后执行“图层”|“合并图层”命令，键为Ctrl＋E。

41 按Ctrl+O键，打开“树叶”素材，单击移动工具，拖至画面，在图层面板上设置“填充”为54%，如图2-63所示。

42 按Ctrl+O键，打开“番茄”素材，单击移动工具，拖至画面，单击图层面板底部的“添加图层样式”按钮，选择“投影”，设置参数如图2-64所示。

图2-63 添加树叶素材

图2-64 添加番茄素材

43 按Ctrl+O键，添加“大薯条”素材，拖至画面，最终效果如图2-65所示。

图2-65 最终效果