如何利用photoshop制作GIF动画图片

  • 2017-01-23 20:51:52
  • 2,753 次阅读
  • 稿源:天马行空

在网页中我门经常会看到一些带有动画效果的图片,比如一些文字动画效果的图片广告,这些图片有可能就是用ps制作的gif图片。下面介绍一些photoshop制作gif图片的过程。

操作步骤:

①按键盘上的printscreen或者ctrl+alt+a可以截屏;

②在photoshop中新建文件,粘贴,选取,裁剪;

③在图层中分别新建3个分组为组1,组2,组3,为创建3个动画状态做准备;

newGroup

 

④在组1中拖入一张图片,并调整图像大小到合适位置;

⑤将组1中的图像隐藏;

⑥.在组2中输入文字,并把字体设置为合适的大小;

在分组二里写文字

⑦给组2中字体添加样式:渐变叠加(背景漏空),设置描边1px,颜色设置为白色,设置投影距离为2px,大小为2px;

⑧在组3中新建1个图层,用文字工具创建文字,输入QQ或者网址等;

分组三新建图层并输入文字

⑨给组3中的字体添加样式(样式面板);

⑩.在窗口里打开动画面板,通过新建帧分别显示不同的图层,其中有1帧,再新建1帧;

⑴隐藏组1中的图层;

⑵显示组2中的图层,新建帧3;

⑶隐藏组2中的图层,显示组3中的图层。

⑷必要时添加运动动画,只要拖动位置,再创建补间动画即可;

⑸调节各帧停留的时间。

创建动画

⑹动画存储形式如下图:

动画存储形式

⑺动画保存格式如下图:

keepFormat

 

⑻动画最终效果:

finalEffect

喜欢 0

文章评论 (0)

表情

大眼 可爱 大笑 坏笑 害羞 发怒 折磨 快哭了 大哭 白眼 晕 流汗 困 腼腆 惊讶 憨笑 色 得意 骷髅 囧 睡觉 眨眼 亲亲 疑问 闭嘴 难过 淡定 抗议 鄙视 猪头