1. 首页
  2. 中级教程

photoshop制作溶解渐显动画效果

效果图:


photoshop制作溶解渐显动画效果


具体步骤:

1、打开素材


photoshop制作溶解渐显动画效果


2.新建图层,然后点击渐变工具,再点击上边红框,出现编辑器。如图


photoshop制作溶解渐显动画效果


3、编辑器内容设置,先点击上边红框的白色到透明渐变,然后分别双击下边红框中的两个箭头,都调成纯白色。


photoshop制作溶解渐显动画效果


4、选中图层1.在画布按住shift键从右往左拉一个白色渐变。↓、大概下面箭头所示那么长。(这个看个人喜欢。)


photoshop制作溶解渐显动画效果


5、图层混合模式选择为:溶解。


photoshop制作溶解渐显动画效果


6、把图层1先移到左边画布之外。这一步只看文字可能会看不明白,操作一下就会明白的。(注意:要刚刚好到边缘的位置哦~).


photoshop制作溶解渐显动画效果


7、新建图层。填充为白色


photoshop制作溶解渐显动画效果


8、打开动画面板。(窗口-动画/时间轴)

新建帧、然后选中图层1和图层2.拉到右边画布之外。(同上,要拖到边缘处)


photoshop制作溶解渐显动画效果


9、添加过渡帧。如图,点击红框处,帧数可自己调节


photoshop制作溶解渐显动画效果


10、如图,调节第42针时间为1s,其余皆为无延迟。然后将一次改为永远。


photoshop制作溶解渐显动画效果


11、文件——储存为web和设备所用格式,保存为gif格式即可。

欢迎大家通过新浪官方微博@三人行PS学堂网 来提交作品参与互动。

原创文章,作者:若小夏Summer,如若转载,请注明出处:https://www.ren3.cn/2983.htm

发表评论

电子邮件地址不会被公开。

评论列表(4条)

  • 二逼加傻子
    二逼加傻子 2013年7月13日 下午9:01

    话说第七八步我就看不懂了。。。。。。。。 ❗ ❗ ❗

    • 铁木珍
      铁木珍 回复 二逼加傻子 2013年7月15日 下午1:54

      出现这种情况可以先从基础学起,在中级教程下有一套动画教程,可以先学习动画方面的基础

  • 麦兜
    麦兜 2013年11月19日 下午2:40

    第一帧的时候,是图层1在图层2的左边,就是第二帧的时候,是把图层1跟图层2同时拉到右边的

  • 大仪
    大仪 2014年3月23日 下午3:38

    第六步,拖不到。。。 🙁

联系我们

181-7282-8533

在线咨询:点击这里给我发消息

邮件:154526627@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code