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