PS原创教程聚集地
我们一直在努力~

动态海报制作(多软件交互,让线上宣传更加给力)

P大点S-会PS了不起吗

发过一次 PS+AE 的视频教程后,有朋友说应该多发一些,但是,主要我们还是以PS为主的,或许偶尔会写写,今天分享给大家的是我们以前写过的一个文章,来自P大点S的 Nosix 。

这次能给大家带来的是一个综合教程贴。说它综合,是因为这些动态海报需要利用到一些除Photoshop之外的其他软件来协同办公。静态海报大家平时都在看,动态海报的线上宣传模式也在慢慢流行。相比静态海报,动感十足,设计新颖的幅面和排版,几秒的视觉刺激,远非是平面图片能够比拟的。这里呢,我就领着大家走一个简单的流程,学会了,瞬间高大上。

我们的效果图:(动图大小与幅面的关系,我会在下面提到)

第一张:我爱数学

第二张:蓝色火焰剧社(为什么这张比上一张小这么多?)等我解答哇

这里呢,为了让大家看一个流程,我就选了下面这张“蓝色火焰剧社”来给大家讲述制作流程。

我们可以把动态海报的制作分为3个部分,前两个部分与静态海报一样,只是多了一个动图渲染的一步。

1.字体设计与排版

2.海报主体(动态部分)

3.2次渲染(一次视频,一次GIF)

我们分析这张火焰的动态海报。动态的部分有标题的“蓝色火焰剧社”还有占据整个幅面的燃烧火焰。然后再结合一些动态元素。如进度条,动态圆圈线。再加上静态的logo和英文文字构成。这里动态部分,也就是那段小短片制作。根据我们的需要和自身条件,选择适当的软件来得到我们要的结果。这里楼主选用了AE,因为AE对我来说,就是一个动态PS,撇开里面的3D部分,逻辑和操作与ps没什么太大的差别(能懂一些也是不错的,我有时候会在AE里面给照片调色合成什么的)

这里有关AE的部分,我就尽量跳着讲了。因为毕竟不是每个人都懂这个东西。筒子们只要简单的理解为一个视频制作软件即可,是为了我们海报服务的。

新建合成。这里的码率可以调低一些25就行。

从这张图,可以分析它的构成:

“进度条”元素

火焰视频素材(需要给它调色)

在AE中利用调色命令来进行调色,会ps的同学,这点是一样的。

为了增加海报的设计感,这里我对主题字体重新进行了字体设计。(忽略这里丑到爆的字体设计吧。就几分钟完成的,见谅)这个工作,可以放在PS中,也可以放在CDR,或者AI中。这里我是在AI中完成。

这里要注意一下。动态海报的时长最好保持在5秒以内。这是综合考虑到海报的幅面大小和GIF本身大小。我们做这种动态海报,目的就是在诸如微博,贴吧这种平台投放,超过这个3M的GIF,就有可能挂掉。

这里我控制在7s。

这里的文字。用一个Shine的外挂插件制作。

这是最后一帧的画面截图。

视频做完之后呢。我们用快捷键ctrl+M,导出这个视频,我们选择F4V格式导出。

然后,关闭AE,打开PS。

选择导入-视频帧到图层

如果在AE中做了时长控制。这里就默认点击确定。

不需要动图层面板中的任何东西。

直接点击“存储为web所用格式”

进入到GIF制作界面。这里的浏览模式,最好是选择“双联”,好观察对比。

注意时刻留意图像下面的文件信息。

这里通过调节“颜色”,图像大小来控制文件大小。这里有一个常识,如果动图中每秒像素变化越多,变化越快,GIF的大小就越大。这就解释了。为什么统一级别大小下,我上传的2张GIF图大小为什么差这么多了。

下面是“我爱数学”海报的制作的简略过程和部分单帧截图。每一帧,都可以当一张小的宣传图啦。

最后的碎碎念:

1.这里PS的东西比较少,主要是在带领大家走过这个流程。

2.动态海报的制作。动态部分的制作。是与各个软件结合的点。甚至为了得到质感的3D视频,会把这部分工作放入3DMAX,maya,C4D中等等。AE比较常见(因为结合诸如Element3D,Particular,shine,form等插件,在配上AE自身的特效和与PS高度匹配的调色功能)能胜任日常大部分的效果制作。

3.一张简单的动态海报。这里用到了AE,PS,AI。三款软件。所以,我要时刻提醒自己,做事情要灵活,而且是学无止境的。

4.这是一个引导思维的教程,ps的部分有点少,大家可以试试哦。一些简单操作来制作动画,直接放在ps或者flash都可以的。

赞(4) 支持作者
转载请注明来自:我的灵感创意 » 动态海报制作(多软件交互,让线上宣传更加给力)
分享到: 更多 (0)
P大点S官方公众号

您不说两句? 抢沙发

评论前必须登录!

 

感谢对P大点S的支持

支付宝扫一扫打赏

微信扫一扫打赏