亚冠

用ImageReady为网页添加翻转动画

2019-09-11 10:14:27来源:励志吧0次阅读

第一步 创建一个按钮,为它制作一个基于切片的图层 1|2|3|4|5|6|7 翻转和动画能够为网页增添生气和交互性。在Adobe® ImageReady™中,你能够设计JavaScript翻转效果而不用写一行代码,还可以用一个简单的图像创建GIF动画。我们将用本文介绍的技巧把这两种特色结合起来。我们先从简单的按钮图形开始,让在网页浏览者将鼠标经过该按钮的时候显示一个动画图像。

在ImageReady中创建一个按钮。我们用两个图层来创建按钮--一个图层建立按钮的基本形状,再在按钮上建立一个图层添加图像元素,这个图像元素就是用来制作翻转效果的。

如图,矩形框定义出按钮的范围。选择菜单栏Layer(图层)> New Layer Based Slice(切片图层)命令,为该切片建立一个图层。切片必须包含整个按钮以便翻转效果仅运用于图像的指定的区域。

孩子一晚上高烧39度5
产后小便刺痛怎么治
孩子感冒吃什么药
宝宝脾虚吃什么药
分享到: