色彩渐变字效是在三种颜色的文字基础上，通过设置过滤动画帧的方法，形成渐变的文字效果。制作该实例的动态图像效果，主要是由设置动画帧之间的过渡帧来完成。图10-139出示了该例完成效果。

图10-139  完成效果

技术提示

该实例文字色彩和质感的编辑，可通过设置并调整预设的样式效果来完成。为文字设置红、蓝、绿三种颜色后，再将程序转换到ImageReady CS中，通过设置动画过渡帧的方法，实现文字的色彩渐变效果，如图10-141所示。

图10-140  制作概览

制作步骤

1．在Photoshop中组织画面

（1）启动Photoshop，执行菜单栏中的“文件”\“新建”命令，如图10-141所示设置对话框，创建一个名称为“色彩渐变字效”的新文档。

图10-141  “新建”对话框

（2）打开本书附带光盘\Chapter-10文件夹中的“底纹 02.jpg”文件。

（3）选择工具箱中的“移动”工具，将底纹图片拖动到“色彩渐变字效”文档中，生成“图层 1”，如图10-142所示。

图10-142  复制底纹图片

（4）在“图层”调板中单击“创建新的图层”按钮，新建“图层 2”。

（5）设置工具箱中的前景色为黄色，然后选择“矩形”工具，绘制如图10-143所示的两个黄色矩形。

图10-143  绘制矩形填充图形

（6）按下<Ctrl+A>键，建立一个全选选区。再执行“编辑”\“描边”命令，为选区描上黑色的边线，如图10-144所示。然后按下<Ctrl+D>键，取消选区。

图10-144  “描边”对话框

（7）在“图层”调板中单击“创建新组”按钮，创建“序列 1”图层组，然后在该组中再新建“图层 3”。

（8）设置前景色为白色。选择工具箱中的“椭圆”工具，配合使用<Shift>键，绘制一个白色正圆形，如图10-145所示。

图10-145  绘制白色椭圆形

（9）选择“窗口”\“样式”命令，打开“样式”调板。如图10-146所示，在“样式”调板中，选择“Web样式”替换当前样式。

图10-146  替换样式

（10）然后在“样式”调板中单击“带投影的红色凝胶”样式，将该样式应用到“图层 3”中的白色椭圆形上，如图10-147所示。

图10-147  应用预设样式

（11）在“图层”调板中，双击“图层 3”样式中的“斜面和浮雕”样式的名称，打开“图层样式”对话框，参照图10-148所示，更改“斜面和浮雕”样式的参数设置。

图10-148  更改“斜面和浮雕”的参数设置

（12）选择工具箱中的“横排文字”工具，输入如图10-149所示的白色符号“@”。然后在“图层”调板中，设置“@”文字图层的“不透明度”为80%。

图10-149  输入文字

（13）接着在“图层”调板中，拖动“图层 3”到“创建新的图层”按钮处复制，创建“图层 3 副本”，并暂时将“图层 3”隐藏，如图10-150所示。

图10-150  复制图层

（14）在“样式”调板中单击“带投影的蓝色凝胶”样式，将该样式应用到“图层 3 副本”中，替换原有的样式效果，如图10-151所示。

>

图10-151  替换样式效果

（15）参照上面更改“斜面和浮雕”样式参数设置的操作，再更改“图层 3 副本”的“斜面和浮雕”的参数设置，如图10-152所示。

图10-152  更改“斜面和浮雕”的参数设置

（16）再将“图层 3 副本”复制，创建“图层 3 副本 2”。然后使用“带投影的绿色凝胶”样式替换原有样式，并更改其“斜面和浮雕”的参数设置，效果如图10-153所示。

图10-153  设置样式效果

（17）在“图层”调板中，新建“序列 2”图层组并将“序列 1”图层组隐藏。然后使用工具箱中的“横排文字”工具，编辑如图10-154所示的几组文字效果。

图10-154  编辑文字

（18）再新建“序列 3”图层组并将“序列 2”图层组隐藏。然后使用“横排文字”工具，输入如图10-155所示的文字。

图10-155  输入文字

（19）将“MAC”文字图层复制，创建“MAC 副本”图层。然后将副本图层隐藏，并为“MAC”文字图

层应用“带投影的蓝色凝胶”样式，如图10-156所示。

图10-156  编辑图层

（20）接下来分别将“MAC”文字图层中的“投影”和“外发光”样式拖动到“删除图层”按钮上，删除这两个样式。这时图像效果如图10-157所示。

图10-157  删除样式

（21）在“图层”调板中，单击“MAC 副本”图层，使其显示并成为可编辑图层。然后执行“图层”\“栅格化”\“文字”命令，将该文字图层转换为普通图层。

（22）执行“编辑”\“变换”\“扭曲”命令，通过拖动变换控制柄，将“MAC”文字图像扭曲，如图10-158所示。

图10-158  扭曲文字图像

（23）再执行“滤镜”\“模糊”\“高斯模糊”命令，将“MAC”图像模糊，如图10-159所示。

图10-159  “高斯模糊”对话框

（24）在“图层”调板中，设置“MAC 副本”图层的“不透明度”为20%，这时的“MAC”将变成投影图像，如图10-160所示。

图10-160  更改图层不透明度

（25）最后使用“横排文字”工具，输入如图10-161所示的一组文字，完成该实例的编辑。

图10-161  设置文字

2．实现色彩渐变的动画效果

（1）在Photoshop的工具箱中，单击“在ImageReady中编辑”按钮，将程序转换到ImageReady CS中，当前的文件也会直接被传送到ImageReady CS中进行编辑。

（2）选择菜单栏中的“窗口”\“动画”命令，打开“动画”调板，当前视图中的图像就是翻转动画的第1帧，如图10-162所示。

图10-162  “动画”调板

（3）参照图10-163所示，在“图层”调板中调整图层的显示或隐藏，更改第1帧动画的显示内容。

图10-163  设置第1帧动画

（4）然后单击“动画”调板中的“复制当前帧”按钮，创建动画的第2帧。根据第2帧动画所要显示的图像内容，在“图层”调板中调整图层的显示或隐藏，创建第2

帧动画。如图10-164所示。

图10-164  设置第2帧动画

（5）接着单击调板底部的“过渡”按钮，打开“过渡”对话框，如图10-165所示设置对话框，设置由第1帧动画逐渐过渡到第2帧动画的效果。

图10-165  设置过渡帧

（6）在“动画”调板中单击“复制当前帧”按钮，创建第8个动画帧。然后在“图层”调板中调整图层的显示或隐藏，创建第8帧动画，如图10-166所示。

图10-166  创建第8帧动画

（7）然后再单击调板底部的“过渡”按钮，设置由第7帧逐渐过渡到第8帧的动画效果，如图10-167所示。

图10-167  设置过渡帧

（8）参照上面设置动画帧的方法，如图10-168所示，在“图层”调板中调整图层的显示或隐藏，设置第14～18帧动画。

图

10-168  设置第14～18帧动画

（9）单击“动画”调板中的第14帧，将该帧选中。然后单击调板中的“过渡”按钮，如图10-169所示设置“过渡”对话框，在该帧和上一动画帧之间插入3个过渡帧。

提示：原第14帧动画，在增加3个过渡帧之后，按顺序排列将成为当前的第17帧动画。

图10-169  设置动画帧

（10）然后在当前的第17帧与下一帧之间插入3个过渡帧。接着再在当前的第21帧与下一帧之间插入3个过渡帧。如图10-170所示。

图10-170  插入过渡帧

（11）在当前的第25帧与下一帧之间插入3个过渡帧。再在当前的第29帧与下一帧之间插入3个过渡帧，如图10-171所示。

图10-171  插入过渡帧

（12）最后在当前的第33帧与第1帧之间插入3个过渡帧，完成该实例所有动画帧的设置。如图10-172所示。

图10-172  设置过渡帧

（13）按下<Ctrl>键，同时单击“动画”调板中的第1帧、第7帧、第13帧、第17帧、第25帧，将这些动画帧同时选中。

（14）然后单击其中任意一帧缩略图下方的空白处，在弹出的快捷菜单中选择“0.5秒”命令，将这些动画帧的延迟时间设置为0.5秒，如图10-173所示。

图10-173  设置延迟时间

（15）使用同样的操作方法，再将第2～6帧、第8～12帧、第14～16帧的延迟时间设置为0.1秒；将第21帧、第29帧、第33帧的延迟时间分别设置为1秒、2秒、0.2秒。

（16）单击“动画”调板中的“播放/停止动画”按钮，可以观看设置完成的动画效果。

（17）最后执行菜单栏中的“文件”\“存储优化结果”命令，将文件存储为GIF格式文件。

读者可打开本书附带光盘\Chapter-10文件夹中的“色彩渐变字效.gif”文件查看最终效果。