当前位置:首页>ps入门教程>动图教程>动画教程>教程内容

动态图片,在PS中制作滚屏动画效果(2)

来源:公众号 作者:hh吃饭 学习:9063人次

动态图片,在PS中制作滚屏动画效果_www.16xx8.com

步骤5:将两张图片不透明度调到100%,执行【窗口】-【时间轴】,点击创建帧动画,如图:

动态图片,在PS中制作滚屏动画效果_www.16xx8.com

步骤6:鼠标放在形状一和图片图层中间,按住Alt,出现向下的箭头时再点击一下鼠标,创建剪贴蒙版http://www.16xx8.com/tags/38847/,然后再把鼠标放在两图片图层中间,按住Alt,出现向下的箭头时再点击一下鼠标,创建剪贴蒙版http://www.16xx8.com/tags/38848/,选择第1帧动画,再点击下方图标复制1帧,再选中第1帧动画,把第1张图片里的人像放在形状一中间,如图:

动态图片,在PS中制作滚屏动画效果_www.16xx8.com

步骤7:选中第2帧动画,按Shift,将图片往上拉,把第2张图片里的人像放在线框的正中,如图:

动态图片,在PS中制作滚屏动画效果_www.16xx8.com

步骤8:选中第2帧动画,点击创建过渡帧,设置参数,过渡方式选“上一帧”,要添加的帧数设“10”,图层勾选“所有图层”,参数里“位置”、“不透明度”、“效果”全选,然后点确定,如图:

动态图片,在PS中制作滚屏动画效果_www.16xx8.com

步骤9:循环次数选永远,点击第1帧,按住Shift,再点击最后一帧,全选所有帧,点击秒数处,设置为0.1秒,如图:

动态图片,在PS中制作滚屏动画效果_www.16xx8.com

效果图:执行【文件】-【导出】-【存储为Web所用的格式(旧版)…】,预设选“GIF 128 仿色”,颜色选256,如果文件太大,还可以将图像大小下的“W”改为900,如果文件还是太大,那么可以将损耗改为10,导出来的效果如图:

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序

关注大神微博加入>>

网友求助,请回答!