当前位置:首页 > PS教程 > 网页设计

PS网页GIF动画广告设计

  • 2022-12-24 19:35:09
  • 来源/作者:互联网/佚名
  • 己被围观

ps教程新春大礼包——18章巨献 作者:薛欣姚辉 12.3精彩实例 12.3.1网页GIF动画设计 下面我们就来通过一个实例讲解一下GIF动画的制作过程。 1.首先我们启动ps,选择【文件】,【新建】如图12-3-1所示。再弹出的【新建】对话框中,我们输入它的名称以及画布的宽和高。如

PS教程大礼包-第12章网页设计中的应用(三)

12.3精彩实例

12.3.1网页GIF动画设计

PS教程大礼包-第12章网页设计中的应用(三)

PS教程大礼包-第12章网页设计中的应用(三)

下面我们就来通过一个实例讲解一下GIF动画的制作过程。

1.首先我们启动ps,选择【文件】,【新建】如图12-3-1所示。再弹出的【新建】对话框中,我们输入它的名称以及画布的宽和高。如图12-3-2所示。设置完成后,我们点确定。

PS教程大礼包-第12章网页设计中的应用(三)

图12-3-1

PS教程大礼包-第12章网页设计中的应用(三)

图12-3-2

2.接下来,我们打开一些JPG的图片,如图12-3-3所示。

PS教程大礼包-第12章网页设计中的应用(三)

图12-3-3

3.我们将这些图片分为多个图层合在我们刚刚新建的图像上。然后对它们的大小进行调整。调整后效果如图12-3-4所示。

PS教程大礼包-第12章网页设计中的应用(三)

图12-3-4

4.我们再打开两张图片,也将其合并在一个图像内。这时图层样式如图12-3-5所示。

PS教程大礼包-第12章网页设计中的应用(三)

图12-3-5

5.准备工作做完,我们就要开始创建动画效果了。创建动画非常的简单,我们选择【窗口】,【动画】,这时就打开了动画面板。如图12-3-6所示。

PS教程大礼包-第12章网页设计中的应用(三)

图12-3-6

6.由于我们现在有3个图层,因此我们可以在动画面板中创建3个动画帧。我们单击PS教程大礼包-第12章网页设计中的应用(三)按钮。创建后效果如图12-3-7所示。

PS教程大礼包-第12章网页设计中的应用(三)

图12-3-7

 1/3    1 2 3 下一页 尾页

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条