果冻动画：PS制作果冻跳动GIF动画

文章来源于 UI中国，感谢作者吹灯夜游神给我们带来经精彩的文章！

设计教程/PS教程/动画教程2019-01-10

我们在日常的设计中经常会看到果冻效果的图标或者logo，也就是水晶风格的图标，今天我们在这个基础上制作GIF动画的效果，完成最终效果图，希望大家可以喜欢。

比如我们常见的效果：

果冻动画：PS制作果冻跳动GIF动画

比如说UI中国的这版logo设计，利用高光、反光、透明度等因素制作出来的一种效果。

果冻动画：PS制作果冻跳动GIF动画

针对这些效果，我们今天就制作一个超简易的动效设计：

首先，在网上找个果冻图，然后把图片导入PS

果冻动画：PS制作果冻跳动GIF动画

把果冻抠出来，用钢笔工具选出果冻的区域>点击Ctrl+J，得到一个果冻命名为0。如果懒得抠图可以直接在网上找已经抠好的png图片

果冻动画：PS制作果冻跳动GIF动画

暂时隐藏抠好的果冻，复制背景图层：点击背景图层>Ctrl+J

果冻动画：PS制作果冻跳动GIF动画

用你超强的原画能力把果冻给“擦掉”，注意不需要处理的十分精细，只要果冻边缘处雨背景相融就行

果冻动画：PS制作果冻跳动GIF动画

情非得已