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

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

uimaker
UI设计师 / 江苏 南京

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

关键词

几天我们来一起来分享学习一下PS制作果冻跳动GIF动画PS教程。

比如我们常见的效果


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

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


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

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

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


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

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


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

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


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

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


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

 收藏