ps CS5制作旋转放大的GIF动画

做这种效果单纯的用逐帧动画做是比较累的,无论你用PS,还是FL,还是AE都是利用关键帧动画来做。我这里只是用你的问题来举个例子,PS的三维和视频处理比我讲的这些还要复杂的多。

用ps制作蜡烛火苗GIF动态图片

以前的教程 幽灵GIF动画 ,我们利用photoshop内置的动画面板制作了一个来回跑的幽灵GIF动画,今天制作一个蜡烛火苗的动画,过程基本差不多。 先看动态效果。 首先打开一幅 蜡烛的图片 ,我们会发现图片黑色区域太大,用裁剪工具在画布上拖出一个框,回车确定即可。 Ctrl

先看一些效果图:

ps CS5制作旋转放大的GIF动画插图

ps CS5制作旋转放大的GIF动画插图(1)

ps CS5制作旋转放大的GIF动画插图(2)

1。安装Photoshop扩展板(CS3-CS5)都可以。打开一张地球素材(网上自己找)

ps CS5制作旋转放大的GIF动画插图(3)

2。执行菜单“3D》从图层新建形状》球体”,将平面图转换成三维模型球体

ps CS5制作旋转放大的GIF动画插图(4)

3。裁切掉不需要的部分

ps CS5制作旋转放大的GIF动画插图(5)

4。打开菜单“窗口》动画面板”

ps CS5制作旋转放大的GIF动画插图(6)

5。将时间线(红色的),拖动到你想要的时间上,这里拖动到3秒的位置。

ps CS5制作旋转放大的GIF动画插图(7)

6。执行“动画”面板右上角隐藏菜单中的“设置工作区域结尾”

ps CS5制作旋转放大的GIF动画插图(8)

7。在执行同一菜单中的“将文档持续时间裁剪为工作区域大小”,得到3秒的时间轴

ps CS5制作旋转放大的GIF动画插图(9)

8。将时间线拖回第一秒,展开背景层前面的三角,点击“3D对象位置”前的秒表记录变化(关键帧)

ps CS5制作旋转放大的GIF动画插图(10)

9。使用工具箱“3D对象比例工具”将第一秒时的地球缩小

ps CS5制作旋转放大的GIF动画插图(11)

ps CS5制作旋转放大的GIF动画插图(12)

10。将时间线拖动到最后一秒,使用“3D对象比例工具”将地球放大(软件会在最后一秒自动生成第二个关键帧)

ps CS5制作旋转放大的GIF动画插图(13)

ps CS5制作旋转放大的GIF动画插图(14)

11。保持在最后一秒,将工具换成“3D对象旋转工具”,在顶部的选项栏中的Z轴,输入旋转角度,让地球旋转一圈

ps CS5制作旋转放大的GIF动画插图(15)

ps CS5制作旋转放大的GIF动画插图(16)

ps CS5制作旋转放大的GIF动画插图(17)

12。到这里整个动画做完了,执行菜单“文件》导出》渲染视频”。这里可以选择渲染成视频,然后通过“导入视频帧到图层”来生成GIF,

但是因为我是Mac系统,自动默认为64位软件,这个命令无法执行,所以这里我使用导出成“序列帧”的方式来生成GIF。

ps CS5制作旋转放大的GIF动画插图(18)

13。这里选择渲染成序列帧,PNG格式(有透明),选择导出到的文件夹,选择每秒的帧数(为了降低图片数量和大小,可以选择每秒10-15帧),

选择文件的尺寸(直接关系到最后GIF的大小),最后渲染。就会得到许多图像序列。

ps CS5制作旋转放大的GIF动画插图(19)

ps CS5制作旋转放大的GIF动画插图(20)

14。现在可以关掉前面的文件,执行菜单“文件》脚本》将文件载入堆栈”,选择刚才渲染导出的文件夹,将所有图片自动导入图层生成一个文件

ps CS5制作旋转放大的GIF动画插图(21)

ps CS5制作旋转放大的GIF动画插图(22)

15。打开动画面板,再动画面板右下角点击切换成“逐帧动画”

ps CS5制作旋转放大的GIF动画插图(23)

16。执行动画面板右上角隐藏菜单中“从图层建立帧”就能得到最后的动画(同一菜单下也有反向帧命令)

ps CS5制作旋转放大的GIF动画插图(24)

17。最后执行菜单“文件》存储为Web所有格式”,选择GIF格式,调整颜色数量和文件大小(影响GIF格式的大小),最后保存就可以了。

ps CS5制作旋转放大的GIF动画插图(25)

最终效果!

ps CS5制作旋转放大的GIF动画插图(2)

先看一些效果图:

ps CS5制作旋转放大的GIF动画插图

ps CS5制作旋转放大的GIF动画插图(1)

ps CS5制作旋转放大的GIF动画插图(2)

1。安装Photoshop扩展板(CS3-CS5)都可以。打开一张地球素材(网上自己找)

ps CS5制作旋转放大的GIF动画插图(3)

2。执行菜单“3D》从图层新建形状》球体”,将平面图转换成三维模型球体

ps CS5制作旋转放大的GIF动画插图(4)

3。裁切掉不需要的部分

ps CS5制作旋转放大的GIF动画插图(5)

4。打开菜单“窗口》动画面板”

ps CS5制作旋转放大的GIF动画插图(6)

5。将时间线(红色的),拖动到你想要的时间上,这里拖动到3秒的位置。

ps CS5制作旋转放大的GIF动画插图(7)

6。执行“动画”面板右上角隐藏菜单中的“设置工作区域结尾”

ps CS5制作旋转放大的GIF动画插图(8)

7。在执行同一菜单中的“将文档持续时间裁剪为工作区域大小”,得到3秒的时间轴

ps CS5制作旋转放大的GIF动画插图(9)

8。将时间线拖回第一秒,展开背景层前面的三角,点击“3D对象位置”前的秒表记录变化(关键帧)

ps CS5制作旋转放大的GIF动画插图(10)

9。使用工具箱“3D对象比例工具”将第一秒时的地球缩小

ps CS5制作旋转放大的GIF动画插图(11)

ps CS5制作旋转放大的GIF动画插图(12)

10。将时间线拖动到最后一秒,使用“3D对象比例工具”将地球放大(软件会在最后一秒自动生成第二个关键帧)

ps CS5制作旋转放大的GIF动画插图(13)

ps CS5制作旋转放大的GIF动画插图(14)

11。保持在最后一秒,将工具换成“3D对象旋转工具”,在顶部的选项栏中的Z轴,输入旋转角度,让地球旋转一圈

ps CS5制作旋转放大的GIF动画插图(15)

ps CS5制作旋转放大的GIF动画插图(16)

ps CS5制作旋转放大的GIF动画插图(17)

12。到这里整个动画做完了,执行菜单“文件》导出》渲染视频”。这里可以选择渲染成视频,然后通过“导入视频帧到图层”来生成GIF,

但是因为我是Mac系统,自动默认为64位软件,这个命令无法执行,所以这里我使用导出成“序列帧”的方式来生成GIF。

ps CS5制作旋转放大的GIF动画插图(18)

13。这里选择渲染成序列帧,PNG格式(有透明),选择导出到的文件夹,选择每秒的帧数(为了降低图片数量和大小,可以选择每秒10-15帧),

选择文件的尺寸(直接关系到最后GIF的大小),最后渲染。就会得到许多图像序列。

ps CS5制作旋转放大的GIF动画插图(19)

ps CS5制作旋转放大的GIF动画插图(20)

14。现在可以关掉前面的文件,执行菜单“文件》脚本》将文件载入堆栈”,选择刚才渲染导出的文件夹,将所有图片自动导入图层生成一个文件

ps CS5制作旋转放大的GIF动画插图(21)

ps CS5制作旋转放大的GIF动画插图(22)

15。打开动画面板,再动画面板右下角点击切换成“逐帧动画”

ps CS5制作旋转放大的GIF动画插图(23)

16。执行动画面板右上角隐藏菜单中“从图层建立帧”就能得到最后的动画(同一菜单下也有反向帧命令)

ps CS5制作旋转放大的GIF动画插图(24)

17。最后执行菜单“文件》存储为Web所有格式”,选择GIF格式,调整颜色数量和文件大小(影响GIF格式的大小),最后保存就可以了。

ps CS5制作旋转放大的GIF动画插图(25)

最终效果!

ps CS5制作旋转放大的GIF动画插图(2)

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部