• 首页Portal
  • 官网
  • 最新
  • 易企秀学院
  • 分类
关闭
回复
广告中动感、凉爽的海洋都是怎么制作出来的 分享 分享 收藏收藏 2 点赞点赞 1
  • 易企秀   2016-08-12 13:54:43
  • [复制链接]
  • 5724    2
  • 先来看看实例
    场景中所有文字均可随意编辑;
    场景中所有图片均可右键编辑替换;
    本场景非常适合夏季促销、娱乐等行业用

    制作分步骤讲解:
    1、第一页页面上方可放企业logo,主题“缤纷假日 冰爽一夏”范用性很广,文字做了弹入动画,动画时间不要太长否则显得很幼稚。并且文字下方的冰块做了抖动的动画用来配合主题弹入的效果,给人一种物体坠落下方震动的感觉。
    1_副本.png

    2、(1)第二页用海底做背景,呼应第一页的海面。本页中图片边框取自 DM(`9%Bj_)EVA8QD10[4H.png
    里的“相框”,自己去找啦,里面很多样式~边框修改颜色,将图片放置于边框下方就形成现在所看到的边框图片啦!挪开边框就可以替换图片。
    2.1_副本.png


    (2)下方主题文字为了更加突显,所以做了两层,底层白色,上面蓝色文字稍加移动有点白色边框的意思。
    2.2_副本.png

    (3)亮点在海底气泡上,气泡是png素材,放置于场景底部,做了上滑并且循环的动画效果,看起来就好像海底一直有气泡冒出一样~
    2.3_副本.png

    3、第三页中不同的是图片排列方式,图片背后的白色边框同样取自形状库,详情见下图。修改颜色使用即可。
    3_副本.png
    4、第4页是一个图集功能

    4.1_副本.png

    这里需要说明的一个小技巧,当我们把图集中的自动切换关掉的时候,在手机上预览这个图集就可以用手滑动来观看里面的图片,为了让用户看起来更直观我们可以在图集左右两侧做个箭头按钮,提示可以手动滑动图片查看。本场景我没有这么做,大家可以自己尝试一下。

    4.2_副本.png
    5、第5页图片以圆形排列,调整图片弧度添加边框即可,同样可以右键编辑即可替换图片。
    5_副本.png


    6、最后一页表单,用于收集用户信息。需要注意的是表单也可以做下拉列表的~具体流程看图按照箭头指示即可明白~
    6_副本.png


    套用样例模板,戳这里

    推荐阅读:
  • 最新评论
  • 添加评论
  • ex1051812044318
    广告中动感、凉爽的海洋都是怎么制作出来的?
    发表于 2016-12-26 18:27:23 点赞 点赞 回复 回复
  • eqs107121632171
    很赞,向高手学习啦
    发表于 2016-12-1 13:37:29 点赞 点赞 回复 回复
    快速回复 返回顶部 !pub_help!