在新媒体时代,动态海报已经是平面设计师必备技能。C4D和AE如今已经变成设计软件的中坚力量,但是对于平面设计来说,这些软件还是门槛太高,那该怎么办呢?今天和大家分享只用PS,就能做出来海报动效!
其实PS的时间轴工具非常强大,而我今天列举4类供大家参考,希望日后同学们可以举一反三,创造出无限可能。
1、利用时间轴做逐帧动画效果
_
逐帧动画是时间轴中最容易实现的效果,不仅操作简单,而且只要运用得当,能给设计加分许多!这个工具的使用,虽然没有技术限制,但是需要我们在设计之前就构思好整体的呈现效果!
_
全世界所有软件时间轴工具都差不多,点开时间轴,左下角有一个“转换为帧动画”,点击这个按钮(已经是的就不要点了),就可以进入和上图一样的模式!那么动效具体怎么实现呢,很简单!
Step1设置独立图层
首选,将需要独立呈现的动效分开不同图层,不需要的操作的图层可以群组以便选择!
_
Step2设置每帧画面
然后单独操作不同的帧,隐藏掉不需要现实的图层,就可以让画面动起来了!
_
这个方法,可以运用在很多不同场景中,不仅仅是一张海报,在品牌设计中,优秀合理的动效也是加分项!
_
在卓叔馆这个项目中,我们将动效加入到LOGO中,创造由瘦弱一步步变强壮的身体变化,完美契合卓叔馆瘦人增肌的核心理念,简单的动效在经过思考的结合后,被赋予了更多含义!
2、利用视频时间轴,做多动画效果
很多时间我们可以找一些动态素材,如果我们有多个动效,并且希望它们再同一个画面中动起来,要如何处理呢?
_
视频时间轴工具是PS中时间轴的另一个用法,它可以同时处理多个动态效果,点击右下角的“转换为视频时间轴”即可进入界面,在这个界面中,我们可以将编排好的图层独立处理。
Step1准备动态元素
_
先准备好动态元素,我们可以在PS中先处理好这些动效,帧数,背景等等,其中最重要的一步,一定要把GIF动图里的所有图层群组!之后直接将整个群组拖进画面中!
_
Step2调整动态元素
在视频轴工具中,画面本来的静态部分,会显示紫色,这部分可以修改时间长短,直接被导入的动态则会显示灰色,不可以修改时间长短!为了保证每个图层视频轴工具的显示长度保持一致,我们需要让每一个导入的动图的帧数都一样长!
_
最后只需要调整细节,就大功告成了,各位童鞋们可以自由发挥,将不同的组合加入到画面中来!
_
在这张海报中,我们将视频轴工具和逐帧动画混合起来使用,也可以达到同样酷炫的效果!
3、利用关键帧,做变化动态效果
_
视频时间轴工具同时也支持类似AE关键帧工具,可以通过设置关键帧创造各种各样的变化效果,这个功能可操作度更高,实现的效果也更加复杂!
_
关键帧会自动生成两个关键帧之间的动画,比起逐帧动画,能更高效的产生复杂的画面,接下来以上面的海报为例,为大家详解如何制作!
Step1整理图层
将海报中固定好的画面排布在画面中,并群组好不需要的图层,以免混乱!
_
Step2创造圆形素材
创造4个相同大小的圆形,用来创造剪切蒙版效果,两个红色,两个蓝色。
_
Step3转换智能对象
由于关键帧只能识别智能对象的大小变化,所以我们需要将这个圆形分别转换为智能对象。
_
Step4剪切蒙版
剪切蒙版这四个圆形,一蓝一红为一组,两个剪切蒙版到蓝色的背景中,两个剪切蒙版到红色的波点中。
_
Step5设置关键帧
将四个圆形居中对齐,并出画布,放在左下角,接下来重点来了,选中要编辑的圆形,在时间轴工具中点击这个图层的下拉菜单,在变化的旁边,有一个时钟的按钮,点击这个按钮,就可以设置变化关键帧了!
_
拖动指针,制定出下一个关键帧的位置,点击时钟旁边的菱形按钮,就可以定出下一个关键帧了,放大圆形,PS会自动生成两个形状之间的动态。
_
再用相同的方法设置其他三个圆形,就可以得到自己想要的效果啦!
这个方法不仅支持大小变化,还有位置,透明底等变量,多多常识,可以设计出很多意想不到的效果!
4、利用Imagemotion插件做动态图片效果
_
最后给大家介绍一个PS插件神器,时间轴已经满足不了你的话,那就用这个试试吧!Imagemotion插件是一款图片流动循环特效PS插件,它能够为静态照片添加动态效果,让你的图像看起来更加生动,需要注意的一点是,这个插件仅支持英文版PS。
_
Step1转换图层为可编辑
具体该怎么使用呢,首先,我们创造好要用的元素,点击左上角的工具箱按钮,确定,再点击ImageAnimations的第一个按钮,再确定。
_
Step2选出运动区域
点击第一排的按钮中最后一个,笔刷按钮,刷出你需要运动的区域
_
Step3设置动画关键帧
点击ImageAnimations的第二个按钮,它会扣除你话的区域,并提示你先拉出动画结尾的画面区域,拉好后双击!
_
再拉出动画开头的画面区域!
_
Step4调整细节
两个画面结合,就会生成动态效果了!当然,如果要整体全部动起来,还需要一点点处理细节,精雕细琢,最后才能形成酷炫的动态效果哦
ps怎么做动态图片？简而言之:创建/打开文件--开启【时间抽】窗口--【创建帧动画】--设计各帧显示/隐藏的图层、设置帧属性--做好想要的效果后--【文件】--【存储为Web所用格式】--默认存储为gif格式--【存储】即可
ps动态海报可以一个一个的平移吗设计动态移动透镜创意海报图片的PS教程
语阳平面设计
2019-2-1309:40
本教程主要使用Photoshop设计透镜主题风格的宣传海报,虽然说是一款海报教程,但是我们主要是学习这一项制作方法,教程会用到时间轴来完成,整个教程比较简单,同学们一起来学习一下吧。
本篇教程通过PS来制作一款透镜效果的海报,具体什么是透镜呢?卖个小关子,只要同学们通过教程来练习就可以知道了,叫同学们学习还真是操碎心呢,虽然说是一款海报教程,但是我们主要是学习这一项制作方法,教程会用到时间轴来完成,整个教程比较简单,同学们一起来学习一下吧。
效果图:
操作步骤:首先,打开ps,新建一张黄色画布:
先大致制作一张海报,并排好版。因为制作海报不是今天教程的主要内容,所以我就一笔带过:
将所有图层编组,并命名为“底”:
复制一份组“底”图层,得到“底拷贝”图层,并将“底拷贝”图层的所有内容颜色更换为白色,并适当调整内容大小。别问我为什么要这样做,后面你就知道了,如图所示:
在两个组图层中间,绘制一个圆:
将图层“底拷贝”和圆图层转换为智能对象:
选择“底拷贝”,右键图层,选择“创建剪贴蒙版”:
这时你就可以看到神奇的现象。随意拖动圆形,可以看到透镜效果就完成了:
现在我们要让它动起来,执行窗口—时间轴:
选择“创建视频时间轴”:
点击圆形图层的下拉菜单,点击变换前的时间码表,如图:
将圆形和光标放置到初始位置:
将光标移动到05f的位置,再次移动圆形的位置
同样的方法,在10f、15f、20f......也对圆形做移动、缩放等变换
如果做完以后,对时间轴的速度把控的不是很满意,还可以通过拖动下方时间点调整:
效果满意了,执行文件—导出—存储为web所用格式:
相信同学们都已经学会了呢,只要肯动手,没有什么可以难倒我们的,一起努力吧。
导出看看效果吧:
本教程来源于网络,不做商业用途,仅学习交流使用,如果有涉及到版权问题,请及时联系删除!!!(小编分享只为自己和大家学习所用!越努力,越幸运!)
搜索
ps调整乳房
用word做事件时间轴
电商美工设计100课
ps两张照片一张海报
时间轴设计思路
如何用ps做一张海报