中职 Photoshop CS3平面设计案例教程第2章 电子课件电子教案.ppt

中职 Photoshop CS3平面设计案例教程第2章 电子课件工信版包装盒的主色调，再配以金线描边装饰，从视觉上给人清爽的感觉，从而使人联想到喝上一口绿茶的惬意与舒坦，以达到推广营销的目的和经受市场诉求的考量。另外，在包装盒的结构造型上将采用四面体包装设计，这种结构的包装设计具有造型美观，结构稳固、易于使用等特点，同时这也是食品类较常见的包装设计。学时：学时：2学时课题：课题：1.“绿茶”包装设计 2.“洗洁精”包装设计目的任务：目的任务：1.了解颜色基础知识。2.掌握Photoshop CS3中颜色的应用方法。3.掌握使用颜色进行平面设计的方法。重点知识：重点知识：1.颜色基础知识 2.调配颜色的方法 3.前景色与背景色的使用方法 4.使用颜色绘图难点：难点：1.调配颜色 2.使用颜色教学方法：教学方法：1.课堂知识讲解 2.课堂案例实践 3.课后上机操作第2课 颜色与绘图基础第第1讲：课堂实训一讲：课堂实训一“绿茶绿茶”包装设计包装设计 任务描述任务描述 包装设计属于平面设计的一个范畴，是为销售商品而制作的设计，它重于行销的功能，因此，包装设计除了要考虑其平面视觉效果之外，还应该考虑其立体的视觉功能、结构、材质加工以及市场的接受度，一个包装设计，如果只有华丽的平面视觉效果，而缺少立体外观效果以及市场诉求的考量，则将沦为花瓶角色，失去了包装设计的真正意义。这一讲制作如右图所示的“绿茶”包装盒设计。该包装盒的设计除了考虑其平面视觉效果之外，还要考虑其功能、用途、立体包装效果、市场诉求的考量，同时还应注重绿色、环保理念。综合以上因素，在该包装设计的用色上，将使用翠绿色作为 2.Photoshop CS3与三原色与三原色 在可见光谱中，朱红（R）、翠绿(G)和蓝紫(B)被称为三原色，如果将RGB三原色的光谱以最大的强度混合时，就会形成白色的色光。由于各种色光混合后的结果会比原来单独的色光还亮，所以这种色又称为加色混合（Additive colors），如图2所示 除了加色之外，减色原色是指一些颜料，也就是打印机使用的颜料色和绘画使用的颜色，减色原色简称青色（C）、洋红色(M)、黄色(Y)和黑色(K),当按照不同的组合将这些颜料添加在一起时，也可以创建一个色谱。减色原色是通过减色混合来生成颜色。使用“减色”这个术语是因为，这些原色都是纯色，将它们混合在一起后生成的颜色都是原色的不纯版本。例如，橙色是通过将洋红色和黄色进行减色混合创建的，如图3所示。效果分析效果分析 使用Photoshop CS3平面软件制作具有三维立体效果的模型是有一定的难度的，该包装盒就是这样一个三维立体效果。在制作该包装盒效果时，首先通过颜色填充、图案编辑、文字编辑等操作设计制作出包装盒的平面效果图，然后通过对平面效果如的自由变换操作，制作出包装盒的三维立体模型。在此要特别注意的是包装盒的三维透视效果的调整。要想实现该包装盒效果，我们首先需要掌握Photoshop CS3中颜色的调配与使用方法，同时需要掌握一定的三维造型技能和透视知识。通过该包装盒的制作，我们不仅可以学会正确使用颜色，同时可以学到一定的三维造型能力。知识储备知识储备 颜色是平面设计的基础，是表达图像主题的重要手段，颜色的协调统一，不仅能给人美的享受，还能传达人与人之间的情感，一幅好的作品离不开颜色的运用。1.颜色三要素颜色三要素 颜色三要素也叫颜色三属性，了解颜色三要素，有助于正确认识颜色，了解各颜色之间的关系，从而调配出漂亮的颜色。颜色三要素是指色相、纯度和色调：色相：色相：色相是指颜色的相貌。在可见光谱中，人的视觉能感受到各种各样的颜色，例如红、橙、黄、绿、蓝、紫等不同特征的颜色，当人们称呼某一种颜色的名称时，就会联想到这种颜色留给人们的印象，也就是该颜色的相貌。纯度：纯度：纯度是指颜色的鲜浊程度，也就是人们常说的颜色饱和度。在可见光谱中，颜色的鲜浊程度取决于该颜色的波长程度，高饱和度的颜色波长，低饱和度的颜色波短。色调：色调：色调是指颜色的明亮度，也就是人们常说的颜色的明度（亮度）。在无彩色中，明度最高的为白色，明度最低的是黑色，这两种颜色之间存在着由亮到暗的灰色系列，而在有彩色中，明度最高的为黄色，明度最低的为紫色。颜色的色相、纯度和色调比较如图1所示。图1图2图3针对RGB色彩模型的加色混合原理，Photoshop CS3系统使用RGB色彩模式来描述RGB色彩模型的图像，将所有可见的颜色由各色光不同的强度分为0255个色阶。当RGB的值都是0时，是完全的黑色，当RGB的值都为255时就是完全的白色，当RGB的值是0或255以外的数值时，就会产生新的颜色，其他所有颜色都是通过R（红）、G（绿）和B（蓝）3种颜色的不同量的混合而产生的，颜色量不同，产生的颜色也不同。3.Photoshop CS3中的前景色和背景色中的前景色和背景色 在Photoshop CS3的【工具箱】中，有两个重叠在一起的颜色块，放在上面的颜色代表前景色，放在下面的颜色代表背景色，系统默认下，前景色为黑色（R：0、G：0、B：0），背景色为白色（R：255、G：255、B：255）。前景色和背景色是Photoshop CS3中两个重要的颜色，也是用户进行图像设计时常用的颜色，许多操作都与前景色和背景色有关，具体表现如下：（1）当使用“画笔工具”、“铅笔工具”等进行绘制时使用前景色。（2）使用各种矢量工具绘制图形时，使用前景色。（3）使用“文本工具”输入文字时，使用前景色。（4）在使用“橡皮工具”擦除图像背景后后，被擦除部分使用背景色填充。（5）将图像背景剪切或清除后，系统自动使用背景色填充。4.调配前景色与背景色调配前景色与背景色 Photoshop CS3提供了较完善的颜色调配系统，用户可采用多种方法调配前景色和背景色，最多可以调配出1670多万种颜色。下面首先学习使用【色板】面板快速调配前景色与背景色。使用【色板】面板，不仅可以快速选择前景色和背景色，而且还可以将自己满意的颜色保存在该面板中，方便以后使用。（1）执行菜单栏中的【窗口】/【色板】命令，打开【色板】面板。（2）将光标移动到【色板】面板的色样中，光标显示图标，单击鼠标左键选择前景色，按住键盘中的Ctrl键，单击【色板】面板的色样，选择背景色，如右图1所示。除了使用【色板】面板调配一个满意的颜色之外，我们还可以将自己满意的颜色存储在【色板】面板，或将一个不满意的颜色从【色板】面板删除，方法是：首先调整一个满意的前景色，单击【色板】面板下的“新建”按钮建立一个新色样或直接将光标移动到【色板】面板空位置，光标显示“颜料桶”图标，单击鼠标左键，打开【色板名称】对话框，在该对话框输入样色的名称，单击“确定”按钮，将调配的前景色添加到【色板】面板中。如果要想删除一个样色，按住键盘中的Alt键，将光标移动到【色板】面板样色中，光标显示剪刀图标，单击鼠标左键删除该样色。以上学习了使用【色板】面板调配前景色和背景色的方法，下面继续学习使用【颜色】面板调配前景色与背景色的方法。（1）执行菜单栏中的【窗口】/【颜色】命令，打开【颜色】面板。该面板中有两个叠放的颜色块，放在上面的颜色块表示前景色，放在下面的颜色块表示背景色，通过调配这两个颜色块，就可以得到满意的前景色和背景色。（2）在上面的颜色块上单击，当颜色块周围出现黑色线时，表示前景色被选择；在下方的颜色块上单击，当颜色块周围出现黑色线时，表示背景色被选择。（3）选择前景色或背景色之后，用光标移动R、G、B颜色带下方的三角滑块，或直接在其色带后面的颜色数值框中输入颜色值，可以调配出所需要的前景色或背景色，如右图2所示。图1图2 （4）将光标移动到【颜色】面板下方的颜色带上，光标显示“吸管”图标，单击鼠标左键拾取一种颜色作为前景色，按住键盘中的Alt键单击鼠标，拾取一种颜色作为背景色，如右图1所示。系统默认下，【颜色】面板使用RGB颜色模式来调配颜色，除了该模式外，【颜色】面板还提供了其他颜色模式，用来调配不同模式的颜色。单击【颜色】面板中“面板菜单”按钮，在打开的面板菜单中选择颜色模式。需要说明的是，使用【颜色】面板能调配的颜色模式包括“RGB模式”、“CMYK模式”、“HSB模式”、“Lab模式”、“网页模式”和“灰度模式”等，当选择某一个颜色模式时，【颜色】面板将显示该颜色模式的颜色属性，方便用户直接调色使用。5.使用前景色与背景色使用前景色与背景色 调配颜色的目的是最终使用颜色。在Photoshop CS3中，使用前景色与背景色的方法有很多，下面我们首先学习使用【填充】命令填充前景色与背景色。使用【填充】命令，不仅可以填充前景色和背景色，还可以填充50%的灰色、黑色、白色、历史记录以及图案等。（1）新建一个RGB模式的图像文件，并在文件中创建一个圆形选择区。（2）依照前面学过的知识，设置前景色为红色（R：255、G：0、B：0），背景色为蓝色（R：0、G：0、B：255）。（3）执行菜单栏中的【编辑】/【填充】命令，打开【填充】对话框，如右图2所示。“使用使用”：在该列表选择填充内容，包括：前景色、背景色、50%的灰色、黑色、白色、历史记录以及图案，当选择填充内容为“颜色”时将打开【拾色器】对话框，在该对话框中用户可以调配一个满意的颜色进行填充；当选择填充内容为“图案”时，单击“自定图案”按钮，在打开的列表中选择系统预设的图案或自定义图案进行填充。“模式模式”：选择填充后的颜色混合模式，模式不同，则填充颜色与背景色的混合效果不同。“不透明度不透明度”：设置填充颜色的不透明度，取值范围为100%0%。“保留透明区域保留透明区域”：当填充作用于图层时（非背景层），勾选该选项，可以保持图层的透明区域不被填充，也就是说，只能填充到图层中的对象上，而不能填充到图层其他区域。（4）在“使用”列表选择填充内容为“前景色”，并设置其他设置，单击按钮进行填充，填充结果如右图3所示。如果想直接填充前景色或背景色，则按键盘中的Alt+Delete键，快速填充前景色；按键盘中的Ctrl+Delete键，快速填充背景色。图1图2图3 除了使用前景色与背景色之外，用户还可以使用渐变色。渐变色是由一种颜色过渡到另一种颜色，这种颜色的变化具有很强的视觉冲击力和明显的传动效果，特别适合表现动感较强的事物。下面通过一个简单的操作，讲解使用渐变色的方法。（1）激活【工具箱】中的“渐变工具”，单击其【选项】栏中的按钮，打开【渐变编辑器】对话框，如右图1所示。（2）在“预设”列表框选择一种系统预设的渐变色，例如选择“色谱”；在“渐变类型”列表选择渐变色的类型，有“实底”和“杂色”两种类型，一般使用“实底”类型。（3）在“平滑度”选项设置渐变色的光滑度，数值越大，颜色过度越光滑，反之，颜色过度较粗糙，一般情况下，设置“平滑度”为100%.（4）设置完成后单击“确定”按钮关闭【渐变编辑器】对话框.Photoshop CS3提供了5种不同的渐变方式，即“线性渐变”、“放射渐变”、“倾斜渐变”、“对称渐变”和“菱形渐变”。当设置好渐变色之后，还需要在其工具【选项】栏选择一种渐变方式，相同的渐变色设置，选择不同的渐变方式，其填充结果不同。（5）在“渐变工具”【选项】栏选择一种渐变方式，然后将光标移动到要填充渐变色的图像区域，按住鼠标左键拖曳鼠标到合适位置释放鼠标，进行填充渐变色，填充结果如下图2所示。除了使用系统预设的渐变色进行填充之外，用户还可以自定义渐变色，在自定义渐变色时，用户可以随意添加或删除色标，以定义新的渐变色。下面通过制作一个圆锥体的的实例，学习自定义渐变色的方法。（1）新建RGB模式的图像文件，打开【图层】面板，单击【图层】面板下方的“创建新图层”按钮新建图层1。（2）设置前景色为黑色（R：0、G：0、B：0）、背景色为白色（R：255、G：255、B：255），使用“矩形选框工具”在图层1创建“羽化”为0的矩形选区。（3）打开【渐变编辑器】对话框，激活系统预设的“前景到背景”的渐变色，在色带下方单击，添加2个色标。注意：当选择注意：当选择“前景到背景前景到背景”预设渐变色后，色带下方只有预设渐变色后，色带下方只有2个色标，一个代表前景色，另一个代表背景色，在色带下方单击，个色标，一个代表前景色，另一个代表背景色，在色带下方单击，可以添加更多的色标，如果想删除一个色标，可以将光标放在色标可以添加更多的色标，如果想删除一个色标，可以将光标放在色标上，向下拖曳鼠标，即可将色标删除。上，向下拖曳鼠标，即可将色标删除。（4）激活左边第2个色标，在下方的“位置”输入框输入40%，调整其位置，继续激活第3个色标，设置其位置为95%。提示：可以调整色标的位置，其方法是：激活色标，在提示：可以调整色标的位置，其方法是：激活色标，在“位置位置”输入框输入其位置的百分比，最左端为输入框输入其位置的百分比，最左端为0%，最右端为，最右端为100%，或，或者直接按住鼠标左右拖曳，以调整色标的位置者直接按住鼠标左右拖曳，以调整色标的位置。图1图2 （5）快速双击第1个色标，在打开的【选择色标颜色】对话框中设置颜色为灰色（R：204、G：204、B：204）。（6）单击确定按钮确认，然后使用相同的方法依次设置第2个色标为白色（R：255、G：255、B：255）、第3个色标为深灰色（R：135、G：135、B：135）、第4个色标为浅灰色（R：228、G：228、B：228），结果如下图所示。图1图2 1.制作包装盒平面图背景颜色制作包装盒平面图背景颜色 （1）执行菜单栏中的【文件】/【新建】命令，新建名为“绿茶包装盒设计”、“宽度”为10厘米、“高度”为8厘米、“分辨率”为300的RGB色彩模式的新图像文件。（2）敲击F7键打开【图层】面板，单击【图层】面板的“创建新图层”按钮建立图层1。（3）按下键盘中的Ctrl+R键打开标尺，在图像中设置10个垂直辅助线和4根水平辅助线，如图3所示。提示：打开标尺后，激活提示：打开标尺后，激活“移动工具移动工具”，将光标移动到水平标尺上，按住鼠标向下拖曳，即可拖出水平辅助线，将光标移动到垂直标尺上，向右拖，将光标移动到水平标尺上，按住鼠标向下拖曳，即可拖出水平辅助线，将光标移动到垂直标尺上，向右拖曳曳 鼠标，即可拖出垂直辅助线，将光标移动到辅助线上，拖曳鼠标即可一定辅助线，如果将辅助线拖出图像外，即可删除辅助线。鼠标，即可拖出垂直辅助线，将光标移动到辅助线上，拖曳鼠标即可一定辅助线，如果将辅助线拖出图像外，即可删除辅助线。（4）激活【工具箱】中的“矩形选框工具”，设置其“羽化”为0像素，沿第2根水平辅助线、第1根垂直辅助线、第3根水平辅助线和第10根垂直辅助线绘制矩形选择区，如图4所示 （5）激活【工具箱】中的“渐变工具”，打开【渐变编辑器】对话框，设置一种“黄绿黄”的渐变色，如图5所示 图3图4图5提示：在绘制选区时，可以激活提示：在绘制选区时，可以激活“矩形选框工具矩形选框工具”【选项】栏中的【选项】栏中的“添加到选区添加到选区”按钮，这样在创建下方选区时上方的选区不受影响按钮，这样在创建下方选区时上方的选区不受影响。（6）关闭【渐变编辑器】对话框，在“渐变工具”【选项】栏激活“线性渐变”方式，在选择区垂直拉渐变色，结果如图6所示。（7）按键盘中的Ctrl+D键取消选区，然后继续使用“矩形选框工具”，设置“羽化”为0像素，沿辅助线在图像上方和下方绘制矩形选择区。如图7所示。提示：在绘制选区时，可以激活提示：在绘制选区时，可以激活“矩形选框工具矩形选框工具”【选项】栏中的【选项】栏中的“添加到选区添加到选区”按钮，这样在创建下方选区时上方的选区不受影响按钮，这样在创建下方选区时上方的选区不受影响。（7）色标颜色设置完成后，关闭【编辑渐变色】对话框，然后在“渐变工具”【选项】栏选择“线性渐变”方式，在选择区内水平拉渐变，结果如图1所示。（8）按键盘中的Ctrl+D键取消选区，然后按键盘中的Ctrl+T键应用自由变形，按住键盘中的Alt+Ctrl+Shift键的同时，将光标移动到变形框左上方的控制点上，向右拖曳进行变形，如图2所示。（9）按键盘中的Enter键确认变形，完成圆锥体模型的制作.操作步骤操作步骤 以上学习了颜色相关知识以及使用Photoshop CS3中的前景色和背景色的方法，下面开始制作“绿茶”包装盒设计，对相关知识进行巩固练习，同时掌握包装设计的一般流程。（8）设置前景色为灰色（R：227、G：229、B：229），按下键盘中的Alt+Delete键向选区填充前景色，结果如图8所示 （9）激活【工具箱】中的“多边形套索工具”，设置“羽化”为0像素，然后激活“添加到选区”按钮，沿辅助线选取图像下方灰色区域，敲击键盘中的Delete键删除选取图像，结果如图9所示.。2.制作背景装饰图案制作背景装饰图案 （1）按键盘中的Ctrl+D键取消选择区，打开本书配套光盘“素材”/“第2章”目录下的“边框.psd”文件，激活“移动工具”，将该图像拖到当前图像如图10所示的位置，图像生成图层2。（2）在【图层】面板设置图层2的混合模式为“变亮”，对其进行图层混合，结果如图11所示。图6图7图8图9图10图11 （3）按下键盘中的Ctrl+J键3次，将图层2分别复制为“图层2副本”、“图层2副本2”、“图层2副本3”，然后使用“移动工具”将其分别移动到如图12所示的位置。（4）按住键盘上的Ctrl键在【图层】面板单击除背景层之外的其他各图层将其全部激活，单击“移动工具”【选项】栏中的“垂直居中对齐”按钮，使其在水平线上对齐，然后按下键盘中的Ctrl+E键，将激活的图层合并为新的图层2。（5）按下键盘中的Ctrl+U键打开【色相/饱和度】对话框，在该对话框中选择“着色”选项，然后设置“色相”参数为0，“饱和度”参数为50，“明度”参数为0，单击按钮确认，结果如图13所示。（6）继续打开本书配套光盘“素材”/“第2章”目录下的“边框01.psd”文件，将该图像拖到当前图像上方位置，图像生成图层3。（7）将图层3复制为图层3副本，并将复制的图像移动到图像下方位置，然后将图层3和图层3副本层合并为新图层3。如图14所示 （8）按住键盘中的Ctrl键的同时，在【图层】面板中的图层3的缩略图位置单击，载入其选择区，然后将该图层删除，结果如图1所示.提示：在载入图像选择区时，一定要在【图层】面板中的图像缩览图位置单击，否则不能载入其选择区提示：在载入图像选择区时，一定要在【图层】面板中的图像缩览图位置单击，否则不能载入其选择区。（9）重新创建新的图层3，执行菜单栏中的【编辑】/【描边】命令，设置描边颜色为黄色（R：255、G：192、B：0），其他设置如图2所示。（10）单击确定按钮确认进行描边，然后按下键盘中的Ctrl+D键取消选择区，描边结果如图3所示。3.调整背景颜色并输入文字调整背景颜色并输入文字 （1）激活图层1，使用“矩形选框工具”，设置“羽化”为0像素，分别沿辅助线选取图像，然后执行菜单栏中的【图像】/【调整】/【亮度/对比度】命令，设置“亮度”为-30，“对比度”为0，单击按钮确认，调整图像亮度，结果如图4所示。（2）按键盘中的Ctrl+D键取消选择区，使用“横排文字工具”和“竖排文字工具”，选择合适的字体和文字颜色，在图像中输入相关文字，结果如图5所示。图12图13图14图1图2图3图4图5 （4）激活图层1，按住键盘中的Ctrl键的同时在除背景层之外的其他层的缩览图上单击将其激活，按下键盘中的Ctrl+E键将其合并为新的图层1。（5）按下键盘中的Ctrl+；键隐藏参考线，完成绿茶包装平面图的设计。（6）将执行菜单栏【文件】/【保存】命令，将该文件保存为“绿茶包装平面图.psd”文件 4.调整包装盒立体透视效果调整包装盒立体透视效果 （1）再次按下键盘中的Ctrl+；键显示被隐藏的参考线。（2）激活“矩形选框工具”，设置“羽化”为0像素，沿辅助线选取包装平面图中间两个面，然后单击鼠标右键，选择【选择反向】命令将选择区翻，按键盘中的Delete键删除选取图像，结果如图1所示。（3）按下键盘中的Ctrl+D键取消选择区，重新选择“矩形选框工具”，设置“羽化”为0像素，选取图像上部区域，如图2所示。（4）单击鼠标右键，选择【通过拷贝的图像】命令，将选择的图像拷贝到图层2，然后将其移动到图像上面位置，如图3所示 图1图2图3 （5）将图层1和图层2合并，在图像上方再次添加3条水平参考线，选择“矩形选框工具”，选取图像左边区域，按下键盘中的Ctrl+T键打开自由变形框。（6）按住键盘中的Ctrl+Shift键的同时，将光标移动到自由变形框左边中心控制点中向上拖曳鼠标，调整图像透视效果，如图4所示.（7）敲击键盘中的Enter键确认变形操作，然后单击菜单栏中的【图像】/【调整】/【亮度/对比度】命令，设置“亮度”为-65，降低选取图像的亮度，结果如图5所示。（8）取消选择区，再次选取图像右边区域，并使用自由变形工具调整选取图像的透视效果，然后调整其“亮度”为25，如图6所示。图4图5图6效果分析效果分析 该包装设计分两部分，一部分是标签设计，标签设计不算太难，主要使用了画笔工具、填充颜色等操作来完成标签的背景效果，然后使用文字工具输入相关文字对标签进行完善。另一部分是立体包装设计，由于没有合适的洗洁精瓶，因此我们要制作一个洗洁精瓶，在制作洗洁精瓶时，除了要考虑其造型，还要考虑透视。在具体实施过程中，首先使用画笔、填充颜色、输入文字等操作制作完成标签的平面设计，然后使用渐变色、自由变换等操作制作出洗洁精瓶，最后将标签平面图与洗洁精瓶进行合成，完成立体包装设计。需要特别注意的是，一定要注意洗洁精瓶以及标签的透视关系。要想实现该包装设计效果，我们不仅要掌握前景色、背景色以及渐变色的使用方法，同时要掌握画笔工具的运用以及选择区的巧妙应用。5.制作包装盒立体效果制作包装盒立体效果 （1）取消选择区，选择“多边形套索工具”，设置“羽化”为0像素，沿辅助线交点绘制选择区，如图1所示。（2）激活“渐变工具”，选择“线性”渐变方式，设置一种绿色（R：0、G：120、B：0）到黄色（R：219、G：230、B：181）的渐变色，在选择区垂直拉渐变色，结果如图2所示。（3）取消选择区并再次隐藏辅助线，打开本书配套光盘“素材”/“第2章”目录下的“标签.psd”文件，将该标签图像拖到绿茶包装文件中，图像生成图层2。（4）按下键盘中的Ctrl+T键为标签添加自由变换框，调整标签的透视效果，然后在【图层】面板设置图层2的混合模式为“柔光”模式。（5）将图层1和图层2合并为新的图层1，单击【图层】面板下的“添加图层样式”按钮，在打开的下拉菜单中选择【斜面和浮雕】命令，使用系统默认的参数为图像添加浮雕效果，结果如图3所示。（6）建立图层2，设置前景色为白色（R：255、G：255、B：255），选择“画笔工具”，设置画笔为20，在包装盒以及盒盖边缘画一条水平白色线。（7）执行菜单栏中的【滤镜】/【模糊】/【动感模糊】命令，设置“角度”为0、“距离”为50，然后确认。（8）将处理后的白色线多次复制，并使用自由变形工具将其移动到包装盒边缘位置，制作高光效果，结果如图4所示 （9）将该图像效果存储为“绿茶包装盒立体效果.psd”文件 图1图2图3图4第第2讲：课堂实训二讲：课堂实训二“洗洁精洗洁精”包装设计包装设计任务描述任务描述 包装设计所涉及的种类很多，最常见的有食品类、饮品类、洗涤类等，在进行包装设计时，除了要考虑包装物外观的设计，同时要考虑包装所用材质的表现，不同的材质其表现效果不同，另外，在表现立体包装效果时，透视关系也是不容忽视的一点。这一节我们将制作如图5所示的“洗洁精”包装设计。该包装设计的特点在于，其包装材质为塑料制品，造型为圆柱体造型。塑料类材质表现难点在于光度以及透明度，因此在制作该包装设计时，要尽量表现出塑料制品的透亮效果，另外，要注意圆柱体造型的透视.图5知识储备知识储备 在上一节我们学习了颜色基础知识、Photoshop CS3中前景色、背景色的调配、填充等方法，同时通过“绿茶”包装设计的实例对以上知识进行了巩固练习。这一节将继续学习使用颜色绘图以及画笔的应用技巧，更深入地学习并掌握Photoshop CS3中颜色的应用知识，为顺利完成“洗洁精”包装设计的实例做准备。1.画笔及其设置画笔及其设置 在Photoshop CS3系统中，使用画笔可以进行图形的绘制以及填充前景色，所有画笔都放置在【画笔】面板中，用户不仅可以选取一个画笔，而且还可以对画笔进行其他效果设置。选取画笔的方法一般有两种，一是在【画笔】面板选取并设置画笔；二是在“画笔工具”的【选项】栏选取画笔，并对画笔进行简单的设置。下面首先学习在“画笔工具”的【选项】栏选取画笔的方法。（1）激活【工具箱】中的“画笔工具”，单击其【选项】栏中的“画笔”按钮，打开“画笔预设选取器”，如图1所示 （2）在【画笔预设选取器】选择一个画笔，然后在“主直径”选项设置画笔的最大直径。（3）在“硬度”选项设置画笔边缘的虚实度，最大值为100%，该值越大，绘制的图像边缘越清晰，反之，绘制的图像边缘越模糊，如图2所示.在【画笔预设选取器】只能对画笔进行简单的设置，如果想要对画笔进行更复杂的设置，则需要在【画笔】面板进行。执行菜单栏【窗口】/【画笔】命令打开【画笔】面板，如图3所示 单击【画笔】面板的“画笔预设”选项，在其右边显示系统预设的各种画笔。用光标直接单击某一个画笔将其选取，在“主直径”选项设置画笔的最大直径。如果要对画笔进行其他的设置，则单击“画笔笔尖形状”选项，进入画笔的其他设置选项面板，设置画笔的其他效果，如图4所示“直径直径”：设置画笔直径，取值范围为1像素2500像素。“角度角度”、“圆度圆度”：选项设置画笔的倾斜角度以及画笔的圆球度，当“圆度”为非100%时，画笔形状为椭圆形。“硬度硬度”：设置画笔边缘的虚实度，最大值为100%，数值越大，绘制的图像边缘越清晰，反之，绘制的图像边缘越模糊。“间距间距”：设置画笔的间距，取值范围为1%1000%，数值越大，画笔间距越大，反之，画笔间距越小。“画笔笔尖形状”设置效果如图5所示 图1图2图3图4图5 除了以上所讲的画笔的各种效果设置之外，用户还可以设置画笔的其他特殊效果，例如“动态形状”、“散布”、“纹理”、“双重颜色”、“动态颜色”以及其他动态效果等，这些效果在图像的一般处理中不常用，在此不作介绍，大家可以自己尝试操作。2.使用画笔工具使用画笔工具 在Photoshop CS3中，“画笔工具”是使用前景色绘画的工具，其应用比较简单，首先敲击键盘中的B键或直接在【工具箱】激活工具，单击其工具【选项】栏中的“画笔”按钮，在打开的“画笔预设”选取器中选择一个画笔，并设置画笔其他属性，如图1所示。设置好画笔、前景色之后，还需要在其【选项】栏设置其他设置，例如“模式”、“不透明度”等。“模式模式”：设置绘图模式，当在有色背景上绘图时，不同的模式会产生不同的绘画效果，例如，当背景色为绿色（R：0、G：255、B：66）和蓝色（R：24、G：0、B：255）时，使用紫红色（R：255、G：0、B：2046）绘图时，选择不同的模式，其绘图效果也不同，如图2所示。“不透明度不透明度”：设置绘图的不透明度，使其产生半透明或完全不透明效果，如图3所示 图1图2图3“流量流量”：设置画笔的流量，与“不透明度”相似。提示：在为提示：在为“画笔工具画笔工具”选择画笔时，除了选择系统所预设的画笔之外，用户还可以将自己喜欢的图案定义为画笔，图案可以是文字，也可以是图像。选择画笔时，除了选择系统所预设的画笔之外，用户还可以将自己喜欢的图案定义为画笔，图案可以是文字，也可以是图像。其方法是：使用其方法是：使用“矩形选框工具矩形选框工具”选择要定义为画笔的图案，执行菜单栏中的【编辑】选择要定义为画笔的图案，执行菜单栏中的【编辑】/【定义画笔预设】命令，在打开的【画笔名称】对话框为定义【定义画笔预设】命令，在打开的【画笔名称】对话框为定义画笔命名，单击按钮确认，然后打开【画笔】面板，即可找到定义的画笔。画笔命名，单击按钮确认，然后打开【画笔】面板，即可找到定义的画笔。操作步骤操作步骤 以上学习了画笔工具以及画笔的设置等相关知识，下面通过制作“洗洁精”标签设计的实例，对以上知识进行巩固练习 。1.制作洗洁精背景图像制作洗洁精背景图像 （1）执行菜单栏【文件】/【新建】命令，新建“宽度”为13厘米、“高度”为8厘米、“分辨率”为300的名为“洗洁精标签”的RGB图像文件。（2）按键盘上的F7键打开【图层】面板，单击【图层】面板下的“创建新图层”按钮新建图层1。（3）设置前景色为蓝色（R：0、G：201、B：251），选择“矩形选框工具”，设置“羽化”为0像素，在图像中创建一个选择区，然后按键盘中的Alt+Delete键向选择区填充前景色。（4）设置前景色为白色（R：255、G：255、B：255）选择“画笔工具”，设置画笔“主直径”为200像素；“硬度”为0，按下【选项】栏中的“喷枪工具”按钮，在蓝色图形中单击鼠标喷白色，结果如图4所示。提示：在使用提示：在使用“画笔工具画笔工具”填充颜色时，按下其【选项】栏中的填充颜色时，按下其【选项】栏中的“喷枪工具喷枪工具”按钮后，按住鼠标，此时其画笔颜色会自动向周围扩散喷涂，同时其喷涂的按钮后，按住鼠标，此时其画笔颜色会自动向周围扩散喷涂，同时其喷涂的颜色边缘具有渗透效果。颜色边缘具有渗透效果。（5）新建图层2，选择“椭圆形选框工具”，设置“羽化”为0像素，在图像中创建圆形选择区。（6）执行菜单栏中的【选择】/【存储选区】命令，在【存储选区】对话框的“名称”输入框输入“选区”，单击按钮确认，将选区保存，如图5所示。图4图5 （7）执行菜单栏中的【选择】/【修改】/【羽化】命令，在打开的【羽化选区】对话框设置“羽化半径”为15，单击按钮确认。（8）执行菜单栏中的【编辑】/【描边】命令，设置描边颜色为白色（R：255、G：255、B：255），并设置其他参数，单击按钮进行描边，结果如图6所示。（9）执行菜单栏中的【选择】/【载入选区】命令，在【载入选区】对话框的“通道”列表选择存储的“选区”，并设置其他选项，如图7所示。图6图7 （10）单击确定按钮确认，载入存储的选区，然后按下键盘中的Ctrl+Shift+I键将选择区翻转，敲击键盘中的Delete键删除选取图像，结果如图8所示。（11）取消选择区，新建图层3，选择“椭圆选框工具”，设置“羽化”为5像素，在图像中创建选择区。（12）依照第4步的操作设置描边颜色为白色（R：255、G：255、B：255），描边“宽度”为10像素，再次对选择区描边，结果如图9所示。图8图9 （13）取消选择区，选择“自由套索工具”，设置“羽化”为10像素，选取图层3中的部分描边颜色将其删除，结果如图1所示。（14）取消选区，设置前景色为白色（R：255、G：255、B：255），选择“画笔工具”，设置“画笔”为20，其他参数默认，在图像中单击，制作泡沫的白色高光点，结果如图2所示。（15）将图层2和图层3合并为新图层2，然后将图层2多次复制，并使用自由变形工具调整其大小和位置，制作出其他泡沫效果，结果如图3所示 图1图2图32.制作洗洁精商标并添加背景图像制作洗洁精商标并添加背景图像 （1）新建图层3，选择“椭圆形选框工具”，设置“羽化”为0像素，在图像中创建圆形选择区，然后向选择区填充白色（R：255、G：255、B：255）。（2）执行菜单栏中的【选择】/【修改】/【收缩】命令，在弹出的【收缩选区】对话框设置“收缩量”为5，将选择区收缩5个像素。（3）依照前面的操作，设置描边“宽度”为4，使用蓝色（R：0、G：201、B：251）对选择区描边，结果如图4所示。（4）取消选择区，选择“横排文字工具”，设置字体为“华文隶书”、大小为6点，颜色为黑色（R：0、G：0、B：0），在图像中输入“中国驰名商标”字样，如图5所示。（5）单击“横排文字工具”【选项】栏中的按钮，打开【文字变形】对话框，选择“扇形”，设置其他参数，对文字进行变形，如图6所示。图4图5图6 （6）单击按钮确认，继续选择“横排文字工具”，设置字体为“华文隶书”、大小为10点，颜色为红色（R：255、G：0、B：0），在图像中输入“S.L神鹿”字样,结果如图7所示。（7）将图层3和所有文字层合并为新的图层3，打开本书配套光盘“素材”/“第2章”目录下的“标志.psd”文件和“水果.psd”文件，将这两幅图像拖到“洗洁精标签”图像中，调整大小和位置，如图8所示。图8图73.输入相关文字输入相关文字 （1）继续选择“横排文字工具“，设置字体为“华文隶书”、大小为40点，颜色为红色（R：255、G：0、B：0），在图像中输入“神鹿”字样。（2）选择“神”字，打开【字符】面板，设置文字大小为80，文字高度为150；选择“鹿”字，设置文字基线为20点，如图1所示。（3）继续选择工具，设置字体为“华文隶书”、大小为20点，颜色为蓝色（R：0、G：38、B：147），在图像输入“高效洗洁精”字样，结果如图2所示。图1图2 （4）将“神鹿”和“高效洗洁精”文字分别复制，并调整到图像右上方位置，依照前面的操作，设置描边“宽度”为5，使用白色（R：255、G：255、B：255）对文字描边，结果如图3所示 （5）新建图层5，设置前景色为蓝色（R：0、G：157、B：230），激活【工具箱】中的“圆角矩形工具”，在其【选项】栏按下“填充像素”按钮，然后设置圆角“半径”为10像素，在图像右边位置绘制圆角矩形，如图4所示。（6）选择工具，设置字体为“华文隶书”、大小为2点，颜色为白色（R：255、G：255、B：255），在图像中输入其他相关文字，如图5所示。（7）至此，标签平面图设置完毕，使用【文件】/【保存】命令将该文件保存为“洗洁精标签设计.psd”文件。图3图4图54.制作洗洁精瓶制作洗洁精瓶 （1）新建“宽度”为5厘米、“高度”为15厘米、“分辨率”为300、名为“洗洁精包装设计”的RGB模式的图像文件，并新建图层1。（2）激活“矩形选框工具”，设置“羽化”为0像素，在图像中创建一个选择区，然后激活【工具箱】中的“渐变工具”，打开【渐变编辑器】对话框，设置如图6所示的渐变色。（3）关闭【渐变编辑器】对话框，使用“线性渐变”方式，在选择区内水平拉渐变，结果如图7所示。图6 （4）取消选择区，继续使用“矩形选框工具”，设置“羽化”为0像素，选取图像下方，然后按键盘中的Ctrl+T键执行自由变换，按住Ctrl+Shift+Alt键的同时，水平向左拖动变形框右下方的控制点进行自由变换，结果如图8所示。（5）按键盘中的Enter键确认，然后取消选区，使用相同的方法继续选取图像上部，对其进行自由变换，结果如图9所示。5.制作洗洁精包装效果制作洗洁精包装效果 （1）打开保存的“洗洁精标签设计.psd”图像文件，将除背景层之外的其它层合并为图层1，然后将其拖到“洗洁精包装设计”图像中，图像生成图层2。图7图8图9 （2）按键盘中的Ctrl+T键为图层2添加自由变形框，使用变形框调整图层2的大小和位置，如图10所示。（3）在【图层】面板设置图层2的混合模式为“线性加深”模式，使其和洗洁精瓶进行颜色混合，形成真实的粘贴效果，如图11所示。（4）激活图层1，使用“椭圆形选框工具”，设置“羽化”为0像素，在图像下方创建椭圆形选取，如图12所示。（5）激活“矩形选框工具”，设置“羽化”为0像素，按下其【选项】栏中的“添加到选区”按钮，在椭圆形选区上继续创建矩形选区，使其将洗洁精瓶上部全部选择，如图13所示。（6）按键盘中的Ctrl+Shift+I键将选区反转，按键盘中的Delete键删除反选的图像，以制作出洗洁精瓶底的透视效果，结果如图14所示。（7）按键盘中向上的方向键将选区向上移动到如图14所示的位置，执行菜单栏中的【图像】/【调整】/【亮度/对比度】命令，设置“亮度”为-35，“对比度”为20，单击按钮