Photoshop基础与技能实训教程 第五章 Adobe ImageReady.ppt

图5?23 添加蒙版层后效果 返 回 图5?24 添加黑色图层后效果 返 回 图5?25 【镜头光晕】参数设置 返 回 图5?26 设置“叠加”图层模式后的效果 返 回 图5?27 添加过渡效果 返 回 图5?28 【过渡】参数设置 返 回 图5?29 将最后一帧删除 返 回 图5?30 【优化】面板参数设置 返 回 第五章 Adobe ImageReady 5.1 ImageReady 介绍 5.2 ImageReady 的操作界面 5.3 动画的生成与使用 5.4 流云——云朵飘动动画制作 5.1 ImageReady 介绍 以处理网络图形为主。 主要功能： 1. 制作GIF动画 2. 图像翻转 3. 切片 4. 图像优化 5. 图像链接 6. 其他 返 回 5.2 ImageReady 的操作界面 启动 ImageReady 有以下几种方式： ① 单击【开始】|【程序】|【Adobe ImageReady】命令。 ② 在 Photoshop 中，可以单击 Photoshop 工具箱中的 按钮，进入 ImageReady 工作界面。 ③ 在 Photoshop 中，可以按 Ctrl+Shift+M 键启动 ImageReady。 启动后窗口 ImageReady 组成如图5?1所示。 与Photoshop 不同的窗口、面板、工具的介绍： 1. 图像窗口 2. 面板 3. 工具箱 返 回 5.3 动画的生成与使用 动画已成为网页中不可缺少的一个组成部分，它比静态图像更具有宣传效果，更容易吸引浏览者的注意力，是目前网页上使用最广泛的广告手段。 下面举一个具体的例子来说明动画制作的基本过程。在本例中制作简单的光影划过文字表面的动画。 操作步骤如下： （1）启动 ImageReady，在工具箱颜色设置区域中将背景色设置为蓝色（ “#1D0AF5” ） ，执行【文件】|【新建】创建一个新文档，新文档参数设置如图5?4所示。 （2）选择文字工具，设置文字字体为“隶书”，字号为“48 像素”，字体颜色设为深红色（“#CC3300”） 。在图像窗口上输入几个文字，如：悟嘉琥珀；移动文字放置在窗口的中间位置，如图5?5所示。 下一页 5.3 动画的生成与使用 （3）在图层面板中，用鼠标右键点击文字图层，在弹出的菜单里，选择“渲染图层” ，如图5?6所示。 （4）在文字层上，新建一个图层 1，用“椭圆选框工具”在接近“悟”字前选一个小椭圆，右键点击小椭圆选择“羽化” ，设置羽化半径 为 10 像素。用白颜色进行填充，效果如图5?7所示。 （5）按住键盘上的 Alt 键不放，将鼠标移动到文字层与图层1的中间线， 鼠标出现 时单击左键，使白色光影进入文字之中，效果如图5?8所示。 （6）在“动画”面板上，点击“复制当前帧”按钮复制出一帧，帧速为 0.2 s，如图5?9所示。 （7）用鼠标点击第 2 帧，然后在图层 1 上，将光影水平拖到 “珀” 字后面， 如图5?10所示。 下一页 上一页 5.3 动画的生成与使用 （8）按住 Shift 键，点击第 2 帧与第 1 帧将其全部选中，点击【帧动画过渡】，如图5?11所示。 （9）在弹出的过渡里，选择添加 5 帧，参数设置如图5?12 所示，点击【好】后，在动画面板中自动添加了 5 帧，效果如图5?13所示。 （10）在优化面板中选择 GIF，颜色为 128，参数设置如 图5?14所示。 （11）这时动画已基本完成了，点击工具栏中的“预览文档” 按钮，观看动画效果，如果效果满意，则进行保存。 （12）点击【文件】|【将优化结果存储为】 ，打开“将优化结果存储为”对话框，取名保存后，GIF动画就生成了。 上一页 返 回 5.4 流云——云朵飘动动画制作 操作步骤如下： （1）在 Photoshop 中打开一张建筑图片，如图5?15所示。 （2）选择多边形套索工具沿着建筑物边沿，建立如图5?16 所示选区，按下 Ctrl+J 复制选区到的新图层。 （3）打开一张云朵图，将该图用移动工具拖曳到建筑图像文件上，并调整其大小，让云朵的图像稍高于画布高度，如 图5?17所示。 （4）将云朵层置于建筑层下方，利用钢笔工具沿着建筑物的玻璃边缘建立形状图形，如图5?18、图5?19所示。 （5）在图层面板中，将所有除了形状图层外的其他图层全部隐藏，如图5?20所示。执行【图层】|【合并可见图层】命令，将所有形状图层合并成一层。如图5?21所示。 下一页 5.4 流云——云朵飘动动画制作 （6）对合并后的玻璃形状层，执行【图层】|【图层样式】|【渐变叠加】