本文通过一个放大镜动画的实例,简单模拟放大镜, 重点探讨挖空样式,来讲解剪切蒙版和挖空图层样式的原理和应用以及简单的PS时间轴动画,希望能对大家有所帮助。
教程素材和PSD文件:
最终gif效果图

剪切蒙版制作放大镜动画
1.打开将要用来做放大动画的图片,在图层缩略图上右击选择转换为智能对象,并将该图层命名为小图。选中小图图层,Ctrl+J复制一个相同的新图层,命名为原图;

2.alt+ctrl+c,定位选项使用默认,缩小画布大小,缩小大小根据你想使用的放大镜倍数而定。选中小图图层,ctrl+T自由变换缩小该图层和画布大小相适应,并添加滤镜效果——高斯模糊,制作出景深效果。继续调整“原图”图层的位置,使透视关系尽量正确;
3.添加放大镜,将放大镜拆分为两个部分,一个是镜片,一个是镜框,并且都转换为智能对象,将镜片图层置于原图图层的下方,按住alt点击两个图层之间创建剪切蒙版,此时的图层结构如下

画布显示效果如下,基本已经确定了效果,下面我们利用ps cs6的视频时间轴功能来添加动画

4.双击ps(cs6)操作区域底部的时间轴选项卡
![]()
,然后

(cs3及以后版本都有动画功能,其他版本的童鞋自己耐心找找哦~)。默认的工作区域有5s时长,我们拖动右侧的滑块设置工作区域为3秒15帧(只是个人觉得时间太长没用,而且到处gif图片过大,具体值大家随意~)

5.之前我们已经将镜片和镜框图层转换为智能对象,所这时候我们可以对它们的“变换”属性添加关键帧(变换属性涉及到自由变换、扭曲、透视、平移、斜切等多种效果,其实大家可以ctrl+T看看...没有灰显的都试试,这里我们只需要简单的使用“平移”)

分别点击放大镜和镜片的变换属性前的秒表图标,自动在第一帧为二个图层添加关键帧。选中两个图层,拖动时间线指针到2s处,平移两图层到适当的位置,此时ps为我们自动打上了两个关键帧点,可以移动关键帧,但一定要保持镜框和镜片的关键帧位置一致,不然就穿帮了哦~同理,我们添加第三组关键帧(用过视频编辑软件的同学表示毫无压力,没有接触过的同学也别担心,大胆去尝试,反正最严重的后果不会是爆显示器吧?)。

情非得已
Photoshop详细解析GIF动画图片的优化技巧2016-12-27
Photoshop详细解析GIF动画中批量处理技巧2015-12-20
Photoshop结合AI制作时尚闪烁霓虹灯动画效果2015-11-26
Photoshop制作超酷的蓝色霓虹灯效果图2015-01-26
Photoshop合成绚丽的山水瀑布动画效果2013-10-05
Photoshop制作林间流动效果的云彩动画2012-06-09
Photoshop制作滑动效果的霓虹字动画教程2012-06-03
Photsohop制作夏日清爽的美女照片滚动动画效果2012-04-24
Photoshop制作流畅的中国风动画签名教程2012-04-15
Photoshop制作相册自动翻页GIF动画教程2012-02-22
GIF教程:用PS制作GIF动画表情教程
相关文章19922019-02-21
果冻动画:PS制作果冻跳动GIF动画
相关文章17502019-01-10
下雨动画:PS制作逼真的下雨GIF动画
相关文章18322018-12-20
Photoshop制作信息干扰错位GIF动画效果
相关文章9752018-12-10
Photoshop制作简洁的网页加载GIF动画
相关文章15602018-08-06
Photoshop把静态照片做成GIF放大动画效果
相关文章14952018-05-07
Photoshop制作动画特效的微信表情
相关文章11872018-03-19
Photoshop制作手机图片循环滚动动画效果
相关文章16002017-12-17
