《多媒体技术与网页设计》课件第10章

第10章Photoshop综合实例10.1制作圆形图章10.2制作宝贝生日纪念邮票10.3制作GIF动画“移动脚印”

10.1制作圆形图章

(1)新建Photoshop文件，大小为500像素×500像素，背景为白色。

(2)选择“视图”菜单下的“标尺”命令，显示水平和垂直标尺，按鼠标左键沿水平标尺向下拖动，沿垂直标尺向右拖动，在窗口中央生成如图10.1所示的“十”字形参考线。图10.1从标尺拖出的“十”字形参考线

(3)选择“椭圆工具”，在属性栏中单击“路径”按钮，按下Shift和Alt键，用鼠标拖动从“十”字中心向外画一个小的正圆形路径，如图10.2所示。图10.2从“十”字中心向外画正圆

(4)选择“文字工具”，单击属性栏中的“显示/隐藏文字和段落调板”按钮，在弹出的“字符”格式对话框中进行如

图10.3所示的设置， 然后在圆形路径上单击， 输入“Photoshop图像处理”。

(5)单击“路径选择工具”，调整文字在路径上的起始和结束的位置，使文字沿路径显示，如图10.4所示。图10.3“字符”格式对话框设置图10.4沿路径输入文字

(6)新建图层，选择“椭圆工具”，按下Shift和Alt键，用鼠标拖动从“十”字中心向外画一个大的正圆形路径，刚好将文字包住，然后用“红色”、“直径”为5的画笔给路径描边，如图10.5所示。

(7)在路径面板空白处单击鼠标左键，隐藏所有路

径，选择“文字工具”，属性设置为“红色”、“仿宋”、

“24”，输入“练习专用章”，如图10.6所示。图10.5在文字外围的大圆形路径图10.6输入下方文字后的效果

(8)选择“多边形工具”，在属性栏中进行以下设置：单击“形状图层”按钮，再单击“几何形状”按钮，选择“星形、边为5”。用鼠标在“十”字中心处拖出一个红色的五角星，用Ctrl+T键调整其大小和位置。

(9)选择“视图”菜单下的“显示额外内容”命令，将参考线取消，最后完成的图章如图10.7所示。图10.7最后完成的图章效果10.2制作宝贝生日纪念邮票

(1)新建Photoshop文件，大小为1200像素×900像素，输入文件名“纪念邮票”。

(2)选择“渐变工具”，单击属性栏渐变填充颜色，在弹出的“渐变编辑器”对话框中编辑渐变为“从深绿到浅

绿”，如图10.8所示。图10.8“渐变编辑器”对话框

(3)在“渐变工具”属性栏中勾选“反向”复选框，按鼠标左键从中心拖向边缘，填充径向渐变，如图10.9所示。图10.9填充深绿到浅绿径向渐变

(4)新建图层，命名为“云彩”，选择“滤镜”菜单下“渲染”下的“云彩”命令，云彩图层效果如图10.10所示。

(5)在图层面板设置图层混合模式为“柔光”，生成如图10.11所示的效果，作为邮票的背景。图10.10“云彩”滤镜效果图10.11“柔光”混合模式效果

(6)打开如图10.12所示的“花边”素材图像，选择“移动工具”，将花边拖入“纪念邮票”文件，成为新的图层，改名为“花边”。

(7)按Ctrl+T键整花边图层大小与邮票背景一致，用“魔棒工具”选择花边白色背景，按Delete键将白色背景删

除，效果如图10.13所示。图10.12“花边”素材图像图10.13添加花边后的邮票背景

(8)打开“宝贝”素材图像，选择“椭圆选框工具”，羽化值为10，创建椭圆选区，用“移动工具”将椭圆选区拖入

“纪念邮票”文件成为新图层，命名为“宝贝”，如图10.14

所示。

(9)选择“文字工具”，在属性栏中进行以下设置：更改文字方向为“纵向”，字体为“华文彩云”，大小为“30”，颜色为“纯红橙”，文字变形为“扭转”。在窗口右侧输入“生日快乐”。

(10)再次选择“文字工具”，在属性栏中进行以下设

置：字体为“华文彩云”，大小为“18”，颜色为“纯蓝”，文字变形为“拱形”。输入“Happybirthday”。

(11)在图层面板将“Happybirthday”图层拖动到“建立新图层”按钮上，复制一层，调整其属性：字体为“broadway”，颜色为“纯蓝”，文字变形为“旗帜”。然后将该图层调整至合适的位置，如图10.15所示。图10.14添加宝贝后的邮票图像图10.15邮票图像添加文字后的效果

(12)将所有图层合并为“背景”。

(13)设背景色为“白色”，选择“裁剪工具”，将全部窗口图像框选，并向外扩展一定区域(如图10.16所示)，然后双击鼠标左键，裁剪完成后的效果如图10.17所示，即给图像添加了白色边框。图10.16裁剪时向外扩展区域图10.17裁剪后产生白色边框

(14)按Ctrl+A键选择全部图像作为选区，单击路径面板下方的 “从选区生成工作路径”按钮。

(15)设背景色为“黑色”，选择“橡皮工具”，在属性栏中进行以下设置：画笔大小为“39”，硬度为“100%”，不透明度和流量为“100%”。

(16)按F5键打开“画笔”面板，如图10.18所示，勾选“间距”复选框，设置间距为“170%”。

(17)在路径面板的矩形路径上单击鼠标右键，在弹

出的快捷菜单中选择“描边路径”，选择“橡皮擦”给路径

描边，形成锯齿形邮票边缘，最终效果如图10.19所示。图10.18“画笔面板”设置图10.19邮票最终效果图10.3制作GIF动画“移动脚印”

(1)打开“地板”素材图像，如图10.20所示。图10.20“地板”素材图像

(2)选择“自定形状工具”绘制脚印图层，更名为“右脚印”，添加图层样式“斜面和浮雕”，对话框具体设置如图10.21所示，设置图层混合效果为“柔光”，效果如图10.22

所示。图10.21“斜面和浮雕”对话框设置

(3)将“右脚印”图层拖动至图层面板的“建立新图层”按钮，复制一个“右脚印副本”图层。

(4)单击“右脚印副本”图层，选择“编辑”菜单下“变换”下的“水平翻转”命令，然后用“移动工具”将其移动到合适的位置，如图10.23所示，将图层更名为“左脚印”。图10.22第一个脚印效果图10.23两个脚印效果

(5)在图层面板按Shift键单击选中“左脚印”和“右脚印”两个图层，单击图层面板下方的“链接”按钮，在左右脚印图层间建立链接。

(6)按Shift键单击选中“左脚印”和“右脚印”两个图层，按鼠标左键拖动至“创建新图层”按钮，复制左右脚印副本图层。选择“移动工具”，将左右脚印副本移动到合适的位置，如图10.24所示。图10.24两组脚印效果

(7)选择“窗口”菜单下的“动画”命令，打开动画窗口，如图10.25所示，单击右下角的按钮，切换到“帧动画”。图10.25动画窗口

(8)在动画窗口选中第一帧，单击动画窗口下方的“复制所选帧”按钮5次，一共建立6帧动画。

(9)选中第1帧，在图层面板中选择显示“背景”图层，隐藏其它所有脚印图层，帧延迟时间设置为1秒。

(10)第2～6帧图层分别设置为：第2帧显示“背景”和“右脚印”图层；第3帧显示“背景”、“右脚印”和“左脚印”图层；第4帧显示“背景”、“左脚印”和“右脚印副本”图层；第5帧显示“背景”、“右脚印副本”和“左脚印副本”图层；第6帧显示“背景”和“左脚印副本”图层。帧“延迟时间”全部设置为1秒。

(11)在动画窗口左下角设置“循环选项”为永远，最终动画窗口如图10.26所示，单击“播放按钮”，通过图像窗口可以看到动画效果。图10.26设置完成后的动画窗口

(12)选择“文件”菜单下的“存储为Web和设备所用格式”命令，在弹出的“存储为Web和设备所用格式”