header_v1.7.40

百度输入法V6.5宣传H5制作过程

1年前发布

原创作品 / UI / 流程/UE
作品版权由Megamind417 解释, 不限制作品用途。 临摹作品,同人作品原型版权归原作者所有。

百度输入法的V6.5宣传是年底前最大规模的市场推广项目,我们想做一个输入法主题的趣味H5宣传,并结合圣诞特殊时期,传播,分享,使更多人看到最新的输入法特效皮肤的特征。

首页场景制作<br>由于主场景是一个娱乐城市主题视觉效果,有两种方式去制作,3D建模和PS绘画风格,在视觉展示和时间成本方面,我们倾向了3D建模,3D建模的优势在于透视准确,风格充满趣味性,更能准确体现输入法的风格,在模型复用方面也更方便,灯光渲染也比较到位,当然模型制作的过程中,也会倾向2D扁平化风格。在雪景制作上,3D制作的场景,结合光感更能展示好雪的视觉感觉。所以我们选择了3D建模去完成主场景。<br>

maya粒子下雪效果<br>三维真实例子模拟与AE粒子选择,对于两种方式的粒子生成,我们分别做了尝试,三维粒子的特点是非常真实,落地会有雪花微微弹跳效果,比较真实,缺点是时间成本较高,测试时间长,复用性差,而且渲染输出的文件比较大,难以压缩。合成之后体验差。<br>AE制作粒子下雪<br>调试时间长,效果比较明显,复用性强,可以直接渲染出体积小的png序列,并且容易做抽帧处理。最终我们选择用AE particular做粒子效果。 <br>

动画制作以及难点<br>动画师会根据视觉设计师提供的视觉效果图和素材,做出相关的小动画,并渲染输出给开发人员。<br><br><br>

剧本创意<br>1.经过多轮的创意碰撞和思考,我们总结出了2-3个合适的方案。最后选用恋爱达人测试方法去贯穿整个故事,结合输入法V6.5五种特技皮肤视觉效果,变成5种卡通娱乐场所,像保卫萝卜皮肤对应超市,每逛一个场所需要答一道题,最终根据答题的分数,推荐相应的输入法皮肤使用。<br>

因为是答题流程的H5,文案比较容易把控,是一些恋爱达人测试的问题,所以我们的原型,文案,视觉整体同步进行。

五种动效皮肤轮流展示问题:<br>以根据已经做好的五种输入法宣传视频为基础,轮流展示视频为目的去制作H5.

<br>

制作流程<br>首先我们进行了几轮脑爆,想出了故事整体的机构,做出了合理的分工。每个设计人员负责擅长的一块,每一块的设计师需要执行上一层设计师的草图,做好画面后,交给下一个设计师继续执行,这是一个很理想的状态。<br>

43
1 2

作品信息

  • 创作时间

    2016/08/22

相关作品 收录收藏夹 TA的主页
百度输入法V6.5宣传H5制作过程
Hello PM 意见反馈
没有新消息

提示文案

提示文案

提示失败
提示成功