果冻动画:PS制作果冻跳动GIF动画PS教程(2)

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:吹灯夜游神

关键词


完事以后点亮刚才的果冻看一下效果,如果看起来比较自然,那背景的制作到这就算是完成了


果冻动画:PS制作果冻跳动GIF动画,PS教程,思缘教程网

再复制三个果冻按三次Ctrl+J,分别命名为-1、1、2


果冻动画:PS制作果冻跳动GIF动画,PS教程,思缘教程网

接下来我们来看一下动效原理:

我们将果冻Q弹的效果比作是一个心动中的人,那么它的行动路径就应该是下图的0、-1、1、2再回到0


果冻动画:PS制作果冻跳动GIF动画,PS教程,思缘教程网

现在开始制作果冻的弹跳效果

Ctrl+R调出标尺,首先沿着果冻的上边缘拉一根参考线视为“0”然后再拉三根距离相等的线(0上两根,0下一根)

注意:线与线之间间距不能太大,会很假


果冻动画:PS制作果冻跳动GIF动画,PS教程,思缘教程网

选中-1图层Ctrl+T向下拉到下面那根线的位置点击回车


果冻动画:PS制作果冻跳动GIF动画,PS教程,思缘教程网

以此类推分别制作1和2的图片


果冻动画:PS制作果冻跳动GIF动画,PS教程,思缘教程网


果冻动画:PS制作果冻跳动GIF动画,PS教程,思缘教程网

 收藏