PS与ImageReady打造动态Logo [3]

2024-10-23 05:09:45

1、在ImageReady中让虚线动起来。我们的准备工作已经做完了,下面要切换到ImageReady中制作动画。按下工具箱最底部的跳转按钮,ImageReady将自动运行,并且自动载入我们刚才准备好的文件,并且图层和蒙版等元素全都保持原貌。在Animation面板上,可以看到当前图像自动成为动画的第1帧。单击复制当前帧按钮,将建立与第1帧相同的第2帧(如图8)。 (图8)   

PS与ImageReady打造动态Logo [3]

4、我们的动画已经制作完了,下面要对输出文件进行设置。在Optimize面板上,将Setting选择为GIF Web Palette,具体设置保持默认即可(如图10)。 (图10)   

PS与ImageReady打造动态Logo [3]

6、根据具体的需要,我们还可以将虚线框外面的白边改成其他颜色或者裁切掉,以便更加适应网页设计和制作的需要。   

7、好了,动画制作完了。聪明的读者已经看出,这篇教程整个过程就是实现了一个视觉上的欺骗,只要摸清了思路,制作过程极为简单。只要开拓我们的思路,同样的例子还可以制作出多种蠕动方式的虚线框来。   

8、最后的结果是这样的:需要说明的是,第5步中,可以复制出第2帧后直接将各部分移动7像素,再在Animation面板的功能菜单中选择Tween,有软件自动生成中间的6帧——这样也许更简便,但不如一帧一帧的移动容易理解。

PS与ImageReady打造动态Logo [3]
猜你喜欢