第16章包装设计

1、第第16章章 包装设计包装设计 16.1 药品包装盒设计药品包装盒设计 16.2 书籍装帧设计书籍装帧设计 制作药品包装盒，效果如图16.1.1所示。实例1 药品包装盒设计图16.1.1 效果图在制作过程中，将用到矩形选框工具、椭圆选框工具、移动工具、文字工具、画笔工具、减淡工具、直线工具、多边形套索工具以及变换和扭曲命令等。（1）选择“文件”“新建”命令，弹出“新建”对话框，设置参数如图16.1.2所示，设置完成后，单击“确定”按钮，即可新建一个图像文件。图16.1.2 “新建”对话框（2）按“Ctrl+R”键显示标尺，并拖曳出如图16.1.3所示的参考线。（3）单击工具箱中的“矩形选框工具

2、”按钮，在图像中绘制如图16.1.4所示的选区。图16.1.3 显示标尺和参考线 图16.1.4 绘制矩形选区 （4）设置前景色为黄色（R：163，G：218，B：69），背景色为绿色（R：52，G：112，B：58），单击工具箱中的“渐变工具”按钮，其属性栏设置如图16.1.5所示。图16.1.5 “渐变工具”属性栏（5）设置完成后，新建“图层1”，然后在图像中从上向下拖曳鼠标为选区填充渐变效果，如图16.1.6所示。图16.1.6 渐变填充图像效果 （6）按“Ctrl+D”键取消选区，设置前景色为白色，单击工具箱中的“直线工具”按钮，其属性栏设置如图16.1.7所示。图16.1.7 “直线

3、工具”属性栏（7）设置完成后，新建“图层2”，在图像中绘制如图16.1.8所示的白色直线。并在图层面板中将该图层的“不透明度”参数设置为70%，此时图层面板如图16.1.9所示。图16.1.8 绘制的白色直线 图16.1.9 调整图层的不透明度 （8）再利用矩形选框工具，在图像中绘制如图16.1.10所示的选区。并新建“图层3”，将其填充为绿色（R：52，G：112，B：58），效果如图16.1.11所示。图16.1.10 绘制的选区 图16.1.11 填充选区 （9）单击工具箱中的“钢笔工具”按钮，其属性栏设置如图16.1.12所示。图16.1.12 “钢笔工具”属性栏（10）设置完成后，在

4、图像中单击绘制如图16.1.13所示的路径。然后单击路径面板底部的“将路径作为选区载入”按钮，将所绘的路径转换为选区，如图16.1.14所示。图16.1.13 绘制的路径 图16.1.14 将路径转换为选区 （11）设置前景色为黄色（R：240，G：231，B：20），新建“图层4”，按“Alt+Delete”键填充选区，按“Ctrl+D”键取消选区，效果如图16.1.15所示。再按“Ctrl+T”键调整其中图像的大小，并将该图层的“不透明度”参数设置为70%，效果如图16.1.16所示。 图16.1.15 填充选区效果 图16.1.16 调整其大小及不透明度（12）单击工具箱中的“椭圆选框工

5、具”按钮，在图像中绘制如图16.1.17所示的选区，新建“图层5”，并将其填充为绿色（R：144，G：190，B：103），效果如图16.1.18所示。图16.1.17 绘制的椭圆选区 图16.1.18 填充选区 （13）单击工具箱中的“减淡工具”按钮，其属性栏设置如图16.1.19所示。图16.1.19 “减淡工具”属性栏（14）设置完成后，在图像中单击并拖动鼠标，减淡处理图像，效果如图16.1.20所示。按“Ctrl+D”键取消选区，按“Ctrl+T”键执行自由变换命令，对图像进行旋转，效果如图16.1.21所示。图16.1.20 减淡图像效果 图16.1.21 旋转图像 （15）按“Ct

6、rl+D”键取消选区，在图层面板中将“图层5”复制6个图层副本，如图16.1.22所示，并按“Ctrl+T”键分别调整其图层中图像的大小及位置，效果如图16.1.23所示。图16.1.22 复制图层 图16.1.23 调整图像大小及位置 （16）利用工具箱中的椭圆选框工具，在图像中绘制如图16.1.24所示的选区。图16.1.24 绘制椭圆选区（17）设置前景色为黄色（R：240，G：231，B：20），背景色为土黄色（R：209，G：186，B：67），单击工具箱中的“渐变工具”按钮，其属性栏设置如图16.1.25所示。图16.1.25 “渐变工具”属性栏（18）设置完成后，新建“图层6”并

7、将其调整到“图层5”的下方，然后在选区中从左向右拖曳鼠标为选区填充渐变效果，如图16.1.26所示。（19）选择“选择”“变换选区”命令，将选区调整放大，效果如图16.1.27所示。图16.1.26 渐变填充图像效果 图16.1.27 调整选区效果 （20）按“Enter”键确认操作，设置前景色为白色，单击路径面板底部的“从选区生成工作路径”按钮，将选区转换为路径，单击工具箱中的“画笔工具”按钮，其属性栏及画笔面板设置如图16.1.28所示。图16.1.28 “画笔工具”属性栏及画笔面板（21）设置完成后，新建“图层7”，单击路径面板底部“用画笔描边路径”按钮，对路径进行描边，效果如图16.1

8、.29所示。（22）将“图层7”合并到“图层6”中，然后按“Ctrl+T”键调整其大小及位置，效果如图16.1.30所示。 图16.1.29 画笔描边路径 图16.1.30 调整图像大小及位置 （23）单击工具箱中的“文字工具”按钮，其属性栏设置如图16.1.31所示。将文字的颜色设置为白色。图16.1.31 “文字工具”属性栏（24）设置完成后，在图像中输入文字“一粒清感冒片 YiliqingGanmaoPian”，效果如图16.1.32所示。（25）再用文字工具在图像中输入其他黑色的文字信息，效果如图16.1.33所示。图16.1.32 输入白色文字 图16.1.33 输入黑色文字 （26

9、）此时药盒的一个面已经制作完成，将其保存，然后合并除背景层以外的所有图层为“图层1”，并复制得到“图层1副本”，然后调整位置，效果如图16.1.34所示。图16.1.34 复制并调整图像 （27）再用矩形选框工具在图像中绘制如图16.1.35所示的选区。（28）新建“图层2”，设置前景色为绿色（R：52，G：112，B：58），对选区进行填充，其效果如图16.1.36所示。图16.1.35 绘制的选区 图16.1.36 填充选区效果 （29）按“Ctrl+D”键取消选区，复制“图层2”为“图层2副本”，调整其位置效果如图16.1.37所示。图16.1.37 复制并调整图像效果 （30）利用文字

10、工具在图像中输入白色的文字信息，效果如图16.1.38所示。（31）新建“图层3”，重复步骤（27）（28）的操作，绘制两个矩形，并填充为相同的绿色，效果如图16.1.39所示。图16.1.38 输入文字效果 图16.1.39 绘制并填充矩形选区 （32）按“Ctrl+O”键打开一幅条形码图像，单击工具箱中的“移动工具”按钮，将其拖动到新建图像中，自动生成“图层4”，按“Ctrl+T”键执行自由变换命令，调整其大小及位置，并进行旋转，效果如图16.1.40所示。图16.1.40 复制并调整图像 （33）利用文字工具，在图像中绘制的矩形另一边输入白色的文字信息，并对其进行旋转，效果如图16.1.

11、41所示。图16.1.41 输入文字信息（34）将背景层作为当前图层，设置前景色为黑色，然后按“Alt+Delete”键进行填充。（35）单击工具箱中的“多边形套索工具”按钮，其属性栏设置如图16.1.42所示。图16.1.42 “多边形套索工具”属性栏（36）设置完成后，在图像中绘制一个多边形选区，效果如图16.1.43所示。（37）新建“图层5”，设置前景色为白色，按“Alt+Delete”键进行填充，效果如图16.1.44所示。图16.1.43 绘制的多边形选区 图16.1.44 填充选区效果 （38）用相同的方法，再绘制其他的多边形，并隐藏标尺和参考线，效果如图16.1.1左图所示。（

12、39）此时药盒的平面展开图已制作完成，将其保存，最后，再制作药盒包装的立体效果。（40）合并除背景层以外的所有图层为“图层1”，利用矩形选框工具，绘制如图16.1.45所示的选区。（41）将“图层1”作为当前图层，按“Delete”键删除选区中的图像，效果如图16.1.46所示。图16.1.45 绘制选区 图16.1.46 删除选中的图像 （42）用相同的方法，删除其他不需要的图像，然后用工具箱中的“魔棒工具”按钮，在图像中黑色背景处单击，再按“Ctrl+Shift+I”键反选选区，用移动工具移动图像，效果如图16.1.47所示。（43）再在图像中绘制如图16.1.48所示的选区，选择“图层”

13、“新建”“通过剪切的图层”命令，将选区内的图像剪切后作为新的图层“图层2”，并调整其位置，如图16.1.49所示。图16.1.47 删除图像效果 图16.1.48 绘制的选区 （44）用相同的方法剪切包装盒左侧的矩形区域，并将其作为新的图层“图层3”，此时的图像效果及图层面板如图16.1.50所示。（45）选择“编辑”“变换”“扭曲”命令，对各图层进行扭曲调整，最终效果如图16.1.1右图所示。图16.1.49 调整图像效果 图16.1.50 图层面板 制作书籍装帧，效果如图16.2.1所示。实例2 书籍装帧设计图16.2.1 最终效果图在制作过程中，将用到矩形选框工具、圆角矩形工具、自定形状

14、工具、移动工具和文字工具等。（1）选择“文件”“新建”命令，弹出“新建”对话框，设置参数如图16.2.2所示，设置完成后，单击“确定”按钮，即可新建一个图像文件。图16.2.2 “新建”对话框（2）按“Ctrl+R”键，在图像文件中显示标尺，然后将鼠标指针置于标尺上拖曳出需要的参考线，效果如图16.2.3所示。（3）新建“图层1”，单击工具箱中的“矩形选框工具”按钮，在新建图像中创建选区，然后再用红色（C：0，M：100，Y：100，K：0）填充，效果如图16.2.4所示。图16.2.3 显示标尺和参考线 图16.2.4 创建矩形选区并填充 （4）单击工具箱中的“钢笔工具”按钮，其属性栏设置如

15、图16.2.5所示。图16.2.5 “钢笔工具”属性栏（5）设置完成后，在图像中单击鼠标绘制路径，如图16.2.6所示。（6）单击路径面板底部的“将路径作为选区载入”按钮，将路径转换为选区，新建“图 层2”，将其填充为白色，如图16.2.7所示。图16.2.6 绘制的路径 图16.2.7 填充选区 （7）打开一幅图像，如图16.2.8所示，单击工具箱中的“移动工具”按钮，将其拖动到新建图像中，自动生成“图层3”，并按“Ctrl+T”键调整其大小及位置，效果如图16.2.9所示。图16.2.8 打开的图像 图16.2.9 复制并调整图像 （8）将“图层3”复制两次，并分别命名为“图层4”和“图层

16、5”，并调整图层中图像的位置，如图16.2.10所示。图16.2.10 复制图层并调整其图像位置 （9）单击工具箱中的“橡皮擦工具”按钮，其属性栏设置如图16.2.11所示。图16.2.11 “橡皮擦工具”属性栏（10）设置完成后，隐藏“图层5”，在图像中单击鼠标，将“图层4”中多余的羽毛部分擦除，如图16.2.12所示。图16.2.12 擦除图像（11）显示“图层5”，并按住“Ctrl”键单击该图层载入其选区，选择“图像”“调整”“色相/饱和度”命令，弹出“色相/饱和度”对话框，设置参数如图16.2.13所示。（12）设置完成后，单击“确定”按钮，如图16.2.14所示。 图16.2.13

17、“色相/饱和度”对话框 图16.2.14 调整色相/饱和度效果（13）按“Ctrl+D”键取消选区，利用橡皮擦工具将“图层5”中多余的羽毛部分擦除，如图16.2.15所示。（14）单击工具箱中的“矩形选框工具”按钮，在图像中绘制矩形选区，新建“图层6”，将该选区填充为红色（C：0，M：100，Y：100，K：0），如图16.2.16所示。（15）利用钢笔工具，其属性栏设置如图16.2.5所示，然后在图像中绘制如图16.2.17所示的路径。图16.2.15 擦除图像 图16.2.16 绘制选区并填充图16.2.17 绘制路径 （16）然后将路径转换为选区，新建“图层7”，将其填充为红色（C：0，

18、M：100，Y：100，K：0），如图16.2.18所示。图16.2.18 填充选区（17）取消选区，单击工具箱中的“文字工具”按钮，其属性栏设置如图16.2.19所示。图16.2.19 “文字工具”属性栏（18）设置完成后，在图像中输入红色（C：0，M：100，Y：100，K：0）文字“新编中文行业应用实例”，黑色文字“Photoshop CS2”及“杨妮 编”，并调整文字的大小及字体，如图16.2.20所示。图16.2.20 输入文字（19）单击工具箱中的“自定形状工具”按钮，其属性栏设置如图16.2.21所示。图16.2.21 “自定形状工具”属性栏（20）设置完成后，新建“图层8”，在

19、图像中绘制图形，如图16.2.22所示。再利用文字工具在图像中输入白色的文字“计算机行业应用实例规划教材”，如图16.2.23所示。图16.2.22 绘制图形并填充 图16.2.23 输入白色文字 （21）单击工具箱中的“椭圆选框工具”按钮，在图像中按住“Shift”键的同时单击鼠标绘制一个正圆选区，并新建“图层9”，填充为红色（C：0，M：100，Y：100，K：0），如图16.2.24所示。（22）按“Ctrl+D”键取消选区，复制“图层9”为“图层9副本”，并调整其位置，如图16.2.25所示。图16.2.24 绘制选区并填充 图16.2.25 复制并调整图像 （23）再用文字工具在图像

20、中输入黑色的文字信息，如图16.2.26所示。图16.2.26 输入文字信息（24）打开一幅图像，如图16.2.27所示，利用移动工具将其拖动到新建图像中，自动生成“图层10”，并调整其大小及位置，效果如图16.2.28所示。 图16.2.27 打开的图像 图16.2.28 复制并调整图像（25）再用文字工具在图像中输入白色和黑色的文字信息，如图16.2.29所示。（26）复制“图层8”为“图层8副本”，并调整其中图像的位置，如图16.2.30所示。图16.2.29 输入文字信息 图16.2.30 复制并调整图像 （27）单击工具箱中的“直排文字工具”按钮，其属性栏设置如图16.2.31所示。

21、图16.2.31 “直排文字工具”属性栏（28）设置完成后，在图像中书脊的位置处输入白色文字，如图16.2.32所示。（29）复制“图层3”为“图层3副本”，并调整其中图像的位置，如图16.2.33所示。 图16.2.32 输入白色的信息 图16.2.33 复制并调整图像（30）将“图层3副本”作为当前图层，选择“图像”“调整”“色相/饱和度”命令，弹出“色相/饱和度”对话框，设置参数如图16.2.34所示。（31）设置完成后，单击“确定”按钮，如图16.2.35所示。图16.2.34 “色相/饱和度”对话框 图16.2.35 调整色相/饱和度效果 （32）再用文字工具在图像中输入白色的文字信

22、息，如图16.2.36所示。（33）新建“图层11”，利用矩形选框工具在新建图像中创建选区，然后再用黄色（C：1，M：69，Y：76，K：0）填充，如图16.2.37所示。图16.2.36 输入白色文字信息 图16.2.37 绘制选区并填充 （34）再用文字工具在图像中输入白色的文字信息，如图16.2.38所示。（35）新建“图层12”，利用矩形选框工具在新建图像中创建选区，然后再用黄色（C：1，M：69，Y：76，K：0）填充，如图16.2.39所示。图16.2.38 输入白色文字信息 图16.2.39 绘制选区并填充 （36）取消选区，将“图层12”复制6次，并调整其中图像的位置，图层面板

23、及效果如图16.2.40所示。图16.2.40 复制图层并调整其位置 （37）新建“图层13”，利用矩形选框工具，在新建图像中创建选区，然后再用深红色 （C：0，M：100，Y：100，K：30）填充，取消选区，将“图层13”复制6次，并调整其中图像的位置，图层面板及效果如图16.2.41所示。图16.2.41 复制并调整图像 （38）再打开一幅图像，如图16.2.42所示，利用移动工具将其拖动到新建图像中，自动生成“图层14”，并调整其大小及位置，效果如图16.2.43所示。图16.2.42 打开的图像 图16.2.43 复制并调整图像 （39）再用文字工具在图像中输入黑色的文字信息，如图16.2.44所示。图16.2.44 输入黑色文字信息（40）单击工具箱中的“直线工具”按钮，其属性栏设置如图16.