第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”键取消选区，设置前景色为白色，单击 工具箱中的“直线工具”按钮，其属性栏设置如

3、图16.1.7所 示。 图16.1.7 “直线工具”属性栏 （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所

4、示。 图16.1.12 “钢笔工具”属性栏 （10）设置完成后，在图像中单击绘制如图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 填充选

5、区效果 图16.1.16 调整其大小及不透明度 （12）单击工具箱中的“椭圆选框工具”按钮，在图 像中绘制如图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”键执 行自由变换命令，对图像进行旋转，效果如

6、图16.1.21所示。 图16.1.20 减淡图像效果 图16.1.21 旋转图像 （15）按“Ctrl+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），单击工具箱中的 “渐变工具

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

8、 “画笔工具”属性栏及画笔面板 （21）设置完成后，新建“图层7”，单击路径面板底部 “用画笔描边路径”按钮，对路径进行描边，效果如图 16.1.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所

9、示。 （25）再用文字工具在图像中输入其他黑色的文字 信息，效果如图16.1.33所示。 图16.1.32 输入白色文字 图16.1.33 输入黑色文字 （26）此时药盒的一个面已经制作完成，将其保存，然 后合并除背景层以外的所有图层为“图层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 填

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

11、调整其大小及位 置，并进行旋转，效果如图16.1.40所示。 图16.1.40 复制并调整图像 （33）利用文字工具，在图像中绘制的矩形另一边输 入白色的文字信息，并对其进行旋转，效果如图16.1.41所示。 图16.1.41 输入文字信息 （34）将背景层作为当前图层，设置前景色为黑色，然后 按“Alt+Delete”键进行填充。 （35）单击工具箱中的“多边形套索工具”按钮，其 属性栏设置如图16.1.42所示。 图16.1.42 “多边形套索工具”属性栏 （36）设置完成后，在图像中绘制一个多边形选区，效果 如图16.1.43所示。 （37）新建“图层5”，设置前景色为白色，按 “Alt

12、+Delete”键进行填充，效果如图16.1.44所示。 图16.1.43 绘制的多边形选区 图16.1.44 填充选区效果 （38）用相同的方法，再绘制其他的多边形，并隐藏标尺和 参考线，效果如图16.1.1左图所示。 （39）此时药盒的平面展开图已制作完成，将其保存，最后， 再制作药盒包装的立体效果。 （40）合并除背景层以外的所有图层为“图层1”，利用矩形 选框工具，绘制如图16.1.45所示的选区。 （41）将“图层1”作为当前图层，按“Delete”键删除选区中 的图像，效果如图16.1.46所示。 图16.1.45 绘制选区 图16.1.46 删除选中的图像 （42）用相同的方法，

13、删除其他不需要的图像，然后用工 具箱中的“魔棒工具”按钮，在图像中黑色背景处单击， 再按“Ctrl+Shift+I”键反选选区，用移动工具移动图像，效 果如图16.1.47所示。 （43）再在图像中绘制如图16.1.48所示的选区，选择“图 层”“新建”“通过剪切的图层”命令，将选区内的图像剪 切后作为新的图层“图层2”，并调整其位置，如图16.1.49所示。 图16.1.47 删除图像效果 图16.1.48 绘制的选区 （44）用相同的方法剪切包装盒左侧的矩形区域，并将 其作为新的图层“图层3”，此时的图像效果及图层面板如图 16.1.50所示。 （45）选择“编辑”“变换”“扭曲”命令，对

14、各图 层进行扭曲调整，最终效果如图16.1.1右图所示。 图16.1.49 调整图像效果 图16.1.50 图层面板 制作书籍装帧，效果如图16.2.1所示。 实例2 书籍装帧设计 图16.2.1 最终效果图 在制作过程中，将用到矩形选框工具、圆角矩形工具、自 定形状工具、移动工具和文字工具等。 （1）选择“文件”“新建”命令，弹出“新建”对话框， 设置参数如图16.2.2所示，设置完成后，单击“确定”按钮，即 可新建一个图像文件。 图16.2.2 “新建”对话框 （2）按“Ctrl+R”键，在图像文件中显示标尺，然后将鼠标 指针置于标尺上拖曳出需要的参考线，效果如图16.2.3所示。 （3）

15、新建“图层1”，单击工具箱中的“矩形选框工具”按 钮，在新建图像中创建选区，然后再用红色（C：0，M： 100，Y：100，K：0）填充，效果如图16.2.4所示。 图16.2.3 显示标尺和参考线 图16.2.4 创建矩形选区并填充 （4）单击工具箱中的“钢笔工具”按钮，其属性栏设置 如图16.2.5所示。 图16.2.5 “钢笔工具”属性栏 （5）设置完成后，在图像中单击鼠标绘制路径，如图 16.2.6所示。 （6）单击路径面板底部的“将路径作为选区载入”按钮 ，将路径转换为选区，新建“图 层2”，将其填充为白色， 如图16.2.7所示。 图16.2.6 绘制的路径 图16.2.7 填充选

16、区 （7）打开一幅图像，如图16.2.8所示，单击工具箱中的“移 动工具”按钮，将其拖动到新建图像中，自动生成“图层3”， 并按“Ctrl+T”键调整其大小及位置，效果如图16.2.9所示。 图16.2.8 打开的图像 图16.2.9 复制并调整图像 （8）将“图层3”复制两次，并分别命名为“图层4”和 “图层5”，并调整图层中图像的位置，如图16.2.10所示。 图16.2.10 复制图层并调整其图像位置 （9）单击工具箱中的“橡皮擦工具”按钮，其属性 栏设置如图16.2.11所示。 图16.2.11 “橡皮擦工具”属性栏 （10）设置完成后，隐藏“图层5”，在图像中单击鼠标， 将“图层4”

17、中多余的羽毛部分擦除，如图16.2.12所示。 图16.2.12 擦除图像 （11）显示“图层5”，并按住“Ctrl”键单击该图层载入其 选区，选择“图像”“调整”“色相/饱和度”命令，弹出 “色相/饱和度”对话框，设置参数如图16.2.13所示。 （12）设置完成后，单击“确定”按钮，如图16.2.14所示。 图16.2.13 “色相/饱和度”对话框 图16.2.14 调整色相/饱和度效果 （13）按“Ctrl+D”键取消选区，利用橡皮擦工具将 “图层5”中多余的羽毛部分擦除，如图16.2.15所示。 （14）单击工具箱中的“矩形选框工具”按钮，在 图像中绘制矩形选区，新建“图层6”，将该选

18、区填充为红色 （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，M：100，Y：100，K：0），如图16.2.18所示。 图16.2.18 填充选区 （17）取消选区，单击工具箱中的“文字工具”按钮， 其属性栏设置如图16.2.19所示。 图16.2.19 “文字工具”属性栏 （18）设置完成后，在图像中输入

19、红色（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”，在图像中绘制图形，如 图16.2.22所示。再利用文字工具在图像中输入白色的文字 “计算机行业应用实例规划教材”，如图16.2.23所示。 图16.2.22 绘制图形并填充 图16.2.23 输入白色文字 （21）单击工具箱

20、中的“椭圆选框工具”按钮，在 图像中按住“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）再用文字工具在图像中输入黑色的文字信息， 如图16.2.26所示。 图16.2.26 输入文字信息 （24）打开一幅图像，如图16.2.27所示，利用移动工具 将其拖动到新建图像中，自动生成“图层10”，并调整其大小及 位

21、置，效果如图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所示。 图16.2.31 “直排文字工具”属性栏 （28）设置完成后，在图像中书脊的位置处输入白色文字， 如图16.2.32所示。 （29）复制“图层3”为“图层3副本”，并调整其中图像的

22、 位置，如图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）再用文字工具在图像中输入白色的文字信息， 如图16.2.36所示。 （33）新建“图层11”，利用矩形选框工具在新建图 像中创建选区，然后再用黄色（C：1，M：69，Y：76，K：0） 填充，如图1

23、6.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次，并调整其中图像的 位置，图层面板及效果如图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）单击工具箱中的“直线工具”按钮，其属