photoshopcs6如何制作放大镜动画效果?

最近很多伙伴咨询photoshopcs6如何制作放大镜动画效果。今天边肖带来了photoshopcs6制作放大镜动画效果的操作步骤。和感兴趣的朋友一起来看看吧!

用photoshopcs6制作放大镜动画效果的操作流程

1.打开要用于放大动画的图片,右键单击图层的缩略图并选择“转换为智能对象”,然后将图层命名为“缩略图”。选中缩略图图层,Ctrl+J复制一个与原图层同名的新图层;

2.alt+ctrl+c,默认的定位选项用来缩小画布大小,缩小的大小取决于你要用的放大镜的放大倍数。选择缩略图图层,ctrl+T自由变换缩小图层以适合画布大小,并添加滤镜效果-高斯模糊以创建景深效果。继续调整“原”层的位置,使透视关系尽可能正确;

3.加一个放大镜,把放大镜拆分成两个部分,一个是镜片,一个是镜框,两个都转换成智能物体。将镜头层放在原始层下面,按住alt并在两个层之间单击以创建剪辑蒙版。此时,层结构如下。

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

4.双击ps(cs6)操作区域底部的“时间线”选项卡。

,然后

(cs3及以后版本有动画功能,请耐心寻找其他版本的童鞋。默认工作区是5s,所以我们拖动右边的滑块设置工作区为3秒,15帧(我只是觉得时间太长没用,gif图片到处都太大了,具体数值可以自己选~)。

5.镜头和帧层之前已经转换为智能对象,所以这时候我们可以给它们的“变换”属性添加关键帧(变换属性涉及自由变换、扭曲、透视、平移、斜切等效果,其实你可以ctrl+T来看...尝试所有没有变灰的东西,这里我们只需要简单地使用“翻译”)。

分别点击放大镜和镜头的变换属性前面的秒表图标,自动为第一帧的两个图层添加关键帧。选择两个层,将时间轴指针拖动到2s,并将这两个层移动到适当的位置。这时候ps会自动给我们标记两个关键帧,我们可以移动关键帧,但是一定要保持帧的关键帧和镜头在同一个位置,否则就是一个穿帮。类似地,我们添加第三组关键帧。

最后将ctrl+shift+alt+T三角形存储为web和设备使用的格式,选择gif图片格式,参数设置如下,可以得到更好的效果。

循环选项设置为总是保持动画保持移动!

你可以保留这个psd文件。以后如果你想做其他图片的放大镜效果,我们只需要双击“小图片”图层的缩略图,进入智能对象的原始psb文件,就可以把原始图片变成现在需要放大的图片,因为智能对象和对应的“原始图片”图层的映射关系会自动变成你替换的照片。

通过挖空图层样式制作放大镜动画

如果用镂空来做这个放大镜动画,只需要修改图层结构就可以了。这里着重探讨和理解ps层高级混合选项中的镂空原理。动画的原理和步骤都是一样的,这里就不赘述了。

1.更改层结构以获得相应的画布结果。此时的原图隐藏在模糊的小图后面,镜头依然是它原本平淡的模样。

2.双击镜头图层缩略图打开图层样式面板,在混合选项中找到高级混合-镂空。将镜头层的填充设置为0,镂空选项设置为浅(如果填充不为0,则不做演示。挖空深度达不到任何效果)

正常情况下,镜头填充变成0后应该会显示下一层(缩略图)的内容,但这是一个大家一无所知的透明区域...可以假设这里的镂空效果,把镜头层下面的层全部镂空吗?如果这个假设成立,我们如何应用这个特性?我们想要的结果是原始图像的最后一层显示在镜头下,那么我们可以大胆假设“浅”镂空只能镂空一层组的内容,然后可以把每一层改成下面的结构,把镜头框和缩略图图像层进行分组,原始图像在组的下面。

看效果!说明假设成立,只需把要显示的图层放在镂空样式图层所属的组下(可能有点绕...);

有兴趣的朋友,可以继续探索,把镂空的样式改成“深”,镜片底部是透明的。看来深度真的没用...但我相信adobe不会做这样的鸡肋功能,所以我们继续折腾。

现在图层组的混合模式是默认的穿透,这样图层组中最后一个图层的混合模式就可以影响到该组下面的图层,如图。

这时候把这一组的混音模式换成正常,嘻嘻,“深”镂空的效果和“浅”镂空的效果是一样的!

此时,将镂空样式改为“浅”,效果不变。看起来团的混合模式对“浅”空洞化没有任何作用。进一步探索后发现,图层组使用其他图层混合模式时,只要不是“穿透”,仍然可以得到和“浅”镂空一样的效果,只是“透镜”除外。..

但是,也有网友再次产生了怀疑。想穿透特定的一层应该怎么做?现在我们知道的是,“深”镂空要么是透明的,要么只能像“浅”镂空一样从层组中挖出。

比如我们要把这个层结构镂空到黑层应该怎么做?只需将“原始”图层组丢入“组1”,测试后成功实现下图。看来“1组”太硬了,还是正式把“1组”命名为“掏空组”吧!

photoshopcs6|

PS:其实ae和flash都擅长交互动画。在aftereffects中,可以直接将缩略图的放大和镜头的变换绑定成表情来制作放大镜动画,非常方便灵活。有空可以试试。Photoshop可以做gif动画,但是不要固执。多接触软件和新事物,会开阔你的眼界,提高你的效率!如果你只是需要做简单的放大镜互动动画,希望这篇文章能在技术上帮到你,降低技术壁垒,让你的灵感有时间飞得更久一点。