PhotoShop制做gif动态广告效果示例

本文将经过三个示例介绍gif制做广告，gif 动态广告网页展现效果

米扑博客：开业了

本示例须要用到的软件环境：

MacOS High Sierra Version 10.13.4

PhotoShop CS6 13.0.6 x64

示例1：制做 gif 文字广告动图

1. 新建 180 * 60 透明背景图

2. 窗口 - 时间轴 - 建立帧动画

3. 默认第一帧，添加字体格式，输入“米扑”

4. 点击下方小箭头，新建两帧

5. 复制第一个图层“米扑”为“米扑2”，输入文字“米扑科技”，调节字体颜色

6. 复制第二个图层“米扑2”为“米扑3”，输入文字“米扑科技公司”，调节字体颜色

7. 选中所有三帧，设置间隔为“1秒”，播放循环为“永远”

8. 点击“文件” - “存储为Web所用格式”，​保存为 gif 图片

9. 查看 gif 动图的效果

示例2：制做 gif 图片广告动图（视频时间轴制做）

1. 提早准备好两张图片素材，两图之间只是稍微调整了字体颜色、字体位置

2. 新建透明 980 * 120 背景画布

3. 调整“窗口 - 时间轴”，选择“建立视频时间轴”

4. 导入准备的两张图片素材，并排两张图片，缩短播放时间轴，播放试看动画效果

5. 点击“文件” - “存储为Web所用格式”，​​保存为 gif 图片

6. 查看 gif 动图的效果

示例3：制做 gif 图片广告动图（帧动画时间轴制做）

1. 提早准备好两张图片素材，两图之间只是稍微调整了字体颜色、字体大小

2. 新建透明 258 * 258 背景画布

3. 调整“窗口 - 时间轴”，选择“建立帧动画”

4. 拖入准备的两张图片素材到画布，会自动生成两个图层

5. 点击时间轴右侧小箭头，新建一帧，每张图片对应一帧

6. 每一帧对应一张图片，用右侧图层的小眼睛控制是否显示，两帧时间间隔为“1秒”，播放循环为“永远”

7. 点击“文件” - “存储为Web所用格式”，​​保存为 gif 图片

8. 查看 gif 动图的效果

gif 动态广告网页展现效果

米扑博客：开业了

https://blog.mimvp.com/article/1.html