学生教材网 >电脑教程 > 网页设计 > HTML5 > 浏览文章

一个还不错的H5是怎么产生的?[页4]

来源:网络编辑:佚名时间:2015-12-05人气:

热奇网,木已成舟下一句,武林外传名震京师

  粽子形象弄出了之后,下面开始设计蒸粽子的场景。

挖掘创作背后故事!《活蒸大粽子》,一个还不错的H5是怎么产生的?

  这。。。这个原型图。。。现在看起来。。。画的像一坨金山。。。不过不要在乎这些细节。这里我考验一下大家,根据这个原型图如何来设计一个酷炫叼炸天的主视觉?比如下面?

挖掘创作背后故事!《活蒸大粽子》,一个还不错的H5是怎么产生的?

  是吧?好像看起来也不错呢!但是,按照原型图上直接设计出来,这和按钮上面加一道光有什么区别?说好的狂拽酷炫叼炸天呢?也许我们可以自己头脑风暴一下。蒸!蒸!蒸!蒸功夫?杭州小笼包!?在此省略N步。

  蒸汽朋克风格应该挺不错的,找参考看看!好像有戏。感觉端午节终于可以安心回家吃粽子了,想想还有点小激动呢。

挖掘创作背后故事!《活蒸大粽子》,一个还不错的H5是怎么产生的?

  参考也看了,开始构思吧。作为一个人们口中所谓的大神中的大神,呵呵呵呵,我是不会告诉你我的十多年浸淫的手绘水平是这样的。

挖掘创作背后故事!《活蒸大粽子》,一个还不错的H5是怎么产生的?

  听说这种手绘会掉粉,我就呵呵了。我用的可是24b的铅笔呢,又不是粉笔,怎么会掉粉呢。

  构思图都出来了,收集各种素材,放到Photoshop里面各种啪啪啪,主视觉就完成了。

  四、成果展示

挖掘创作背后故事!《活蒸大粽子》,一个还不错的H5是怎么产生的?

  案例详情:http://www.digitaling.com/projects/16067.html

  扫描二维码,立即体验!

  (数英APP手机用户,需点击放大二维码后,长按识别)

挖掘创作背后故事!《活蒸大粽子》,一个还不错的H5是怎么产生的?
挖掘创作背后故事!《活蒸大粽子》,一个还不错的H5是怎么产生的?

  做了一大堆动效,loading的动态,蒸汽的喷射,灯笼的摇摆,老电影的效果。。。慢着,微信没办法直接转发,还得做个右上角的指示动画,每个地方都要求细致,导入AE中,继续啪啪啪。

挖掘创作背后故事!《活蒸大粽子》,一个还不错的H5是怎么产生的?

  动图展示:

挖掘创作背后故事!《活蒸大粽子》,一个还不错的H5是怎么产生的?
挖掘创作背后故事!《活蒸大粽子》,一个还不错的H5是怎么产生的?
挖掘创作背后故事!《活蒸大粽子》,一个还不错的H5是怎么产生的?

H5奢侈的“跑步”,你被营销了没?

案例1、跑步,是一场和自己的恋爱

热门推荐