海报翻页效果怎么做?用平面设计做翻书效果图制作步骤

如题所述

第1个回答  2023-06-28
我看到朋友圈里很多创意海报,还可以滑动翻页的,请问这类创意海报是怎么做的,有教程吗?

一、首先,这种可以翻页并可以合成图片的链接是H5,当然你看到的也可能是一张图片上放了一张二维码,本质上是一些网页,用代码完成了一些合成海报的功能交互。

这种H5常见的就是网易出品的一些H5,可以在微信朋友圈搜索如《网易睡姿大比拼》H5,《创造我的草莓音乐节》H5,《你的哲学气质》H5等,这些很常见,也好理解。

这一类H5统称为“合成海报”H5。

二、其次,因为H5是一页一页的,可以做成滑动翻页式的。

三、最后,关于如何制作这一类H5,我这边知道的是意派Epub360可以做,暂时是免费功能。

如果需要详细的直接在百度搜索_截屏组件教程_即可。

教程如下:

有了“截屏”组件,就可以将H5页面内容合成图片,用于:

制作个性化邀请函

单页海报

游戏获奖证书

照片拼图......

将“截屏”图片分享,相比较于缩略图配合文案的形式,也更直观、内容也更丰富。

一、设置方法

1.在页面中放好图片、段落、组件,这些都是需要放到合成图片中的

2.点击添加截屏组件

3.将页面内图片/段落组件添加到“截屏”组件中:

4._砑右恍┨崾居没Р僮鞯奶崾居锖桶磁ィㄕ飧隹梢愿葑约旱男枰矗

5.案例里,是给“完成”按钮添加了点击触发器,触发“截屏”_来合成图片

6.直接在当前页显示截图

关键点:截屏组件/一张要替换的图片(该图片右侧面板勾选初始隐藏)

尺寸建议跟截屏组件的截屏区域一致,如果没有勾选截屏区域,默认截屏区域是画布尺寸内框。

一般如图设置

截屏关联到要替换的图片,截屏成功后触发——图片显示。

7.合成后的图片如何保存下来?

一定要给最终用来显示的图片组件(也就是那张用来替换的图片),勾选“二维码识别”,这样才可以长按后弹出菜单进行保存或转发。

8.合成图片的尺寸规格

一定要有一个底图,这个底图建议设计尺寸为:740x1136px

最终合成好的图片取画布内框尺寸:640x960px

用平面设计做翻书效果图制作步骤

1、先把四张素材照片放到同一个文件里,这里用小狗四张照片。

2、把第一个图层复制一个拖到最下面。

3、把前四个图层分别建立一个组。

4、将第一个图层复制再次,先处理第一个副本图层,点击“编辑”-“变换”-“变形”,拖动鼠标制作第一下翻页的效果。

5、再处理第二个副本图层,还是用变形工具,制作第二次的翻页效果。

6、就这样,对其它三个照片的图层也是这样处理。

点击“窗口”-“时间轴”调出帧编辑器。

7、在第一帧里把所有用过变形工具的图层全部点掉使它们不可见。

在第二帧里把第一次变形的图层点亮。

8、在第三帧里把第二次变形的图层点亮,第一次变形的点掉。

在第四帧里把第一组的图层点掉。

这样就做出照片翻页翻出下一张照片的效果了。

9、把所以照片都“翻页”了之后,全选全部帧,把播放延迟时间设置为0.1秒。

10、把没有变形图层显示的图层的播放延迟时间设置为2秒,这好让人有时间看照片。

11、设置播放循环模式为“永远”。

12、最后就是保存了,点击“文件”-“存储为WEB所用格式”。

13、这个就是自己做的效果图,怎么样,小狗很可爱吧。

翻页动画怎么做可按以下步骤操作1、先打开PPT,然后用矩形工具左侧画一个矩形,选中复制后再粘贴放置在刚才矩形的右侧。

2、选中右边矩形,点击选择自定义动画,然后依次选择“添加效果→退出→其他效果→层叠”。

3、然后设置层叠的效果,把“方向”改为“到左侧”。

4、再选中左侧矩形,然后依次单击“添加效果→进入→其他效果→伸展”。

5、然后设置伸展的效果,将“开始”设置为“之后”,把“方向”改为“自右侧”。

logo设计

创造品牌价值

¥500元起

APP开发

量身定制,源码交付

¥2000元起

商标注册

一个好品牌从商标开始

¥1480元起

公司注册

注册公司全程代办

¥0元起

    官方电话官方服务
      官方网站八戒财税知识产权八戒服务商企业需求数字市场
相似回答