Photoshop制作GIF动画使用图层样式制作动画（9）

来源：大师之路作者：赵鹏出处：巧巧读书 2008-03-18 进入讨论组

关键词：
photoshop制作
作品

播放范例动画

Photoshop制作GIF动画使用图层样式制作动画（9）（图五）

　　看起来似乎不太对劲，这是因为虽然影子移动了，但物体没有移动，所以并不能表达出浮动的效果。因此大家以后在制作此类动画时候要注意，物体和阴影要同时反向移动。

　　现在回到开始时刻，开启时间轴中的“位置”项目。然后在00:14时刻(可点击样式项目的按钮找到该时刻)将圆形往左上方移动些许(可用键盘的方向键)，我们的投影是75度，所以要注意往上移动多些距离，往左移动少些，大约2:1这样。移动的距离并不一定也要20像素，大约15像素左右就可以满足效果了。修改后的效果如下。

　　播放范例动画

Photoshop制作GIF动画使用图层样式制作动画（9）（图七）　　

　　这个剧本大体上就算完成了，我们可以再把细节做的好一些。修改最后一帧的投影设定，分别将投影的“不透明度”改为45%，“大小”改为15像素。这样令影子变得模糊和淡化。更符合实际情况。

　　播放范例动画
　　

Photoshop制作GIF动画使用图层样式制作动画（9）（图九）　　

　　之前我们介绍情节设定的时候，是不提倡这种“有去无回”的，而应当令其形成可往复的循环运动，所以接下来我们动手修改。

　　首先在文档设置中将持续时间改为2秒，帧率保持15不变，形成总数30帧的动画。然后在最后时刻建立样式和矢量蒙版位置的关键帧，这两个关键帧保持着原先动画结束的状态。

　　接着在这两个项目的开始时刻关键帧上点击右键选择“拷贝关键帧”，到最后时刻的关键帧上点击右建选择“粘贴关键帧”。这样结束时刻的状态就与开始时刻一致了。效果如下图所示。

　　播放范例动画

Photoshop制作GIF动画使用图层样式制作动画（9）（图十一）

　　现在我们觉得这个圆形太单调了，像一块饼，而不像一个球，那么还是通过图层样式为其添加高光效果，这可使用渐变叠加来完成。回到开始时刻，设定渐变叠加样式如下左图所示。注意默认的高光会位于圆形中央，要在设定时到图像窗口中拖动到左上方些许(不能使用键盘)，效果如下右图所示。

　　播放范例动画

　　

Photoshop制作GIF动画使用图层样式制作动画（9）（图十二）

Photoshop制作GIF动画使用图层样式制作动画（9）（图十三）　　

　　这时大家有没有想到一个问题，那就是我们之前已经开启了样式项目动画，现在添加了新的样式项，那么这个新样式项在动画中是怎样表现的？我们只在开始时刻设定了该样式项，那其它的时刻呢？播放一下动画就可以看到，随着动画的进行，渐变叠加的效果逐渐消失了。这是因为下一关键帧中并没有包含该样式项(在00:14时刻观察图层调板可知)，这样就等于是把渐变叠加做成了淡出。

　　而现在要使渐变叠加始终有效，就需要在所有关键帧中添加该样式项。但这个样式涉及到鼠标的拖动，不像投影那样可以通过参数简单地再现。因此想要让每一次的设定都相同，等于要保证鼠标的拖动动作都相同，这是不现实的。而Photoshop将全部样式项视为一个整体，没有提供针对单个样式项的复制功能。所以，我们想在保留原先动画的投影样式基础上，加入渐变叠加是不可能的。转载:http://www.qqread.com/photoshop/2008/03/c401868.html