正在阅读:Photoshop CS3用图层样式制作动画Photoshop CS3用图层样式制作动画

2008-04-28 09:07 出处:PConline 作者:赵鹏 责任编辑:chenzhenjia

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

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

Photoshop CS3用图层样式制作动画
图7

 Photoshop CS3用图层样式制作动画
图8

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

Photoshop CS3用图层样式制作动画
图9

Photoshop CS3用图层样式制作动画
图10

  之前我们介绍情节设定的时候,是不提倡这种“有去无回”的,而应当令其形成可往复的循环运动,所以接下来我们动手修改。
  首先在文档设置中将持续时间改为2秒,帧率保持15不变,形成总数30帧的动画。然后在最后时刻建立样式和图层位置的关键帧,这两个关键帧保持着原先动画结束的状态。
  接着在这两个项目的开始时刻关键帧上点击右键选择“拷贝关键帧”,到最后时刻的关键帧上点击右建选择“粘贴关键帧”。这样结束时刻的状态就与开始时刻一致了。效果

Photoshop CS3用图层样式制作动画 
图11

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

Photoshop CS3用图层样式制作动画
图12

Photoshop CS3用图层样式制作动画
图13

Photoshop CS3用图层样式制作动画
图14

键盘也能翻页,试试“← →”键
本文导航
第1页:图层样式设置
第2页:阴影及渐变效果
第3页:动画效果

关注我们

最新资讯离线随时看 聊天吐槽赢奖品