目前网页设计很常使用到的一个效果,鼠标指向与按下按钮时产生的动态效果。这个效果,其实是通过三张同样大小、同样格式的图片加上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等简便的网页编写软件的今天,这个助理还用得着吗?
相关视频
相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么
热门文章 没有查询到任何记录。
最新文章
没有查询到任何记录。
Ulead Photo硬派6制作大放送(八)图像混合魔Ulead Photo硬派6制作大放送(九)淡出花朵拼Ulead Photo硬派6制作大放送(十)项链无中生有 自造个耀眼的太阳
人气排行 Ulead系列:图像处理软件PhotoImpact 5 (一Ulead Photo硬派6制作大放送(五)燃烧的火焰Ulead Photo硬派6制作大放送(三)电影胶片Ulead系列:图像处理软件PhotoImpact 5 (二Ulead Photo硬派6制作大放送(一)企鹅贺卡Ulead系列:图像处理软件PhotoImpact 5 (三Ulead Photo硬派6制作大放送(八)图像混合魔Ulead系列:图像处理软件PhotoImpact 5 (四
查看所有0条评论>>