Photoimpact6大印象之二网页图像轻松建


来源:   

Photoimpact6大印象之二网页图像轻松建

在上一篇中,我们已经领略到了Photoimpact6在图形处理方面的强大功能,但读完本文后,你将发现,它也是一款在网络图像应用方面有着突出优势的软件。下面就举例几种在网页制作中常用到的技术,怎么样在Photoimpact6中很容易的制作出来。

切割图像。

人们评价一个网页的漂亮与否,很大一部分因素取决于网页上使用的图片的质量。于是越来越多,越来越大的图片在页面中被使用。但这就意味着下载时间越长,因此把图片切割成小张正成为大图片应用在网页上的模式之一。Photoimpact6 图片切割的功能把这项工作得以快捷的完成。

要进行图片切割,首先打开要处理的图片。打开“Web”菜单,选择“Slicer…”选项就可以调出切割图片的操作窗口。

对与任何一个有割图概念的人来说,这个窗口一点也不复杂。它提供的切割模式分为两种,一是任意方式:即中间一排的第三和第四个按钮,当你选择相应的按钮后,即可以在图片上按纵横方向切割图片,这里只能是纵横,因为它切割出来的图片是用HTML表格合并在一起的;二是统一模式:即中间一排的第六个按钮,当你选择这种方式后,你只要在它弹出的小窗口中输入要把图片切割成几行和几列,它即可按比例分割开图片。当你对它切割的效果不满意的时候,你可以随时点击橡皮擦按钮在所处的切割线一点,即可去除这一格的切割;或者按清除按钮即可清除所有的切线。

对与每一格切割出来的图片,还可以单独地加上一些信息。URL是该图片部分所指向的网络地址,Target是指定新窗口目标, Alt 是图片的文字说明,Status是当鼠标移到图片上时,在浏览器左下方状态栏显示的文字。对与有网页制作经验的人,这些概念都是在熟悉不过了的。对与切割完成的图片,可以选择输出图片的格式,可以是JPEGGIFPNG。设置完成后,点击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(图像优化器),调出图像优化器设置面板。

通过这个面板,可以将同一张图片分别以JPGGIFPNG格式输出,并对其效果进行比较和对质量进行优化。这个过程可以即时的看到显示效果和文件的信息,各种参数的调整也相当自由,即使是外行也可以轻松地完成。更绝的是,你可以限定图片的文件量,软件会自动地优化到最佳的效果,这对与那些想偷懒的人来说真是绝妙的主意啊。

看了上面的两篇文章,我们发现Photoimapct6完整地结合图像处理与网页设计的功能,让您不须要分别购买多套软件,就能同时拥有图像与网页设计所需的各项功能。同时摆脱了传统图像编辑的复杂操作方式,以完全直观的拖放式即时编辑环境,提供各项设计功能及创作工具,让用户更加专注在自我的创意中。

 

编辑:

相关内容

 娱乐专题

more...

高峰私生子

王伯昭被打

傅彪肝癌晚期

赵薇餐馆打人事件

《云南映象》图集

张铁林拖欠中介费

女医生状告赵忠祥

高虎被捕事件

演绎经典美丽

解读《十面埋伏》

揭示明星美丽秘诀

五颜六色娱乐圈

明星纤体大比拼

《绿茶》精彩影评

天地英雄

吕丽萍群星艺术学校被起诉

于娜出道前被包养是真是假?

香港英皇贪污丑闻追踪

多少明星追忆中

2003环球小姐大赛

 

 叨叨专栏

more...

冯小刚,你怎么敢抽"上帝"?

流氓与流氓

娱乐媒体,请站直一点

原来张铁林不是中国人!

《神雕侠侣》的悲惨前途

男人,要硬派不要阴柔

请不要随便脱裤子

李欣,《自娱自乐》的挺滋儿!

不服没用,人家就是红了!

陆毅演戏吧,别唱歌了。

 

 

 
报业集团
- 版权声明 - 广告业务 - 联系方式
Copyright (C) 2001-2002 dzwww.com. All Rights Reserved
大众报业集团网络中心主办
Email:webmaster@mail.dzdaily.com.cn