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]
  • PS与ImageReady打造动态Logo [2]
  • ImageReady优化Web图像
  • 如何用imageready制作精美的动态文字
  • 用PhotoShop和ImageReady制作Gif动画【图解】
  • ImageReady制作像素图GIF动画
  • 热门搜索
    记性不好怎么办 2048怎么玩 雪铁龙c5怎么样 脚掌疼是怎么回事 爱信变速箱怎么样 搓捻的拼音怎么写 垂耳兔怎么养 vivo手机怎么连接电脑 电脑怎么玩手游 三毛怎么死的