
【实战解析三:动图制作】
将处理好的臭豆腐、葱油粑粑、米粉图片制作成GIF动图并使其符合项目要求。
知识点
GIF动图制作。
效果描述
1.将处理好的3张图片叠放在同一个文档中,使其依次显示,以丰富视觉效果。
2.3张图片每隔0.2秒循环播放。
效果制作
第一步,在PS中导入3张图片,并将其放入同一个文档。在PS的菜单栏中选择“文件—打开”命令,或使用快捷键“Ctrl+O”导入3张图片。使用工具栏中的移动工具或快捷键“V”将3张图片拖到同一个文档中。
扫一扫

微课做中学
第二步,设置图层名称。在“图层”面板中双击“背景”层,解锁“背景”层,并给该图层命名。选择其他两个图层,同样进行双击命名的操作。将3个图层分别命名为“臭豆腐”“葱油粑粑”“米粉”。
第三步,调整图片大小。选择“臭豆腐”图层,在菜单栏中选择“编辑—自由变换”命令,或使用快捷键“Ctrl+T”调整图像的大小,使臭豆腐图像在文件中满屏显示。单击图层前面的眼睛图标,将“臭豆腐”图层隐藏。对“葱油粑粑”图层使用同样的方法进行调整。
第四步,调整图层顺序。单击图层前面的眼睛图标,使3个图层全部显示出来。单击鼠标左键选择图层,按住鼠标左键上下拖动,调整图层顺序(见图1-20)。
第五步,制作GIF动图。
首先在菜单栏中选择“窗口—时间轴”命令(见图1-21),打开“时间轴”面板,选择“创建帧动画”选项(见图1-22)。

图1-20 调整图层顺序

图1-21 选择“窗口—时间轴”命令

图1-22 选择“创建帧动画”选项
然后在“时间轴”面板的右侧单击按钮,选择“从图层建立帧”选项(见图1-23)。

图1-23 选择“从图层建立帧”选项
接下来按“Shift”键并单击“时间轴”面板中的3个缩略图,在下拉式菜单中选择“0.2”,同时调整每层显示的时间(见图1-24)。单击“时间轴”面板中的播放按钮或使用空格键试看效果。
最后在菜单栏中选择“文件—存储”命令,或使用快捷键“Ctrl+S”保存源文件。在菜单栏中选择“文件—存储副本”命令,或使用快捷键“Alt+Ctrl+S”保存GIF格式。
※实战技巧:GIF动图是一种非常流行的图像格式,凭借独特的动态效果、小巧的体积、无须额外插件的便捷性、简单的制作与编辑流程,以及多样化的应用场景,已成为最常用的图像格式之一。

图1-24 调整每层显示时间