本帖最后由 xia8410 于 2016-6-17 21:35 编辑


前面的话


       最近在自学PS软件,并在论坛里发过几个简单的动图。作图中间走过不少弯路,也有一点点心得体会。现就我发在论坛里“坚果手机使用小技巧分享(随时更新)”的头图里的两个动画(日历和便签)做一个例子,将自己的体会分享给PS的初学者。内容可能较繁琐,此次只介绍基本步骤,如有细节问题请留言。

本文素材大都来自官网SOS的介绍视频。(这里有大量视频及图片资源

动画合并之前需要先有动画,或者先导入动画,可以先阅读我与Smartisan的故事之PS慢动画的制作,连怎么导出动画也有了。(不经意间,机智的我已给自己做了两个硬广
原材料


1、动画。其实视频、GIF图片都可以,只要能导入到PS中即可;本例的两个动画:日历动画和便签动画。
2、PS软件;
3、耐心。

动画合并步骤

1、最终效果设计
啥都没干就要最终效果设计?其实也就是你要如何布局不同动画的位置。语言是苍白的,我放图好了:

看到了吧?这就是我要的“最终效果”,这个目标是第一位的。有了这个,我们下面要做的就是把4个动画放在右下方的格子里面就好啦!

注意:1)动画位置只是设计阶段,粗略即可;2)图片的大小像素甚至设计现在都不用管,与动画分开设计,以减少相互干扰。

2、修饰动画

没啥好说的,就是你想要把动画做成什么样就做成什么样。

注意:!)将各动画的帧数调整为一致。非常重要;2)透明底色。

3、按最终效果的比例调整各个动画的位置

如下图示,将需要设置的动画编辑到合适位置和大小。



注意:1)建议使用参考线以确定动画位置;2)根据各动画的实际像素,设置好统一的画布大小。

4、合并动画(重要的步骤来了,但此时仍然没第一步那张背景图什么事)
比如我选择将日历动画合并至便签动画中,我要这样做:
1)打开日历动画;2)点开时间轴(老版本的叫帧动画)右侧快捷菜单(红圈处),执行选择全部帧—拷贝多帧;OK。

3)打开便签动画;4)然后继续在便签动画右侧快捷菜单中,选择全部帧(不明白为什么要这样做。但不全选的话,粘贴上一个psd时,会出对齐问题的)—粘贴多帧。5)在弹出项中这样选择


效果就是这样啦!(这时候真的很想给你们放动画效果,但忍住了)


注:我的原图有4个小动画,另外两个同样的制作方法。
5、制作合并动画的背景图
怎么做各位随意,就由不得我啦。注意图像大小和位置布局。
6、直接将背景图拖至合并好动画的最底部图层
如图示。看到右下角的红圈没有?那个“组1”就是我的背景图。


感谢阅读!








akun回复: 我看哭了
我不是文丽回复: 心塞,我也要学PS!
葉丶y回复: 我也想学ps
大雅luckybird回复: 作为一枚大懒虫蛇宝宝拖拉机中的战斗机。。。打死我也不学 PS 嘤嘤嘤
我不是文丽回复:
大雅luckybird 发表于 2016-06-21 10:48
作为一枚大懒虫蛇宝宝拖拉机中的战斗机。。。打死我也不学 PS 嘤嘤嘤

你的前缀真长
我不是文丽回复:

用户1y3e5q0z4s6l回复: 学习了。
胡涂回复: 我还是没看懂。是不是太笨了。
用户1k1w0l7f2j1u回复: 这个好!虽然我不会,哈哈。
肥皂盒Hanmer回复: 感谢分享
wd31415回复: PS用的很巧妙
大刀三丿回复: 终于出来了,我顶!!!
大刀三丿回复: 我后来发现,动图的位置是可以合并后再调整的
就是全选复制过来的图层再 Ctrl+T可以编辑,包括移动

zklm0000回复: 学习了
粉笔涂鸦回复: 厉害!
大豆回复: 懂PS,无敌
jerrycih回复: 炫酷
小东8023T回复: 懂
快乐小强回复: 太强大了。麻拐
青楼回复: PS学完不常用的话,忘得会很快。。。。
xia8410回复:
akun 发表于 2016-6-17 21:38
我看哭了

不哭不哭,站起来撸

xia8410回复:
我不是文丽 发表于 2016-6-17 21:39
心塞,我也要学PS!

来来来,我教你三字经

xia8410回复:
葉丶y 发表于 2016-6-18 17:53
我也想学ps

不用学,哈哈。需要做啥直接提,让别人帮你做

xia8410回复:
大雅luckybird 发表于 2016-6-21 10:48
作为一枚大懒虫蛇宝宝拖拉机中的战斗机。。。打死我也不学 PS 嘤嘤嘤 ...

大神驾到,受小的一拜

xia8410回复:
江小蛤 发表于 2016-6-21 11:28
学习了。

谢顶贴。谢谢

xia8410回复:
江小蛤 发表于 2016-6-21 11:28
学习了。

不敢当。谢谢顶贴啦

xia8410回复:
胡涂 发表于 2016-6-21 11:36
我还是没看懂。是不是太笨了。

大神莫谦虚,不要让你的名字盖过自己的风头

xia8410回复:
13676692808 发表于 2016-6-21 11:36
这个好!虽然我不会,哈哈。

感谢顶贴。

我不是文丽回复:
xia8410 发表于 2016-06-22 17:32
来来来,我教你三字经

说说说!
xia8410回复:
肥皂盒Hanmer 发表于 2016-6-21 11:47
感谢分享

感谢顶贴。肥肥

xia8410回复:
wd31415 发表于 2016-6-21 13:21
PS用的很巧妙

谢啦,欢迎常来论坛看看

xia8410回复:
大刀三丿 发表于 2016-6-21 14:19
我后来发现,动图的位置是可以合并后再调整的
就是全选复制过来的图层再 Ctrl+T可以编辑,包括移动
...

哈哈,是的。有一些小的细节还需要自己发掘。多交流,共同进步!

xia8410回复:
zklm0000 发表于 2016-6-21 17:50
学习了

感谢来访!欢迎常来论坛

xia8410回复:
大豆 发表于 2016-6-21 18:21
懂PS,无敌

谢谢!初学,比较感兴趣。一起学习,共同进步啊

xia8410回复:
jerrycih 发表于 2016-6-21 20:06
炫酷

谢啦!

xia8410回复:
小东8023T 发表于 2016-6-22 04:41

难道你就是那个做机械锤子的?太牛啦

xia8410回复:
快乐小强 发表于 2016-6-22 07:49
太强大了。麻拐

谢啦。常来交流哦

xia8410回复:
青楼 发表于 2016-6-22 08:28
PS学完不常用的话,忘得会很快。。。。

哈哈。是这样的,所以我刚学,还记得一些。一起学起来吧!

葉丶y回复:
xia8410 发表于 2016-06-22 17:33
不用学,哈哈。需要做啥直接提,让别人帮你做

我想自己做

文章TAG:
下一篇