第

【斜面和浮雕】的样式选择外斜面，【深度】为32%，【方向】为下，【大�课�，【光泽等高线】样式修改为半圆，其他使用默认，如图12-3-50所示。 图12-3-50 14.设置【图层4】的混合选项，我们还是先来设置【投影】。

很实用 ps教程新春大礼包——18章巨献 作者：薛欣姚辉 12.2 GIF动画 对于web页较大的图片我们在浏览时，下载速度是很慢的。因此许多网站会使用颜色较少，图片较小，带有简单动画效果的GIF格式的图片，那么这种图片好处呢在于它比较小，容易下载，很容易传播。所以在ps中

第12章网页设计中的应用 ps是设计行业的全能型选手。除了在传统设计中起到了中流砥柱的作用，在网页设计行业也有很好的表现。使用ps的网页设计工具及相关功能，可以轻松创建网站图像、动态图像、按钮等，还可以通过

12.1.1创建切片 使用切片工具创建切片 1.选择切片工具 。绘制的任何切片都将自动出现在文档窗口中。 2.选取选项栏中的样式设置，如图12-1-7所示： 图12-1-7 正常在我们拖动的同时来确定切片比例。如图12-1-8所示：

12.3精彩实例 12.3.1网页GIF动画设计 下面我们就来通过一个实例讲解一下GIF动画的制作过程。 1.首先我们启动ps，选择【文件】，【新建】如图12-3-1所示。再弹出的【新建】对话框中，我们输入它的名称以及画布的宽和

7.那这时的图像仍然是不会动的，现在我们通过对图层的隐藏为其添加动画效果。我们先来选中第一帧，然后在图层面板中点击图层前面的小眼睛按钮将图层1、2隐藏，如图12-3-8。 图12-3-8 8.然后我们选中第2个以及第3个

GIF动画最初显示的图像效果，如图12-3-17所示。 图12-3-17 GIF动画播放至中间所显示的渐变效果，如图12-3-18所示。 图12-3-18 GIF动画闪烁后播放至最后一张图像所显示的效果。如图12-3-19所示。 图12-3-19 12.3.2网

很实用 ps教程新春大礼包18章巨献 12.2 GIF动画 对于web页较大的图片我们在浏览时，下载速度是很慢的。因此许多网站会使用颜色较少，图片较小，带有简单动画效果的GIF格式的图片，那么这种图片好处呢在于它比较小，

12.2.2过渡动画 【过渡】命令大大减少了创建动画效果（如渐现、渐隐或在帧之间移动图素）所需的时间。创建过渡帧之后，可以分别对它们进行编辑。 可以使用【过渡】命令自动添加或修改两个现有帧之间的一系列帧：均