栏目分类:
您现在的位置:首页>教程中心>photoshop教程

Photoshop制作手机图片循环滚动动画效果教程

来源:网络收集 作者:小刘 时间:2021-01-10 10:32:29热度:字号:
Photoshop制作手机图片循环滚动动画效果

任意填充一个颜色wTa西部素材网

Photoshop制作手机图片循环滚动动画效果wTa西部素材网

Photoshop制作手机图片循环滚动动画效果wTa西部素材网

取消选区wTa西部素材网

Photoshop制作手机图片循环滚动动画效果wTa西部素材网

Photoshop制作手机图片循环滚动动画效果wTa西部素材网

调整图层顺序,如下wTa西部素材网

Photoshop制作手机图片循环滚动动画效果wTa西部素材网

三:建立剪贴蒙版wTa西部素材网

建立剪贴蒙版,并且调整图片的位置,正好在手机中央wTa西部素材网

Photoshop制作手机图片循环滚动动画效果wTa西部素材网

Photoshop制作手机图片循环滚动动画效果wTa西部素材网

四:动画制作wTa西部素材网

点击窗口---时间轴,如下wTa西部素材网

Photoshop制作手机图片循环滚动动画效果wTa西部素材网

复制三个(右下角有一个复制按钮),将时间都改为0.1秒wTa西部素材网

Photoshop制作手机图片循环滚动动画效果wTa西部素材网

选中中间的图,如下wTa西部素材网

Photoshop制作手机图片循环滚动动画效果wTa西部素材网

选中图层1234,及最上面的蒙版图层wTa西部素材网

用鼠标平移,更换画面,如下wTa西部素材网

Photoshop制作手机图片循环滚动动画效果wTa西部素材网

Photoshop制作手机图片循环滚动动画效果wTa西部素材网

同样选中第三个画面,平移画面如下wTa西部素材网

Photoshop制作手机图片循环滚动动画效果wTa西部素材网

五:添加过渡wTa西部素材网

选中中间,wTa西部素材网

Photoshop制作手机图片循环滚动动画效果wTa西部素材网

添加如下wTa西部素材网

Photoshop制作手机图片循环滚动动画效果wTa西部素材网

选中第三wTa西部素材网

Photoshop制作手机图片循环滚动动画效果wTa西部素材网

Photoshop制作手机图片循环滚动动画效果wTa西部素材网

最后将帧1,52,103改为2秒,目的是在图片到底后有一个停留wTa西部素材网

Photoshop制作手机图片循环滚动动画效果wTa西部素材网

Photoshop制作手机图片循环滚动动画效果wTa西部素材网

Photoshop制作手机图片循环滚动动画效果wTa西部素材网

六:保存wTa西部素材网

保存为web格式wTa西部素材网

Photoshop制作手机图片循环滚动动画效果wTa西部素材网

Photoshop制作手机图片循环滚动动画效果wTa西部素材网

Photoshop制作手机图片循环滚动动画效果wTa西部素材网

大功告成。wTa西部素材网

Photoshop制作手机图片循环滚动动画效果wTa西部素材网

关键词:Photoshop教程
点击咨询
周一至周五9:00-18:00