PS培训教程第11章

第11章综合实例（时间：3次课，6学时）11.1综合实例教学目标：本章对前10章讲解的PhotoshopCS3的常用功能及其在各应用领域的应用进行了总结。通过本章中的3个实例，使读者对PhotoshopCS3的功能要点、应用领域等获得进一步的了解。 书籍装帧实例。 工笔绘画实例。 网页制作实例。第11章综合实例11.1书籍装帧实例11.2工笔绘画实例11.3网页制作实例第11章综合实例11.1书籍装帧实例

1.实训目的本实例是为一本画册设计制作封面，其设计的总原则是：标题明显、布局活跃、视觉冲击力强。2.实训步骤(1)绘制初步的构思图。选择菜单栏中的【文件】→【新建】命令，弹出【新建】对话框.(2)将前景色调整为黑色，使用工具箱中的【油漆桶工具】填充画面。(3)选择菜单栏中的【滤镜】→【杂色】→【添加杂色】命令，弹出【添加杂色】对话框，在【数量】文本框中输入“5”，点选【平均分布】单选钮，勾选【单色】复选框，单击【确定】按钮。(4)选择菜单栏中的【滤镜】→【纹理】→【纹理化】命令，弹出【纹理化】对话框，单击【确定】按钮。(5)单击【图层】面板中的【新建图层】按钮，新建“图层1”。将前景色调整为灰色。使用工具箱中的【铅笔工具】，在工作区中勾勒出基本的构图，这是设计者的构思，能够帮助用户很好地完成设计工作，提高工作效率.11.1书籍装帧实例

(6)设计封面文字的搭配与布局。将前景色设为“R212、G211、B211”。在【图层】面板中新建“图层2”，选择工具箱中的【直线工具】，并在属性栏中单击【填充像素】按钮，在【粗细】文本框中输入“2px”。在工作区中按住<Shift>键绘制一条直线。(7)将前景色调整为白色，选择工具箱中的【横排文字工具】，在属性栏中设置字体为“黑体”、字号为“6点”。在工作区中单击，这时【图层】面板中会自动生成一个文字图层，。(8)再使用工具箱中的【横排文字工具】输入和步骤(7)中的文字字体和字号相同的“美术高考试题汇总”字样，输入完毕后，使用【移动工具】将其和步骤(7)中的文字中心对齐。(9)使用工具箱中的【横排文字工具】在工作区左侧单击，并在属性栏中更改字号为“3点”，在工作区左下部输入“汇集2006年至2008年各大美术院校”和“美术试题研究、美术试卷分析、美术考卷集锦”字样。11.1书籍装帧实例

(10)在【图层】面板中新建“图层3”，使用【移动工具】在工作区中拖出如图11-10所示的参考线。(11)在工具箱中选择【矩形选框工具】，单击属性栏中的【添加到选区】按钮，然后根据所绘制的参考线创建矩形选区。(12)按<Alt>+<Delete>组合键填充前景色，按<Ctrl>+<D>组合键取消选择，并使用【移动工具】将参考线移除。(13)选择菜单栏中的【文件】→【新建】命令，弹出【新建】对话框，单击【确定】按钮。(14)将前景色调整为黑色，使用【油漆桶工具】进行填充。(15)在【图层】面板中新建“图层1”，选择工具箱中的【画笔工具】，然后在属性栏的【画笔】类型库中选择“尖角19”画笔，将前景色改为白色，在工作区中初步绘制图形11.1书籍装帧实例

(16)在属性栏的【画笔】类型库中选择“滴溅24”画笔，如图11-16所示。在画布上继续绘制图形。

(17)选择工具箱中的【直排文字工具】，在属性栏中设置字体为“隶书”、字号为“18点”。

(18)在属性栏中更改字号为“11点”，然后在画布中输入文字“源于此”。(19)在【图层】面板中新建“图层4”，选择工具箱中的【画笔工具】，并将前景色调整为黑色。在属性栏的【画笔】类型库中选择“尖角13”画笔，在“源于此”左上方单击一下。(20)在【图层】面板中关闭“背景”图层前面的【指示图层可视性】图标，选择菜单栏中的【图层】→【合并可见图层】命令。11.1书籍装帧实例

(22)按<Ctrl>+<T>组合键进行自由变换，并在属性栏中的【H】和【W】文本框中均输入“70%”，单击属性栏中的【提交当前所有编辑】按钮。(23)选择工具箱中的【横排文字工具】，将前景色调整为“R255、G201、B13”。在属性栏中设置字体为“华文琥珀”，字号为“18点”，然后在工作区的右下部输入文字“色彩”。(24)在【图层】面板中新建“图层5”。选择工具箱中的【画笔工具】，并将前景色调整为“R255、G201、B13”。在属性栏中的【画笔】类型库中选择“尖角13”画笔，在“色彩”两个字左侧单击。(25)选择菜单栏中的【文件】→【打开】命令，弹出【打开】对话框。(26)选择工具箱中的【移动工具】，将图片拖入“书籍装帧”图像中。11.1书籍装帧实例

(27)按<Ctrl>+<T>组合键进行自由变换，将图片，缩小到原图的15%左右，并摆放到合适位置。(28)按照步骤(27)的操作，将各种素材图片分别放入图像中，并调整图片的位置与大小。(29)至此，封面设计基本完成，下面导入LOGO。选择菜单栏中的【文件】→【打开】命令，打开一个LOGO图标图像。(30)在工具箱中选择【魔棒工具】，单击图像中的空白区域。选择菜单栏中的【选择】→【反向】命令。(31)选择工具箱中的【移动工具】，将LOGO移入“书籍装帧”图像中。11.1书籍装帧实例

(32)为了丰富画面，增强视觉效果，再次在图像中输入文字“师源于此。(33)在制作的过程中，要及时地存储文件。选择菜单栏中的【图层】→【合并可见图层】命令，合并图层。(34)制作书籍的侧面视觉效果。在新建一个大小为“1024×768像素”、名称为“书”的文档。(35)选择工具箱中的【渐变工具】，并调整从深灰色到浅灰色的渐变色。(36)将“书籍装帧”图像拖入“书”文件中。(37)使用工具箱中的【矩形选框工具】，在工作区中创建一个矩形选区，使它的高度和“书籍装帧”画面的高度一致。11.1书籍装帧实例

(38)在【图层】面板中新建“图层2”，将前景色调整为黑色，并使用【油漆桶工具】进行填充。按<Ctrl>+<D>组合键取消选择。选择工具箱中的【直排文字工具】。(39)此时注意【图层】面板。(40)选择菜单栏中的【编辑】→【自由变换】命令，分别对封面和书脊进行透视和缩放调整。(41)分别复制“图层1”和“图层2”，然后使用工具箱中的【移动工具】将其下移，再使用【自由变换】命令将其变块。(42)在【图层】面板中分别降低复制图层的不透明度。(43)在【图层】面板中新建“图层3”，选择工具箱中的【多边形套索工具】在图像中创建书的投影选区。11.1书籍装帧实例

(44)将前景色调整为深灰色，选择工具箱中的【渐变工具】，在属性栏中单击【点按可编辑渐变】按钮，在弹出的【渐变编辑器】对话框的【预设】列表框中选择【前景到透明】选项，在选区中填充渐变色，按<Ctrl>+<D>组合键取消选择。11.1书籍装帧实例

11.2工笔绘画实例

1.实训目的该实例的目的是让读者能够更熟练地掌握Photoshop工具箱中的画笔、涂抹、加深、减淡等工具的使用方法，并应用到实际设计工作中。2.实训步骤(1)创建出“鸟”的轮廓线。选择菜单栏中的【文件】→【新建】命令，在弹出的【新建】对话框中新建一个名为“两情”、大小为“1024×768像素”、分辨率为“72像素/英寸”、颜色模式为“RGB颜色”、背景内容为“白色”的新文件。(2)选择菜单栏中的【文件】→【打开】命令，弹出【打开】对话框，在该对话框中选择所需要的图片后单击【打开】按钮。(3)使用工具箱中的【移动工具】将打开的图片拖入新建的“两情”文件中，并将其置于工作区的左下角。(4)单击【图层】面板底部的【新建图层】按钮，新建“图层2”，选择工具箱中的【钢笔工具】，在图像中沿着鸟的各个边缘线创建路径。(5)选择工具箱中的【直接选择工具】，然后按住<Shift>键将所有的路径都选中。11.2工笔绘画实例

(6)选择工具箱中的【画笔工具】，在属性栏中选择“尖角2”画笔，并将前景色“改为黑色”。(7)选择工具箱中的【钢笔工具】，在工作区中的路径处右击，在弹出的右键快捷菜单中选择【描边路径】命令，弹出【描边路径】对话框。(8)在【图层】面板中选择导入的底稿，将其删除。(9)右击【图层】面板中的“图层2”，在弹出的右键快捷菜单中选择【图层属性】命令，将“图层2”更改名称为“线”。(10)在【图层】面板中选择“背景”图层，将前景色调整为“R198、G166、B110”。使用工具箱中的【油漆桶工具】进行填充。(11)在【图层】面板中的“背景”图层上方新建“图层1”。将前景色调整为“R253、G255、B240”。使用工具箱中的【画笔工具】将颜色“平涂”到鸟的全身。11.2工笔绘画实例

(12)在【图层】面板中选择“图层1”，将其命名为“底色”。(13)调整前景色为“R88、G83、B83”。选择工具箱中的【画笔工具】，在图像中绘制出鸟的深色部位。(14)选择工具箱中的【涂抹工具】，并在属性栏中更改【画笔】类型为“柔角13像素”、【强度】设为“38”，在图像中晕染深色，并在鸟的眼睛周围绘制出焦黑色的区域。(15)在【图层】面板中新建一个图层，并将其命名为“分染”。(16)现在画面的效果有一些平淡，主要是由于画面中深色区域太少，下面再绘制羽毛较深的部分。选择工具箱中的【加深工具】，分别对尾部羽毛和两翼羽毛进行加深处理。11.2工笔绘画实例

(17)在【图层】面板的“分染”图层上方新建一个图层，并命名为“眼睛”。(18)关闭“分染”图层前面的【指示图层可视性】图标，然后使用【椭圆选框工具】在图像中创建一个圆形选区。(19)打开“分染”图层前面的【指示图层可视性】图标。将前景色调整为白色，使用【油漆桶工具】进行填充，按<Ctrl>+<D>组合键取消选择。(20)将前景色调整为黑色，填充眼睛的内圆。(21)将前景色设为“R92、G33、B33”，使用较小的画笔，绘制出眼睛的深色区域。11.2工笔绘画实例

(22)选择工具箱中的【涂抹工具】，对红色进行晕染。(23)在【图层】面板的“分染”图层上方新建“图层1”，调整前景色为“R63、G77、B102”，然后使用工具箱中的【画笔工具】平涂鸟的头部和羽毛部分。(24)将前景色调整为“R240、G217、B110”，在鸟的颈部和胸部进行涂抹。(25)在【图层】面板中双击“图层1”，弹出【图层样式】对话框，在【混合模式】下拉列表框中选择【正片叠底】选项。(26)使用【涂抹工具】和【减淡工具】对其细节部位进行调整，例如，头部和胸部。在使用【涂抹工具】时，可以在属性栏中更改笔刷的属性。本例在绘制的过程中使用了“滴溅14像素”和“柔角13像素”两种画笔类型，这样能够绘制出更好的效果。11.2工笔绘画实例

(27)调整后的整体效果如图11-71所示，但鸟的颈部和胸部的颜色有一些“脏”，这主要是因为黑色太多了。在【图层】面板中选择“分染”图层，然后在工具箱中选择【橡皮擦工具】，并在属性栏中的【画笔】类型库中选择“喷枪柔边圆形”橡皮，将不透明度设为“30%”。(28)在【图层】面板中，按<Ctrl>+<E>组合键向下合并图层。(29)在“分染”图层上方新建一个图层，绘制鸟的嘴部，将前景色调整为“R183、G20、B20”。绘制方法和眼睛的绘制方法相同，在此不再赘述。(30)更改“嘴部”图层的图层混合模式为“正片叠底”，然后按<Ctrl>+<E>组合键向下合并图层。(31)在【图层】面板的“分染”图层上方新建一个图层，将前景色调整为白色，然后使用“柔角5像素”的画笔绘制出羽毛中的白色部分，按<Ctrl>+<E>组合键向下合并图层。11.2工笔绘画实例

(32)在工笔画的绘制过程中，起初的勾线中的“线”也极其重要，再对“线”图层进行修饰。使用【减淡工具】将鸟的颈部、胸部以及爪部的线条进行减淡处理。(33)在【图层】面板中新建“图层1”，对鸟的爪部进行绘制，方法和眼睛、嘴的绘制方法相同。(34)在【图层】面板中选择“分染”图层，选择【涂抹工具】，在属性栏中选择“滴溅14像素”画笔类型，绘制鸟的边缘羽毛。(35)在【图层】面板的“分染”图层的上方新建“图层2”，并将其命名为“翎羽”。(36)选择工具箱中的【钢笔工具】，创建路径。(37)选择工具箱中的【画笔工具】，然后在属性栏中选择“尖角2像素”画笔类型。使用【直接选择工具】选择所有的路径，在图像中右击，并在弹出的右键快捷菜单中选择【描边路径】命令。11.2工笔绘画实例

(38)依次对其它翎羽进行绘制，并使用【减淡工具】和【加深工具】对其进行修饰。(39)至此，画面中前面的这只鸟就绘制完成了。(40)以同样的方式绘制画面后面的鸟，其绘制步骤和第1只鸟相同，所以不再赘述。(41)绘制背景图像。进行为了便于对图层进行管理，可以对图层进行合并处理，并创建名为“鸟”的图层组。(42)在“鸟”图层组的最下方新建一个图层，用于绘制树干。它的绘制方法和鸟的绘制方法一致，最后使用“滴溅”画笔类型在树干的上方绘制一些“白雪”。11.2工笔绘画实例

(43)在“背景”图层的上方新建一个图层，用于绘制圆月。使用【椭圆选框工具】在图像中创建一个正圆选区。(44)将前景色调整为“R239、G218、B182”，在选区内填充前景色，按<Ctrl>+<D>组合键取消选择。(45)双击圆月所在的图层，弹出【图层样式】对话框，在【样式】列表框中勾选【外发光】复选框，参数设置如图11-88所示。在【样式】列表框中勾选【图案叠加】复选框，参数设置如图11-89示。设置完毕后，单击【确定】按钮。(46)在【图层】面板中选择“背景”图层，选择菜单栏中的【滤镜】→【杂色】→【添加杂色】命令，弹出【添加杂色】对话框，在【数量】文本框中输入“5”，点选【平均分布】单选钮，并勾选【单色】复选框，单击【确定】按钮。11.2工笔绘画实例

(47)选择菜单栏中的【滤镜】→【艺术效果】→【绘画涂抹】命令，弹出【绘画涂抹】对话框，设置【画笔大小】为“8”，【锐化程度】为“7”，【画笔类型】为“简单”，单击【确定】按钮。(48)选择工具箱中的【直排文字工具】，在属性栏中设置字体为“隶书”，字号设为“36点”，字体颜色为“黑色”，在图像的右上角输入文字“两情若是长久时，又岂在朝朝暮暮”。(49)使用工具箱中的【移动工具】将印章摆放在合适位置。11.2工笔绘画实例

11.3网页制作实例

1.实训目的通过学习本实例的制作，使读者对网页的设计及制作有一个很深刻的了解。在制作网页时，能够熟练地操作Photoshop软件是必须的，还需要对构图知识、颜色搭配等有一定的了解。2.实训步骤(1)创建一个网页框架。选择菜单栏中的【文件】→【新建】命令，在弹出的【新建】对话框中新建一个名为“动漫网”、大小为“800×600像素”、分辨率为“72像素/英寸”、颜色模式为“RGB颜色”、背景内容为“白色”的新文件。(2)将前景色调整为“R242、G239、B212”，按<Alt>+<Delete>组合键填充前景色。(3)在【图层】面板中新建“图层1”，选择工具箱中的【油漆桶工具】，在属性栏的【设置填充区域的源】下拉列表框中选择【图案】选项，单击其右侧的【图案拾色器】按钮，在弹出的【图案拾色器】列表框中选择“云彩”。(4)按<Alt>+<Delete>组合键填充图案，在【图层】面板中选择“图层1”将图层的混合模式改为“柔光”，不透明度改为“80%”。按<Ctrl>+<E>组合键向下合并图层。11.3网页制作实例

(5)在【图层】面板的“背景”图层的上方新建一个图层。选择工具箱中的【圆角矩形工具】，在属性栏中单击【路径】按钮，在【半径】文本框中输入“10”，在工作区中创建圆角矩形路径。(6)单击【路径】面板下方的【将路径作为选区载入】按钮，在选区中填充白色。(7)选择菜单栏中的【选择】→【修改】→【收缩】命令，弹出【收缩选区】对话框，在【收缩量】文本框中输入“5”，单击【确定】按钮。(8)选择工具箱中的【渐变工具】，在属性栏中单击【点按可编辑渐变】按钮，弹出【渐变编辑器】对话框，在该对话框中调整渐变颜色。(9)在工作区中由下至上填充渐变色，按<Ctrl>+<D>组合键取消选择。11.3网页制作实例

(10)将当前图层重命名为“背景颜色”。(11)在【图层】面板中新建一个图层，并将其命名为“Logo”。在该图层中绘制网页的LOGO，并输入文字“动漫网”。(12)创建网页中的导航条。在【图层】面板中新建一个图层，并将其命名为“导航条”。(13)选择工具箱中的【圆角矩形工具】，在属性栏中单击【填充像素】按钮，然后将前景色调整为“R149、G252、B61”。在图像中“LOGO”的右侧创建圆角矩形导航条。(14)请读者参阅“6.6.1制作玻璃球”的效果及制作方法，将导航条也制作出同样的效果。然后双击“导航条”图层为其添加【投影】图层样式。11.3网页制作实例

(15)选择工具箱中中的【横排文字工具】，在属性栏中将字体改为“宋体”、字号为“18点”。(16)选择除“背景”图层以外的所有图层，然后单击【图层】面板右上方的下三角按钮，在弹出的菜单中选择【从图层新建组】命令，弹出【从图层新建组】对话框，在【名称】文本框中输入“创建框架”。至此，网页的框架创建完成。(17)创建网页的版块。按<Ctrl>+<O>组合键打开一幅素材图像，所用素材见“站点实例”(WebDemo\ch11)。使用工具箱中的【移动工具】将其放在网页的左下方，单击【图层】面板下方的【添加蒙版】按钮，为其添加一个图层蒙版，使用【渐变工具】对其进行修饰。(18)在【图层】面板中新建一个图层，选择工具箱中的【矩形选框工具】，在导入的素材图像的右上方创建矩形选区。11.3网页制作实例

(19)将前景色调整为“R179、G251、B115”，选择菜单栏中的【编辑】→【描边】命令，在弹出的【描边】对话框的【宽度】文本框中输入“5”，单击【确定】按钮。(20)不要取消选择，将前景色设为白色，按<Alt>+<Delete>组合键填充前景色，然后按<Ctrl>+<D>组合键取消选择。(21)选择工具箱中的【横排文字工具】，在属性栏中将字体改为“楷体”，字号改为“15点”，文本颜色改为“R65、G146、B25”。(22)依照步骤(18)～(21)，创建图像与文字。(23)依照步骤(16)，把刚才所创建的这些图层组成图层组，并命名为“版块”。(24)创建滚动条。在【图层】面板中所有图层的上方新建一个图层，并将其命名为“滚动条”。11.3网页制作实例

(25)在网页的右下方创建一个滚动条。本例所创建的是WiondowsXP系统风格的滚动条。(2)将前景色调整为“R242、G239、B212”，按<Alt>+<Delete>组合键填充前景色。(26)导入一些素材图片，并使用“自由变换”命令将其大小统一，使用工具箱中的【移动工具