教程内容:
通过蒙版分割图像来营造视觉效果,并使用虚线线段制作路径动效
这个案例元素比较多,但是制作起来都非常简单
主要采用了用蒙版遮盖、透明度以及调整线段虚线的间隙值和角度来完成。
总共需要制作3个画板:
主视觉是通过复制一份背景图片分别做矩形蒙版,通过调整蒙版的大小和左右缩放图片来完成视差效果
其余的线段动画均由调整虚线间隙值来完成
主要添加的交互为时间为0秒的自动动画
点击前往查看→查看视频教程获取源文件
教程内容:
通过蒙版分割图像来营造视觉效果,并使用虚线线段制作路径动效
这个案例元素比较多,但是制作起来都非常简单
主要采用了用蒙版遮盖、透明度以及调整线段虚线的间隙值和角度来完成。
总共需要制作3个画板:
主视觉是通过复制一份背景图片分别做矩形蒙版,通过调整蒙版的大小和左右缩放图片来完成视差效果
其余的线段动画均由调整虚线间隙值来完成
主要添加的交互为时间为0秒的自动动画
点击前往查看→查看视频教程获取源文件