Photoimpact6大印象之二网页图像轻松建
在上一篇中,我们已经领略到了Photoimpact6在图形处理方面的强大功能,但读完本文后,你将发现,它也是一款在网络图像应用方面有着突出优势的软件。下面就举例几种在网页制作中常用到的技术,怎么样在Photoimpact6中很容易的制作出来。
切割图像。
人们评价一个网页的漂亮与否,很大一部分因素取决于网页上使用的图片的质量。于是越来越多,越来越大的图片在页面中被使用。但这就意味着下载时间越长,因此把图片切割成小张正成为大图片应用在网页上的模式之一。Photoimpact6 的“图片切割”的功能把这项工作得以快捷的完成。
要进行图片切割,首先打开要处理的图片。打开“Web”菜单,选择“Slicer…”选项就可以调出切割图片的操作窗口。
对与任何一个有割图概念的人来说,这个窗口一点也不复杂。它提供的切割模式分为两种,一是任意方式:即中间一排的第三和第四个按钮,当你选择相应的按钮后,即可以在图片上按纵横方向切割图片,这里只能是纵横,因为它切割出来的图片是用HTML表格合并在一起的;二是统一模式:即中间一排的第六个按钮,当你选择这种方式后,你只要在它弹出的小窗口中输入要把图片切割成几行和几列,它即可按比例分割开图片。当你对它切割的效果不满意的时候,你可以随时点击“橡皮擦”按钮在所处的切割线一点,即可去除这一格的切割;或者按“清除”按钮即可清除所有的切线。
对与每一格切割出来的图片,还可以单独地加上一些信息。URL是该图片部分所指向的网络地址,Target是指定新窗口目标, Alt 是图片的文字说明,Status是当鼠标移到图片上时,在浏览器左下方状态栏显示的文字。对与有网页制作经验的人,这些概念都是在熟悉不过了的。对与切割完成的图片,可以选择输出图片的格式,可以是JPEG、GIF或PNG。设置完成后,点击OK按钮保存设置并关闭对话框。
图1
所有操作完成以后,打开“File”菜单,选择“Save for web”,再选择“As HTML”。存盘后它会自动分成一个HTML文件及一个存放切好图片的目录文件。
动态按钮。
动态按钮即悬停按钮,也是在网页设计中必不可少的元素之一。其工作原理即当鼠标浮动到一个图片上时和鼠标按下时,用另外的一个图片代替原来的图片,恰当的运用这种按钮可以使我们的网页看上去更加生动,使用 Photoimpact6可以非常方便的制作出这样的效果来。
首先,准备三张图片,放置在同一个操作窗内。依次排序,并且把它们全部选中。在EasyPalette面板中的Layer manager(层管理器)中按住Ctrl键并用鼠标依次点击每个层即可以将它们全部选中。
打开Web菜单,选择Rollover选项,将弹出动态按钮的制作窗口。如果上一步中的图片次序排列的正确,那窗口上方的三个图片依次代表原始图片、鼠标浮动上时显示的图片、鼠标按下时显示的图片。即使以前的设置不正确,也可以通过图片下的小箭头重新选择图片。并且你还可以在右边的Preview(预览)窗口中实时的测试这个按钮的效果,也可以点击下方的浏览器图标在浏览器中测试。对应与每个图片,还可以设置它们的绝对位置的数值和不同的对齐方式,使用起来真的是非常的方便。
图3
同样,和切割图片的设置一样,可以为这个按钮加上超链接等信息,还可以针对不同的图片特征,进行图片质量优化以适应网络应用。设置完成后点击OK按钮保存设置并关闭该对话框。
所有操作完成以后,打开“File”菜单,选择“Save for web”,再选择“As HTML”。存盘后也会自动分成一个HTML文件及一个存放切好图片的目录文件。要运用该按钮,只要将相应的代码和图片放到网页的适当位置就可以了。
导出网络相册。
用过Fireworks这个图形处理软件的人都知道用它可以制作网络相册,就是用相应的缩略图来代替原来的大图片,当点击略图后,将出先完整的全图,这样做的目的是加快网页显示的速度,方便使用者的浏览。其实,用Photoimapct6同样可以来制作同样网络像册,而且制作起来更加简单方便。
首先把要制作成像册的图片整理到一个单独的文件夹中。启动Photoimapct6,打开File菜单,选择Export(输出),再选择Web Album(网络像册),这时会出现对话框让你选择图片所在的文件夹,可以选择已经准备好的文件夹。
图3
点击OK后会出现输出设置面板。这里分为五个选项,分别设置网络像册输出时的各项设置。这么多设置真的很难一下子全部搞清楚,那照我看只要正确地设置这个像册最后的输出路径,以免找不到自己的“辛勤劳动成果”,其他的设置让它取默认值就可以了。
图4
点击OK键,机器就会自动处理余下的事情了。稍等片刻,在来看看生成的网络像册是怎么样子的,真不错,很专业啊。
图5
上面的例子只是反映了Photoimpact6强大的网络图像支持功能的一小部分,只要是使用过一段时间的人,都会把它当成网页制作中不可缺少的好助手。
说到这里,Photoimpact6的另外一项功能却一定不能遗漏,就是图像优化器。在上面例子的很多地方都可以调出这个工具,现在我们重新打开一个图片,打开web菜单,选择
Image Optimizer(图像优化器),调出图像优化器设置面板。
通过这个面板,可以将同一张图片分别以JPG、GIF和PNG格式输出,并对其效果进行比较和对质量进行优化。这个过程可以即时的看到显示效果和文件的信息,各种参数的调整也相当自由,即使是外行也可以轻松地完成。更绝的是,你可以限定图片的文件量,软件会自动地优化到最佳的效果,这对与那些想偷懒的人来说真是绝妙的主意啊。
看了上面的两篇文章,我们发现Photoimapct6完整地结合图像处理与网页设计的功能,让您不须要分别购买多套软件,就能同时拥有图像与网页设计所需的各项功能。同时摆脱了传统图像编辑的复杂操作方式,以完全直观的拖放式即时编辑环境,提供各项设计功能及创作工具,让用户更加专注在自我的创意中。