网站动画的动态效果表现--炫丽网页.pdfVIP

课堂练习 网站页面的动态效果表现 1、 打开所给素材图片 “a”，并将“背景”图层转换为普通 图层，为其添加“内发光”效果； 2、 打开所给素材图片“b”，用【魔棒工具】在白色区域内 单击，然后对选区进行反选，然后将选区内的图像拖动 到网站文档当中； 3、 为该图层添加“外发光”、“内发光”、“斜面和浮雕”效 果，参数设置如下： 4、 打开文件“c”,将其拖入网页文档当中，修改混合模式 为“柔光”，不透明度为“35%”，效果如图： 5、 新建一个图层，选择【圆角矩形工具】，“半径”设置为 7px,选择“填充像素”模式，绘制两个白色的圆角矩形， 按住Alt 键将“图层 1”的图层样式拖动到“图层3”， 复制图层样式，将“内发光”效果拖动到删除按钮上删 除； 6、 双击“图层3”的“外发光”效果，打开其对话框调整 参数，同样的方法调整“斜面与浮雕”效果参数； 7、 打开图片“d”, “e”，将它们拖动到网页文档中，选择 这两个图像所在的图层，按住Alt+Ctrl+G 快捷键创建 剪贴蒙版，如下图所示： 8、 打开图片“f”,将其拖动到网页文档中； 9、 选择“图层 1”，用【矩形选框工具】创建一个矩形选 区，它一定要位于“图层1”的内容上，执行【选择】 | 【修改】| 【平滑】命令，设置“取样半径”为8px， 选区效果如下图； 10、按下 Ctrl+J 快捷键将选区内的图像复制到新的图层 中，修改图层的名称为“按钮”，将图层样式复制到图 层中，并放置到合适位置； 11、将“按钮”图层中的“内发光”效果删除，双击“外发 光”选项，重新设置参数，切换到“斜面和浮雕”选项， 修改参数如下; 12、用【横排文字工具】输入文字“首页”，选择“按钮图 层”，按住 Ctrl 键单击“按钮”图层的缩略图，载入 选区，选择移动工具，将光标放在选取内，按住 Shift+Alt 键拖动进行复制，并输入相应的文字，如下 图，将所有的文字图层通过“图层面板”的关联菜单“从 图层新建组命令”编为一个组，起名为“文字”； 13、下面来制作搜索按钮，现在“图层1”中创建一个矩形 选区，按下 Ctrl+C 快捷键复制选区内的铁皮图像，新 建一个图层，按下Ctrl+V 快捷键进行粘贴，将图层名 称改为“站内搜索”，将“按钮”图层的样式复制到该 图层； 14、为“站内搜索”图层创建一个蒙版，使用【圆角矩形工 具】在蒙版中绘制一个黑色的圆角矩形，按下 Ctrl+I 进行反选，可以看到原来的矩形按钮已经变成了圆角矩 形，接下来使用60%灰色绘制一个图形（左侧为圆角矩 形，右侧为矩形），这个图形位于白色图形内，如以下 效果图，并输入文字; 15、用同样的方法制作登录与注册按钮，输入其他文字内 容； 16、先整理一下“图层”面板，将所有的图层全部组合到一 个组当中，在空白区域输入文字，如下图所示； 17、用【矩形选框工具】创建一个矩形选区，这个选区为文 字的选区范围，单击“创建图层蒙版”按钮，基于选区 创建蒙版； 18、打开“动画”面板，单击文字与蒙版中间的链接按钮， 取消他们的链接，单击文字图层缩略图，用移动工具按 住Shift 向下拖动文字，由于蒙版的遮盖，文字超出蒙 版范围时就不会显示，此时画面中显示的是文字第一行 的一小部分； 19、单击“动画”面板中的“新建”按钮，添加一个帧，使 用移动工具向上拖动文字，“时间延时为 0.2s”，循环 选项为“永远”； 20、单击动画过度帧按钮，设置“要添加的帧为20”，单击 “确定”按钮，在面板中添加过渡帧； 21、最后播放动画，观看文字滚动效果； 22、将图片保存为“Web 格式”，并观看效果；