1.在全球顶级设计社区Behance和Dribbble中,类似这样的网页设计展示很常见
2.承载内容的卡片通过投影悬浮起来,元素的动态移动带有明显的时间差
3.这种设计可以在ppt中被很好地借鉴
4.应用到连续内容的演示中。
5.接下来详细讲解一下制作步骤
6.制作思路和关键步骤此设计实现思路为:通过虚化滤镜和布尔运算制作边框,巧妙地为其添加投影效果,排版完成后运用连续平滑,实现上下滚动的视差动画
7.关键步骤如下:1、自由绘制形状,将页面保存为图片后,重新插入回PPT中,应用虚化滤镜,得到渐变效果,减除圆角矩形,得到渐变边框。
8.2、将渐变边框放大,为其添加内阴影,在幻灯片播放时,即呈现出卡片外阴影的效果
9.3、根据卡片大小,完成版式设计,利用渐变素材制作些许点缀
10.4、在相邻页面中连锁式复制需要运动的元素,并移动其位置,建立错落的间距,这对应着不同的运动速度
11.5、通过变化页面外图片的大小,让动画变得更灵动
12.详细操作教程整个设计拆解为5个部分进行讲解,以下为详细操作视频:视频加载中...源文件分享本文源文件已打包,关注头条号【黑白间设计】,点赞此文后,后台私信【网页设计】即可下载
