首页 > 软件专区 > ps教程 >

Photoshop如何制作动画图片

来源:互联网 2023-02-21 18:50:35 152

制作动画的方法和软件很多,有些软件比较的专业,可以制作十分漂亮的动画图片。而如果我们只需要简单的图片动画时,该如何在PS中处理好图片后直接制作动画呢?THS办公区 - 实用经验教程分享!

Photoshop如何制作动画图片?THS办公区 - 实用经验教程分享!

工具/原料

  • P>PhotoshopBR>/P>
  • P>图片BR>/P>

制作步骤

  • 1

    首先在photoshop中打开图片jingyan,这里以百度经验9月份活动图片为例:THS办公区 - 实用经验教程分享!

    Photoshop如何制作动画图片?THS办公区 - 实用经验教程分享!

  • 2

    打开图层面板,新建一空白图层1:THS办公区 - 实用经验教程分享!

    THS办公区 - 实用经验教程分享!

    Photoshop如何制作动画图片?THS办公区 - 实用经验教程分享!

  • 3

    为了制作和简单,前将前、后背景色都改为白色:THS办公区 - 实用经验教程分享!

    THS办公区 - 实用经验教程分享!

    Photoshop如何制作动画图片?THS办公区 - 实用经验教程分享!

  • 4

    再单击工具箱中的“渐变工具”,再选用过渡渐变:THS办公区 - 实用经验教程分享!

    Photoshop如何制作动画图片?THS办公区 - 实用经验教程分享!

  • 5

    从弹出的窗口中,选择并设置前后透明的“透明-白色-透明”的过渡渐变效果:THS办公区 - 实用经验教程分享!

    THS办公区 - 实用经验教程分享!

    Photoshop如何制作动画图片?THS办公区 - 实用经验教程分享!

  • 6

    然后在新建的图层1中从左往右拖动鼠标,拉出一个小的白色渐变效果:THS办公区 - 实用经验教程分享!

    THS办公区 - 实用经验教程分享!

    Photoshop如何制作动画图片?THS办公区 - 实用经验教程分享!

  • 7

    再复制多个图层1,这里复制了3个。按住ALT键拖动图层1可快速复制:THS办公区 - 实用经验教程分享!

    Photoshop如何制作动画图片?THS办公区 - 实用经验教程分享!

  • 8

    然后分别将各个图层从左上往右间隔摆放好:THS办公区 - 实用经验教程分享!

    THS办公区 - 实用经验教程分享!

    Photoshop如何制作动画图片?THS办公区 - 实用经验教程分享!

  • 8该信息未经许可获取自百度经验
  • 9

    摆放好的效果好下图,我建立一黑色图层放在渐变图层之下以便看得清楚摆放的效果:THS办公区 - 实用经验教程分享!

    THS办公区 - 实用经验教程分享!

    Photoshop如何制作动画图片?THS办公区 - 实用经验教程分享!

  • 10

    然后单击窗口最下面的“动画”标签,弹出“动画”面板,单击“复制所选帧”按钮,并取消除底层“jingyan”图层外的所有图层前面的小眼睛,也就是所有的渐变效果图层:THS办公区 - 实用经验教程分享!

    Photoshop如何制作动画图片?THS办公区 - 实用经验教程分享!

  • 11

    继续单击“复制所选帧”按钮,勾选“图层1”图层前的小眼睛,取消其它渐变效果图层前面的小眼睛;THS办公区 - 实用经验教程分享!

    Photoshop如何制作动画图片?THS办公区 - 实用经验教程分享!

  • 12

    同样的,根据渐变效果图层的数量建立多个帧层,并勾选相应渐变效果图层的小眼睛,取消其它渐变效果图层前面的小眼睛:THS办公区 - 实用经验教程分享!

    THS办公区 - 实用经验教程分享!

    Photoshop如何制作动画图片?THS办公区 - 实用经验教程分享!

  • 13

    完成后,我们可以单击下面的“播放”按钮预览效果;THS办公区 - 实用经验教程分享!

  • 14

    最后,我们单击“文件”菜单,选择“存储为Web和设备所用的格式”命令:THS办公区 - 实用经验教程分享!

    Photoshop如何制作动画图片?THS办公区 - 实用经验教程分享!

  • 15

    在弹出的窗口中选择格式为“Gif”,再单击“存储”即可。THS办公区 - 实用经验教程分享!

    THS办公区 - 实用经验教程分享!

    Photoshop如何制作动画图片?THS办公区 - 实用经验教程分享!

  • 注意事项

    • 重新编辑没有动画了。移步再看一个动画:http://xiangce.baidu.com/picture/detail/de1fd9dc6e00be2fb62d77aa8c30199525f2b12b

      THS办公区 - 实用经验教程分享!

      THS办公区 - 实用经验教程分享!

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!THS办公区 - 实用经验教程分享!


    标签: PHOTOSHOP

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码