PS动画教学:创作手机图片循环滚动动画效果photoshop教程

PS动画教学:创作手机图片循环滚动动画效果photoshop教程

PS动画教学:创作手机图片循环滚动动画效果-photoshop教程

ps动画,动画教程,教程,PS教程,PS

先看看处理后效果

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图我的爱 · 创-WODEAI.NET|3D打印机创意智造

一:导入三张图片。

注意他们的顺序,其中有一个是背景,有一个是手机,第三个是要循环播放的图片。注意图片可以自己做,要做成我做这样的就可以了。

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图1我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图2我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图3我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图4我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图5我的爱 · 创-WODEAI.NET|3D打印机创意智造

二:建立蒙版图层

我们要在手机屏幕处建立剪贴蒙版,所以要做一个。选择一个区域,并且创建一个图层,如下

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图6我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图7我的爱 · 创-WODEAI.NET|3D打印机创意智造

任意填充一个颜色

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图8我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图9我的爱 · 创-WODEAI.NET|3D打印机创意智造

取消选区

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图10我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图11我的爱 · 创-WODEAI.NET|3D打印机创意智造

调整图层顺序,如下

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图12我的爱 · 创-WODEAI.NET|3D打印机创意智造

三:建立剪贴蒙版

建立剪贴蒙版,并且调整图片的位置,正好在手机中央

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图13我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图14我的爱 · 创-WODEAI.NET|3D打印机创意智造

四:动画创作

点击窗口—时间轴,如下

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图15我的爱 · 创-WODEAI.NET|3D打印机创意智造

复制三个(右下角有一个复制按钮),将时间都改为0.1秒

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图16我的爱 · 创-WODEAI.NET|3D打印机创意智造

选中中间的图,如下

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图17我的爱 · 创-WODEAI.NET|3D打印机创意智造

选中图层1234,及最上面的蒙版图层

用鼠标平移,更换画面,如下

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图18我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图19我的爱 · 创-WODEAI.NET|3D打印机创意智造

同样选中第三个画面,平移画面如下

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图20我的爱 · 创-WODEAI.NET|3D打印机创意智造

五:添加过渡

选中中间,

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图21我的爱 · 创-WODEAI.NET|3D打印机创意智造

添加如下

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图22我的爱 · 创-WODEAI.NET|3D打印机创意智造

选中第三

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图23我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图24我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图25我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图26我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图27我的爱 · 创-WODEAI.NET|3D打印机创意智造

六:保存

保存为web格式

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图28我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图29我的爱 · 创-WODEAI.NET|3D打印机创意智造

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图30我的爱 · 创-WODEAI.NET|3D打印机创意智造

大功告成。

PS动画教学:创作手机图片循环滚动动画效果photoshop教程插图31我的爱 · 创-WODEAI.NET|3D打印机创意智造

常见问题
疑难问题可以发起提问
通过导航菜单中的,创客问答-问题发布,进行提问,让更多的朋友看到并回答你的问题。
分享模型或FDM用机技术
可以通过,创客问答-技术分享,发布你的模型或技术知识,获得更多朋友的支持和点赞。
造机工坊分享机器图纸与固件
想制作同款FDM打印机的朋友,可以通过这个栏目下载机器设计图纸,BOM表单,源码固件等等,自行安装3D打印机了。
分享知识内容不收费!!!
本站始于爱好,止于收费,本站下载内容都不收费,感谢您的访问!
原文链接:https://www.wodeai.net/682662.html,转载请注明出处。如有侵权请联系邮箱:lianzhi0000#163.com (#=@) 删除,谢谢!
0
分享海报

评论0

请先
没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码