分类分类
关注+2004-10-08作者:蓝点
目前网页设计很常使用到的一个效果,鼠标指向与按下按钮时产生的动态效果。这个效果,其实是通过三张同样大小、同样格式的图片加上Javascript(脚本)语言实现的。现在使用PhotoImpact制作这样的效果,我们只需要处理关于图片部分就可以了,其它让它自动完成。
首先,准备三张图片,放置在同一个操作窗内,并选取它们成为物件。物件的排序就是动态效果的排序,这里为方便理解,分别把三个物件写上1、2、3的号码,依次排序即可,必须把它们全选,否则图像会重复,看不出效果。 |
选择Java Rollover Assistant进入制作窗。如果你的排序是正确的话,即可看到Default(默认)、Mouseover(指向)、Mousedown(按下)的图片;否则,你可以按图像以下的小三角型选择正确的图片。在小三角以下的X、Y坐标可以让你定位该图片的位置。URL(该按钮指向地址)、Target(目标)和Alt Text(说明)这三项均为网页方面的设置。
在窗口的右端:有预视效果,图中可见当鼠标指向时它显示第二张图片。默认背景色是白色。输出图片格式可以是JPG、GIF和PNG,均可以先进行图像优化后再存盘;最后你可以按Export(输出)为html文件或者先在浏览器中预览。
功能与技巧:建议如果要自行设计图标样式,在同一张图片中进行,这样会方便转换成物件后直接处理上述效果。
# Image Map Assistant:图像地图;*
这个功能的意思是在不分割图片的情况下,画出一个区域可指向链接。然而,在通过试验,发觉PhotoImpact这功能做得不太完善,很怀疑它怎么不把它的Ulead SmartSaver Pro这方面的功能直接修改搬到这上面来。无论怎么样,现在也先看过它是如何实现这效果的。
首先,在图片工作区上画出选取范围,然后进入Image Map Assistant窗口(上图)。在这里,写上URL、Target、Alt text的内容是对选取范围起效的。而在Type里可点选该选取范围的所属类型,例如矩形、圆形、多边形。这些都选择正确以后即可看到它对应的html语言,即HTML codes。然后按输出即可输出网页文件,但你也可以将这网页代码复制出来(按copy HTML按钮)。同样可选择三种输出图片格式。
功能与技巧:说了以上的操作方法,也许你会发觉,怎么只能画一个区域?是的,笔者也同样感到费解。要解决这个问题,只有在输出一个html文件以后,退回图片工作区再进行选取其它区域,再进入Image Map Assistant,得出一个HTML codes复制并粘贴到刚才输出的网页文件中……比较麻烦。
# HTML Assistant:HTML助理;*
PhotoImpact似乎有点想跨越其图像处理软件的界限,又或者它是为了加强它在网页方面的功能,因而有了这个HTML助理。
上图中可以看到它主要是设定网页标签,如文字颜色、链接颜色和图像标签等的HTML语言。把这些设定输出到粘贴板再贴到你应用的网页上。然而在有了Dreamweaver、frontpage等简便的网页编写软件的今天,这个助理还用得着吗?
相关文章
更多+相同厂商
热门推荐
点击查看更多
点击查看更多
点击查看更多
说两句网友评论