实验16 动态闪烁果酱字.doc

实验16 动态闪烁果酱字 随着三维动态科学的不断发展，在网页制作中，各种各样的动态效果层出不穷。作为二维图像处理软件的Photoshop，也提供了为制作动态效果的Image Ready。本实验就是使用Image Ready的动态效果制作功能，使得一种静态的特效文字，具有动态闪烁的效果。 实验目的 通过本实验的学习，您可以： 掌握Image Ready的切片管理功能 掌握Image Ready的制作滚动效果功能 掌握Image Ready的制作动画功能 掌握通过改变图层样式制作特效文字的方法 深化在通道中的操作方法 最终效果图 图16-1 静态的显示状态 图16-2 动态的绿色闪烁状态 图16-3 动态的黄色闪烁状态 图16-4 动态的红色闪烁状态 图16-5 动态的粉红色闪烁状态 16.1 静态文字制作 首先在Adobe Photoshop窗口下制作静态文字，为动态的制作提供基本的闪烁状态。 16.1.1 背景层制作 新建一个psd文件。 执行命令文件 | 新建…，命名为goop，参数设置参见图16-6； 图16-6 新建对话框 选择适当的样式对背景层进行填充。 执行命令编辑 | 填充…，参数设置参见图16-7，其中选择的填充样式为我们以前所作的图1-2；填充后得到背景效果图16-8； 图16-7 填充样式选择 当然，各人的审美观是不同的，也可以根据自己的创意制作出自己喜欢的样式填充。以后的操作，将是以这个背景层为基调。 图16-8 填充后的背景层 16.1.2 制作文字效果层 文字层的初始状态载入。 在背景层上用笔刷或者在网上下载相关的字体形状；本实验从网页上选择了一种字体效果，经过复制粘贴后，得到的效果参见图16-9； 图16-9 加上原始的果酱字 选定文字区域。 上一步的操作将产生一个新的图层，将它命名为goop；按住Ctrl，单击图层goop，将选定图层上的文字区域； 也可以通过菜单栏选择文字区域，单击选择，选择载入选区…即可。 新建通道Alpha 1。 单击通道面板，单击右下角的新建通道按钮，得到一个新通道Alpha 1，编辑 | 填充…，选择填充色色值为#FFFFFF（白色），得到通道的效果图16-10； 图16-10 通道Alpha 1的填充 复制Alpha 1，并对新通道进行高斯模糊 。 右击通道Alpha 1，选择复制通道…，命名为Alpha 2；单击Alpha 2，执行命令滤镜 | 模糊 | 高斯模糊，模糊半径为5像素，得到效果图16-11； 图16-11 Alpha 2的高斯模糊 另存Alpha 2的状态。 右击通道Alpha 2，选择复制通道…，将Alpha 2复制成新的psd文件goop style，准备为文字层制作果酱效果提供纹理样式；参见图16-12的储存方式； 图16-12 另存通道模糊效果 新建文字图层，对新文字图层style进行相关的图层样式设定。 回到图层控制面板，按住Ctrl，单击图层goop，将选定图层上的文字区域； 单击右下角的新建图层按钮，得到一个新的图层，命名为style； 对选区进行颜色，填充执行命令编辑 | 填充…，选择填充颜色，色值为#656BE9； 使用快捷键Crtl+D，取消选区；双击图层style，在图层混合样式对话框中对图16-13所示的几个样式进行设置； 图16-13 style层的图层样式选择 各项图层样式的参数设置参见图16-14，15，16，17； 图16-14 投影的设置 说明： 投影的设置，使得style层在背景层上有一个相对的投影。距离的设置，使得style和其投影之间产生距离感，为7个像素；扩展的设置将投影区的百分比设定在18%，指的是比原来的字体扩大18%后投影；大小设置的是投影区的尺寸设置，为10个像素；品质选择的是投影所用的光照方式。 图16-15 内阴影的设置 说明： 内投影的设置，使得文字本身的边界有一个平滑的效果，本实验只设置了其不透明度为50%。 图16-16 外发光的设置 说明： 外发光的设置，使得文字的边界上有一种向外发光的效果。为了使得发的光能与文字本身的颜色相融合，我们选择了外发光的颜色色值为#4047D8；品质中的范围设置了发光的范围，向文字的外部发光范围为文字大小的37%。 图16-17 倾斜和浮雕的设置 说明： 倾斜和浮雕的设置，使得文字产生凹凸感。深度的设置是将文字的边界以其100%进行向上的延伸，大小设置了延伸的区域为5个像素。 为文字加上玻璃质感效果。 在文字图层style上，执行命令滤镜 | 扭曲 | 玻璃…,参数设置参见图16-18；此步结束后，将得到效果图16-1; 图16-18 玻璃滤镜参数设置 说明： 玻璃扭曲滤镜的参数设置，将扭曲度和光滑度设为最值后，选用的纹理