PhotoShop制作gif动态广告效果示例
米扑博客在上一篇博客介绍了《PhotoShop制作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
参考推荐：
Photoshop、Illustrator、CoreIDAW 区别
色彩空间中的 aRGB、HSL、HSV、HSB、Lab、CMYK
PS动画图片制作教程：设计一组转动效果的立体图形转动GIF动画
版权所有: 本文系米扑博客原创、转载、摘录，或修订后发表，最后更新于 2020-06-12 20:56:09
侵权处理: 本个人博客，不盈利，若侵犯了您的作品权，请联系博主删除，莫恶意，索钱财，感谢！